修改商家logo没有更换的问题

manager/src/views/Main.vue

@@ -129,28 +129,15 @@ export default {
       if (currWidth <= 1200) {
         this.sliceNum = 2;
       }
-
-      if(!localStorage.getItem("icon")||!localStorage.getItem("title")||!localStorage.getItem("icontitle_expiration_time")) {
-        this.getSite();
-      }else{
-        // 如果缓存过期，则获取最新的信息
-        if (new Date() > localStorage.getItem("icontitle_expiration_time")) {
-          this.getSite();
-          return;
-        }else{
-          this.domainLogo = localStorage.getItem("icon");
-          let link =
-            document.querySelector("link[rel*='icon']") ||
-            document.createElement("link");
-          link.type = "image/x-icon";
-          link.href = localStorage.getItem("icon");
-          link.rel = "shortcut icon";
-          document.getElementsByTagName("head")[0].appendChild(link);
-          window.document.title = localStorage.getItem("title") + " - 运营后台";
-
-        }
-      }
-
+      this.domainLogo = localStorage.getItem("icon");
+      let link =
+        document.querySelector("link[rel*='icon']") ||
+        document.createElement("link");
+      link.type = "image/x-icon";
+      link.href = localStorage.getItem("icon");
+      link.rel = "shortcut icon";
+      document.getElementsByTagName("head")[0].appendChild(link);
+      window.document.title = localStorage.getItem("title") + " - 运营后台";
       // 读取未读消息数
       getNoticePage({}).then((res) => {
         if (res.success) {
@@ -160,28 +147,7 @@ export default {
         }
       });
     },
-    getSite(){
-      //获取domainLogo
-      getBaseSite().then((res) => {
-        const { domainLogo, siteName } = JSON.parse(res.result.settingValue);
-        this.domainLogo = domainLogo;
-        // 过期时间
-        var expirationTime = new Date().setHours(new Date().getHours() + 1);
-        // 存放过期时间
-        localStorage.setItem("icontitle_expiration_time", expirationTime);
-        // 存放信息
-        localStorage.setItem('icon', domainLogo);
-        localStorage.setItem('title', siteName);
-        let link =
-          document.querySelector("link[rel*='icon']") ||
-          document.createElement("link");
-        link.type = "image/x-icon";
-        link.href = domainLogo;
-        link.rel = "shortcut icon";
-        document.getElementsByTagName("head")[0].appendChild(link);
-        window.document.title = siteName + " - 运营后台";
-      })
-    },
+
     //用户头像下方抽屉点击
     handleClickUserDropdown(name) {
       //个人中心

manager/src/views/main-components/header.vue

@@ -1,14 +1,71 @@
 <template>
   <div>
     <Row class="header">
-      <img src="../../assets/logo.png" class="logo" width="220px">
+      <img :src="domainLogo" class="logo" width="220px" />
     </Row>
   </div>
 </template>
 
 <script>
+import { getBaseSite } from "@/api/common.js";
 export default {
- 
+  data() {
+    return {
+      domainLogo: require("@/assets/logo.png"),
+    };
+  },
+  methods: {
+    init() {
+      if (
+        !localStorage.getItem("icon") ||
+        !localStorage.getItem("title") ||
+        !localStorage.getItem("icontitle_expiration_time")
+      ) {
+        this.getSite();
+      } else {
+        // 如果缓存过期，则获取最新的信息
+        if (new Date() > localStorage.getItem("icontitle_expiration_time")) {
+          this.getSite();
+          return;
+        } else {
+          this.domainLogo = localStorage.getItem("icon");
+          let link =
+            document.querySelector("link[rel*='icon']") ||
+            document.createElement("link");
+          link.type = "image/x-icon";
+          link.href = localStorage.getItem("icon");
+          link.rel = "shortcut icon";
+          document.getElementsByTagName("head")[0].appendChild(link);
+          window.document.title = localStorage.getItem("title") + " - 运营后台";
+        }
+      }
+    },
+    getSite() {
+      //获取domainLogo
+      getBaseSite().then((res) => {
+        const { domainLogo, siteName } = JSON.parse(res.result.settingValue);
+        this.domainLogo = domainLogo;
+        // 过期时间
+        var expirationTime = new Date().setHours(new Date().getHours() + 1);
+        // 存放过期时间
+        localStorage.setItem("icontitle_expiration_time", expirationTime);
+        // 存放信息
+        localStorage.setItem("icon", domainLogo);
+        localStorage.setItem("title", siteName);
+        let link =
+          document.querySelector("link[rel*='icon']") ||
+          document.createElement("link");
+        link.type = "image/x-icon";
+        link.href = domainLogo;
+        link.rel = "shortcut icon";
+        document.getElementsByTagName("head")[0].appendChild(link);
+        window.document.title = siteName + " - 运营后台";
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
 };
 </script>
 

manager/src/views/sys/setting-manage/setting/BASE_SETTING.vue

@@ -25,11 +25,11 @@
           <Button @click="onClickImg('buyerSideLogo')">选择图片</Button>
         </div>
       </FormItem>
-      <FormItem label="商家端Logo" prop="sellerSideLogo">
+      <FormItem label="商家端Logo" prop="storeSideLogo">
         <div class="label-item-upload">
-          <img v-if="formValidate.sellerSideLogo" class="img" :src="formValidate.sellerSideLogo" />
+          <img v-if="formValidate.storeSideLogo" class="img" :src="formValidate.storeSideLogo" />
           <img v-else class="img" src="../../../../assets/emptyImg.png" alt="">
-          <Button @click="onClickImg('sellerSideLogo')">选择图片</Button>
+          <Button @click="onClickImg('storeSideLogo')">选择图片</Button>
         </div>
       </FormItem>
 
@@ -72,7 +72,7 @@ export default {
         buyerSideLogo: "",
         domainLogo: "",
         icp: "",
-        sellerSideLogo: "",
+        storeSideLogo: "",
         siteName: "",
         staticPageAddress: "",
         staticPageWapAddress: "",