部分代码修改

src/components/category/addGoods.vue

@@ -11,7 +11,6 @@
 
 <script>
 import { GO_URLS } from "@/config/URLS";
-import * as storage from "@/plugins/storage";
 export default {
   //   引入组件
   components: {},
@@ -19,7 +18,7 @@ export default {
   data() {
     return {
       name: "",
-      isactive: false
+      isactive: false,
     };
   },
 
@@ -49,7 +48,7 @@ export default {
             userIcon: this.$store.state.userInfos.icon || "",
             evidenceName: this.name,
             stepName: "",
-            banners: []
+            banners: [],
           }),
           detail: JSON.stringify([
             {
@@ -61,63 +60,63 @@ export default {
                   data: {
                     type: "text",
                     format: "string",
-                    value: this.name
+                    value: this.name,
                   },
                   type: 0,
                   key: "存证名称",
-                  label: "存证名称"
+                  label: "存证名称",
                 },
                 {
                   data: {
                     type: "text",
                     format: "hash",
-                    value: "null"
+                    value: "null",
                   },
                   type: 0,
                   key: "basehash",
-                  label: "basehash"
+                  label: "basehash",
                 },
                 {
                   data: {
                     type: "text",
                     format: "hash",
-                    value: "null"
+                    value: "null",
                   },
                   type: 0,
                   key: "prehash",
-                  label: "prehash"
+                  label: "prehash",
                 },
                 {
                   data: {
                     type: "text",
                     format: "string",
-                    value: null
+                    value: null,
                   },
                   type: 0,
                   key: "存证类型",
-                  label: "存证类型"
-                }
-              ]
+                  label: "存证类型",
+                },
+              ],
             },
-            {}
-          ])
-        }
+            {},
+          ]),
+        },
       });
       if (res) {
         this.$message({
           message: "添加成功",
-          type: "success"
+          type: "success",
         });
         this.isactive = false;
         this.$router.push({
           path: "/editTemplate",
           query: {
-            personalTemplateId: res.data.id
-          }
+            personalTemplateId: res.data.id,
+          },
         });
       }
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped lang="less">
@@ -188,7 +187,7 @@ input:focus {
   color: rgba(92, 100, 118, 1);
 }
 .btn-determine {
-  background: #0cc399;
+  background: rgba(63, 121, 254, 1);
   color: white;
 }
 </style>

src/entry/boe/components/MainMenu/MainMenu.vue

+<template>
+  <!-- 左侧导航栏 -->
+  <nav class="main_menu">
+    <div
+      class="menu-item menu-item_first"
+      :class="{ 'js-menu-item_active': currentRoute === 0 }"
+      @click="selectPage(0, '/categoryManage')"
+    >
+      <div class="menu-item_subject-icon">
+        <i class="iconfont">&#xe62b;</i>
+      </div>
+      <div class="menu-item-label">存证</div>
+      <div class="menu-item-active_border"></div>
+    </div>
+    <div
+      class="menu-item menu-item_product"
+      :class="{ 'js-menu-item_active': currentRoute === 1 }"
+      @click="selectPage(1)"
+    >
+      <div class="menu-item_product-icon">
+        <i class="iconfont">&#xe629;</i>
+      </div>
+      <div class="menu-item-label">溯源</div>
+      <div class="menu-item-active_border"></div>
+    </div>
+    <!-- <div
+      class="menu-item menu-item_template"
+      :class="{ 'js-menu-item_active': currentRoute === 2 }"
+      @click="selectPage(2, '/userCenter')"
+    >
+      <div class="menu-item_template-icon">
+        <i class="iconfont">&#xe62a;</i>
+      </div>
+      <div class="menu-item-label">管理</div>
+      <div class="menu-item-active_border"></div>
+    </div> -->
+  </nav>
+</template>
+
+<script>
+let UrlPrefixObj = require("@/config/UrlPrefix");
+export default {
+  computed: {
+    currentRoute() {
+      return this.$store.getters.get_currentRoute;
+    },
+  },
+  methods: {
+    // 路由切换
+    selectPage(idnex, path) {
+      this.$store
+        .dispatch("selectPage", idnex)
+        .then(() => {
+          if (idnex === 1) {
+            window.open(UrlPrefixObj.model.CHAIN_BROWSER_URL_PREFIX);
+          } else {
+            if (this.$route.path === path) return;
+            this.$router.push({ path: path });
+          }
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+<style scoped lang="less">
+.main_menu {
+  width: 62px;
+  height: 100%;
+  background: #27272a;
+  color: rgba(255, 255, 255, 0.6);
+  text-align: center;
+  font-size: 12px;
+}
+
+.menu-item {
+  height: 60px;
+  position: relative;
+}
+
+.menu-item_first {
+  margin-top: 79px;
+}
+
+.menu-item_product {
+  margin-top: 21px; /* 30 - 9 */
+}
+
+.menu-item_template {
+  margin-top: 26px; /* 36 - 10 */
+}
+
+.js-menu-item_active {
+  background: #39393e;
+  cursor: pointer;
+  & > .menu-item-active_border {
+    display: initial;
+  }
+}
+
+.menu-item-active_border {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 3px;
+  height: 100%;
+  background: #3f79fe;
+}
+
+.menu-item_subject-icon {
+  padding: 14px 0 5px 0;
+  & > i {
+    font-size: 14px;
+  }
+}
+
+.menu-item_product-icon {
+  padding: 12px 0 6px 0;
+  cursor: pointer;
+  & > i {
+    font-size: 15px;
+  }
+}
+
+.menu-item_template-icon {
+  padding: 9px 0 8px 0;
+  cursor: pointer;
+  & > i {
+    font-size: 16px;
+  }
+}
+
+.menu-item-label {
+  line-height: 17px;
+}
+</style>

src/entry/boe/components/banner.vue → src/entry/boe/components/banner/banner.vue

@@ -408,7 +408,7 @@ export default {
         .stance {
           width: 202px;
           height: 298px;
-          background-image: url("../images/TemplateManage/Stance.png");
+          background-image: url("../../images/TemplateManage/Stance.png");
           background-size: 100% 100%;
         }
         .mask {
@@ -447,7 +447,7 @@ export default {
         border: 1px solid rgba(235, 235, 235, 1);
         // border: 1px solid #000;
         /deep/.vue-cropper {
-          background: url("../../../assets/images/template/12-bg@2x.png")
+          background: url("../../../../assets/images/template/12-bg@2x.png")
             no-repeat center;
           background-size: 100%;
         }

src/entry/boe/views/Main.vue

@@ -14,7 +14,7 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 import MainHeader from "./MainHeader.vue";
-import MainMenu from "@/components/MainMenu/MainMenu.vue";
+import MainMenu from "../components/MainMenu/MainMenu.vue";
 @Component({
   components: {
     MainMenu,

src/entry/boe/views/SignIn.vue

@@ -30,7 +30,7 @@
 </template>
 <script>
 import SetPassword from "@/components/signin/setPassword.vue";
-import PhoneLogin from "../components/phoneLogin.vue";
+import PhoneLogin from "../components/phoneLogin/phoneLogin.vue";
 import EmailLogin from "@/components/signin/emailLogin.vue";
 export default {
   data() {

src/entry/boe/views/template/editTemplate.vue

@@ -251,7 +251,7 @@ import AddLevel1Button from "@/components/editTemplate/AddLevel1Button.vue";
 import SetBar from "@/components/editTemplate/SetBar.vue";
 import RootUnit from "@/components/editTemplate/RootUnit.vue";
 import ModifyPresentation from "@/components/editTemplate/ModifyPresentation.vue"; //修改表现形式
-import banner from "../../components/banner.vue";
+import banner from "../../components/banner/banner.vue";
 import TemplatePopup from "@/views/template/TemplatePopup.vue";
 import AddChildDialog from "@/components/editTemplate/AddChildDialog.vue"; //添加下一级
 import AddRootDialog from "@/components/editTemplate/AddRootDialog.vue";