今正-企微客户-客户名称精准查询，标签精准查询，table标签折叠展示

src/views/crm/externalContact/index.vue

@@ -20,6 +20,15 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="客户名称(准)" prop="preciseName">
+        <el-input
+          v-model="queryParams.preciseName"
+          placeholder="请输入客户名称精确查询"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="活码id" prop="wayId">
         <el-input
           v-model="queryParams.wayId"
@@ -360,7 +369,7 @@
 <!--          </div>-->
 <!--        </template>-->
         <template slot-scope="scope">
-          <div class="tag-container">
+          <div class="table-tag-container">
             <div class="tag-list">
               <el-tag
                 v-for="name in scope.row.tagIdsName"
@@ -529,6 +538,8 @@
 
       <div>搜索标签：
         <el-input v-model="queryTagParams.name" placeholder="请输入标签名称" clearable size="small" style="width: 200px;margin-right: 10px" />
+        搜索标签(精确)：
+        <el-input v-model="queryTagParams.preciseName" placeholder="请输入精确标签名称" clearable size="small" style="width: 200px;margin-right: 10px" />
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSearchTags(queryTagParams.name)">搜索</el-button>
         <el-button type="primary" icon="el-icon-plus" size="mini" @click="cancelSearchTags">重置</el-button>
       </div>
@@ -934,6 +945,7 @@ export default {
         pageSize: 5,
         total:0,
         name:null,
+        preciseName:null,
         corpId:null,
       },
 
@@ -947,6 +959,7 @@ export default {
         qwUserName:null,
         externalUserId: null,
         name: null,
+        preciseName: null,
         avatar: null,
         type: null,
         qwUserId:null,
@@ -1262,6 +1275,7 @@ export default {
       );
 
       this.queryTagParams.name=null;
+      this.queryTagParams.preciseName=null;
 
       this.getPageListTagGroup();
 
@@ -1501,7 +1515,7 @@ export default {
     },
     handleSearchTags(name){
 
-      if (!name){
+      if (!name && (this.queryTagParams.preciseName == null || this.queryTagParams.preciseName =="")){
         return this.$message.error("请输入要搜索的标签")
       }
 
@@ -2017,6 +2031,25 @@ export default {
   border-radius: 1px;
   background-color: #fafafa;
 }
+.table-tag-container {
+  max-height: 72px;
+  overflow-y: auto;
+  padding: 4px;
+}
+.table-tag-container::-webkit-scrollbar {
+  width: 6px;
+}
+.table-tag-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+.table-tag-container::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+}
+.table-tag-container::-webkit-scrollbar-thumb:hover {
+  background: #909399;
+}
 .tag-list {
   display: flex;
   flex-wrap: wrap;