geg-gas/geg-gas-web
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复联想弹层在只读模式下的样式

Browse Source
This commit is contained in:
gaoyunqi
2024-04-24 21:07:44 +08:00
parent 306ace8112
commit 60ef2ca412
1 changed files with 44 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/MultiplePopup/src/MultiplePopup.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div :class="{ disabled }" class="multiple-popup">
<a-input
v-model:value="popupValue"
:addonAfter="addonAfter"
@ -43,6 +43,21 @@
</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';
@ -69,11 +84,11 @@
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) {