<template>
|
<el-card shadow="never">
|
<template #header>
|
<div><el-text tag="b" size="large">产品生成选项</el-text></div>
|
</template>
|
<el-space fill>
|
<el-alert type="info" show-icon :closable="false">
|
<p>选择本期需要统计的总任务和场景类型</p>
|
</el-alert>
|
<el-form :inline="true" :model="formSearch">
|
<FYOptionTopTask v-model:value="formSearch.topTask"></FYOptionTopTask>
|
<FYOptionScene
|
:allOption="false"
|
:type="2"
|
v-model:value="formSearch.scenetype"
|
></FYOptionScene>
|
</el-form>
|
</el-space>
|
|
<el-space fill>
|
<el-alert type="info" show-icon :closable="false">
|
<p>选择需要进行对比的历史版本</p>
|
</el-alert>
|
<el-form :inline="true" :model="formSearch2">
|
<FYOptionTopTask
|
:beforeTask="formSearch.topTask"
|
v-model:value="formSearch2.topTask"
|
></FYOptionTopTask>
|
</el-form>
|
</el-space>
|
<template #footer>
|
<el-row v-show="active" justify="end">
|
<el-button
|
type="primary"
|
size="default"
|
:loading="loading"
|
@click="submit"
|
>生成</el-button
|
>
|
</el-row>
|
</template>
|
</el-card>
|
</template>
|
<script setup>
|
import { ref, computed } from 'vue';
|
import dayjs from 'dayjs';
|
|
const props = defineProps({
|
loading: {
|
type: Boolean,
|
default: false
|
},
|
active: {
|
type: Boolean,
|
default: true
|
}
|
});
|
const emit = defineEmits(['submit']);
|
|
const formSearch = ref({
|
topTask: {},
|
scenetype: {}
|
});
|
|
const formSearch2 = ref({
|
topTask: {}
|
});
|
|
const submit = () => {
|
const opt1 = {
|
topTaskId: formSearch.value.topTask.tguid,
|
topTaskName: formSearch.value.topTask.name,
|
provinceCode: formSearch.value.topTask.provincecode,
|
provinceName: formSearch.value.topTask.provincename,
|
cityCode: formSearch.value.topTask.citycode,
|
cityName: formSearch.value.topTask.cityname,
|
districtCode: formSearch.value.topTask.districtcode,
|
districtName: formSearch.value.topTask.districtname,
|
townCode: formSearch.value.topTask.towncode,
|
townName: formSearch.value.topTask.townname,
|
startTime: dayjs(formSearch.value.topTask.starttime).format(
|
'YYYY-MM-DD HH:mm:ss'
|
),
|
endTime: dayjs(formSearch.value.topTask.endtime)
|
.add(1, 'day')
|
.add(-1, 'second')
|
.format('YYYY-MM-DD HH:mm:ss'),
|
sceneTypeId: formSearch.value.scenetype.value,
|
sceneTypeName: formSearch.value.scenetype.label,
|
needCache: true
|
};
|
const opt2 = {
|
topTaskId: formSearch2.value.topTask.tguid,
|
topTaskName: formSearch2.value.topTask.name,
|
provinceCode: formSearch2.value.topTask.provincecode,
|
provinceName: formSearch2.value.topTask.provincename,
|
cityCode: formSearch2.value.topTask.citycode,
|
cityName: formSearch2.value.topTask.cityname,
|
districtCode: formSearch2.value.topTask.districtcode,
|
districtName: formSearch2.value.topTask.districtname,
|
townCode: formSearch2.value.topTask.towncode,
|
townName: formSearch2.value.topTask.townname,
|
startTime: dayjs(formSearch2.value.topTask.starttime).format(
|
'YYYY-MM-DD HH:mm:ss'
|
),
|
endTime: dayjs(formSearch2.value.topTask.endtime)
|
.add(1, 'day')
|
.add(-1, 'second')
|
.format('YYYY-MM-DD HH:mm:ss'),
|
sceneTypeId: formSearch.value.scenetype.value,
|
sceneTypeName: formSearch.value.scenetype.label,
|
needCache: true
|
};
|
emit('submit', [opt1, opt2]);
|
};
|
</script>
|
