<template>
|
<el-card shadow="never">
|
<template #header>
|
<div><el-text tag="b" size="large">产品生成选项</el-text></div>
|
</template>
|
<el-switch
|
v-model="mode"
|
size="large"
|
active-text="按所选时段统计"
|
inactive-text="按总任务统计"
|
/>
|
<!-- <SearchBar
|
v-show="active && !mode"
|
ref="refSearchBar"
|
:btn-show="false"
|
:init="false"
|
@on-submit="search"
|
>
|
</SearchBar> -->
|
<el-form :inline="true">
|
<FYOptionScene
|
:allOption="false"
|
:type="2"
|
:initValue="false"
|
v-model:value="scenetype"
|
></FYOptionScene>
|
<FYOptionTopTask v-show="!mode" v-model:value="topTask"></FYOptionTopTask>
|
<!-- 区县 -->
|
<FYOptionLocation
|
v-show="mode"
|
:allOption="false"
|
:level="3"
|
:checkStrictly="false"
|
v-model:value="locations"
|
></FYOptionLocation>
|
<FYOptionTime
|
v-show="mode"
|
:initValue="false"
|
type="daterange"
|
v-model:value="timeRange"
|
style="width: 300px"
|
></FYOptionTime>
|
</el-form>
|
<template #footer>
|
<el-row v-show="active" justify="end">
|
<el-button type="primary" size="default" :loading="loading" @click="search">生成</el-button>
|
</el-row>
|
</template>
|
</el-card>
|
</template>
|
<script setup>
|
import { ref, computed, watch } from 'vue'
|
import dayjs from 'dayjs'
|
|
const props = defineProps({
|
loading: {
|
type: Boolean,
|
default: false,
|
},
|
active: {
|
type: Boolean,
|
default: true,
|
},
|
})
|
const emit = defineEmits(['submit'])
|
|
const mode = ref(true)
|
const scenetype = ref({
|
label: '餐饮',
|
value: '5',
|
})
|
const topTask = ref({})
|
|
const locations = ref({})
|
const timeRange = ref([])
|
|
watch(
|
() => topTask.value,
|
(newVal, oldVal) => {
|
if (newVal?.provincecode) {
|
locations.value.pCode = newVal.provincecode
|
locations.value.pName = newVal.provincename
|
locations.value.cCode = newVal.citycode
|
locations.value.cName = newVal.cityname
|
locations.value.dCode = newVal.districtcode
|
locations.value.dName = newVal.districtname
|
// locations.value.tCode = newVal.towncode
|
// locations.value.tName = newVal.townname
|
timeRange.value = [new Date(newVal.starttime), new Date(newVal.endtime)]
|
console.log(timeRange.value)
|
}
|
},
|
{ deep: true },
|
)
|
|
const search = (options) => {
|
const [st, et] = timeRange.value
|
const startTime = dayjs(st).startOf('day').format('YYYY-MM-DD HH:mm:ss')
|
const endTime = dayjs(et).endOf('day').format('YYYY-MM-DD HH:mm:ss')
|
|
let opt = {
|
sceneTypeId: scenetype.value.sceneTypeId,
|
sceneTypeName: scenetype.value.sceneTypeName,
|
needCache: true,
|
}
|
// 按所选时段统计
|
if (mode.value) {
|
opt = {
|
provinceCode: locations.value.pCode,
|
provinceName: locations.value.pName,
|
cityCode: locations.value.cCode,
|
cityName: locations.value.cName,
|
districtCode: locations.value.dCode,
|
districtName: locations.value.dName,
|
townCode: locations.value.tCode,
|
townName: locations.value.tName,
|
startTime,
|
endTime,
|
...opt,
|
}
|
}
|
// 按总任务统计
|
else {
|
opt = {
|
provinceCode: topTask.value.provincecode,
|
provinceName: topTask.value.provincename,
|
cityCode: topTask.value.citycode,
|
cityName: topTask.value.cityname,
|
districtCode: topTask.value.districtcode,
|
districtName: topTask.value.districtname,
|
townCode: topTask.value.towncode,
|
townName: topTask.value.townname,
|
...opt,
|
}
|
}
|
|
// const opt = {
|
// topTaskId: options.topTask.tguid,
|
// topTaskName: options.topTask.name,
|
// provinceCode: options.topTask.provincecode,
|
// provinceName: options.topTask.provincename,
|
// cityCode: options.topTask.citycode,
|
// cityName: options.topTask.cityname,
|
// districtCode: options.topTask.districtcode,
|
// districtName: options.topTask.districtname,
|
// townCode: options.topTask.towncode,
|
// townName: options.topTask.townname,
|
// startTime,
|
// endTime,
|
// sceneTypeId: options.sceneTypeId,
|
// sceneTypeName: options.sceneTypeName,
|
// needCache: true
|
// };
|
emit('submit', opt)
|
}
|
</script>
|
