From 22ce3a4c8453b54c2bfe6d582b734195f899f195 Mon Sep 17 00:00:00 2001 From: hcong <1050828145@qq.com> Date: 星期二, 10 十二月 2024 14:59:50 +0800 Subject: [PATCH] 1. 新增socket生命周期管理、心跳机制、重连机制 2. 新增socket消息校验、解析、生成 3. 新增socket消息类型枚举类src\enum\socketMessage 3. 新增消息管理类src\socket\MessageManager 4. 新增观察者模式消息的发布订阅机制src\socket\eventBus 5. 修改后台任务页面注册后台任务状态消息并修改状态的逻辑 --- src/components/search-option/FYOptionScene.vue | 67 ++++++++++++++++----------------- 1 files changed, 33 insertions(+), 34 deletions(-) diff --git a/src/components/search-option/FYOptionScene.vue b/src/components/search-option/FYOptionScene.vue index b02aff2..d9df528 100644 --- a/src/components/search-option/FYOptionScene.vue +++ b/src/components/search-option/FYOptionScene.vue @@ -1,16 +1,12 @@ <template> <el-form-item label="鍦烘櫙绫诲瀷" :prop="prop"> <el-select - v-model="selectedOptions" + :model-value="value" + @change="handleChange" placeholder="鍦烘櫙绫诲瀷" style="width: 150px" > - <el-option - v-for="s in sceneTypes" - :key="s.value" - :label="s.label" - :value="s" - /> + <el-option v-for="s in sceneTypes" :key="s.value" :label="s.label" :value="s" /> </el-select> </el-form-item> </template> @@ -23,52 +19,55 @@ // 鏄惁鍦ㄩ閫夐」澶勬坊鍔犫�滃叏閮ㄢ�濋�夐」 allOption: { type: Boolean, - default: true, + default: true }, // 1:椋炵窘鐜绯荤粺锛�2锛氶缇界洃绠$郴缁燂紱 type: { - type: Number, - default: 1, + type: Number || String, + default: 1 }, // 杩斿洖缁撴灉 value: Object, // 鏄惁榛樿杩斿洖鍒濆閫夐」 initValue: { type: Boolean, - default: true, + default: true }, - prop: String + // form琛ㄥ崟缁戝畾灞炴�у悕 + prop: { + type: String, + default: '_scenetype' + }, + // 鍒囨崲 type 鍚庯紝褰撳墠閫夐」鏄惁娓呯┖ + sourceInit: { + type: Boolean, + default: true + } }, emits: ['update:value'], data() { return { - sceneTypes: enumScene(this.type, this.allOption), - selectedOptions: {}, + // sceneTypes: enumScene(this.type, this.allOption), }; }, - watch: { - selectedOptions: { - handler(nVal, oVal) { - if (nVal != oVal) { - this.$emit('update:value', nVal); - } - }, - deep: true, - }, - value: { - handler(nVal, oVal) { - if (nVal != oVal) { - this.selectedOptions = nVal; - } - }, - deep: true, - immediate: true - }, + computed: { + sceneTypes() { + if (this.sourceInit) { + // 褰撳洜涓簍ype鎴栬�卆llOption鍙傛暟鍙樺寲寮曡捣閫夐」鍙樻洿鏃讹紝娓呯┖褰撳墠閫夐」 + this.handleChange(); + } + return enumScene(this.type, this.allOption); + } + }, + methods: { + handleChange(value) { + this.$emit('update:value', value); + } }, mounted() { if (this.initValue) { - this.selectedOptions = this.sceneTypes[0]; + this.handleChange(this.sceneTypes[0]); } - }, + } }; </script> -- Gitblit v1.9.3