improve: 网址地址切换更新

template/admin/src/config/index.js

@@ -13,7 +13,7 @@ export default {
   /**
    * @description 配置显示在浏览器标签的title
    */
-  title: localStorage.getItem('ADMIN_TITLE') || '',
+  title: '',
   /**
    * @description token在Cookie中存储的天数，默认1天
    */

template/admin/src/libs/util.js

@@ -411,9 +411,10 @@ export const scrollTop = (el, from = 0, to, duration = 500, endCallback) => {
  * @param {Object} vm Vue实例
  */
 export const setTitle = (routeItem, vm) => {
+  let winTitle = localStorage.getItem('ADMIN_TITLE') || title;
   const handledRoute = getRouteTitleHandled(routeItem);
   const pageTitle = showTitle(handledRoute, vm);
-  const resTitle = pageTitle ? `${title} - ${pageTitle}` : title;
+  const resTitle = pageTitle ? `${winTitle} - ${pageTitle}` : winTitle;
   window.document.title = resTitle;
 };
 

template/admin/src/pages/setting/setSystem/index.vue

@@ -3,29 +3,29 @@
     <div class="i-layout-page-header header-title" v-if="!headerList.length">
       <span class="ivu-page-header-title">{{ $route.meta.title }}</span>
     </div>
-  <div class="article-manager">
-    <Card :bordered="false" dis-hover class="ivu-mt fromBox">
-      <Tabs v-model="currentTab" @on-click="changeTab" v-if="headerList.length">
-        <TabPane
-          :icon="item.icon"
-          :label="item.label"
-          :name="item.value.toString()"
-          v-for="(item, index) in headerList"
-          :key="index"
-        />
-      </Tabs>
-      <Tabs type="card" v-model="childrenId" v-if="headerChildrenList.length" @on-click="changeChildrenTab">
-        <TabPane
-          :label="item.label"
-          :name="item.id.toString()"
-          v-for="(item, index) in headerChildrenList"
-          :key="index"
-        ></TabPane>
-      </Tabs>
-      <form-create :option="option" :rule="rules" @submit="onSubmit" v-if="rules.length !== 0"></form-create>
-      <Spin size="large" fix v-if="spinShow"></Spin>
-    </Card>
-  </div>
+    <div class="article-manager">
+      <Card :bordered="false" dis-hover class="ivu-mt fromBox">
+        <Tabs v-model="currentTab" @on-click="changeTab" v-if="headerList.length">
+          <TabPane
+            :icon="item.icon"
+            :label="item.label"
+            :name="item.value.toString()"
+            v-for="(item, index) in headerList"
+            :key="index"
+          />
+        </Tabs>
+        <Tabs type="card" v-model="childrenId" v-if="headerChildrenList.length" @on-click="changeChildrenTab">
+          <TabPane
+            :label="item.label"
+            :name="item.id.toString()"
+            v-for="(item, index) in headerChildrenList"
+            :key="index"
+          ></TabPane>
+        </Tabs>
+        <form-create :option="option" :rule="rules" @submit="onSubmit" v-if="rules.length !== 0"></form-create>
+        <Spin size="large" fix v-if="spinShow"></Spin>
+      </Card>
+    </div>
   </div>
 </template>
 
@@ -169,6 +169,7 @@ export default {
               return this.$authLapse(res.data);
             }
             this.FromData = res.data;
+            console.log(this.FromData);
             this.rules = res.data.rules;
             this.title = res.data.title;
           })
@@ -199,24 +200,21 @@ export default {
     },
     // 提交表单 group
     onSubmit(formData) {
+      console.log(formData);
       request({
         url: this.FromData.action,
         method: this.FromData.method,
         data: formData,
       })
         .then((res) => {
-          this.getAdminTitle();
           this.$Message.success(res.msg);
+          localStorage.setItem('ADMIN_TITLE', formData.site_name);
+          window.document.title = `${formData.site_name} - 系统设置`;
         })
         .catch((res) => {
           this.$Message.error(res.msg);
         });
     },
-    getAdminTitle() {
-      getLogo().then((res) => {
-        localStorage.setItem('ADMIN_TITLE', res.data.site_name);
-      });
-    },
   },
 };
 </script>