From 264880703c677d63b7e35b5eb085e6bc3214e3ed Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 17 七月 2024 18:29:31 +0800
Subject: [PATCH] 2024.7.17

---
 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