update: 完成

dist/static/css/public.css

@@ -148,7 +148,7 @@ a.a-href {
 }
 
 a.a-href:hover {
-  color: #1890ff;
+  color: #2F54EB;
 }
 
 li {
@@ -728,7 +728,7 @@ i {
 
 /* 颜色 */
 .color-1890ff {
-  color: #1890ff;
+  color: #2F54EB;
 }
 
 .color-303133 {

dist/static/css/variable.less

 @base-color: #353944;
 @hover-color: #3c92eb;
 @hoverbg-color: #20242d;
-@main-color: #1890ff;
+@main-color: #2F54EB;
 @navbgcolor: #04143a;
 @sidebgcolor: #343c4c;
 @userinfobgcolor: #ecf5ff;

dist/static/img/add-hover.svg

@@ -8,7 +8,7 @@
             <g id="Dialog-对话框/表单" transform="translate(395.000000, 435.000000)">
                 <g id="添加-加号-无边框" transform="translate(24.000000, 87.000000)">
                     <rect id="矩形" fill="#E9F4FF" x="0" y="0" width="40" height="40" rx="4"></rect>
-                    <path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#1890FF"></path>
+                    <path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#2F54EB"></path>
                 </g>
             </g>
         </g>

dist/static/tinymce/skins/lightgray/skin.min.css

@@ -830,7 +830,7 @@ div.mce-fullscreen {
 }
 
 .mce-close:hover i {
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-window-head .mce-title {
@@ -854,14 +854,14 @@ div.mce-fullscreen {
 }
 
 .mce-foot .mce-btn.mce-last:hover {
-    color: #1890ff;
-    border-color: #1890ff;
+    color: #2F54EB;
+    border-color: #2F54EB;
     background-color: #fff;
 }
 
 .mce-foot .mce-btn.mce-last:hover button .mce-txt {
-    color: #1890ff;
-    border-color: #1890ff;
+    color: #2F54EB;
+    border-color: #2F54EB;
     background-color: #fff;
 }
 
@@ -1275,25 +1275,25 @@ html .mce-abs-layout-item,
     /* background: white;
   color: #595959;
   border-color: #e2e4e7*/
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-btn:hover button .mce-preview,
 .mce-btn:active button .mce-preview {
-    color: #1890ff;
-    background: #1890ff;
+    color: #2F54EB;
+    background: #2F54EB;
 }
 
 .mce-btn:focus button .mce-ico {
     /*background: white;
   color: #595959;
   border-color: #e2e4e7*/
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-btn:focus button .mce-preview {
-    color: #1890ff;
-    background: #1890ff;
+    color: #2F54EB;
+    background: #2F54EB;
 }
 
 .mce-btn.mce-disabled button,
@@ -1321,7 +1321,7 @@ html .mce-abs-layout-item,
     -moz-box-shadow: none;
     box-shadow: none;
     background: #fff;
-    color: #1890ff;
+    color: #2F54EB;
     border-color: transparent
 }
 
@@ -1329,7 +1329,7 @@ html .mce-abs-layout-item,
 .mce-btn.mce-active:hover button,
 .mce-btn.mce-active i,
 .mce-btn.mce-active:hover i {
-    color: #1890ff
+    color: #2F54EB
 }
 
 .mce-btn:hover .mce-caret {
@@ -1338,7 +1338,7 @@ html .mce-abs-layout-item,
 
 .mce-btn.mce-active .mce-caret,
 .mce-btn.mce-active:hover .mce-caret {
-    border-top-color: #1890ff
+    border-top-color: #2F54EB
 }
 
 .mce-btn button {
@@ -1370,13 +1370,13 @@ html .mce-abs-layout-item,
     color: white;
     border: 1px solid transparent;
     border-color: transparent;
-    background-color: #1890ff;
+    background-color: #2F54EB;
 }
 
 .mce-primary:hover,
 .mce-primary:focus {
-    background: #40a9ff;
-    border-color: #40a9ff;
+    background: #597EF7;
+    border-color: #597EF7;
     color: #fff;
 }
 
@@ -1394,7 +1394,7 @@ html .mce-abs-layout-item,
 .mce-primary.mce-active,
 .mce-primary.mce-active:hover,
 .mce-primary:not(.mce-disabled):active {
-    background-color: #1890ff;
+    background-color: #2F54EB;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
@@ -2596,11 +2596,11 @@ i.mce-i-resize {
     border-bottom-color: transparent;
     margin-bottom: -1px;
     height: 14px;
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-tab:focus {
-    /* color: #1890ff; */
+    /* color: #2F54EB; */
 }
 
 .mce-rtl .mce-tabs {
@@ -2632,7 +2632,7 @@ i.mce-i-resize {
 
 .mce-textbox:focus,
 .mce-textbox.mce-focus {
-    border-color: #1890ff;
+    border-color: #2F54EB;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none

src/components/active-config/active-step.vue

@@ -127,13 +127,13 @@ export default {
     &.active-step {
       .active-step-cell_inner {
         .active-step-cell_line {
-          background: #1890ff;
+          background: #2F54EB;
         }
         .active-step-cell_title {
           .el-step__icon {
             color: #fff;
-            border-color: #1890ff;
-            background: #1890ff;
+            border-color: #2F54EB;
+            background: #2F54EB;
           }
           .active-step-cell_txt {
             color: #303133;
@@ -144,18 +144,18 @@ export default {
     &.active-hasset {
       .active-step-cell_inner {
         .active-step-cell_line {
-          background: #1890ff;
+          background: #2F54EB;
         }
         .active-step-cell_title {
           .el-step__icon {
             color: #fff;
-            border-color: #1890ff;
-            background: #1890ff;
+            border-color: #2F54EB;
+            background: #2F54EB;
           }
           .el-icon-check {
             width: 98%;
             height: 98%;
-            color: #1890ff;
+            color: #2F54EB;
             background: #fff;
             border-radius: 50%;
           }

src/components/active-config/center-config.vue

@@ -199,7 +199,7 @@ export default {
     return {
       activeInfoData: {
         headUrl: '',
-        shareBackColor: '#1890ff',
+        shareBackColor: '#2F54EB',
         shareFontColor: '#ffffff',
         shareButtonFont: '立即分享赢福利',
         activityIntroduceMode: '1',

src/components/active-config/configs/competition-award.vue

@@ -933,7 +933,7 @@ export default {
             bottom: -6px;
             width: 32px;
             height: 20px;
-            background: #1890ff;
+            background: #2F54EB;
             text-align: center;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
@@ -983,7 +983,7 @@ export default {
         .common-cell-check {
           .common-cell-triangle {
             .common-cell-outer {
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 color: #fff;
               }

src/components/active-config/configs/consume-config.vue

@@ -455,7 +455,7 @@ export default {
             bottom: -6px;
             width: 32px;
             height: 20px;
-            background: #1890ff;
+            background: #2F54EB;
             text-align: center;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
@@ -505,7 +505,7 @@ export default {
         .common-cell-check {
           .common-cell-triangle {
             .common-cell-outer {
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 color: #fff;
               }
@@ -534,7 +534,7 @@ export default {
     background: rgba(245, 247, 250, 1);
     .store-title-name {
       padding-bottom: 3px;
-      border-bottom: 2px dotted #1890ff;
+      border-bottom: 2px dotted #2F54EB;
     }
     .store-select-body {
       margin-top: 20px;

src/components/active-config/configs/entry-award.vue

@@ -617,7 +617,7 @@ export default {
             bottom: -6px;
             width: 32px;
             height: 20px;
-            background: #1890ff;
+            background: #2F54EB;
             text-align: center;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
@@ -667,7 +667,7 @@ export default {
         .common-cell-check {
           .common-cell-triangle {
             .common-cell-outer {
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 color: #fff;
               }

src/components/active-config/configs/fraud-control.vue

@@ -417,7 +417,7 @@ export default {
             bottom: -6px;
             width: 32px;
             height: 20px;
-            background: #1890ff;
+            background: #2F54EB;
             text-align: center;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
@@ -467,7 +467,7 @@ export default {
         .common-cell-check {
           .common-cell-triangle {
             .common-cell-outer {
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 color: #fff;
               }

src/components/active-config/configs/spot-award.vue

@@ -689,7 +689,7 @@ export default {
             bottom: -6px;
             width: 32px;
             height: 20px;
-            background: #1890ff;
+            background: #2F54EB;
             text-align: center;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
@@ -739,7 +739,7 @@ export default {
         .common-cell-check {
           .common-cell-triangle {
             .common-cell-outer {
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 color: #fff;
               }

src/components/active-config/poster-config.vue

@@ -468,7 +468,7 @@ export default {
                 bottom: -6px;
                 width: 32px;
                 height: 20px;
-                background: #1890ff;
+                background: #2F54EB;
                 text-align: center;
                 -webkit-transform: rotate(-45deg);
                 -moz-transform: rotate(-45deg);

src/components/active-config/reward-config.vue

@@ -2010,7 +2010,7 @@ export default {
               top: 0px;
               left: 7px;
               font-size: 12px;
-              color: #1890ff;
+              color: #2F54EB;
               -webkit-transform: rotate(45deg);
               -moz-transform: rotate(45deg);
               transform: rotate(45deg);
@@ -2071,7 +2071,7 @@ export default {
         .common-cell-check {
           .common-cell-triangle {
             .common-cell-outer {
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 color: #fff;
               }

src/components/active/active-select.vue

@@ -997,7 +997,7 @@ export default {
         .common-cell-check {
           .common-cell-triangle {
             .common-cell-outer {
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 color: #fff;
               }
@@ -1067,7 +1067,7 @@ export default {
           .common-cell-triangle {
             .common-cell-outer {
               width: 50px;
-              background: #1890ff;
+              background: #2F54EB;
               i {
                 left: 20px;
                 color: #fff;

src/components/active/data-statistics.vue

@@ -91,7 +91,7 @@ export default {
     this.chartSettings = {
       //showLine: ['传播系数']
     };
-    this.colors = ['#1890FF', '#5AD8A6', '#FF6383'];
+    this.colors = ['#2F54EB', '#5AD8A6', '#FF6383'];
     return {};
   }
   /* methods() {

src/components/data-details/card-log.vue

@@ -16,6 +16,7 @@ import cardLog from '@/components/data-details/card-log.vue';
     <el-table
       class="select-table"
       ref="multipleTable"
+      v-loading="loading"
       :data="tableData"
       tooltip-effect="dark"
       :style="{ width: '100%', minHeight: tableH }"
@@ -108,6 +109,7 @@ export default {
         '5': '卡券领取',
         '6': '消费'
       },
+      loading: false
 
     };
   },
@@ -142,6 +144,7 @@ export default {
         pageSize: that.pageSize,
         awardType: 2
       };
+      this.loading=true;
       getRequest('/sharing-core-web/page-activity-invited-log', para)
         .then(res => {
           let resData = res.data;
@@ -157,7 +160,9 @@ export default {
             duration: 1000,
             message: error.message
           });
-        });
+        }).finally(()=>{
+          this.loading=false;
+        })
     }
   },
   mounted() {

src/components/data-details/invite-log.vue

@@ -17,6 +17,7 @@ import inviteLog from '@/components/data-details/invite-log.vue';
       class="select-table"
       ref="multipleTable"
       :data="tableData"
+      v-loading="loading"
       tooltip-effect="dark"
       :style="{ width: '100%', minHeight: tableH }"
       @sort-change='sortColumn'
@@ -94,6 +95,7 @@ export default {
       total: 0,
       createTimeSort: '',
       transNameSort: '',
+      loading: false
     };
   },
   methods: {
@@ -151,6 +153,7 @@ export default {
         createTimeSort: that.createTimeSort,
         transNameSort: that.transNameSort
       };
+      this.loading=true;
       getRequest('/sharing-core-web/page-activity-invited', para)
         .then(res => {
           let resData = res.data;
@@ -166,7 +169,9 @@ export default {
             duration: 1000,
             message: error.message
           });
-        });
+        }).finally(()=>{
+          this.loading=false;
+        })
     }
   },
   mounted() {

src/components/data-details/invite-table.vue

@@ -17,6 +17,7 @@ import inviteTable from '@/components/data-details/invite-table.vue';
       class="select-table"
       ref="multipleTable"
       :data="tableData"
+       v-loading="loading"
       tooltip-effect="dark"
       :style="{ width: '100%' }"
       @sort-change='sortColumn'
@@ -119,7 +120,8 @@ export default {
       createTimeSort: '1',
       totalTransPersonNumSort: '',
       sumPointsSort: '',
-      sumCardNumSort: ''
+      sumCardNumSort: '',
+      loading: false
     };
   },
   methods: {
@@ -196,6 +198,7 @@ export default {
         sumPointsSort: that.sumPointsSort,
         sumCardNumSort: that.sumCardNumSort
       };
+      this.loading=true;
       getRequest('/sharing-core-web/page-activity-invite', para)
         .then(res => {
           let resData = res.data;
@@ -211,7 +214,9 @@ export default {
             duration: 1000,
             message: error.message
           });
-        });
+        }).finally(()=>{
+          this.loading=false
+        })
     }
   },
   mounted() {

src/components/data-details/invited-table.vue

@@ -16,6 +16,7 @@ import invitedTable from '@/components/data-details/invited-table.vue';
     <el-table
       class="select-table"
       ref="multipleTable"
+      v-loading="loading"
       :data="tableData"
       tooltip-effect="dark"
       :style="{ width: '100%' }"
@@ -105,7 +106,8 @@ export default {
       currentPage: 1,
       pageSize: 20,
       total: 0,
-      createTimeSort: '1'
+      createTimeSort: '1',
+      loading: false
     };
   },
   methods: {
@@ -155,6 +157,7 @@ export default {
         pageSize: that.pageSize,
         createTimeSort: that.createTimeSort
       };
+      this.loading=true;
       getRequest('/sharing-core-web/page-activity-invited', para)
         .then(res => {
           let resData = res.data;
@@ -170,7 +173,9 @@ export default {
             duration: 1000,
             message: error.message
           });
-        });
+        }).finally(()=>{
+          this.loading=false
+        })
     }
   },
   mounted() {

src/components/data-details/point-log.vue

@@ -17,6 +17,7 @@ import pointLog from '@/components/data-details/point-log.vue';
       class="select-table"
       ref="multipleTable"
       :data="tableData"
+      v-loading="loading"
       tooltip-effect="dark"
       :style="{ width: '100%', minHeight: tableH }"
     >
@@ -107,6 +108,7 @@ export default {
         '5': '卡券领取',
         '6': '消费'
       },
+      loading: false
     };
   },
   methods: {
@@ -140,6 +142,7 @@ export default {
         pageSize: that.pageSize,
         awardType: 1
       };
+      this.loading=true;
       getRequest('/sharing-core-web/page-activity-invited-log', para)
         .then(res => {
           let resData = res.data;
@@ -155,7 +158,9 @@ export default {
             duration: 1000,
             message: error.message
           });
-        });
+        }).finally(()=>{
+          this.loading=false;
+        })
     }
   },
   mounted() {

src/components/nav/nav.vue

 <template>
   <div class="navwrap boxbttom">
-    <el-breadcrumb separator="/">
+    <el-breadcrumb separator-class="el-icon-arrow-right">
       <template v-for="(item, index) in navpath">
         <template v-if="!!item.path">
-          <!-- <el-breadcrumb-item :data-v="item.path" :to="{ path: item.path }">{{ item.name }}</el-breadcrumb-item> -->
           <el-breadcrumb-item :key="item.name + index" :to="{ path: item.path }" @click="changeRoute(item.path, item.relocation)"
             ><span class="el-breadcrumb__inner is-link" @click="changeRoute(item.path, item.relocation)">{{ item.name }}</span></el-breadcrumb-item
           >
@@ -12,10 +11,7 @@
           <el-breadcrumb-item :key="item.name + index">{{ item.name }}</el-breadcrumb-item>
         </template>
       </template>
-
-      <!-- :to="{ path: item.path}"-->
     </el-breadcrumb>
-    <h1 class="navtitle">{{ navpath[navpath.length - 1].name }}</h1>
     <div class="navtip navmTop" v-if="navtip == true">
       <i class="el-icon-info navtipcolor"></i>变更导航个数，移动顺序，更换页面链接均需提交小程序审核后重新发布生效，其他变更立即生效。小程序审核请联系品牌项目经理。
     </div>
@@ -131,23 +127,8 @@ export default {
 
 <style scoped>
 .navwrap {
-  min-width: 1400px;
-  padding: 20px 24px;
-  box-sizing: content-box;
-  background-color: #fff;
-}
-.boxbttom {
-  border-bottom: 1px solid #e4e7ed;
-}
-.boxshow {
-  border-bottom: 1px solid #e4e7ed;
-  box-shadow: 5px -1px 5px #dfdfdf;
-}
-.navtitle {
-  margin: 24px 0 0 0;
-  font-size: 20px;
-  color: #303133;
-  font-weight: 500;
+  background: #F7F8FA;
+  padding:12px;
 }
 .navtip {
   width: 100%;
@@ -163,7 +144,7 @@ export default {
 }
 .navtipcolor {
   margin: 0 12px;
-  color: #1890ff;
+  color: #2F54EB;
 }
 
 .el-breadcrumb__item:last-child .el-breadcrumb__inner,

src/components/post-upload.vue

@@ -287,6 +287,6 @@ export default {
 }
 
 .color-1890ff {
-  color: #1890ff;
+  color: #2F54EB;
 }
 </style>

src/components/single-upload-center.vue

@@ -295,6 +295,6 @@ export default {
   }
 
   .color-1890ff {
-    color: #1890ff;
+    color: #2F54EB;
   }
 </style>

src/components/single-upload.vue

@@ -295,6 +295,6 @@ export default {
   }
 
   .color-1890ff {
-    color: #1890ff;
+    color: #2F54EB;
   }
 </style>

src/router/index.js

@@ -9,23 +9,7 @@
 // import Vue from 'vue';
 import Router from 'vue-router';
 import _import from './_import.js';
-// Vue.use(Router);
 
-/* const error403 = r => {
-  import('view/errorPage/403.vue').then(module => {
-    r(module);
-  });
-};
-const error404 = r => {
-  import('view/errorPage/404.vue').then(module => {
-    r(module);
-  });
-};
-const error500 = r => {
-  import('view/errorPage/500.vue').then(module => {
-    r(module);
-  });
-}; */
 const errorPage = r => {
   import('view/errorPage/index.vue').then(module => {
     r(module);
@@ -36,7 +20,7 @@ export const constantRouterMap = [{
   path: '/',
   name: 'index',
   redirect: 'shareIndex',
-  component: _import('index', 'index'),
+  component: _import('layout', 'layout'),
   children: [
     // 宣传页
     {

src/view/activeConfig/index.vue

@@ -131,9 +131,6 @@ export default {
       that.activeStep--;
       that.stepData[that.activeStep - 1 ].hasSet = false;
     }
-  },
-  mounted(){
-    this.judgeDue()
   }
 }
 </script>

src/view/errorPage/403.vue

@@ -205,9 +205,9 @@ export default {
       padding: 0 15px;
       font-size: 14px;
       border-radius: 4px;
-      border: 1px solid #1890ff;
+      border: 1px solid #2F54EB;
       color: #fff;
-      background-color: #1890ff;
+      background-color: #2F54EB;
       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
       -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
       box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);

src/view/errorPage/404.vue

@@ -209,9 +209,9 @@ export default {
       padding: 0 15px;
       font-size: 14px;
       border-radius: 4px;
-      border: 1px solid #1890ff;
+      border: 1px solid #2F54EB;
       color: #fff;
-      background-color: #1890ff;
+      background-color: #2F54EB;
       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
       -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
       box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);

src/view/errorPage/500.vue

@@ -205,9 +205,9 @@ export default {
       padding: 0 15px;
       font-size: 14px;
       border-radius: 4px;
-      border: 1px solid #1890ff;
+      border: 1px solid #2F54EB;
       color: #fff;
-      background-color: #1890ff;
+      background-color: #2F54EB;
       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
       -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
       box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);

src/view/errorPage/index.vue

@@ -219,9 +219,9 @@ export default {
       padding: 0 15px;
       font-size: 14px;
       border-radius: 4px;
-      border: 1px solid #1890ff;
+      border: 1px solid #2F54EB;
       color: #fff;
-      background-color: #1890ff;
+      background-color: #2F54EB;
       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
       -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
       box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
@@ -232,8 +232,8 @@ export default {
       animation-fill-mode: forwards;*/
       &:hover {
         color: #fff;
-        background-color: #40a9ff;
-        border-color: #40a9ff;
+        background-color: #597EF7;
+        border-color: #597EF7;
       }
       &:active {
         background: #096dd9;

src/view/index/index.vue

-<template>
-  <div id="index">
-    <vue-gic-header :projectName="projectName" :collapseFlag="collapseFlag" @collapseTag="collapseTag" @toRouterView="toRouterView"></vue-gic-header>
-    <div id="content" class="content">
-      <div class="content-body" :style="{ minHeight: contentHeight }">
-        <!-- <div class="left-menu" :style="{ height: contentHeight }">
-          <vue-gic-aside-menu ref="asideMenu" :projectName="projectName" :leftModulesName="leftModulesName" :collapseFlag="collapseFlag"></vue-gic-aside-menu>
-        </div> -->
-        <transition name="fade" mode="out-in">
-          <!-- 缓存已经填好内容的页面 -->
-          <!-- <keep-alive include="editGroupGrade"> -->
-          <router-view></router-view>
-          <!-- </keep-alive > -->
-        </transition>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import * as types from '@/store/types';
-export default {
-  name: 'App',
-  data() {
-    return {
-      projectName: 'share-config',
-      contentHeight: '0px', //页面内容高度
-      // 左侧
-      collapseFlag: false, // 折叠参数
-      // 模块名
-      leftModulesName: ''
-    };
-  },
-  methods: {
-    // 处理路由跳转
-    toRouterView(val) {
-      let that = this;
-      // 模拟检查数据
-      // //有两个参数
-      //{
-      //  name:,
-      //  path:
-      //}
-      that.$router.push({
-        path: val.path
-      });
-    },
-    // 折叠事件
-    collapseTag(val) {
-      let that = this;
-      that.collapseFlag = val;
-    }
-  },
-  watch: {
-    // $route: {
-    //   handler: function(val, oldVal) {
-    //     this.$refs.asideMenu.refreshRoute();
-    //   },
-    //   // 深度观察监听
-    //   deep: true
-    // }
-  },
-  mounted() {
-    let that = this;
-    that.$store.commit(types.TITLE, '达摩GIC');
-    document.title = this.$store.state.title;
-    //获取项目名 pathname (路由的hash)
-    that.pathName = window.location.hash.split('/')[1];
-    that.contentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 64 + 'px';
-  },
-  components: {}
-};
-</script>
-<style type="text/less" lang="less">
-.icon-colors {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-#index {
-  .content {
-    padding-top: 64px;
-    /* height: calc(100% - 64px);
-    overflow-y: auto;*/
-    min-width: 1400px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-
-    .content-body {
-      display: flex;
-      overflow: hidden;
-
-      .right-wrap {
-        flex: 1;
-        overflow: auto;
-        width: 100%;
-
-        .right-content {
-          width: 100%;
-          padding: 20px;
-          min-height: 615px;
-        }
-
-        /deep/ .el-tabs__nav {
-          z-index: 1;
-        }
-      }
-      .common-wrap {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        // overflow-y: auto;
-        .right-content {
-          /*width: 100%;*/
-          padding: 20px;
-          min-height: calc(100vh - 256px);
-          .right-box {
-            padding: 20px;
-            min-height: calc(100vh - 296px);
-            background: #fff;
-          }
-        }
-      }
-    }
-  }
-
-  /deep/ .el-submenu__title {
-    height: 40px;
-    line-height: 40px;
-  }
-
-  /* 表格为空 */
-  /deep/ .el-table__empty-block {
-    height: 256px;
-    padding: 80px;
-  }
-}
-
-.el-table__empty-block {
-  height: 256px;
-}
-
-.el-table__empty-text {
-  width: auto;
-  margin-bottom: 0px;
-  &::before {
-    content: ' ';
-    display: block;
-    width: 60px;
-    height: 60px;
-    background: url(../../assets/no-data_icon.png) no-repeat center;
-    margin: 0px auto 22px auto;
-  }
-}
-
-.el-submenu__title {
-  height: 40px;
-  line-height: 40px;
-}
-
-.user-header-pop {
-  min-width: 95px;
-}
-.el-popover.user-header-pop {
-  min-width: 95px;
-  box-sizing: content-box;
-}
-
-.left-aside-contain {
-  /deep/ .el-submenu__title:hover {
-    background-color: #020b21;
-  }
-}
-
-.el-menu.el-menu--popup {
-  background: #020b21;
-  border-radius: 4px;
-}
-
-/* 输入框 focus*/
-.el-form-item.is-success .el-input__inner,
-.el-form-item.is-success .el-input__inner:focus,
-.el-form-item.is-success .el-textarea__inner,
-.el-form-item.is-success .el-textarea__inner:focus {
-  border-color: #dcdfe6;
-}
-
-/* 箭头*/
-.icon-to-pre {
-  cursor: pointer;
-  font-size: 18px;
-  -webkit-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
-  transform: rotate(90deg);
-}
-
-.icon-to-next {
-  cursor: pointer;
-  font-size: 18px;
-  -webkit-transform: rotate(-90deg);
-  -ms-transform: rotate(-90deg);
-  -o-transform: rotate(-90deg);
-  transform: rotate(-90deg);
-}
-
-/*树形*/
-.vue-treeselect /deep/ {
-  /deep/ .vue-treeselect__control {
-    height: 36px;
-    /*line-height: 36px;*/
-    cursor: pointer;
-  }
-
-  .vue-treeselect__placeholder {
-    line-height: 36px;
-    font-size: 12px;
-  }
-
-  .vue-treeselect__multi-value-item-container,
-  .vue-treeselect__multi-value {
-    line-height: 1;
-  }
-
-  span.vue-treeselect__multi-value-label {
-    line-height: 1;
-  }
-
-  .vue-treeselect__multi-value-item {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    background-color: #f0f2f5;
-    color: #909399;
-  }
-
-  .vue-treeselect__value-remove {
-    color: #909399;
-  }
-
-  &:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover {
-    background-color: #f0f2f5;
-    color: #909399;
-  }
-
-  .vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
-    cursor: pointer;
-  }
-
-  .vue-treeselect__control-arrow {
-    display: none;
-  }
-
-  .vue-treeselect__control-arrow-container {
-    position: relative;
-  }
-
-  /deep/.vue-treeselect__control-arrow-container:after,
-  .vue-treeselect__control-arrow-container:before {
-    border: 6px solid transparent;
-    border-left: 6px solid #fff;
-    width: 0;
-    height: 0;
-    position: absolute;
-    top: 49%;
-    left: 50%;
-    margin-left: -6px;
-    content: ' ';
-    margin-top: -3px;
-    -webkit-transform: rotate(90deg);
-    -moz-transform: rotate(90deg);
-    -o-transform: rotate(90deg);
-    transform: rotate(90deg);
-    -webkit-transition: -webkit-transform 0.3s;
-    transition: -webkit-transform 0.3s;
-    transition: transform 0.3s;
-    transition: transform 0.3s, -webkit-transform 0.3s;
-    transition: transform 0.3s, -webkit-transform 0.3s;
-  }
-
-  /deep/ .vue-treeselect__control-arrow-container:before {
-    border-left-color: #c0c4cc;
-    top: 52%;
-  }
-
-  &.vue-treeselect--focused .vue-treeselect__control-arrow-container:after,
-  &.vue-treeselect--focused .vue-treeselect__control-arrow-container:before {
-    margin-top: -6px;
-    -webkit-transform: rotateZ(-90deg);
-    -moz-transform: rotateZ(-90deg);
-    -o-transform: rotateZ(-90deg);
-    transform: rotateZ(-90deg);
-    -webkit-transition: -webkit-transform 0.3s;
-    transition: -webkit-transform 0.3s;
-    transition: transform 0.3s;
-    transition: transform 0.3s, -webkit-transform 0.3s;
-    transition: transform 0.3s, -webkit-transform 0.3s;
-  }
-
-  &.vue-treeselect--focused .vue-treeselect__control-arrow-container:before {
-    border-left-color: #c0c4cc;
-    top: 47%;
-  }
-
-  .vue-treeselect--has-value .vue-treeselect__multi-value {
-    margin-bottom: 0;
-  }
-}
-
-/* 富文本编辑器 */
-.mce-tinymce {
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-.channelicon {
-  width: 20px;
-  height: 20px;
-  display: inline-block;
-}
-
-/* 已使用小程序 */
-.xcxicon {
-  background: url('../../assets/group/status@xcx.png') no-repeat 50%;
-}
-/* 未使用小程序 */
-.xcxicongray {
-  background: url('../../assets/group/status@xcxgray.png') no-repeat 50%;
-}
-/* 已关注公众号 */
-.gzhicon {
-  background: url('../../assets/group/status@gzh.png') no-repeat 50%;
-}
-/* 取消关注公众号 */
-.gzhiconcanclegray {
-  background: url('../../assets/group/status@gzhcanclegray.png') no-repeat 50%;
-}
-/* 未关注 */
-.gzhicongray {
-  background: url('../../assets/group/status@gzhgray.png') no-repeat 50%;
-}
-/* 淘宝 */
-.taobaoicon {
-  background: url('../../assets/group/channel@taobao.png') no-repeat 50%;
-}
-.taobaoicongray {
-  background: url('../../assets/group/channel@taobaogray.png') no-repeat 50%;
-}
-/* 京东 */
-.jdicon {
-  background: url('../../assets/group/channel@jd.png') no-repeat 50%;
-}
-.jdicongray {
-  background: url('../../assets/group/channel@jdgray.png') no-repeat 50%;
-}
-/* 唯品会 */
-.vipicon {
-  background: url('../../assets/group/channel@vip.png') no-repeat 50%;
-}
-.vipicongray {
-  background: url('../../assets/group/channel@vipgray.png') no-repeat 50%;
-}
-</style>

src/view/layout/layout.vue

+<template>
+  <dm-layout project-name="report">
+            <router-view :key="$route.fullPath"></router-view>
+  </dm-layout>
+</template>
+
+<script>
+export default {
+  name: 'layout'
+}
+</script>

static/css/index.less

@@ -95,3 +95,26 @@
 .el-dialog__footer {
   border-top: none;
 }
+
+.content {
+  padding-top: 64px;
+  min-width: 1200px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.common-wrap {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: #f7f8fa;
+}
+.right-content {
+  padding-top: 12px;
+  min-height: calc(100vh - 256px);
+}
+.right-box {
+  padding: 20px;
+  min-height: calc(100vh - 296px);
+  background: #fff;
+}
\ No newline at end of file

static/css/public.css

@@ -148,7 +148,7 @@ a.a-href {
 }
 
 a.a-href:hover {
-  color: #1890ff;
+  color: #2F54EB;
 }
 
 li {
@@ -728,7 +728,7 @@ i {
 
 /* 颜色 */
 .color-1890ff {
-  color: #1890ff;
+  color: #2F54EB;
 }
 
 .color-303133 {

static/css/variable.less

 @base-color: #353944;
 @hover-color: #3c92eb;
 @hoverbg-color: #20242d;
-@main-color: #1890ff;
+@main-color: #2F54EB;
 @navbgcolor: #04143a;
 @sidebgcolor: #343c4c;
 @userinfobgcolor: #ecf5ff;

static/img/add-hover.svg

@@ -8,7 +8,7 @@
             <g id="Dialog-对话框/表单" transform="translate(395.000000, 435.000000)">
                 <g id="添加-加号-无边框" transform="translate(24.000000, 87.000000)">
                     <rect id="矩形" fill="#E9F4FF" x="0" y="0" width="40" height="40" rx="4"></rect>
-                    <path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#1890FF"></path>
+                    <path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#2F54EB"></path>
                 </g>
             </g>
         </g>

static/tinymce/skins/lightgray/skin.min.css

@@ -830,7 +830,7 @@ div.mce-fullscreen {
 }
 
 .mce-close:hover i {
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-window-head .mce-title {
@@ -854,14 +854,14 @@ div.mce-fullscreen {
 }
 
 .mce-foot .mce-btn.mce-last:hover {
-    color: #1890ff;
-    border-color: #1890ff;
+    color: #2F54EB;
+    border-color: #2F54EB;
     background-color: #fff;
 }
 
 .mce-foot .mce-btn.mce-last:hover button .mce-txt {
-    color: #1890ff;
-    border-color: #1890ff;
+    color: #2F54EB;
+    border-color: #2F54EB;
     background-color: #fff;
 }
 
@@ -1275,25 +1275,25 @@ html .mce-abs-layout-item,
     /* background: white;
   color: #595959;
   border-color: #e2e4e7*/
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-btn:hover button .mce-preview,
 .mce-btn:active button .mce-preview {
-    color: #1890ff;
-    background: #1890ff;
+    color: #2F54EB;
+    background: #2F54EB;
 }
 
 .mce-btn:focus button .mce-ico {
     /*background: white;
   color: #595959;
   border-color: #e2e4e7*/
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-btn:focus button .mce-preview {
-    color: #1890ff;
-    background: #1890ff;
+    color: #2F54EB;
+    background: #2F54EB;
 }
 
 .mce-btn.mce-disabled button,
@@ -1321,7 +1321,7 @@ html .mce-abs-layout-item,
     -moz-box-shadow: none;
     box-shadow: none;
     background: #fff;
-    color: #1890ff;
+    color: #2F54EB;
     border-color: transparent
 }
 
@@ -1329,7 +1329,7 @@ html .mce-abs-layout-item,
 .mce-btn.mce-active:hover button,
 .mce-btn.mce-active i,
 .mce-btn.mce-active:hover i {
-    color: #1890ff
+    color: #2F54EB
 }
 
 .mce-btn:hover .mce-caret {
@@ -1338,7 +1338,7 @@ html .mce-abs-layout-item,
 
 .mce-btn.mce-active .mce-caret,
 .mce-btn.mce-active:hover .mce-caret {
-    border-top-color: #1890ff
+    border-top-color: #2F54EB
 }
 
 .mce-btn button {
@@ -1370,13 +1370,13 @@ html .mce-abs-layout-item,
     color: white;
     border: 1px solid transparent;
     border-color: transparent;
-    background-color: #1890ff;
+    background-color: #2F54EB;
 }
 
 .mce-primary:hover,
 .mce-primary:focus {
-    background: #40a9ff;
-    border-color: #40a9ff;
+    background: #597EF7;
+    border-color: #597EF7;
     color: #fff;
 }
 
@@ -1394,7 +1394,7 @@ html .mce-abs-layout-item,
 .mce-primary.mce-active,
 .mce-primary.mce-active:hover,
 .mce-primary:not(.mce-disabled):active {
-    background-color: #1890ff;
+    background-color: #2F54EB;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
@@ -2596,11 +2596,11 @@ i.mce-i-resize {
     border-bottom-color: transparent;
     margin-bottom: -1px;
     height: 14px;
-    color: #1890ff;
+    color: #2F54EB;
 }
 
 .mce-tab:focus {
-    /* color: #1890ff; */
+    /* color: #2F54EB; */
 }
 
 .mce-rtl .mce-tabs {
@@ -2632,7 +2632,7 @@ i.mce-i-resize {
 
 .mce-textbox:focus,
 .mce-textbox.mce-focus {
-    border-color: #1890ff;
+    border-color: #2F54EB;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none