From 1113ced19c32c1b9b65571c48491d9435dbaf085 Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期日, 19 一月 2025 12:16:49 +0800 Subject: [PATCH] 图层控制 --- src/components/chat/chatComponents/summaryCom/components/recordSetTable/components/StringInput.vue | 44 +++++++++++++++++++++++++++++--------------- 1 files changed, 29 insertions(+), 15 deletions(-) diff --git a/src/components/chat/chatComponents/summaryCom/components/recordSetTable/components/StringInput.vue b/src/components/chat/chatComponents/summaryCom/components/recordSetTable/components/StringInput.vue index b9dbe39..adf8a54 100644 --- a/src/components/chat/chatComponents/summaryCom/components/recordSetTable/components/StringInput.vue +++ b/src/components/chat/chatComponents/summaryCom/components/recordSetTable/components/StringInput.vue @@ -1,24 +1,38 @@ <template> - <div class="flex-items-center"> - <span class="flex-0 mr-2" v-if="data?.title">{{ data?.title }}</span> - <el-input v-model="modelValue" @input="stringInputInput"></el-input> - </div> + <div class="flex-items-center"> + <span class="flex-0 mr-2" v-if="data?.title">{{ data?.title }}</span> + <el-input v-if="!isSelect" :disabled="disabled" v-model="modelValue" @input="stringInputInput" clearable></el-input> + <el-select class="w-[268px]" v-else :disabled="disabled" v-model="modelValue" @change="stringInputInput" filterable multiple clearable collapse-tags collapse-tags-tooltip> + <el-option v-for="item in data?.origin?.value_list" :key="item" :value="item" :label="item"></el-option> + </el-select> + </div> </template> <script setup lang="ts"> - +import { computed } from 'vue'; defineOptions({ - inheritAttrs:true -}) + inheritAttrs: true, +}); -const emit = defineEmits(['change']) -const props = defineProps(['data']) -const modelValue = defineModel({ - type:String, - default:'' -}) +const emit = defineEmits(['change']); +const props = defineProps(['data', 'disabled']); +const isSelect = computed(() => { + return props.data?.origin?.value_list?.length > 0; +}); +const modelValue = defineModel(); const stringInputInput = (val) => { - emit('change',val) + let finalValue; + if (!val) { + finalValue = ''; + } else { + finalValue = val.join(','); + } + emit('change', finalValue); }; </script> -<style scoped lang="scss"></style> +<style scoped lang="scss"> + +:deep(.el-select__tags-text){ + // max-width: 82px !important; +} +</style> -- Gitblit v1.9.3