From c4e9d054916c3f085329a67c7664b4c54f9137f9 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 07 五月 2024 17:36:09 +0800
Subject: [PATCH] 完成折线图相关功能的迁移

---
 src/components/search/OptionMission.vue |   33 +++++++++++++++------------------
 1 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/components/search/OptionMission.vue b/src/components/search/OptionMission.vue
index 8e200aa..8322c9d 100644
--- a/src/components/search/OptionMission.vue
+++ b/src/components/search/OptionMission.vue
@@ -1,24 +1,24 @@
 <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"
         :key="i"
-        :label="s.label"
-        :value="s.value"
+        :label="s.missionCode"
+        :value="i"
       />
     </el-select>
   </el-form-item>
 </template>
 
 <script>
-import missionApi from '../../api/missionApi';
+import missionApi from '@/api/missionApi';
 import { useFetchData } from '@/composables/fetchData';
 
 export default {
@@ -30,10 +30,11 @@
     type: String,
     modelValue: String
   },
-  emits: ['update:modelValue'],
+  emits: ['update:modelValue', 'change'],
   data() {
     return {
-      missionList: []
+      missionList: [],
+      index: undefined
     };
   },
   methods: {
@@ -42,21 +43,17 @@
         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);
-            }
+            this.missionList = res.data;
+            // if (this.missionList.length > 0) {
+            //   this.handleChange(0);
+            // }
             return res.head;
           });
       });
     },
     handleChange(value) {
-      this.$emit('update:modelValue', value);
+      this.$emit('update:modelValue', this.missionList[value]);
+      // this.$emit('change', this.missionList[value]);
     }
   },
   mounted() {
@@ -64,7 +61,7 @@
   }
 };
 </script>
-<style scoped>
+<style>
 /* :deep() .el-form-item__label {
   color: red !important;
 } */

--
Gitblit v1.9.3