From f5624d6a7ad32ee475e00edbad26bc98ea4629e1 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 10 五月 2024 17:35:54 +0800
Subject: [PATCH] 实时走航模块
---
src/components/search/OptionMission.vue | 39 +++++++++++++++++++++------------------
1 files changed, 21 insertions(+), 18 deletions(-)
diff --git a/src/components/search/OptionMission.vue b/src/components/search/OptionMission.vue
index 8e200aa..5ac3d51 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"
: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 { mapStores } from 'pinia';
+import missionApi from '@/api/missionApi';
import { useFetchData } from '@/composables/fetchData';
+import { useMissionStore } from '@/stores/mission';
export default {
setup() {
@@ -30,11 +32,15 @@
type: String,
modelValue: String
},
- emits: ['update:modelValue'],
+ emits: ['update:modelValue', 'change'],
data() {
return {
- missionList: []
+ missionList: [],
+ index: undefined
};
+ },
+ computed: {
+ ...mapStores(useMissionStore)
},
methods: {
fetchMission() {
@@ -42,21 +48,18 @@
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;
+ this.missionStore.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 +67,7 @@
}
};
</script>
-<style scoped>
+<style>
/* :deep() .el-form-item__label {
color: red !important;
} */
--
Gitblit v1.9.3