From 5be9679fb4288936b576cf3d1f1548af1c4151b8 Mon Sep 17 00:00:00 2001 From: feiyu02 <risaku@163.com> Date: 星期一, 21 七月 2025 15:31:21 +0800 Subject: [PATCH] 2025.7.21 任务管理-监管地图功能(待完成) --- src/components/search-option/base/FYOptionText.vue | 40 +++++++++++++++++++++------------------- 1 files changed, 21 insertions(+), 19 deletions(-) diff --git a/src/components/search-option/base/FYOptionText.vue b/src/components/search-option/base/FYOptionText.vue index 47bc779..170e966 100644 --- a/src/components/search-option/base/FYOptionText.vue +++ b/src/components/search-option/base/FYOptionText.vue @@ -1,40 +1,42 @@ <template> - <el-form-item :label="label"> - <el-input clearable v-model="searchText" :placeholder="placeholder" /> + <el-form-item :label="label" :prop="prop"> + <el-input + clearable + :model-value="value" + :placeholder="placeholder" + @input="handleInput" + :style="'width:' + width + ';'" + /> </el-form-item> </template> <script> export default { props: { + width:{ + type: String, + default: '150px' + }, label: { type: String, - default: '鏌ヨ椤�', + default: '鏌ヨ椤�' }, placeholder: { type: String, - default: '杈撳叆鎼滅储鍐呭', + default: '杈撳叆鎼滅储鍐呭' }, // 杩斿洖缁撴灉 value: String, + prop: String }, emits: ['update:value'], data() { - return { - searchText: '', - }; + return {}; }, - watch: { - searchText(nVal, oVal) { - if (nVal != oVal) { - this.$emit('update:value', nVal); - } - }, - value(nVal, oVal) { - if (nVal != oVal) { - this.searchText = nVal; - } - }, - }, + methods: { + handleInput(value) { + this.$emit('update:value', value); + } + } }; </script> -- Gitblit v1.9.3