| | |
| | | <avue-tabs :option="taskTypeList" @change="tabChange"></avue-tabs>
|
| | | <el-container class="container">
|
| | | <el-aside width="250px">
|
| | | <el-input v-model="taskWord" class="search-box" clearable placeholder="请输入任务名称">
|
| | | <!-- <el-input v-model="taskWord" class="search-box" clearable placeholder="请输入任务名称">
|
| | | <template #append>
|
| | | <el-button icon="el-icon-search"></el-button>
|
| | | </template>
|
| | | </el-input>
|
| | | </el-input> -->
|
| | | <ul class="aside-box">
|
| | | <template v-if="this.taskList.length > 0">
|
| | | <li v-for="(item, index) in this.taskList" :key="item.id" :class="{ 'is-active': taskActive === index }"
|
| | |
| | | <el-main>
|
| | | <template v-if="this.taskList.length > 0">
|
| | | <el-collapse v-model="activeNames">
|
| | | <el-collapse-item title="第一轮评优结果" name="1">
|
| | | <el-collapse-item title="当前任务评优类别详情" name="1" v-if="!defaultTaskType">
|
| | | <evaluateTypeResult :params="{ data: taskList[taskActive] }" />
|
| | | </el-collapse-item>
|
| | | <el-collapse-item title="第一轮候选结果" name="2" v-if="!defaultTaskType">
|
| | | <firstRoundResult :params="{ data: taskList[taskActive] }" />
|
| | | </el-collapse-item>
|
| | | <el-collapse-item title="第二轮评优结果" name="2">
|
| | | <el-collapse-item title="最终评优结果" name="3">
|
| | | <secondRoundResult :params="{ data: taskList[taskActive] }" />
|
| | | </el-collapse-item>
|
| | | </el-collapse>
|
| | |
| | |
|
| | | <script>
|
| | | import { getList } from '@/api/evaluate/evaluateTask'
|
| | | import evaluateTypeResult from './components/evaluateTypeResult.vue'
|
| | | import firstRoundResult from './components/firstRoundResult.vue'
|
| | | import secondRoundResult from './components/secondRoundResult.vue'
|
| | |
|
| | | export default {
|
| | | components: {
|
| | | evaluateTypeResult,
|
| | | firstRoundResult,
|
| | | secondRoundResult
|
| | | },
|
| | |
| | | tabChange(value) {
|
| | | this.defaultTaskType = value.prop;
|
| | | this.getTaskList()
|
| | | this.defaultTaskType ? this.activeNames = ['3'] : this.activeNames = ['1']
|
| | | },
|
| | | handleActive(index) {
|
| | | this.taskActive = index
|
| | |
| | | },
|
| | | mounted() {
|
| | | this.initData()
|
| | | },
|
| | | provide() {
|
| | | return {
|
| | | type: () => this.defaultTaskType
|
| | | }
|
| | | }
|
| | | }
|
| | | </script>
|