今正-需求

src/views/qw/externalContact/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" style="border: 1px solid transparent">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="120px" style="border: 1px solid transparent">
       <el-form-item label="销售公司" prop="companyId">
         <el-select v-model="queryParams.companyId" placeholder="销售公司"  size="small" @change="getAllUserlist(queryParams.companyId)">
           <el-option
@@ -62,16 +62,26 @@
         />
       </el-form-item>
 
-      <el-form-item label="客户名称" prop="name">
+      <el-form-item label="客户名称(模糊)" prop="name">
         <el-input
             v-model="queryParams.name"
-            placeholder="请输入客户名称"
+            placeholder="请输入客户名称(模糊)"
             clearable
             size="small"
             @keyup.enter.native="handleQuery"
         />
       </el-form-item>
 
+      <el-form-item label="客户名称(精准)" prop="name">
+        <el-input
+          v-model="queryParams.preciseName"
+          placeholder="请输入客户名称(精准)"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
       <el-form-item label="销售企微昵称" prop="qwUserName">
         <el-input
             v-model="queryParams.qwUserName"
@@ -298,9 +308,23 @@
     <el-table-column label="备注" align="center" prop="remark" />
     <el-table-column label="描述信息" align="center" prop="description" />
     <el-table-column label="标签" align="center" prop="tagIdsName" width="250px">
+<!--      <template slot-scope="scope">-->
+<!--        <div v-for="name in scope.row.tagIdsName"  style="display: inline;">-->
+<!--          <el-tag type="success">{{ name }}</el-tag>-->
+<!--        </div>-->
+<!--      </template>-->
       <template slot-scope="scope">
-        <div v-for="name in scope.row.tagIdsName"  style="display: inline;">
-          <el-tag type="success">{{ name }}</el-tag>
+        <div class="tag-container">
+          <div class="tag-list">
+            <el-tag
+              v-for="name in scope.row.tagIdsName"
+              :key="name"
+              type="success"
+              size="small"
+            >
+              {{ name }}
+            </el-tag>
+          </div>
         </div>
       </template>
     </el-table-column>
@@ -521,6 +545,7 @@ export default {
         userId: null,
         externalUserId: null,
         name: null,
+        preciseName: null,
         avatar: null,
         type: null,
         gender: null,
@@ -777,6 +802,7 @@ export default {
       this.queryParams.corpId = null;
       this.selectTags=[];
       this.queryParams.qwUserId = null;
+      this.queryParams.preciseName = null;
       this.queryParams.sTime=null;
       this.queryParams.eTime=null;
       this.externalContactList=[];
@@ -1017,11 +1043,18 @@ export default {
   padding: 4px 8px; /* 调整内边距，让背景包裹文字 */
   border-radius: 4px; /* 可选：设置圆角 */
 }
-/* CSS 样式 */
 .tag-container {
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 1px;
+  border: 1px solid #ebeef5;
+  border-radius: 1px;
+  background-color: #fafafa;
+}
+.tag-list {
   display: flex;
-  flex-wrap: wrap; /* 超出宽度时自动换行 */
-  gap: 8px; /* 设置标签之间的间距 */
+  flex-wrap: wrap;
+  gap: 8px;
 }
 .name-background {
   display: inline-block;