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> <template>
<div> <div :class="{ disabled }" class="multiple-popup">
<a-input <a-input
v-model:value="popupValue" v-model:value="popupValue"
:addonAfter="addonAfter" :addonAfter="addonAfter"
@ -43,6 +43,21 @@
</FormItemRest> </FormItemRest>
</div> </div>
</template> </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> <script lang="ts" setup>
import { ref, watch, nextTick, inject, onMounted } from 'vue'; import { ref, watch, nextTick, inject, onMounted } from 'vue';
import { Form } from 'ant-design-vue'; import { Form } from 'ant-design-vue';
@ -69,11 +84,11 @@
apiConfig: { type: Object }, apiConfig: { type: Object },
bordered: { bordered: {
type: Boolean, type: Boolean,
default: true, default: true
}, },
mainKey: String, mainKey: String,
index: Number, index: Number,
size: String, size: String
}); });
const FormItemRest = Form.ItemRest; const FormItemRest = Form.ItemRest;
const formModel = inject<any>('formModel', null); const formModel = inject<any>('formModel', null);
@ -97,8 +112,8 @@
}); });
}, },
{ {
immediate: true, immediate: true
}, }
); );
const getList = (list) => { const getList = (list) => {
@ -156,13 +171,9 @@
let val = isValidJSON(o.value); let val = isValidJSON(o.value);
let field = ''; let field = '';
if (val && val.bindTable) { if (val && val.bindTable) {
let table = !isCamelCase let table = !isCamelCase ? val.bindTable + 'List' : camelCaseString(val.bindTable + '_List');
? val.bindTable + 'List'
: camelCaseString(val.bindTable + '_List');
field = !isCamelCase ? val.bindField : camelCaseString(val.bindField); field = !isCamelCase ? val.bindField : camelCaseString(val.bindField);
formModel && formModel && formModel[table!][props.index || 0] && formModel[table!][props.index || 0][field];
formModel[table!][props.index || 0] &&
formModel[table!][props.index || 0][field];
} else if (val && val.bindField) { } else if (val && val.bindField) {
field = !isCamelCase ? val.bindField : camelCaseString(val.bindField); field = !isCamelCase ? val.bindField : camelCaseString(val.bindField);
formModel && formModel[field]; formModel && formModel[field];
@ -180,15 +191,11 @@
assoConfig?.map((item: any) => { assoConfig?.map((item: any) => {
if (item.bindField) { if (item.bindField) {
const value = selectedDataSourceVal.value.length const value = selectedDataSourceVal.value.length ? selectedDataSourceVal.value![0][item.name] : '';
? selectedDataSourceVal.value![0][item.name]
: '';
let bindField = !isCamelCase ? item.bindField : camelCaseString(item.bindField); let bindField = !isCamelCase ? item.bindField : camelCaseString(item.bindField);
let bindTable = ''; let bindTable = '';
if (item.bindTable) { if (item.bindTable) {
bindTable = !isCamelCase bindTable = !isCamelCase ? item.bindTable + 'List'! : camelCaseString(item.bindTable + '_List')!;
? item.bindTable + 'List'!
: camelCaseString(item.bindTable + '_List')!;
} }
let val = isNull ? '' : value; let val = isNull ? '' : value;
if (props.mainKey) { if (props.mainKey) {