refactor: 重构组件逻辑与样式优化

- 在 App.vue 中重构站点信息的获取与应用逻辑，提升代码可读性与维护性。
- 更新 Search.vue 组件，优化搜索框的样式与结构，增强用户体验。
- 在 element.scss 中注释掉不再使用的样式，并新增确认收货按钮的样式。
- 改进多个页面的布局与样式，确保响应式设计的一致性与美观性。
- 更新订单相关组件的按钮样式，提升视觉一致性与可用性。

buyer/src/App.vue

@@ -12,51 +12,46 @@ export default {
   mounted() {
     this.init();
   },
-  methods:{
-    init(){
-      if(!storage.getItem("siteName")||!storage.getItem("logoImg")||!storage.getItem("sitelogo_expiration_time")) {
-        this.getSite();
-      }else{
-        // 如果缓存过期，则获取最新的信息
-        if (new Date() > storage.getItem("sitelogo_expiration_time")) {
-          this.getSite();
-          return;
-        }else{
-          window.document.title = storage.getItem("siteName");
-          //动态获取icon
-          let link =document.querySelector("link[rel*='icon']") ||document.createElement("link");
-            link.type = "image/x-icon";
-            link.href = storage.getItem("siteIcon");
-            link.rel = "shortcut icon";
-            document.getElementsByTagName("head")[0].appendChild(link);
-        }
-      }
-      
+  methods: {
+    applySiteInfo(data) {
+      const expirationTime = new Date().setHours(new Date().getHours() + 1);
+      storage.setItem("sitelogo_expiration_time", expirationTime);
+      storage.setItem("siteName", data.siteName);
+      storage.setItem("logoImg", data.buyerSideLogo);
+      storage.setItem("siteIcon", data.buyerSideIcon);
+      this.$store.commit("SET_SITENAME", data.siteName);
+      this.$store.commit("SET_LOGOIMG", data.buyerSideLogo);
+      window.document.title = data.siteName;
+      let link =
+        document.querySelector("link[rel*='icon']") ||
+        document.createElement("link");
+      link.type = "image/x-icon";
+      link.href = data.buyerSideIcon;
+      link.rel = "shortcut icon";
+      document.getElementsByTagName("head")[0].appendChild(link);
     },
-    getSite(){
-      //获取基本站点信息
+    init() {
+      const expirationTime = storage.getItem("sitelogo_expiration_time");
+      const cacheValid =
+        expirationTime && new Date() <= new Date(Number(expirationTime));
+      if (cacheValid) {
+        this.applySiteInfo({
+          siteName: storage.getItem("siteName"),
+          buyerSideLogo: storage.getItem("logoImg"),
+          buyerSideIcon: storage.getItem("siteIcon"),
+        });
+      }
+      this.getSite();
+    },
+    getSite() {
       getBaseSite().then((res) => {
         if (res.success && res.result.settingValue) {
-          let data = JSON.parse(res.result.settingValue);
-          // 过期时间
-          var expirationTime = new Date().setHours(new Date().getHours() + 1);
-          // 存放过期时间
-          storage.setItem("sitelogo_expiration_time", expirationTime);
-          // 存放信息
-          storage.setItem('siteName', data.siteName);
-          storage.setItem('logoImg', data.buyerSideLogo);
-          storage.setItem("siteIcon",data.buyerSideIcon);
-          window.document.title = data.siteName;
-          //动态获取icon
-          let link =document.querySelector("link[rel*='icon']") ||document.createElement("link");
-          link.type = "image/x-icon";
-          link.href = data.buyerSideIcon;
-          link.rel = "shortcut icon";
-          document.getElementsByTagName("head")[0].appendChild(link);
+          const data = JSON.parse(res.result.settingValue);
+          this.applySiteInfo(data);
         }
       });
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="scss">