1. 修正点击折线图数据点图消失问题

riku

2024-07-18 d5eebdbae1beac85555a05a2e0b1c858a62893c7

 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() {