[update] 修改bug80351

src/components/selection/UserSelectByContact.vue

@@ -5,15 +5,19 @@
         :type="inputType"
         :autoSize="true"
         :rows="1"
-        disabled
-        class="user-input"
+        readOnly
+        :disabled="disabled"
+        :class="{
+          'input-readonly': !disabled,
+          'user-input': showBtn
+        }"
         :placeholder="placeholder"
         :value="checkedValue"
         @click="selectClick"
         :title="checkedValue"
       >
       </a-input>
-      <a-button type="primary" class="button-box" @click="selectClick" :disabled="disabled">
+      <a-button type="primary" class="button-box" @click="selectClick" :disabled="disabled" v-if="showBtn && !disabled">
         {{ $t('userSelect.select') }}
       </a-button>
     </div>
@@ -56,6 +60,12 @@ export default {
       type: String,
       required: false,
       default: 'text'
+    },
+    // 是否展示按钮
+    showBtn: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   watch: {
@@ -73,6 +83,10 @@ export default {
   },
   methods: {
     selectClick () {
+      // 禁用后不弹框
+      if (this.disabled) {
+        return
+      }
       this.$refs.selectModal.open(this.value)
     },
     selectChange (ids) {
@@ -106,7 +120,7 @@ export default {
     width: calc(100% - 70px);
   }
   // 因为需要加title，所以不能把鼠标事件去掉
-  /deep/ .ant-input-disabled {
+  /deep/ .input-readonly.ant-input-disabled {
     background: #fff;
     color: rgba(0, 0, 0, 0.65);
     cursor: default;

src/components/selection/UserSelectByWorkGroup.vue

@@ -5,15 +5,19 @@
         :type="inputType"
         :autoSize="true"
         :rows="1"
-        disabled
-        class="user-input"
+        readOnly
+        :disabled="disabled"
+        :class="{
+          'input-readonly': !disabled,
+          'user-input': showBtn
+        }"
         :placeholder="placeholder"
         :value="checkedValue"
         @click="selectClick"
         :title="checkedValue"
       >
       </a-input>
-      <a-button type="primary" class="button-box" @click="selectClick" :disabled="disabled">
+      <a-button type="primary" class="button-box" @click="selectClick" :disabled="disabled" v-if="showBtn && !disabled">
         {{ $t('userSelect.select') }}
       </a-button>
     </div>
@@ -56,6 +60,12 @@ export default {
       type: String,
       required: false,
       default: 'text'
+    },
+    // 是否展示按钮
+    showBtn: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   watch: {
@@ -73,6 +83,10 @@ export default {
   },
   methods: {
     selectClick () {
+      // 禁用后不弹框
+      if (this.disabled) {
+        return
+      }
       this.$refs.selectModal.open(this.value)
     },
     selectChange (ids) {
@@ -103,7 +117,7 @@ export default {
     width: calc(100% - 70px);
   }
   // 因为需要加title，所以不能把鼠标事件去掉
-  /deep/ .ant-input-disabled {
+  /deep/ .input-readonly.ant-input-disabled {
     background: #fff;
     color: rgba(0, 0, 0, 0.65);
     cursor: default;