@lambo-design/workflow-approve 1.0.0-beta.51 → 1.0.0-beta.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/workflow-approve",
-  "version": "1.0.0-beta.51",
+  "version": "1.0.0-beta.52",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/components/countersigners-box.vue

@@ -1,18 +1,23 @@
 <template>
   <div style="min-height: 300px;">
-    <Select v-if="organTree.userMap && Object.keys(organTree.userMap).length > 0" v-model="countersignersTagsData"
+    <div v-if="organTree.userMap && Object.keys(organTree.userMap).length > 0"  class="searchable-select-wrapper">
+    <Select  v-model="countersignersTagsData"
             filterable multiple
             @on-change="organChange($event)"
             class="custom-select"
-    >
-      <Option v-for="(value, key) in organTree.userMap" :key="key" :value="`${key},${value}`" :label="value">
+               >
+      <Option v-for="(value, key) in organTree.userMap" :key="key" :value="`${key},${value.split('（')[0]}`" :label="value.split('（')[0]">
         <span>{{ value }}</span>
       </Option>
     </Select>
-    <Tag v-else v-for="(item, index) in countersignersTagsData" :key="item.id" closable @on-close="closeTags(index, item)"
+      <Icon type="ios-search" class="search-icon" />
+    </div>
+    <Tag v-else v-for="(item, index) in countersignersTagsData" :key="item.id" closable
+         @on-close="closeTags(index, item)"
          size="large">
       {{ item.split(',')[1] }}
     </Tag>
+
     <div class="cont">
       <div
         class="contLeftTwo">
@@ -684,7 +689,6 @@ export default {
   watch: {
     countersignersTagsData: {
       handler(newVal, oldVal) {
-        console.log('countersignersTagsData', newVal)
         let organ = []
         let names = []
         let organs = []
@@ -794,6 +798,10 @@ export default {
   width: 136px;
 }
 
+/deep/ .custom-select {
+  width: 100% !important;
+}
+
 /deep/ .custom-select .ivu-select {
   height: 80px; /* 控制总体高度 */
   min-height: 80px;
@@ -806,6 +814,7 @@ export default {
   line-height: normal !important;
   padding: 0 !important;
   margin-top: 0 !important;
+
 }
 
 /deep/ .custom-select .ivu-select-selection {
@@ -827,4 +836,20 @@ export default {
 /deep/ .custom-select .ivu-select-arrow {
   display: none;
 }
+.searchable-select-wrapper {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+.search-icon {
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  zoom: 120%;
+  transform: translateY(100%);
+  color: #999; /* 根据需要调整图标颜色 */
+  pointer-events: none; /* 确保点击图标不会影响选择操作 */
+}
+
 </style>