From 60ef2ca412fb1cb2a7b01d9a15e125c6e5c90fdf Mon Sep 17 00:00:00 2001
From: gaoyunqi <gaoyunqi@gdyd.com>
Date: Wed, 24 Apr 2024 21:07:44 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=81=94=E6=83=B3?=
 =?UTF-8?q?=E5=BC=B9=E5=B1=82=E5=9C=A8=E5=8F=AA=E8=AF=BB=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E4=B8=8B=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MultiplePopup/src/MultiplePopup.vue       | 81 ++++++++++---------
 1 file changed, 44 insertions(+), 37 deletions(-)

diff --git a/src/components/MultiplePopup/src/MultiplePopup.vue b/src/components/MultiplePopup/src/MultiplePopup.vue
index d707ade..0fe57e5 100644
--- a/src/components/MultiplePopup/src/MultiplePopup.vue
+++ b/src/components/MultiplePopup/src/MultiplePopup.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="{ disabled }" class="multiple-popup">
         <a-input
             v-model:value="popupValue"
             :addonAfter="addonAfter"
@@ -14,10 +14,10 @@
             @click="showDialog"
         >
             <template v-if="prefix" #prefix>
-                <Icon :icon="prefix"/>
+                <Icon :icon="prefix" />
             </template>
             <template v-if="suffix" #suffix>
-                <Icon :icon="suffix"/>
+                <Icon :icon="suffix" />
             </template>
         </a-input>
         <FormItemRest>
@@ -43,37 +43,52 @@
         </FormItemRest>
     </div>
 </template>
+<style lang="less">
+    .multiple-popup {
+        &.disabled {
+            .ant-input-affix-wrapper-disabled {
+                background-color: transparent;
+                border: none;
+                padding-left: 0;
+
+                input {
+                    color: rgba(0, 0, 0, 0.85);
+                }
+            }
+        }
+    }
+</style>
 <script lang="ts" setup>
-    import {ref, watch, nextTick, inject, onMounted} from 'vue';
-    import {Form} from 'ant-design-vue';
-    import {Icon} from '/@/components/Icon';
+    import { ref, watch, nextTick, inject, onMounted } from 'vue';
+    import { Form } from 'ant-design-vue';
+    import { Icon } from '/@/components/Icon';
     import MultipleSelect from './components/MultipleSelect.vue';
-    import {camelCaseString, isValidJSON} from '/@/utils/event/design';
+    import { camelCaseString, isValidJSON } from '/@/utils/event/design';
 
     const props = defineProps({
-        popupType: {type: String},
-        value: {type: String},
-        labelField: {type: String, default: 'label'},
-        valueField: {type: String, default: 'value'},
-        placeholder: {type: String},
-        addonBefore: {type: String},
-        addonAfter: {type: String},
-        prefix: {type: String},
-        suffix: {type: String},
-        disabled: {type: Boolean},
-        params: {type: [Array, Object, String, Number]},
-        dataSourceOptions: {type: Array},
-        dicOptions: {type: Array},
+        popupType: { type: String },
+        value: { type: String },
+        labelField: { type: String, default: 'label' },
+        valueField: { type: String, default: 'value' },
+        placeholder: { type: String },
+        addonBefore: { type: String },
+        addonAfter: { type: String },
+        prefix: { type: String },
+        suffix: { type: String },
+        disabled: { type: Boolean },
+        params: { type: [Array, Object, String, Number] },
+        dataSourceOptions: { type: Array },
+        dicOptions: { type: Array },
         //数据来源 默认为空  如果不为空 则参数 api
         datasourceType: String,
-        apiConfig: {type: Object},
+        apiConfig: { type: Object },
         bordered: {
             type: Boolean,
-            default: true,
+            default: true
         },
         mainKey: String,
         index: Number,
-        size: String,
+        size: String
     });
     const FormItemRest = Form.ItemRest;
     const formModel = inject<any>('formModel', null);
@@ -97,8 +112,8 @@
             });
         },
         {
-            immediate: true,
-        },
+            immediate: true
+        }
     );
 
     const getList = (list) => {
@@ -156,13 +171,9 @@
                         let val = isValidJSON(o.value);
                         let field = '';
                         if (val && val.bindTable) {
-                            let table = !isCamelCase
-                                ? val.bindTable + 'List'
-                                : camelCaseString(val.bindTable + '_List');
+                            let table = !isCamelCase ? val.bindTable + 'List' : camelCaseString(val.bindTable + '_List');
                             field = !isCamelCase ? val.bindField : camelCaseString(val.bindField);
-                            formModel &&
-                            formModel[table!][props.index || 0] &&
-                            formModel[table!][props.index || 0][field];
+                            formModel && formModel[table!][props.index || 0] && formModel[table!][props.index || 0][field];
                         } else if (val && val.bindField) {
                             field = !isCamelCase ? val.bindField : camelCaseString(val.bindField);
                             formModel && formModel[field];
@@ -180,15 +191,11 @@
 
             assoConfig?.map((item: any) => {
                 if (item.bindField) {
-                    const value = selectedDataSourceVal.value.length
-                        ? selectedDataSourceVal.value![0][item.name]
-                        : '';
+                    const value = selectedDataSourceVal.value.length ? selectedDataSourceVal.value![0][item.name] : '';
                     let bindField = !isCamelCase ? item.bindField : camelCaseString(item.bindField);
                     let bindTable = '';
                     if (item.bindTable) {
-                        bindTable = !isCamelCase
-                            ? item.bindTable + 'List'!
-                            : camelCaseString(item.bindTable + '_List')!;
+                        bindTable = !isCamelCase ? item.bindTable + 'List'! : camelCaseString(item.bindTable + '_List')!;
                     }
                     let val = isNull ? '' : value;
                     if (props.mainKey) {