feat 代码优化

src/components/Home.vue

@@ -13,7 +13,7 @@
       <el-col :span="9" class="search">
         <div class="header_serch">
           <div class="search_inp">
-            <el-input size="small" class="inp" v-model="searchKey" placeholder="请输入手机号/姓名/地址/订单编号" @keydown.enter.native="seachEnterFun" clearable></el-input>
+            <el-input size="small" class="inp" v-model="searchKey" placeholder="手机号/姓名/地址/订单编号" @keydown.enter.native="seachEnterFun" clearable></el-input>
             <el-button size="small" style="background: #0D1E40;color:#fff" type="info" @click.stop="search" slot="append" icon="el-icon-search"></el-button>
           </div>
           <!-- 1.0.0版本暂不开发该功能 -->

src/components/orderSearch.vue

@@ -7,7 +7,7 @@
       <el-col :span="24">
         <div class="order_list_sel">
           <div class="sel_item">
-            <el-input size="small" @keydown.enter.native="seachEnterFun" class="inp" clearable v-model="params.searchKey" placeholder="请输入手机号/姓名/地址/订单编号"></el-input>
+            <el-input size="small" @keydown.enter.native="seachEnterFun" class="inp" clearable v-model="params.searchKey" placeholder="手机号/姓名/地址/订单编号"></el-input>
           </div>
           <div class="sel_item" v-if="memberType !== 1">
             <span class="name">门店：</span>

src/components/set.vue

@@ -2,8 +2,8 @@
   <div class="setting">
     <el-row class="order_tab">
       <el-col :span="15">
-        <div class="tab_list">
-          <div class="tab_item" @click="changeTabs(i)" :class="{'tab_item_ac':tab_ac==i?true:false}" v-for="(item,i) in tab_list" :key="i">
+        <div class="tabList">
+          <div class="tab_item" @click="changeTabs(i)" :class="{'tab_item_ac':tabNum==i?true:false}" v-for="(item,i) in tabList" :key="i">
             <span>{{item.name}}</span>
             <div class="tab_line"></div>
           </div>
@@ -21,17 +21,17 @@
 <script>
 import voiceSetting from "./settingComponents/voiceSetting.vue";
 import deliverySetting from "./settingComponents/deliverySetting.vue";
+import addressManagement from "./settingComponents/addressManagement.vue";
 export default {
   name: "HelloWorld",
   data() {
     return {
-      msg: "Welcome to Your Vue.js App",
-      tab_list: [
-        { name: "自动接单/语音设置", index: 0 },
-        { name: "推荐/屏蔽运力", index: 1 },
-        { name: "常用地址", index: 2 },
+      tabList: [
+        { name: "自动接单/语音设置", index: 0,activeName: 'voiceSetting' },
+        { name: "推荐/屏蔽运力", index: 1,activeName: 'deliverySetting' },
+        // { name: "常用地址", index: 2,activeName: 'addressManagement' },
       ],
-      tab_ac: 0,
+      tabNum: 0,
       activeName: "voiceSetting",
       renderComponent: true,
     };
@@ -39,6 +39,7 @@ export default {
   components: {
     voiceSetting,
     deliverySetting,
+    addressManagement,
   },
   methods: {
     forceRerender() {
@@ -50,12 +51,12 @@ export default {
       });
     },
     changeTabs(i) {
-      if (i === this.tab_ac) {
+      if (i === this.tabNum) {
         this.forceRerender();
         return;
       }
-      this.tab_ac = i;
-      this.activeName = i == 0 ? "voiceSetting" : "deliverySetting";
+      this.tabNum = i;
+      this.activeName = this.tabList[i].activeName;
     },
   },
 };
@@ -69,7 +70,7 @@ export default {
     height: 74px;
     background: #fff;
 
-    .tab_list {
+    .tabList {
       width: 100%;
       height: 74px;
       padding-top: 20px;

src/components/settingComponents/addressManagement.vue

@@ -0,0 +1,47 @@
+<template>
+<div>11111111</div>
+</template>
+
+<script>
+export default {
+  name: "addressManagement",
+  data () {
+    return {
+    };
+  },
+  // 监听属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created() {
+
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+
+  },
+  // 生命周期 - 创建之前
+  beforeCreate() {}, 
+  // 生命周期 - 挂载之前
+  beforeMount() {}, 
+  // 生命周期 - 更新之前
+  beforeUpdate() {}, 
+  // 生命周期 - 更新之后
+  updated() {}, 
+  // 生命周期 - 销毁之前
+  beforeDestroy() {}, 
+  // 生命周期 - 销毁完成
+  destroyed() {}, 
+  // 如果页面有keep-alive缓存功能，这个函数会触发
+  activated() {},
+  // 方法集合
+  methods: {
+
+  }, 
+  }
+</script>
+
+<style lang="scss" scoped  type="text/css">
+
+</style>

src/components/settingComponents/deliverySetting.vue

@@ -101,8 +101,12 @@ export default {
     getConfig() {
       getConfig().then((res) => {
         if (res.code === 200) {
-          this.billDeliveryIds = res.data.billDeliveryIds.split(",");
-          this.shieldDeliveryIds = res.data.shieldDeliveryIds.split(",");
+          this.billDeliveryIds = res.data.billDeliveryIds
+            ? res.data.billDeliveryIds.split(",")
+            : [];
+          this.shieldDeliveryIds = res.data.shieldDeliveryIds
+            ? res.data.shieldDeliveryIds.split(",")
+            : [];
           let a = new Set(this.shieldDeliveryIds);
           let b = new Set(this.billDeliveryIds);
           let difference = new Set([...a].filter((x) => !b.has(x)));
@@ -113,7 +117,7 @@ export default {
             message: res.msg,
           });
         }
-        this.centerDialogVisible = false
+        this.centerDialogVisible = false;
       });
     },
     updateConfig() {
@@ -125,13 +129,13 @@ export default {
             type: "success",
             message: "修改成功！",
           });
-          this.getConfig();
         } else {
           this.$message({
             type: "error",
             message: res.msg,
           });
         }
+        this.getConfig();
       });
     },
   },