<template>
|
<el-row class="layout">
|
<el-col :span="12">
|
<el-form :inline="true" :model="formSearch">
|
<el-form-item label="总任务">
|
<!-- <el-input v-model="formSearch.topTaskId" placeholder="总任务" /> -->
|
<el-select v-model="formSearch.topTaskId" placeholder="总任务" style="width: 260px">
|
<el-option v-for="s in topTasks" :key="s.value" :label="s.label" :value="s.value" />
|
</el-select>
|
</el-form-item>
|
<!-- <FYOptionScene
|
:allOption="false"
|
:type="2"
|
v-model:value="formSearch.scenetype"
|
></FYOptionScene> -->
|
<el-form-item label="场景类型">
|
<el-select v-model="formSearch.sceneTypeId" placeholder="场景类型" style="width: 150px">
|
<el-option v-for="s in sceneTypes" :key="s.value" :label="s.label" :value="s.value" />
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
</el-form-item>
|
</el-form>
|
</el-col>
|
<el-col :span="12">
|
<el-row justify="end">
|
<slot name="summary"></slot>
|
</el-row>
|
</el-col>
|
</el-row>
|
</template>
|
|
<script>
|
import taskApi from '@/api/fysp/taskApi';
|
import { enumScene } from '@/enum/scene';
|
|
export default {
|
emits: ['onSubmit'],
|
data() {
|
return {
|
topTasks: [],
|
sceneTypes: enumScene(2, false),
|
formSearch: {
|
topTaskId: '',
|
sceneTypeId: ''
|
}
|
};
|
},
|
methods: {
|
//获取查询条件
|
getOptions() {
|
taskApi.getTopTask().then((res) => {
|
const list = [];
|
res.forEach((r) => {
|
list.push({
|
value: r.tguid,
|
label: r.name,
|
towncode: r.towncode,
|
districtCode: r.districtcode,
|
month: r.starttime.slice(0, 7)
|
});
|
});
|
this.topTasks = list;
|
this.formSearch.topTaskId = list[0].value;
|
this.$emit('onSubmit', this.formSearch);
|
});
|
},
|
//查询子任务统计信息
|
onSubmit() {
|
// console.log(this.formSearch.sceneTypeId)
|
this.$emit('onSubmit', this.formSearch);
|
}
|
},
|
mounted() {
|
this.formSearch.sceneTypeId = this.sceneTypes[0].value;
|
this.getOptions();
|
}
|
};
|
</script>
|
|
<style scoped>
|
/* .layout {
|
background-color: aqua;
|
} */
|
</style>
|
