<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>
|
<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.map((r) => {
|
return {
|
value: r.tguid,
|
label: r.name,
|
data: r
|
};
|
});
|
this.topTasks = list;
|
this.formSearch.topTaskId = list[0].value;
|
this.onSubmit();
|
});
|
},
|
//查询子任务统计信息
|
onSubmit() {
|
const task = this.topTasks.find(
|
(t) => t.data.tguid == this.formSearch.topTaskId
|
);
|
const param = {
|
topTask: task ? task.data : {},
|
sceneTypeId: this.formSearch.sceneTypeId
|
};
|
console.log(param);
|
|
this.$emit('onSubmit', param);
|
}
|
},
|
mounted() {
|
this.formSearch.sceneTypeId = this.sceneTypes[0].value;
|
this.getOptions();
|
}
|
};
|
</script>
|
|
<style scoped>
|
/* .layout {
|
background-color: aqua;
|
} */
|
</style>
|
