fuliqi
2024-09-06 9e8d1bd0b6fb495920921214775b84d490e032a3
src/views/system/check/result/detail/detail.vue
@@ -1,5 +1,12 @@
<template>
  <div class="app-container">
  <div style="padding: 0px 10px">
      <div >
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
               >
          <el-menu-item index="0">省厅考核</el-menu-item>
          <el-menu-item index="1">区县考核</el-menu-item>
        </el-menu>
      </div>
    <el-container>
      <el-main>
        <h2>考核规则</h2>
@@ -30,6 +37,7 @@
                  type="text"
                  icon="el-icon-edit"
                  @click="handleRuleUpdate(item)"
                  v-hasPermi="['check:template:edit']"
                  >修改
                </el-button>
              </div>
@@ -81,6 +89,7 @@
              icon="el-icon-download"
              size="mini"
              @click="handleExport"
              v-hasPermi="['check:result:detail:export']"
              >导出
            </el-button>
          </el-col>
@@ -91,15 +100,30 @@
            :inline="true"
            v-show="showSearch"
          >
            <el-form-item label="考核日期" prop="name">
<!--            <el-form-item label="考核月度" prop="name">-->
<!--              <el-date-picker-->
<!--                v-model="queryParams.date"-->
<!--                format="yyyy-MM"-->
<!--                value-format="yyyy-MM"-->
<!--                type="month"-->
<!--                placeholder="选择日期"-->
<!--                @change="dateChange"-->
<!--              >-->
<!--              </el-date-picker>-->
<!--            </el-form-item>-->
            <el-form-item label="考核时间">
              <el-date-picker
                v-model="date"
                :clearable="false"
                v-model="queryParams.quarter"
                type="monthrange"
                format="yyyy-MM"
                value-format="yyyy-MM"
                type="month"
                placeholder="选择日期"
                @change="dateChange"
              >
                unlink-panels
                range-separator="至"
                start-placeholder="开始月份"
                end-placeholder="结束月份"
                @change="quarterChange"
                :picker-options="pickerOptions">
              </el-date-picker>
            </el-form-item>
            <el-form-item>
@@ -141,6 +165,17 @@
              <span>{{ translateDeptId(scope.row.dept_id) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="考核标签"
            align="center"
            prop="dept_id"
            width="120px"
            fixed
          >
            <template slot-scope="scope">
              {{ scope.row.examine_tag === 0 ? '省厅考核' : '区县考核' }}
            </template>
          </el-table-column>
          <template v-for="item in tableData">
            <el-table-column
              :key="item.ruleName"
@@ -149,7 +184,7 @@
              width="180px"
            >
              <template slot-scope="scope">
                <span>{{ scope.row[item.ruleIndex] }}</span>
                <span>{{ (scope.row[item.ruleIndex] * 100).toFixed(2) + '%'}}</span>
              </template>
            </el-table-column>
          </template>
@@ -244,6 +279,32 @@
  dicts: ["platform_audit_state"],
  data() {
    return {
      pickerOptions: {
          shortcuts: [{
            text: '第一季度',
            onClick(picker) {
              picker.$emit('pick', [new Date(new Date().getFullYear() + "-01"), new Date(new Date().getFullYear() + "-03")]);
            }
          },
          {
            text: '第二季度',
            onClick(picker) {
              picker.$emit('pick', [new Date(new Date().getFullYear() + "-04"), new Date(new Date().getFullYear() + "-06")]);
            }
          },
          {
            text: '第三季度',
            onClick(picker) {
              picker.$emit('pick', [new Date(new Date().getFullYear() + "-07"), new Date(new Date().getFullYear() + "-09")])
            }
          },
          {
            text: '第四季度',
            onClick(picker) {
              picker.$emit('pick', [new Date(new Date().getFullYear() + "-10"), new Date(new Date().getFullYear() + "-12")])
            }
          }]
        },
      id: null,
      examineCategory: null,
      date: "",
@@ -284,6 +345,9 @@
      queryParams: {
        id: null,
        date: null,
        quarter: null,
        examineTag: null,
        deptId: null
      },
      // 表单校验
      rules: {},
@@ -302,6 +366,12 @@
    if (this.$route.query.id) {
      this.queryParams.id = this.$route.query.id;
    }
    if(this.$route.query.deptId){
      this.queryParams.deptId = this.$route.query.deptId;
    }
    let examineTag = this.$route.query.examineTag;
    this.activeIndex = examineTag;
    this.queryParams.examineTag = examineTag;
    // 考核积分列表
    this.getList();
    this.areaSelect();
@@ -363,8 +433,11 @@
      }
    },
    dateChange() {
      this.queryParams.date = this.date;
      console.log(this.queryParams);
      this.queryParams.quarter = null;
      this.getList();
    },
    quarterChange() {
      this.queryParams.date = null;
      this.getList();
    },
    /** 搜索按钮操作 */
@@ -396,6 +469,15 @@
      this.indexOpen = true;
      this.title = "修改考核指标";
    },
    /** 导航切换 */
    handleSelect(key) {
      this.activeIndex = key;
      this.queryParams.examineTag = key;
      // 考核积分列表
      this.getList();
    },
    /** 修改按钮操作 */
    handleRuleUpdate(row) {
      this.reset("ruleForm");
@@ -420,15 +502,12 @@
    /** 导出按钮操作 */
    handleExport() {
      this.download(
        "/check/score/export",
        "/check/score/detailExport",
        {
          ...this.queryParams,
        },
        `考核指标_${new Date().getTime()}.xlsx`
      );
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};