GuLiMmo
2024-01-09 ba58e189e4ad320f1ff1ed4b1d91877f3fa70d78
src/views/evaluate/evaluateResult.vue
@@ -3,11 +3,11 @@
    <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 }"
@@ -34,10 +34,13 @@
      <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>
@@ -52,11 +55,13 @@
<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
  },
@@ -106,6 +111,7 @@
    tabChange(value) {
      this.defaultTaskType = value.prop;
      this.getTaskList()
      this.defaultTaskType ? this.activeNames = ['3'] : this.activeNames = ['1']
    },
    handleActive(index) {
      this.taskActive = index
@@ -113,6 +119,11 @@
  },
  mounted() {
    this.initData()
  },
  provide() {
    return {
      type: () => this.defaultTaskType
    }
  }
}
</script>