.

project/src/assets/config/interface_api.js

@@ -48,6 +48,8 @@ var api = {
   customerOrderList: "/api/customer/customerOrderList",
   tag_detial_list: "/api/customer/customerDetailTagList",
   tag_detial_edit: "/api/customer/customerDetailTagUpdate",
+  customer_setCustomerTag: "/api/customer/setCustomerTag",
+  customer_batchMarkTagResult: "/api/customer/batchMarkTagResult",
 };
 
 export { api };

project/src/components/Index/header.vue

@@ -8,13 +8,13 @@
       <div class="enterpriseSelect">
         <div class="enterpriseBox">
           <div class="enterprise-self">
-            <img src="@/assets/img/login_icon.png" alt="">
-            <span>酷播文化</span>
+            <!-- <img :src="enterprise.corp_square_logo_url" alt=""> -->
+            <span>{{enterprise.corp_full_name}}</span>
           </div>
           <i :class="['el-icon-caret-bottom',reversalAnimationFlag?'reversalAnimation':'']"></i>
         </div>
-        <el-select class="enterpriseElSelect" v-model="enterprise" size="small" placeholder="请选择" @visible-change="(val)=>{reversalAnimationFlag = val}">
-          <el-option v-for="item in enterpriseList" :key="item.value" :label="item.label" :value="item.value">
+        <el-select class="enterpriseElSelect" v-model="enterprise.corpid" size="small" placeholder="请选择" @visible-change="(val)=>{reversalAnimationFlag = val}">
+          <el-option v-for="item in enterpriseList" :key="item.corpid" :label="item.corp_full_name" :value="item.corpid">
           </el-option>
         </el-select>
       </div>
@@ -89,6 +89,8 @@ export default {
     }
   },
   created () {
+    this.enterpriseList = this.$store.state.authorize_corpList;
+    this.enterprise = this.$store.state.defaultCorp;
     this.userInfo = JSON.parse(this.$localSelfStore.getLocal('userInfo'))
   },
   methods: {
@@ -193,7 +195,7 @@ export default {
   transform: rotate(180deg);
 }
 .enterpriseSelect {
-  width: 170px;
+  // width: 170px;
   height: 34px;
   border-radius: 4px;
   border: 1px solid #ffffff;
@@ -210,6 +212,7 @@ export default {
     padding: 0 7px;
     i {
       transition: all 0.5s;
+      margin-left: 10px;
     }
     .enterprise-self {
       display: flex;

project/src/components/assembly/editCon.vue

@@ -213,7 +213,7 @@ export default {
         admin_id: this.$cookie.getCookie('admin_id'),
         ttl: this.$cookie.getCookie('ttl'),
         sign: this.$cookie.getCookie('sign'),
-        corpid: this.$store.state.corpid,
+        corpid: this.$store.state.defaultCorp.corpid,
         type: 1,//素材类型。1图片 2语音 3视频
         need_media_id: 0,
       },
@@ -221,7 +221,7 @@ export default {
         admin_id: this.$cookie.getCookie('admin_id'),
         ttl: this.$cookie.getCookie('ttl'),
         sign: this.$cookie.getCookie('sign'),
-        corpid: this.$store.state.corpid,
+        corpid: this.$store.state.defaultCorp.corpid,
         type: 1,//素材类型。1图片 2语音 3视频
         need_media_id: 1,//是否需要返回media_id.0否 1是
       },

project/src/components/assembly/tagDialog.vue

@@ -0,0 +1,218 @@
+<template>
+  <div class="popover_con" v-loading="loading">
+    <!-- <div class="condition">
+      <label>筛选条件</label>
+      <el-radio-group v-model="radio">
+        <el-radio :label="1">以下标签满足其中之一</el-radio>
+        <el-radio :label="2">以下标签同时满足</el-radio>
+        <el-radio :label="3">无任何标签</el-radio>
+      </el-radio-group>
+    </div> -->
+    <div class="self-hint" style="border:none">
+      <i class="el-icon-message-solid"></i>
+      <span>将给选择的1个客户批量{{tagType==1?'打':'移除'}}标签，请选择标签</span>
+    </div>
+    <template v-if="radio!=3">
+      <div class="self-input">
+        <input type="text" v-model="keyword" placeholder="请输入要查找的标签" @input="keyInput">
+        <i class="el-icon-search"></i>
+      </div>
+      <div class="tagGroup self-scrollbar-3">
+        <div class="groupItem" v-for="(it) in tagList" :key="it.group_id">
+          <div class="groupTitle">{{it.group_name}}：</div>
+          <div class="groupBox">
+            <div :class="['group',tag_id_list.indexOf(item.tag_id) != -1 ? 'group_active' : ''] " v-for="(item,index) in it.tag_list" :key="index" @click="groupEvent(item)">{{item.tag_name}}</div>
+          </div>
+        </div>
+        <no-data hint="没有搜索到相关标签哦～" v-if="!loading&&tagList&&tagList.length==0"></no-data>
+      </div>
+    </template>
+    <p v-else class="hint">选择无任何标签后，将筛选出没有被打上过任何标签的客户～</p>
+    <div class="buttons">
+      <el-button type="primary" plain size="mini" @click="$emit('closeTagDialog',[])">取消</el-button>
+      <el-button type="primary" size="mini" @click="defineEvent">确定</el-button>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    tagType: {
+      type: Number | String,
+      default: 1
+    }
+  },
+  data () {
+    return {
+      loading: false,
+      keyword: '',
+      radio: 2,
+      tagList: [],
+      tag_id_list: []
+    }
+  },
+  created () {
+    // 没有标签时，请求接口，获取标签
+    if (this.tagList.length == 0) {
+      this.init()
+    }
+  },
+  methods: {
+    keyInput () {
+      let tagList = []
+      this.old_tag_list.forEach((item) => {
+        let obj = JSON.parse(JSON.stringify(item));
+        obj.tag_list = []
+        item.tag_list.forEach((item1) => {
+          if (item1.tag_name.indexOf(this.keyword) != -1) {
+            obj.tag_list.push(item1)
+          }
+        })
+        if (obj.tag_list.length != 0) {
+          tagList.push(obj)
+        }
+      });
+      this.tagList = tagList
+    },
+    groupEvent (item) {
+      if (this.tag_id_list.indexOf(item.tag_id) == -1) {
+        this.tag_name_list.push(item.tag_name)
+        this.tag_id_list.push(item.tag_id)
+      } else {
+        this.tag_id_list = this.tag_id_list.filter((v) => {
+          return v != item.tag_id
+        })
+        this.tag_name_list = this.tag_name_list.filter((v) => {
+          return v != item.tag_name
+        })
+      }
+    },
+    defineEvent () {
+      if (this.tag_id_list.length == 0) {
+        this.$message({
+          message: '请选择标签',
+          type: "warning"
+        })
+        return
+      }
+      this.$emit('closeTagDialog', this.tag_id_list)
+    },
+    init () {
+      this.loading = true
+      this.$axios.get(this.URL.BASEURL + this.URL.tagList, {}).then((res) => {
+        var res = res.data
+        this.loading = false
+        if (res && res.errno == 0) {
+          this.old_tag_list = res.rst;
+          this.tagList = res.rst;
+          // 回显
+          let arr = [];
+          this.tagList.forEach((item) => {
+            item.tag_list.forEach((it) => {
+              if (this.tag_id_list.indexOf(it.tag_id) != -1) {
+                arr.push(it.tag_name)
+              }
+            })
+          })
+          this.tag_name_list = arr;
+        } else if (res.errno != 4002) {
+          this.$message({
+            message: res.err,
+            type: "warning"
+          })
+        }
+      }).catch((err) => {
+        this.loading = false
+      });
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.popover_con {
+  width: 550px;
+  padding: 10px 10px 0;
+  .condition {
+    display: flex;
+    align-items: center;
+    label {
+      color: #898d92;
+      font-size: 13px;
+      line-height: 17px;
+      margin-right: 15px;
+    }
+    .el-radio-group {
+      label {
+        color: #383e47;
+      }
+    }
+  }
+  .self-input {
+    width: 100%;
+    height: 34px;
+    border-radius: 4px;
+    border: 1px solid #00b38a;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    margin: 20px 0;
+    input {
+      border: none;
+      height: 100%;
+      flex: 1;
+      padding: 0 20px;
+      font-size: 14px;
+    }
+    i {
+      display: block;
+      width: 40px;
+      text-align: center;
+      cursor: pointer;
+      font-size: 16px;
+      color: #00b38a;
+    }
+  }
+}
+.tagGroup {
+  height: 300px;
+  overflow-y: auto;
+  .groupItem {
+    margin-bottom: 14px;
+    .groupTitle {
+      color: #898d92;
+      font-size: 13px;
+      line-height: 18px;
+    }
+    .groupBox {
+      display: flex;
+      flex-wrap: wrap;
+      .group {
+        height: 25px;
+        line-height: 25px;
+        font-size: 12px;
+        color: #787878;
+        background: #f4f4f4;
+        border-radius: 4px;
+        border: 1px solid #d2d2d2;
+        padding: 0 10px;
+        margin: 4px 8px 4px 0;
+        cursor: pointer;
+        &.group_active {
+          color: #00b38a;
+          border-color: #00b38a;
+          background: transparent;
+        }
+      }
+    }
+  }
+}
+.buttons {
+  text-align: right;
+  padding: 20px 0 10px;
+}
+.hint {
+  font-size: 13px;
+  color: #969696;
+  margin-top: 20px;
+}
+</style>

project/src/components/customManage/customerTransfer.vue

@@ -107,7 +107,8 @@
       </el-table-column>
       <el-table-column width="160" label="付费情况" align="center">
         <template slot-scope="scope">
-          <div>已付费(<span class="c-00B38A">3次</span>)</div>
+          <div v-if="scope.row.pay_num>0">已付费(<span class="c-00B38A">{{scope.row.pay_num}}次</span>)</div>
+          <div v-else>未付费</div>
         </template>
       </el-table-column>
       <el-table-column prop="createtime" width="160" label="添加时间" show-overflow-tooltip align="center"></el-table-column>

project/src/components/customManage/lostCustomer.vue

@@ -7,13 +7,13 @@
         <p>客户流失功能只会记录授权给微伴成员的客户流失信息，未被授权的成员信息将不会展示在列表中。<a href="https://docs.qq.com/doc/p/302c154caadbfb317828a3edf057f06741bdc47d?dver=2.1.27292865" target="_blank" class="c-00B38A">如何添加授权成员？</a></p>
       </div>
     </div>
-    <div class="remindBox">
+    <!-- <div class="remindBox">
       <h3>被删除提醒</h3>
       <el-switch v-model="remindValue" active-color="#43B083" inactive-color="#ddd"></el-switch>
       <label>已开启</label>
       <p class="hint">开启后，当企业微信被客户删除时，被删除的企业成员将收到一条消息提醒</p>
-    </div>
-    <div class="screenBox">
+    </div> -->
+    <div class="screenBox" style="margin-top:10px">
       <!-- 所属客服 -->
       <self-customerservice :reset='resetFlag' @customerDefine="(val)=>{user_id_list=val;init(1)}"></self-customerservice>
       <!-- 流失时间 -->

project/src/components/customManage/manage.vue

@@ -37,18 +37,18 @@
         <div class="selectCustom">已择0个客户</div>
       </div>
       <div class="flex">
-        <el-button type="primary" plain size="mini">批量打标签</el-button>
-        <el-button type="primary" plain size="mini">批量移除标签</el-button>
+        <el-button type="primary" plain size="mini" @click="setCustomerTag(1)">批量打标签</el-button>
+        <el-button type="primary" plain size="mini" @click="setCustomerTag(2)">批量移除标签</el-button>
         <el-button type="primary" plain size="mini">导出Excel</el-button>
       </div>
     </div>
     <!-- table -->
-    <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
+    <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" @select-all="handleSelectAll">
       <el-table-column type="selection" width="55" align="center"></el-table-column>
       <el-table-column width="200" fixed="left">
         <template slot-scope="scope" slot="header">
-          <div class="customTitle" slot="reference">{{pageOptionValue==2?'选择当前页面客户':'选择全部客户'}}<i class="el-icon-arrow-down"></i>
-            <el-select v-model="pageOptionValue" class="customTitleSelect" placeholder="请选择" size="mini">
+          <div class="customTitle" slot="reference">{{old_pageOptionValue==2?'选择当前页面客户':'选择全部客户'}}<i class="el-icon-arrow-down"></i>
+            <el-select v-model="pageOptionValue" class="customTitleSelect" placeholder="请选择" size="mini" @change="pageOptionSelect" @visible-change="pageOptionValue=''">
               <el-option v-for="item in pageOptions" :key="item.id" :label="item.name" :value="item.id">
               </el-option>
             </el-select>
@@ -84,7 +84,7 @@
         <template slot-scope="scope">
           <div class="customerServiceTagBox biaoqian">
             <div class="customerServiceTag" v-if="scope.row.gender==1||scope.row.gender==2">{{scope.row.gender==1?'男':scope.row.gender==2?'女':''}}</div>
-            <div class="customerServiceTag" v-for="(item) in scope.row.tag_list" :key="item">{{item}}</div>
+            <div class="customerServiceTag" v-for="(item,index) in scope.row.tag_list" :key="index+'biaoqian'">{{item}}</div>
           </div>
         </template>
       </el-table-column>
@@ -97,7 +97,8 @@
       </el-table-column>
       <el-table-column width="160" label="付费情况" align="center">
         <template slot-scope="scope">
-          <div>已付费(<span class="c-00B38A">3次</span>)</div>
+          <div v-if="scope.row.pay_num>0">已付费(<span class="c-00B38A">{{scope.row.pay_num}}次</span>)</div>
+          <div v-else>未付费</div>
         </template>
       </el-table-column>
       <el-table-column prop="createtime" width="160" label="添加时间" show-overflow-tooltip align="center"></el-table-column>
@@ -107,11 +108,11 @@
           <div>{{scope.row.add_way}}</div>
         </template>
       </el-table-column>
-      <el-table-column width="200" label="操作" align="center" fixed="right">
+      <el-table-column width="130" label="操作" align="center" fixed="right">
         <template slot-scope="scope">
           <div class="flex">
             <div class="c-00B38A pointer" @click="shieldingEvent(scope.row)">加入黑名单</div>
-            <div class="c-00B38A pointer">聊天记录</div>
+            <!-- <div class="c-00B38A pointer">聊天记录</div> -->
             <div class="c-00B38A pointer" @click="showDetial(scope.row)">详情</div>
           </div>
         </template>
@@ -126,15 +127,16 @@
       <shielding-user @cancel='shieldingUserCancel' :shieldingData='shieldingData'></shielding-user>
     </el-dialog>
 
-    <el-drawer
-      :size="drawerSize"
-      :visible.sync="detialDrawer"
-      :with-header="false">
+    <el-drawer :size="drawerSize" :visible.sync="detialDrawer" :with-header="false">
       <detial @changeDrawerSize="changeDrawerSize" @closeDrawer="closeDrawer" :rowProp="{
         customer_id:rowPro.customer_id,
         user_id:rowPro.user_id
       }" ref="detial"></detial>
     </el-drawer>
+    <!-- 批量打标签 -->
+    <el-dialog :title="tagType==1?'批量打标签':'批量移除标签'" :visible.sync="tagVisible" width="600px" center top="15vh">
+      <tag-dialog @closeTagDialog="closeTagDialog" :tagType='tagType'></tag-dialog>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -148,23 +150,26 @@ import lossBody from '@/components/assembly/screen/lossBody.vue'
 import screenPay from '@/components/assembly/screen/pay.vue'
 import shieldingUser from '@/components/assembly/shieldingUser.vue'
 import detial from '@/components/detials/index.vue'
+import tagDialog from '@/components/assembly/tagDialog.vue'
+
 export default {
-  components: { detial, selfInput, selfCustomerservice, enterpriseTag, datePicker, selfChannel, selfGender, lossBody, screenPay, shieldingUser },
+  components: { tagDialog, detial, selfInput, selfCustomerservice, enterpriseTag, datePicker, selfChannel, selfGender, lossBody, screenPay, shieldingUser },
   data () {
     return {
-      drawerSize:'60%',
+      drawerSize: '60%',
       detialDrawer: false,
       loading: false,
       page: 1,
       pages: 0,
       total: 0,
-      page_size: 20,
+      page_size: 2,
       shieldingFlag: false,
       pageOptions: [
         { name: '全部', id: 1 },
         { name: '当前页面', id: 2 },
       ],
       pageOptionValue: 2,
+      old_pageOptionValue: 2,
       input_keyword: '',
       tableData: [],
       user_id_list: [],//客服user_id列表
@@ -181,12 +186,81 @@ export default {
       otherData: {},
       shieldingData: {},//拉黑的数据
       rowPro: {},//去详情的此条对象
+      multipleSelection: {},
+      exclude_multiple_selection: {},
+      isAll: false,//是否选择全部
+      tagVisible: true,
+      tagType: 1
     }
   },
   created () {
     this.init(1)
   },
   methods: {
+    closeTagDialog (val) {
+      if (val && val.length != 0) {
+        this.page = page ? page : this.page;
+        this.loading = true
+        this.$axios.get(this.URL.BASEURL + this.URL.customer_setCustomerTag, {
+          params: {
+            user_id_list: this.user_id_list,
+            customer_name: this.input_keyword,
+            add_date_start: this.add_date_start,
+            add_date_end: this.add_date_end,
+            add_way: this.add_way,
+            pay_status: this.pay_status,
+            pay_num_min: this.pay_num_min,
+            pay_num_max: this.pay_num_max,
+            tag_type: this.tag_type,
+            tag_id_list: this.tag_id_list,
+            loss_status: this.loss_status,
+            page: this.page,
+            page_size: this.page_size
+          }
+        }).then((res) => {
+          var res = res.data
+          this.loading = false
+          if (res && res.errno == 0) {
+            this.tableData = res.rst.data.list;
+            this.otherData = {
+              count: res.rst.data.count,
+              exclude_count: res.rst.data.exclude_count
+            }
+            this.total = res.rst.pageInfo.total;
+            this.pages = res.rst.pageInfo.pages;
+
+            // 回显选择
+            let page_multiple_data = [];
+            if (this.isAll && (!this.multipleSelection[this.page])) {
+              page_multiple_data = this.tableData
+            } else {
+              let multiple_id = this.multipleSelection[this.page] ? this.multipleSelection[this.page].map((v) => {
+                return v.user_id + '-' + v.customer_id
+              }) : []
+              this.tableData.forEach((item) => {
+                if (multiple_id.indexOf((item.user_id + '-' + item.customer_id)) != -1) {
+                  page_multiple_data.push(item)
+                }
+              })
+            }
+            this.$nextTick(() => {
+              page_multiple_data.forEach((row) => {
+                this.$refs.multipleTable.toggleRowSelection(row, true);
+              })
+            })
+
+          } else if (res.errno != 4002) {
+            this.$message({
+              message: res.err,
+              type: "warning"
+            })
+          }
+        }).catch((err) => {
+          this.loading = false
+        });
+      }
+      this.tagVisible = false
+    },
     resetEvent () {//重置
       this.resetFlag = !this.resetFlag
       this.input_keyword = '';
@@ -278,13 +352,33 @@ export default {
         this.loading = false
         if (res && res.errno == 0) {
           this.tableData = res.rst.data.list;
-          console.log(this.tableData);
           this.otherData = {
             count: res.rst.data.count,
             exclude_count: res.rst.data.exclude_count
           }
           this.total = res.rst.pageInfo.total;
           this.pages = res.rst.pageInfo.pages;
+
+          // 回显选择
+          let page_multiple_data = [];
+          if (this.isAll && (!this.multipleSelection[this.page])) {
+            page_multiple_data = this.tableData
+          } else {
+            let multiple_id = this.multipleSelection[this.page] ? this.multipleSelection[this.page].map((v) => {
+              return v.user_id + '-' + v.customer_id
+            }) : []
+            this.tableData.forEach((item) => {
+              if (multiple_id.indexOf((item.user_id + '-' + item.customer_id)) != -1) {
+                page_multiple_data.push(item)
+              }
+            })
+          }
+          this.$nextTick(() => {
+            page_multiple_data.forEach((row) => {
+              this.$refs.multipleTable.toggleRowSelection(row, true);
+            })
+          })
+
         } else if (res.errno != 4002) {
           this.$message({
             message: res.err,
@@ -295,24 +389,75 @@ export default {
         this.loading = false
       });
     },
+    setCustomerTag (type) {//批量打标签、移除标签
+      //type 操作类型 1添加标签 2移除标签
+      let multipleArr = []
+      for (var i in this.multipleSelection) {
+        multipleArr = multipleArr.concat(this.multipleSelection[1] ? this.multipleSelection[1] : [])
+      }
+      if (multipleArr.length == 0) {
+        this.$message({
+          message: '请选择客户！',
+          type: "warning"
+        })
+        return
+      }
+      this.tagVisible = true;
+      this.tagType = type
+    },
     handleCurrentChange (val) {
       this.init(val)
     },
-    handleSelectionChange () {
-
+    handleSelectAll (row) {//点击了全选
+      if (this.isAll && row.length == 0) {
+        this.multipleSelection = {}
+        this.exclude_multiple_selection = {}
+        this.isAll = false
+      }
     },
-
-    changeDrawerSize(){
+    handleSelectionChange (row) {//点击选择变化
+      this.multipleSelection[this.page] = row && row.length != 0 ? row : null;
+      if (this.isAll) {//全选状态下被排除的用户
+        let page_multiple_data = [];
+        let multiple_id = this.multipleSelection[this.page] ? this.multipleSelection[this.page].map((v) => {
+          return v.user_id + '-' + v.customer_id
+        }) : []
+        this.tableData.forEach((item) => {
+          if (multiple_id.indexOf((item.user_id + '-' + item.customer_id)) != -1) {
+            page_multiple_data.push(item)
+          }
+        })
+        this.exclude_multiple_selection[this.page] = page_multiple_data
+      }
+    },
+    pageOptionSelect (val) {//选择
+      if (val && val != '') {
+        this.old_pageOptionValue = val;
+      }
+      this.exclude_multiple_selection = {}
+      if (this.pageOptionValue == 1) {
+        this.isAll = true
+      } else {//选择当前页面
+        this.isAll = false
+        let current_page_data = this.multipleSelection[this.page];
+        this.multipleSelection = {};
+        this.multipleSelection[this.page] = current_page_data ? current_page_data : null;
+      }
+      this.tableData.forEach((row) => {
+        this.$refs.multipleTable.toggleRowSelection(row, true);
+      });
+    },
+    changeDrawerSize () {
       this.drawerSize = this.drawerSize == '100%' ? '60%' : '100%'
     },
-    closeDrawer(){
+    closeDrawer () {
       this.detialDrawer = false
     },
     showDetial (row) {
       this.rowPro = row
       this.drawerSize = '60%'
       this.detialDrawer = true
-      this.$nextTick(()=>{
+      this.$nextTick(() => {
         this.$refs.detial.acIdx = 0
         this.$refs.detial.init()
       })

project/src/components/manage/tagManage.vue

@@ -0,0 +1,79 @@
+<template>
+  <div v-loading="loading">
+    <div class="screenBox">
+      <self-input label_name="标签搜索" @inputChange='(val)=>{input_keyword = val;init(1)}'></self-input>
+      <div class="reset" @click="resetEvent">重置</div>
+    </div>
+    <div class="tableInfo">
+      <div>
+        <div class="flex">
+          <div class="totalCustom">共<span>{{total}}</span>个标签</div>
+        </div>
+      </div>
+      <div class="flex">
+        <el-button type="primary" size="mini" @click="init(1,'export')">添加标签组</el-button>
+      </div>
+    </div>
+    <div class="tagListBox">
+      <div class="tagItemBox">
+
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import selfInput from '@/components/assembly/screen/input.vue'
+export default {
+  components: { selfInput },
+  data () {
+    return {
+      loading: false,
+      total: 0,
+      tableData: [],
+      resetFlag: false,//重置
+      input_keyword: ''
+    }
+  },
+  created () {
+    this.init(1)
+  },
+  methods: {
+    resetEvent () {//重置
+      this.resetFlag = !this.resetFlag
+      this.input_keyword = ''
+      this.init()
+    },
+    init () {
+      this.loading = true
+      this.$axios.get(this.URL.BASEURL + this.URL.tagList, {
+        params: {
+          keyword: this.input_keyword
+        }
+      }).then((res) => {
+        var res = res.data
+        this.loading = false
+        if (res && res.errno == 0) {
+          this.tableData = res.rst;
+          this.total = this.tableData.length;
+        } else if (res.errno != 4002) {
+          this.$message({
+            message: res.err,
+            type: "warning"
+          })
+        }
+      }).catch((err) => {
+        this.loading = false
+      });
+    },
+    handleCurrentChange (val) {
+      this.init(val)
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "@/style/list.scss";
+.tableInfo {
+  height: 50px;
+}
+</style>

project/src/router/allRouter.js

@@ -11,6 +11,7 @@ const lostCustomer = () => import(/* webpackChunkName: 'lostCustomer' */ '@/comp
 const customerTransfer = () => import(/* webpackChunkName: 'customerTransfer' */ '@/components/customManage/customerTransfer.vue')
 const transferRecord = () => import(/* webpackChunkName: 'transferRecord' */ '@/components/customManage/transferRecord.vue')
 const authorityManage = () => import(/* webpackChunkName: 'authorityManage' */ '@/components/manage/authorityManage.vue')
+const tagManage = () => import(/* webpackChunkName: 'tagManage' */ '@/components/manage/tagManage.vue')
 
 
 export var allRouter = [
@@ -148,6 +149,16 @@ export var allRouter = [
           isLogin: true,
           title: '授权管理'
         }
+      },
+      {
+        path: 'tagManage',
+        name: 'tagManage',
+        component: tagManage,
+        meta: {
+          keepAlive: false,
+          isLogin: true,
+          title: '标签管理'
+        }
       }
     ]
   }

project/src/router/navList.js

@@ -64,7 +64,7 @@ var navList = [
     small_menu: [
       {
         viewName: '标签管理',
-        path: 'chain',
+        path: 'tagManage',
       },
     ]
   },