feat: 首页&&测肤记录

.gitignore

@@ -0,0 +1,14 @@
+# Windows
+[Dd]esktop.ini
+Thumbs.db
+$RECYCLE.BIN/
+
+# macOS
+.DS_Store
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+
+# Node.js
+/node_modules

package.json

@@ -11,7 +11,7 @@
     "test2": "vue-cli-service test:unit"
   },
   "dependencies": {
-    "axios": "^0.18.0",
+    "axios": "^0.27.2",
     "crypto-js": "^3.1.9-1",
     "element-ui": "^2.8.2",
     "vue": "^2.6.6",

src/common/auth.js

@@ -1,32 +1,32 @@
-import {logFlag, logPath} from '@/config/env'
+import { logFlag, logPath } from '@/config/env'
 let isFirst = false;
 export default (router, hasLogin) => {
-    router.beforeEach((to, from, next)=>{
-        if (to.meta.title) {
-            document.title = to.meta.title;
-        }
-        isFirst = globalVue ? false : true;
-        if(to.meta.auth && !hasLogin){ //需要登录而未登录
-            let backUrl = _getTargetUrl(to, from);
-            tool.toLogin(backUrl);//如果不加backUrl则登录回调会跳转到前一个页面
-        } else{
-            next()
-        }
-    })
+  router.beforeEach((to, from, next) => {
+    if (to.meta.title) {
+      document.title = to.meta.title;
+    }
+    isFirst = globalVue ? false : true;
+    if (to.meta.auth && !hasLogin) { //需要登录而未登录
+      let backUrl = _getTargetUrl(to, from);
+      tool.toLogin(backUrl);//如果不加backUrl则登录回调会跳转到前一个页面
+    } else {
+      next()
+    }
+  })
 }
 
-function _getTargetUrl(to, from){
-    let backUrl = location.href.split("?")[0];
-    if(!isFirst){ //只有非首次进入才做处理
-        if(from.path === '/' && to.path != '/'){ //首页到其它页
-            backUrl += to.path.slice(1);
-        } else{ //其它页互相跳（包括跳到首页）
-            backUrl = backUrl.replace(from.path, to.path);
-        }
+function _getTargetUrl (to, from) {
+  let backUrl = location.href.split("?")[0];
+  if (!isFirst) { //只有非首次进入才做处理
+    if (from.path === '/' && to.path != '/') { //首页到其它页
+      backUrl += to.path.slice(1);
+    } else { //其它页互相跳（包括跳到首页）
+      backUrl = backUrl.replace(from.path, to.path);
     }
+  }
 
-    if(location.search){
-        backUrl += location.search;
-    }
-    return backUrl;
+  if (location.search) {
+    backUrl += location.search;
+  }
+  return backUrl;
 }

src/common/index.js

@@ -1,10 +1,12 @@
 // 全局注入 
-import {injectTool} from './tool'
+import { injectTool } from './tool'
 import injectHttp from './http'
 import errorLog from './errorHandler.js'
+import utils from './utils'
 
 export const injectGlobal = () => {
-	injectTool();
-	injectHttp();
-	errorLog();
+  injectTool();
+  injectHttp();
+  utils()
+  // errorLog();
 }

src/common/utils.js

@@ -0,0 +1,12 @@
+// 自定义全局方法封装
+const utils = {
+  test: function () { },
+  isBack: false
+
+}
+
+export default () => {
+  if (typeof window.utils == 'undefined') {
+    window.utils = utils
+  }
+}

src/components/common/layout/layout.vue

@@ -1,11 +1,17 @@
 <template>
   <div class="layout">
     <div class="menu-wrapper">
-      <left-menu :isCollapse='isFold' @changeMenu="changeMenu"></left-menu>
+      <left-menu :isCollapse='isFold'
+                 @changeMenu="changeMenu"></left-menu>
     </div>
     <div class="content">
       <header :style="menuIndex==0?'justify-content: space-between;':''">
-        <div class="left" v-if="menuIndex==0">
+        <div class="back-icon"
+             v-if="isback"
+             @click="goBack"><img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/back.png"
+               alt=""></div>
+        <div class="left"
+             v-if="menuIndex==0">
           <div class="address">JOLIJOLI（西安）</div>
         </div>
         <div class="right">
@@ -23,24 +29,25 @@
 <script type="text/javascript">
 import leftMenu from './leftMenu'
 import api from '@/server/home'
-import {mapState} from 'vuex'
+import { mapState } from 'vuex'
 
 export default {
-  data() {
+  data () {
     return {
       isFold: false,    //导航菜单面板是否折叠
       userId: 0,
-      menuIndex:0,
+      menuIndex: 0,
+      isback: false
     }
   },
-  created() {
+  created () {
     this.initData();
   },
   components: {
     leftMenu,
   },
   methods: {
-    initData() {
+    initData () {
       let sskey = tool.getYdUserKey("session_key");
       let userId = tool.getYdUserKey('user_id');
       let enterprise_id = tool.getYdUserKey('enterprise_id');
@@ -49,9 +56,9 @@ export default {
         return;
       }
       this.userId = userId;
-      this.$router.replace('/home');
+      // this.$router.replace('/home');
     },
-    loginOut() {
+    loginOut () {
       let keys = document.cookie.match(/[^ =;]+(?=\=)/g);
       if (keys) {
         for (let i = keys.length; i--;)
@@ -59,13 +66,16 @@ export default {
       }
       tool.toLogin();
     },
-    changeMenu(index){
+    changeMenu (index) {
       this.menuIndex = index
+    },
+    goBack () {
+      this.$router.back()
     }
   },
   computed: {
     ...mapState(['user']),
-    routerItems() {
+    routerItems () {
       let resultArr = [];
       let routeNow = this.$route;
       let RootName = routeNow.matched[0].name; //当前路由的根路由name
@@ -100,13 +110,13 @@ export default {
   height: 100%;
   text-align: center;
   overflow: auto;
-  background-color: #FA7D22;
+  background-color: #fa7d22;
 
   .el-menu {
-    background-color: #FA7D22;
+    background-color: #fa7d22;
 
     .el-menu-item {
-      color: #eee
+      color: #eee;
     }
   }
 }
@@ -119,7 +129,7 @@ export default {
   header {
     line-height: 50px;
     font-size: 16px;
-    color: #409EFF;
+    color: #409eff;
     padding: 0 28px 0 13px;
     border-bottom: 1px solid #e5e5e5;
     height: 60px;
@@ -128,7 +138,14 @@ export default {
     justify-content: right;
 
     position: relative;
-    .left{
+    .back-icon {
+      position: absolute;
+      left: 19px;
+      img {
+        width: 16px;
+      }
+    }
+    .left {
       font-size: 14px;
       font-family: SourceHanSansCN-Regular, SourceHanSansCN;
       font-weight: 400;
@@ -148,12 +165,12 @@ export default {
           display: block;
         }
       }
-      .head-img{
+      .head-img {
         margin-left: 19px;
         width: 28px;
         height: 28px;
         border-radius: 50%;
-        img{
+        img {
           width: 100%;
           display: block;
         }
@@ -166,7 +183,7 @@ export default {
     width: 100%;
     overflow: auto;
     padding: 20px;
-    background-color: #F7F8FA;
+    background-color: #f7f8fa;
   }
 }
 </style>

src/components/common/layout/leftMenu.vue

@@ -7,9 +7,11 @@
            style="width: 115px;"
            router>
     <div class="logo">
-      <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/logo.png" alt="">
+      <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/logo.png"
+           alt="">
     </div>
-    <div v-for="(item,index1) in menu" :key="index1">
+    <div v-for="(item,index1) in menu"
+         :key="index1">
       <!--      <el-submenu :index="index1+'a'" v-if="item.children && item.children.length > 0">-->
       <!--        <template slot="title">-->
       <!--          <i :class="item.icon"></i>-->
@@ -22,7 +24,10 @@
       <!--          </el-menu-item>-->
       <!--        </div>-->
       <!--      </el-submenu>-->
-      <div class="el-menu-item" @click="handleSelect(index1,item)" :index="item.path" :class="index1==nowIndex?'active':''"
+      <div class="el-menu-item"
+           @click="handleSelect(index1,item)"
+           :index="item.path"
+           :class="index1==nowIndex?'active':''"
            :style="index1+1==nowIndex?'padding-bottom:0px':index1-1==nowIndex?'padding-top:0px':''">
         <img :src="index1==nowIndex?item.icon:item.unicon"><span slot="title">{{ item.name }}</span>
       </div>
@@ -34,7 +39,7 @@
 // import memberLogic from '@/server/memberLogic.js'
 export default {
   props: ['isCollapse'],
-  data() {
+  data () {
     return {
       menu: [
         {
@@ -62,11 +67,11 @@ export default {
           name: "历史订单",
           path: "/historicalOrder",
           unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unhistory.png',
-          icon:'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/history.png',
+          icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/history.png',
         }, {
           name: "确定订单",
           path: "/confirmOrder",
-          unicon:'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unconfirmOrder.png',
+          unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unconfirmOrder.png',
           icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/confirmOrder.png'
         }, {
           name: "门店检测",
@@ -78,16 +83,23 @@ export default {
       nowIndex: 0
     }
   },
-  mounted() {
-
+  mounted () {
+    let patname = `/${window.location.pathname.split('/')[1]}`
+    console.log(patname, 'patname');
+    this.menu.forEach((item, index) => {
+      if (patname == item.path) {
+        this.nowIndex = index
+        this.$emit('changeMenu', index)
+      }
+    })
   },
   methods: {
-    handleSelect(index,item) {
+    handleSelect (index, item) {
       this.nowIndex = index
       this.$router.push({
-        path:item.path
+        path: item.path
       })
-      this.$emit('changeMenu',index)
+      this.$emit('changeMenu', index)
     }
   }
 }
@@ -101,16 +113,16 @@ export default {
   img {
     width: 60px;
     height: 60px;
-
   }
 }
 
 .active {
   line-height: 46px !important;
-  background: url("https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/select_icon.png") no-repeat;
+  background: url("https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/select_icon.png")
+    no-repeat;
   background-size: 100% 100%;
-  background-color: #FA7D22 !important;
-  color: #FA7D22 !important;
+  background-color: #fa7d22 !important;
+  color: #fa7d22 !important;
 }
 
 .el-menu-item {
@@ -121,7 +133,7 @@ export default {
   line-height: initial;
   padding: 13px 0;
   cursor: none;
-  color: #FFFFFF;
+  color: #ffffff;
 
   img {
     width: 20px;

src/main.js

@@ -4,7 +4,7 @@ import router from './router/index'
 import store from './store/index'
 import login from './common/login'
 import auth from './common/auth'
-import {injectGlobal} from './common/'
+import { injectGlobal } from './common/'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import './style/reset.less'
@@ -18,13 +18,13 @@ Vue.use(ElementUI)
 
 window.globalVue = "";
 // login((hasLogin)=>{
-	auth(router);
-	Vue.config.productionTip = false
-	const globalVue = new Vue({
-		router,
-		store,
-		render: h => h(App)
-	}).$mount('#app')
-	window.globalVue = globalVue;
-	window.ydStorage && ydStorage.postItem();
+auth(router);
+Vue.config.productionTip = false
+const globalVue = new Vue({
+  router,
+  store,
+  render: h => h(App)
+}).$mount('#app')
+window.globalVue = globalVue;
+window.ydStorage && ydStorage.postItem();
 // });

src/pages/testSkin/details/index.vue

@@ -1,25 +1,169 @@
 <template>
   <div class="mine">
-    <div class=""></div>
+    <div class="left">
+      <div class="user-info">
+        <div class="user-img"><img :src="userInfo.image"
+               alt=""></div>
+        <div class="user-span">
+          <div class="name">昵称:<span>{{userInfo.name}}</span></div>
+          <div class="sex">性别：<span>{{userInfo.sex}}</span></div>
+          <div class="age">肤龄：<span>{{userInfo.age}}</span></div>
+          <div class="skin-type">肤质：<span>{{userInfo.skinType}}</span></div>
+        </div>
+      </div>
+      <div class="user-record">
+        <div class="fraction">
+          <div class="title">肌肤得分</div>
+          <div class="num">37分</div>
+        </div>
+        <div class="status">
+          <div class="title">皮肤状态</div>
+          <div class="tips">肤质一般</div>
+        </div>
+        <div class="times">
+          <div class="title">上传检测时间</div>
+          <div class="ts">2022.04.18 16:04</div>
+        </div>
+      </div>
+      <div class="summary">
+        <div class="left-title">皮肤总结</div>
+        <div class="summary-list">
+          <div class="summary-info">
+            <div class="result">
+              <div class="result-left">
+                <div class="title">RGB毛孔：</div>
+                <div class="tips">粗大毛孔个数144</div>
+              </div>
+              <div class="right">
+                <span>粗大毛孔个数：144个</span><br>
+                <span>中等毛孔个数：409个</span><br>
+                <span>细小毛孔个数：299个</span>
+              </div>
+            </div>
+            <div class="bottom-tips">
+              <span>皮肤状态一般，污物阻塞导致，油脂分泌旺盛，皮肤状态一般，污物阻塞导致，油脂分泌旺盛</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="right">
+      <div class="lable">
+        <div class="lable-title">
+          面诊标签
+        </div>
+        <div class="lable-list">
+          <div v-for="(item,index) in lableList"
+               :key="index"
+               :class="['lable-info', item.disabled?'active':'']">
+            {{item.text}}
+          </div>
+          <div class="add-lable">
+            +
+          </div>
+        </div>
+        <div class="lable-title">
+          备注
+        </div>
+        <div class="remarks">
+          <el-input type="textarea"
+                    autosize
+                    resize="none"
+                    placeholder="多行输入"
+                    v-model="remarks">
+          </el-input>
+        </div>
+      </div>
+      <div class="programme">
+        <div class="tab">
+          <div class="tab-title">执行方案</div>
+          <div class="add">新增</div>
+        </div>
+        <div class="programme-list">
+          <div class="programme-info">
+            <div class="programme-left"></div>
+            <div class="programme-right"></div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { mapActions } from 'vuex'
 export default {
   components: {},
-  data() {
-    return {};
+  data () {
+    return {
+      userInfo: {
+        image: "https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png",
+        name: '张三',
+        sex: '女',
+        age: '23',
+        skinType: '中性皮肤'
+      },
+      lableList: [
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: true
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+        {
+          text: '对话框的',
+          disabled: false
+        },
+      ],
+      remarks: '',
+
+    };
+  },
+  computed: {
+
   },
-  computed: {},
   watch: {},
 
-  methods: {},
+  methods: {
+  },
+
+  created () {
+
 
-  created() {
 
   },
 
-  mounted() {
+  mounted () {
 
   },
 }
@@ -27,5 +171,236 @@ export default {
 </script>
 
 <style lang='less' scoped>
+.mine {
+  height: 100%;
+  display: flex;
+  .left {
+    width: 318px;
+    padding: 12px 12px 0 12px;
+    background: #ffffff;
+    box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);
+    border-radius: 8px;
+    font-size: 13px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #999999;
+    line-height: 18px;
+    height: 100%;
+    .user-info {
+      display: flex;
+      align-items: center;
+      .user-img {
+        width: 96px;
+        img {
+          width: 100%;
+          display: block;
+        }
+      }
+      .user-span {
+        margin-left: 12px;
 
+        span {
+          color: #333333;
+        }
+      }
+    }
+    .user-record {
+      margin-top: 16px;
+      display: flex;
+      justify-content: space-between;
+      .num {
+        font-size: 18px;
+        font-family: OPPOSans-B, OPPOSans;
+        font-weight: normal;
+        color: #333333;
+        line-height: 29px;
+      }
+      .tips {
+        font-size: 13px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #333333;
+        line-height: 30px;
+      }
+      .ts {
+        font-size: 13px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #333333;
+        line-height: 30px;
+      }
+    }
+    .summary {
+      .left-title {
+        margin-top: 10px;
+        font-size: 14px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        line-height: 20px;
+      }
+      .summary-list {
+        margin-top: 10px;
+        height: 280px;
+        overflow: scroll;
+        .summary-info {
+          border-radius: 4px;
+          margin-bottom: 20px;
+          border: 1px solid #f5f5f5;
+          .result {
+            padding: 10px;
+            display: flex;
+            justify-content: space-between;
+            align-content: center;
+            .result-left {
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              .title {
+                font-size: 14px;
+
+                color: #666666;
+                line-height: 20px;
+              }
+              .tips {
+                font-size: 18px;
+                color: #fa7d22;
+                line-height: 25px;
+              }
+            }
+            .right {
+              font-size: 12px;
+              transform: scale(0.83);
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #666666;
+              line-height: 16px;
+            }
+          }
+          .bottom-tips {
+            padding: 6px 10px;
+            font-size: 10px;
+            font-family: PingFang-SC-Regular, PingFang-SC;
+            font-weight: 400;
+            color: #333333;
+            line-height: 14px;
+            background: #f5f5f5;
+            border-radius: 4px;
+            span {
+              display: block;
+              zoom: 0.83;
+            }
+          }
+        }
+      }
+    }
+  }
+  .right {
+    margin-left: 18px;
+    flex: 1;
+    .lable {
+      width: 100%;
+      height: 230px;
+      overflow: scroll;
+      padding: 12px;
+      background: #ffffff;
+      box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);
+      border-radius: 8px;
+      .lable-title {
+        font-size: 14px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        line-height: 20px;
+        margin-bottom: 14px;
+      }
+      .lable-list {
+        width: 100%;
+        min-height: 105rpx;
+        .lable-info {
+          display: inline-block;
+          padding: 0 12px;
+          margin-left: 10px;
+          height: 24px;
+          line-height: 24px;
+          border-radius: 2px;
+          border: 1px solid #d6d6d6;
+          margin-bottom: 10px;
+        }
+        .add-lable {
+          display: inline-block;
+          width: 27px;
+          height: 24px;
+          line-height: 24px;
+          font-size: 12px;
+          font-family: PingFang-SC-Regular, PingFang-SC;
+          font-weight: 400;
+          color: #333333;
+          text-align: center;
+          margin-left: 10px;
+          border-radius: 2px;
+          border: 1px solid #d6d6d6;
+        }
+        .active {
+          background: url(https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/%E9%80%89%E4%B8%AD2%402x.png)
+            no-repeat;
+          background-size: 100% 100%;
+          border: 0px solid #d6d6d6;
+        }
+      }
+      .remarks {
+        /deep/ .el-textarea__inner:focus {
+          border-color: #fa852f;
+        }
+      }
+    }
+    .programme {
+      margin-top: 18px;
+      width: 100%;
+      height: 208px;
+      background: #ffffff;
+      box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);
+      border-radius: 8px;
+      .tab {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 14px 12px 0 12px;
+        .tab-title {
+          font-size: 14px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #333333;
+          line-height: 20px;
+        }
+        .add {
+          width: 60px;
+          height: 28px;
+          line-height: 28px;
+          background: #fa7d22;
+          border-radius: 8px;
+          font-size: 14px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #ffffff;
+          text-align: center;
+        }
+      }
+      .programme-list {
+        margin-top: 10px;
+        .programme-info {
+          padding: 8px 10px;
+          margin-bottom: 10px;
+          display: flex;
+          align-items: center;
+          .programme-left {
+            flex: 1;
+          }
+          .programme-right {
+            flex: 1;
+          }
+        }
+      }
+    }
+  }
+}
 </style>

src/router/map/home.js

@@ -1,7 +1,7 @@
 /**
  * Created by ZhongquanHe on 2019/04/29.
  */
-import layout from '@/components/common/layout/layout' 
+import layout from '@/components/common/layout/layout'
 import Home from '@/pages/home/index.vue'
 import TestSkin from '@/pages/testSkin/index'
 import TestSkinDetails from '@/pages/testSkin/details'
@@ -11,18 +11,18 @@ import ConfirmOrder from '@/pages/confirmOrder/index'
 import StoreDetection from '@/pages/storeDetection/index'
 import Coupon from '@/pages/coupon/index'
 export default {
-	path: '/',
-	name: '首页',
-	component:layout,
-	children:[
-		{path:'/home', component:Home},
-		{path:'/testSkin',component:TestSkin },
-		{path:'/testSkin/details',component: TestSkinDetails},
-		{path:'/customerMan',component:CustomerMan },
-		{path: '/historicalOrder',component: HistoricalOrder},
-		{path: '/confirmOrder',component: ConfirmOrder},
-		{path: '/storeDetection',component: StoreDetection},
-		{path:'/coupon',component: Coupon},
+  path: '/',
+  name: '首页',
+  component: layout,
+  children: [
+    { path: '/home', component: Home },
+    { path: '/testSkin', component: TestSkin },
+    { path: '/testSkin/details', component: TestSkinDetails },
+    { path: '/customerMan', component: CustomerMan },
+    { path: '/historicalOrder', component: HistoricalOrder },
+    { path: '/confirmOrder', component: ConfirmOrder },
+    { path: '/storeDetection', component: StoreDetection },
+    { path: '/coupon', component: Coupon },
 
-    ]
+  ]
 }

src/store/modules/comVal.js

@@ -1,23 +1,23 @@
 const state = {
-    name:666,
-    isBack:false
+  name: 666
 }
 
 const actions = {
-    saveCommonValue({commit},value) {
-        commit('SAVE_COMMON_VALUE', value);
-	}
+  saveCommonValue ({ commit }, value) {
+    commit('SAVE_COMMON_VALUE', value);
+
+  }
 }
 
 const mutations = {
-    SAVE_COMMON_VALUE(state, obj) {
-        state[obj.key] = obj.value;
-        // state.data = data;
-    },
+  SAVE_COMMON_VALUE (state, obj) {
+    state[obj.key] = obj.value;
+    // state.data = data;
+  }
 }
 
 export default {
-    state,
-    actions,
-    mutations
+  state,
+  actions,
+  mutations
 }