riku
2025-09-11 307b17ef15c73a071912a262834f2a5f68e1fa87
src/components/search/OptionMission.vue
@@ -19,7 +19,6 @@
<script>
import { mapStores } from 'pinia';
import missionApi from '@/api/missionApi';
import { useFetchData } from '@/composables/fetchData';
import { useMissionStore } from '@/stores/mission';
@@ -32,7 +31,7 @@
    type: String,
    modelValue: String
  },
  emits: ['update:modelValue', 'change'],
  emits: ['update:modelValue', 'initOver'],
  data() {
    return {
      index: undefined
@@ -43,27 +42,26 @@
  },
  methods: {
    fetchMission() {
      // 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);
      this.missionStore.fetchMission(this.type).then((res) => {
        if (res.success && res.data.length > 0) {
          this.index = 0;
          this.handleChange(0);
          this.$emit('initOver');
        }
      });
    },
    handleChange(value) {
      this.$emit('update:modelValue', this.missionStore.missionList[value]);
      // this.$emit('change', this.missionList[value]);
    }
  },
  mounted() {
    this.fetchMission();
    if (this.missionStore.missionList.length == 0) {
      this.fetchMission();
    } else {
      this.index = 0;
      this.handleChange(0);
      this.$emit('initOver');
    }
  }
};
</script>