From 96da92e9056c9c02e77867998424d623261daab0 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 25 七月 2024 15:09:32 +0800 Subject: [PATCH] 1. 添加地图罗盘的显隐 2. 修复数据表格中O3数据列实际显示NO2的值的问题 3. 优化风向的中文描述 --- src/components/search/OptionMission.vue | 51 +++++++++++++++++++++++++++------------------------ 1 files changed, 27 insertions(+), 24 deletions(-) diff --git a/src/components/search/OptionMission.vue b/src/components/search/OptionMission.vue index 195e3d2..7ee4d9b 100644 --- a/src/components/search/OptionMission.vue +++ b/src/components/search/OptionMission.vue @@ -1,25 +1,27 @@ <template> <el-form-item label="浠诲姟"> <el-select - :model-value="modelValue" + v-model="index" @change="handleChange" - placeholder="浠诲姟" + placeholder="閫夋嫨浠诲姟" size="small" class="w-150" > <el-option - v-for="(s, i) in missionList" + v-for="(s, i) in missionStore.missionList" :key="i" - :label="s.label" - :value="s.value" + :label="s.missionCode" + :value="i" /> </el-select> </el-form-item> </template> <script> +import { mapStores } from 'pinia'; import missionApi from '@/api/missionApi'; import { useFetchData } from '@/composables/fetchData'; +import { useMissionStore } from '@/stores/mission'; export default { setup() { @@ -30,33 +32,34 @@ type: String, modelValue: String }, - emits: ['update:modelValue'], + emits: ['update:modelValue', 'change'], data() { return { - missionList: [] + index: undefined }; + }, + computed: { + ...mapStores(useMissionStore) }, methods: { fetchMission() { - this.fetchData((page, pageSize) => { - return missionApi - .fethchMission({ type: this.type, page, pageSize }) - .then((res) => { - this.missionList = res.data.map((item) => { - return { - label: item.missionCode, - value: item.missionCode - }; - }); - if (this.missionList.length > 0) { - this.handleChange(this.missionList[0].value); - } - return res.head; - }); - }); + // this.fetchData((page, pageSize) => { + // return missionApi + // .fethchMission({ type: this.type, page, pageSize }) + // .then((res) => { + // this.missionList = res.data; + // this.missionStore.missionList = res.data; + // // if (this.missionList.length > 0) { + // // this.handleChange(0); + // // } + // return res.head; + // }); + // }); + this.missionStore.fetchMission(this.type); }, handleChange(value) { - this.$emit('update:modelValue', value); + this.$emit('update:modelValue', this.missionStore.missionList[value]); + // this.$emit('change', this.missionList[value]); } }, mounted() { -- Gitblit v1.9.3