<template>
|
<el-form-item label="初级产品">
|
<el-select
|
:loading="loading"
|
v-model="index"
|
@change="handleChange"
|
placeholder="选择AOD数据"
|
size="small"
|
class="w-150"
|
>
|
<el-option
|
v-for="(s, i) in allGridDataList"
|
:key="i"
|
:label="timeFormatter(s.dataTime)"
|
:value="i"
|
/>
|
</el-select>
|
</el-form-item>
|
</template>
|
<script setup>
|
import { ref, onMounted } from 'vue';
|
import moment from 'moment';
|
import gridApi from '@/api/gridApi';
|
import { useFetchData } from '@/composables/fetchData';
|
|
defineProps({
|
modelValue: Object
|
});
|
|
const emits = defineEmits(['update:modelValue']);
|
|
const { loading, fetchData } = useFetchData();
|
const allGridDataList = ref([]);
|
const index = ref(null);
|
|
function fetchAOD(groupId, dataTime) {
|
return fetchData(() => {
|
return gridApi.fetchGridData(groupId).then((res) => {
|
allGridDataList.value = res.data;
|
if (res.data.length > 0) {
|
index.value = 0;
|
handleChange(0);
|
} else {
|
index.value = null;
|
handleChange(null);
|
}
|
});
|
});
|
}
|
|
function timeFormatter(value) {
|
return moment(value).format('YYYY-MM-DD');
|
}
|
|
function handleChange(value) {
|
emits(
|
'update:modelValue',
|
value != null ? allGridDataList.value[value] : null
|
);
|
}
|
|
// onMounted(() => {
|
// fetchAOD();
|
// });
|
|
defineExpose({ fetchAOD });
|
</script>
|
