From d5eebdbae1beac85555a05a2e0b1c858a62893c7 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 18 七月 2024 17:42:11 +0800 Subject: [PATCH] 1. 修正点击折线图数据点图消失问题 --- src/components/search/OptionMission.vue | 34 ++++++++++++++++++++-------------- 1 files changed, 20 insertions(+), 14 deletions(-) diff --git a/src/components/search/OptionMission.vue b/src/components/search/OptionMission.vue index 8322c9d..7ee4d9b 100644 --- a/src/components/search/OptionMission.vue +++ b/src/components/search/OptionMission.vue @@ -8,7 +8,7 @@ class="w-150" > <el-option - v-for="(s, i) in missionList" + v-for="(s, i) in missionStore.missionList" :key="i" :label="s.missionCode" :value="i" @@ -18,8 +18,10 @@ </template> <script> +import { mapStores } from 'pinia'; import missionApi from '@/api/missionApi'; import { useFetchData } from '@/composables/fetchData'; +import { useMissionStore } from '@/stores/mission'; export default { setup() { @@ -33,26 +35,30 @@ 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; - // if (this.missionList.length > 0) { - // this.handleChange(0); - // } - 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', this.missionList[value]); + this.$emit('update:modelValue', this.missionStore.missionList[value]); // this.$emit('change', this.missionList[value]); } }, -- Gitblit v1.9.3