标签展示问题和搜索问题

src/components/Pagination/index.vue

@@ -36,7 +36,7 @@ export default {
     pageSizes: {
       type: Array,
       default() {
-        return [10, 20, 30, 50,100,200,300]
+        return [5,10, 20, 30, 50,100,200,300]
       }
     },
     // 移动端页码按钮的数量端默认值5

src/views/course/courseWatchLog/index.vue

@@ -173,16 +173,29 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
+<!--          <div class="tag-container">-->
+<!--            <a-->
+<!--              v-for="tagItem in item.tag"-->
+<!--              class="tag-box"-->
+<!--              @click="tagSelection(tagItem)"-->
+<!--              :class="{ 'tag-selected': tagItem.isSelected }"-->
+<!--            >-->
+<!--              {{ tagItem.name }}-->
+<!--            </a>-->
+<!--          </div>-->
         </div>
       </el-form>
       <pagination
@@ -209,15 +222,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -316,7 +332,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -604,10 +620,22 @@ export default {
 
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
 
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
+
+
     },
 
     cancelSearchTags(){
@@ -620,7 +648,7 @@ export default {
 
       this.queryTagParams= {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
       };
@@ -791,4 +819,19 @@ export default {
   margin-left: 10px;
   vertical-align: bottom;
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/course/courseWatchLog/myCourseWatchLog.vue

@@ -174,15 +174,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -210,15 +213,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -310,7 +316,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -575,10 +581,21 @@ export default {
 
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
 
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
+
     },
 
     cancelSearchTags(){
@@ -591,7 +608,7 @@ export default {
 
       this.queryTagParams= {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
       };
@@ -762,4 +779,19 @@ export default {
   margin-left: 10px;
   vertical-align: bottom;
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/course/courseWatchLog/watchLog.vue

@@ -319,15 +319,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -355,15 +358,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -497,7 +503,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -821,10 +827,21 @@ export default {
 
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
 
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
+
     },
 
     cancelSearchTags(){
@@ -837,7 +854,7 @@ export default {
 
       this.queryTagParams= {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
       };
@@ -1008,4 +1025,19 @@ export default {
   margin-left: 10px;
   vertical-align: bottom;
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/fastGpt/fastGptRole/fastGptRoleUpdate.vue

@@ -37,7 +37,7 @@
                                 @click="handleEditRoleTag(tagsForm, index)"
                                 @close="handleCloseRoleTag(tagsForm, index)"
                                 style="margin: 3px;">
-                          {{ getTagNames(tagsForm.tagIds) }} 
+                          {{ getTagNames(tagsForm.tagIds) }}
                         </el-tag>
                       </div>
                     </div>
@@ -51,7 +51,7 @@
                     v-hasPermi="['fastGptRole:fastGptRole:edit']"
                   >添加标签人设</el-button>
               </el-form-item> -->
-			  
+
 <!--      		<el-form-item label="修改栏目" prop="contactInfo">
       		  <el-select v-model="contactInfo"  multiple filterable placeholder="请选择修改栏目" clearable size="small" style="width: 50%" >
       		    <el-option
@@ -102,15 +102,18 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -153,15 +156,18 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -370,7 +376,7 @@ export default {
     this.getDicts("sys_fastgpt_role_external_info").then((response) => {
     	  this.externalInfoOptions = response.data;
     });
-	
+
 	getAllRoleType().then(response => {
         this.typeOptions = response.data;
       });
@@ -796,4 +802,19 @@ export default {
   overflow-y: auto; /* 内容超出时显示滚动条 */
   line-height: 1.5em; /* 行高设置，确保每行高度一致 */
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/autoTags/dayPartingIndex.vue

@@ -275,15 +275,18 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
       <pagination
@@ -389,7 +392,7 @@ export default {
 
       queryTagParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -585,7 +588,7 @@ export default {
 
       this.queryTagParams= {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
       };
@@ -638,6 +641,9 @@ export default {
 
     handleSearchTags(){
 
+      if (!this.queryTagParams.name){
+        return this.$message.error("请输入要搜索的标签")
+      }
       this.queryTagParams.corpId=this.queryParams.corpId;
       searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
@@ -1007,4 +1013,19 @@ export default {
   overflow-y: auto; /* 内容超出时显示滚动条 */
   line-height: 1.5em; /* 行高设置，确保每行高度一致 */
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/autoTags/groupIndex.vue

@@ -222,15 +222,19 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
       <pagination
@@ -319,7 +323,7 @@ export default {
 
       queryTagParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -431,7 +435,7 @@ export default {
 
       this.queryTagParams= {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
       };
@@ -506,6 +510,11 @@ export default {
     },
 
     handleSearchTags(){
+
+      if (!this.queryTagParams.name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
       this.queryTagParams.corpId=this.queryParams.corpId;
       searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
@@ -805,4 +814,19 @@ export default {
   overflow-y: auto; /* 内容超出时显示滚动条 */
   line-height: 1.5em; /* 行高设置，确保每行高度一致 */
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/contactWay/index.vue

@@ -625,15 +625,18 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -883,9 +886,19 @@ export default {
     },
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
 
     },
     cancelSearchTags(){
@@ -1497,4 +1510,19 @@ export default {
   margin-left: 10px;
   vertical-align: bottom;
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/externalContact/deptIndex.vue

@@ -490,15 +490,18 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
 
@@ -571,15 +574,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -607,15 +613,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -941,7 +950,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -1558,10 +1567,20 @@ export default {
     },
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
 
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
+
     },
 
     cancelSearchTags(){
@@ -2043,4 +2062,19 @@ export default {
   padding: 20px;
   box-sizing: border-box; /* 确保 padding 不影响总宽度 */
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/externalContact/index.vue

@@ -465,15 +465,18 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
 
@@ -501,15 +504,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -537,15 +543,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -797,7 +806,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -1359,7 +1368,14 @@ export default {
     },
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
 
@@ -1788,4 +1804,19 @@ export default {
 .suggestion-item:hover {
   background-color: #f5f7fa;
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/externalContact/myExternalContact.vue

@@ -454,21 +454,40 @@
         <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>
-      <div v-for="item in tagGroupList" :key="item.id"  >
+      <div v-for="item in tagGroupList" :key="item.id">
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
+<!--      <div v-for="item in tagGroupList" :key="item.id"  >-->
+<!--        <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">-->
+<!--          <span class="name-background">{{ item.name }}</span>-->
+<!--        </div>-->
+<!--        <div class="tag-container">-->
+<!--          <a-->
+<!--            v-for="tagItem in item.tag"-->
+<!--            class="tag-box"-->
+<!--            @click="tagSelection(tagItem)"-->
+<!--            :class="{ 'tag-selected': tagItem.isSelected }"-->
+<!--          >-->
+<!--            {{ tagItem.name }}-->
+<!--          </a>-->
+<!--        </div>-->
+<!--      </div>-->
 
       <pagination
         v-show="tagTotal>0"
@@ -494,15 +513,17 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -530,15 +551,17 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
       </el-form>
@@ -814,7 +837,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -1014,10 +1037,21 @@ export default {
 
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
 
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
+
     },
 
     handleGetMyQwUserList(){
@@ -1046,7 +1080,7 @@ export default {
 
       this.queryTagParams= {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
       };
@@ -1746,4 +1780,20 @@ export default {
   margin-left: 10px;
   vertical-align: bottom;
 }
+
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/externalContactTransfer/index.vue

@@ -312,7 +312,7 @@ export default {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 500,
+        pageSize: 300,
         userId: null,
         externalUserId: null,
         name: null,

src/views/qw/groupMsg/index.vue

@@ -369,15 +369,18 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
         </div>
         <pagination
@@ -676,7 +679,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -906,9 +909,19 @@ export default {
     },
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
 
     },
     cancelSearchTags(){
@@ -1619,5 +1632,19 @@ export default {
   overflow-y: auto; /* 内容超出时显示滚动条 */
   line-height: 1.5em; /* 行高设置，确保每行高度一致 */
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
 
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/sop/addSop.vue

@@ -394,16 +394,29 @@
           <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
             <span class="name-background">{{ item.name }}</span>
           </div>
-          <div class="tag-container">
-            <a
-              v-for="tagItem in item.tag"
-              class="tag-box"
-              @click="tagSelection(tagItem)"
-              :class="{ 'tag-selected': tagItem.isSelected }"
-            >
-              {{ tagItem.name }}
-            </a>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
+            </div>
           </div>
+<!--          <div class="tag-container">-->
+<!--            <a-->
+<!--              v-for="tagItem in item.tag"-->
+<!--              class="tag-box"-->
+<!--              @click="tagSelection(tagItem)"-->
+<!--              :class="{ 'tag-selected': tagItem.isSelected }"-->
+<!--            >-->
+<!--              {{ tagItem.name }}-->
+<!--            </a>-->
+<!--          </div>-->
         </div>
 
         <pagination
@@ -487,7 +500,7 @@ export default {
 
       queryTagParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total: 0,
         name: null,
         corpId: null,
@@ -613,6 +626,9 @@ export default {
 
     handleSearchTags() {
 
+      if (!this.queryTagParams.name){
+        return this.$message.error("请输入要搜索的标签")
+      }
       searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
         this.total = response.total;
@@ -1233,4 +1249,19 @@ export default {
   overflow-y: auto; /* 内容超出时显示滚动条 */
   line-height: 1.5em; /* 行高设置，确保每行高度一致 */
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>

src/views/qw/sopUserLogsInfo/sopUserLogsInfoDetails.vue

@@ -422,15 +422,18 @@
         <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
           <span class="name-background">{{ item.name }}</span>
         </div>
-        <div class="tag-container">
-          <a
-            v-for="tagItem in item.tag"
-            class="tag-box"
-            @click="tagSelection(tagItem)"
-            :class="{ 'tag-selected': tagItem.isSelected }"
-          >
-            {{ tagItem.name }}
-          </a>
+        <!-- 添加外层滚动容器 -->
+        <div class="scroll-wrapper">
+          <div class="tag-container">
+            <a
+              v-for="tagItem in item.tag"
+              class="tag-box"
+              @click="tagSelection(tagItem)"
+              :class="{ 'tag-selected': tagItem.isSelected }"
+            >
+              {{ tagItem.name }}
+            </a>
+          </div>
         </div>
       </div>
 
@@ -533,7 +536,7 @@ export default {
 
       queryTagParams:{
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
         corpId:null,
@@ -713,10 +716,21 @@ export default {
 
     handleSearchTags(name){
 
-      searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      if (!name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+
+      this.queryTagParams.name=name;
+      this.queryTagParams.corpId=this.queryParams.corpId;
+
+      searchTags(this.queryTagParams).then(response => {
         this.tagGroupList = response.rows;
       });
 
+      // searchTags({name:name,corpId:this.queryParams.corpId}).then(response => {
+      //   this.tagGroupList = response.rows;
+      // });
+
     },
 
 
@@ -740,7 +754,7 @@ export default {
 
       this.queryTagParams= {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 5,
         total:0,
         name:null,
       };
@@ -1337,4 +1351,19 @@ export default {
   margin-left: 10px;
   vertical-align: bottom;
 }
+/* 新增的滚动容器样式（不影响原有样式） */
+.scroll-wrapper {
+  max-height: 130px; /* 大约三行的高度 */
+  overflow-y: auto;  /* 垂直滚动 */
+  padding-right: 5px; /* 为滚动条留出空间 */
+}
+
+/* 美化滚动条（可选） */
+.scroll-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+.scroll-wrapper::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
 </style>