riku
2024-08-23 1788c96aea9247cc36ef8b82734997f1a6a92fb4
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,9 @@
</template>
<script>
import missionApi from '@/api/missionApi';
import { mapStores } from 'pinia';
import { useFetchData } from '@/composables/fetchData';
import { useMissionStore } from '@/stores/mission';
export default {
  setup() {
@@ -33,27 +34,23 @@
  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.missionStore.fetchMission(this.type).then((res) => {
        if (res.success && res.data.length > 0) {
          this.index = 0;
          this.handleChange(0);
        }
      });
    },
    handleChange(value) {
      this.$emit('update:modelValue', this.missionList[value]);
      // this.$emit('change', this.missionList[value]);
      this.$emit('update:modelValue', this.missionStore.missionList[value]);
    }
  },
  mounted() {