|
|
@@ -0,0 +1,341 @@
|
|
|
+<template>
|
|
|
+ <!-- 奖惩规则配置 -->
|
|
|
+ <div class="app-container">
|
|
|
+ <div class="table">
|
|
|
+ <el-table
|
|
|
+ ref="renewalTable"
|
|
|
+ v-loading="loading"
|
|
|
+ :data="wrapperDataList"
|
|
|
+ row-key="id"
|
|
|
+ :span-method="objectSpanMethod"
|
|
|
+ >
|
|
|
+ <!-- height="640px" -->
|
|
|
+ <!-- <el-table-column prop="date" label="序号" width="70" align="center">
|
|
|
+ <template slot-scope="scope">{{ scope.$index + 1 }}</template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column
|
|
|
+ label="时户数要求"
|
|
|
+ align="center"
|
|
|
+ prop="title1"
|
|
|
+ width="90"
|
|
|
+ fixed
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope"
|
|
|
+ ><div style="white-space: pre-wrap">
|
|
|
+ {{ scope.row.title1 }}
|
|
|
+ </div></template
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="计划时户数 N"
|
|
|
+ align="center"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ label="完成时户数X"
|
|
|
+ align="center"
|
|
|
+ prop="title2"
|
|
|
+ width="160"
|
|
|
+ fixed
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-for="(ite, i) in dataList"
|
|
|
+ :key="i"
|
|
|
+ :label="ite.remark"
|
|
|
+ align="center"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ v-for="(_ite, _i) in ite.children"
|
|
|
+ :key="_i"
|
|
|
+ :label="_ite.remark"
|
|
|
+ align="center"
|
|
|
+ prop="title2"
|
|
|
+ width="160"
|
|
|
+ fixed
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ <div slot="append">
|
|
|
+ <!-- class中出现了el-table字样的，为了复用el-table的样式 -->
|
|
|
+ <table
|
|
|
+ v-if="wrapperDataList.length != 0"
|
|
|
+ cellspacing="0"
|
|
|
+ cellpadding="0"
|
|
|
+ border="0"
|
|
|
+ class="el-table__body"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <tr ref="sum" class="el-table__row sum">
|
|
|
+ <td
|
|
|
+ ref="sum_cell"
|
|
|
+ class="el-table__cell"
|
|
|
+ style="width: 100%; padding: 10px"
|
|
|
+ >
|
|
|
+ 1.大大说的撒的 2.大大说 3.大大说
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { getExamineCountyInfo } from "@/api/powerdistribution/maintenance";
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dataList: [],
|
|
|
+ total: 0,
|
|
|
+ wrapperDataList: [],
|
|
|
+ loading: true,
|
|
|
+ keys: [
|
|
|
+ {
|
|
|
+ key: "manageAmt",
|
|
|
+ text: "党政一把手",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: "manageAssistantAmt",
|
|
|
+ text: "分管副经理",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: "deptDirectorAmt",
|
|
|
+ text: "部室主任",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: "deptDirectorAssistantAmt",
|
|
|
+ text: "部室分管主任",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: "deptManageAmt",
|
|
|
+ text: "部室责任专责",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: "principAmt",
|
|
|
+ text: "总负责人",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: "workPrincipAmt",
|
|
|
+ text: "直接责任人(工作负责人)",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: "ownerAmt",
|
|
|
+ text: "设备主人",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ createBy: "",
|
|
|
+ createTime: "2025-01-02 18:21:00",
|
|
|
+ updateBy: "",
|
|
|
+ updateTime: null,
|
|
|
+ remark: "N<100",
|
|
|
+ id: 1,
|
|
|
+ requireCd: "01",
|
|
|
+ hourMinNum: "N",
|
|
|
+ hourMaxNum: 100,
|
|
|
+ pId: 0,
|
|
|
+ requireType: "N",
|
|
|
+ sortNo: 1,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ createBy: "",
|
|
|
+ createTime: "2025-01-02 18:32:39",
|
|
|
+ updateBy: "",
|
|
|
+ updateTime: null,
|
|
|
+ remark: "N<X<100",
|
|
|
+ id: 2,
|
|
|
+ requireCd: "0101",
|
|
|
+ hourMinNum: "N",
|
|
|
+ hourMaxNum: 100,
|
|
|
+ pId: 1,
|
|
|
+ requireType: "X",
|
|
|
+ sortNo: 1,
|
|
|
+ children: null,
|
|
|
+ examineCountyList: [
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 1,
|
|
|
+ roleNm: "党政一把手",
|
|
|
+ roleCd: "0001",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: null,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 2,
|
|
|
+ roleNm: "分管副经理",
|
|
|
+ roleCd: "0002",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: null,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 3,
|
|
|
+ roleNm: "部室主任",
|
|
|
+ roleCd: "0003",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 4,
|
|
|
+ roleNm: "部室分管主任",
|
|
|
+ roleCd: "0004",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 5,
|
|
|
+ roleNm: "部室责任专责",
|
|
|
+ roleCd: "0005",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 6,
|
|
|
+ roleNm: "总负责人",
|
|
|
+ roleCd: "0006",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 7,
|
|
|
+ roleNm: "直接责任人",
|
|
|
+ roleCd: "0007",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null,
|
|
|
+ id: 8,
|
|
|
+ roleNm: "设备主人",
|
|
|
+ roleCd: "0008",
|
|
|
+ requireCd: "0101",
|
|
|
+ compteHourNumX: "N<X<100",
|
|
|
+ amount: 50,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ head: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /** 查询列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ // getExamineCountyInfo().then((response) => {
|
|
|
+ this.dataList = this.data;
|
|
|
+ console.log(this.dataList, " this.dataList");
|
|
|
+
|
|
|
+ // this.dataList = response.rows;
|
|
|
+ // this.total = response.total;
|
|
|
+ this.loading = false;
|
|
|
+ this.wrapperData(this.dataList);
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ wrapperData(data) {
|
|
|
+ this.keys.forEach((key) => {
|
|
|
+ this.wrapperDataList.push({
|
|
|
+ title1: "四级单位(县公司)考核金额单位:元",
|
|
|
+ title2: key.text,
|
|
|
+ ...key,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm("queryForm");
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
|
|
+ if (columnIndex === 0) {
|
|
|
+ if (rowIndex === 0) {
|
|
|
+ return {
|
|
|
+ rowspan: this.wrapperDataList.length,
|
|
|
+ colspan: 1,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ return {
|
|
|
+ rowspan: 0,
|
|
|
+ colspan: 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.table {
|
|
|
+ height: calc(100% - 150px);
|
|
|
+}
|
|
|
+::v-deep {
|
|
|
+ .el-table {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ .el-table__body-wrapper {
|
|
|
+ width: 100% !important;
|
|
|
+ height: calc(100% - 50px) !important; // 表格高度减去表头的高度
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
cfofpp