问题辅助查询

src/router/index.js

@@ -118,6 +118,11 @@ export const routes = [
             component: () => import('@/views/assessChecks/checkComplianceFZ.vue'),
             component: () => import('@/views/assessChecks/checkComplianceFZ.vue'),
           },
           },
           {
           {
+            path: '/mainLayout/Compliancexf',
+            name: 'Compliancexf',
+            component: () => import('@/views/assessChecks/checkComplianceXF.vue'),
+          },
+          {
             path: '/mainLayout/qrCompliance',
             path: '/mainLayout/qrCompliance',
             name: 'qrCompliance',
             name: 'qrCompliance',
             component: () => import('@/views/assessChecks/qrCompliance.vue'),
             component: () => import('@/views/assessChecks/qrCompliance.vue'),

src/views/assessChecks/auxiliaryInspection.vue

@@ -293,8 +293,6 @@ export default {
       console.log("222");
       console.log("222");
       // this.dialog = true;
       // this.dialog = true;
       let params = {
       let params = {
-        current: this.currentPage,
-        pageSize: this.pageSize,
         projectId:this.checkedList[0].projectId,
         projectId:this.checkedList[0].projectId,
         batchId:this.checkedList[0].batchId
         batchId:this.checkedList[0].batchId
       };
       };

src/views/assessChecks/checkComplianceXF.vue

+<template>
+  <div class="main">
+    <div class="close">
+      <i class="el-icon-circle-close" @click="cancel()"></i>
+    </div>
+
+    <p class="title">国网辽宁电力-桌面终端管理系统合规性检查评估</p>
+    <div class="continer">
+      <p class="xqtitle"><span></span>问题清单</p>
+      <el-table
+        ref="multipleTable"
+        :data="tableData"
+        tooltip-effect="dark"
+        style="width: 100%"
+        header-cell-class-name="custom-th-background"
+        class="eltable"
+        :row-class-name="tableRowClassName"
+        :span-method="arraySpanMethod"
+        border
+      >
+        <el-table-column label="项目环节" prop="projectStagetext" width="150">
+        </el-table-column>
+        <el-table-column label="序号" width="100" prop="questionId">
+        </el-table-column>
+
+        <el-table-column label="问题检查项" prop="quesCheckItem">
+        </el-table-column>
+        <el-table-column label="检查说明" prop="checkDesc"> </el-table-column>
+        <el-table-column label="评估问题" prop="evalQues">
+          <!-- <template slot-scope="scope">
+              <el-input v-model="scope.row.evalQues"></el-input>
+            </template> -->
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="bottom">
+      <p class="JYtitle"><span></span>问题下发要求</p>
+      <el-form
+        :model="ruleForm"
+        label-width="100px"
+        class="demo-ruleForm"
+        :rules="rules"
+        ref="formName"
+      >
+        <el-form-item
+          label="问题申诉截止时间:"
+          prop="appealDeadline"
+          class="fromItem"
+        >
+          <el-date-picker
+            v-model="ruleForm.appealDeadline"
+            type="date"
+            placeholder="选择日期"
+            value-format="yyyy-MM-dd hh:mm:ss"
+            :disabled="fromType"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item
+          label="问题整改截止时间:"
+          prop="rectificationDeadline"
+          class="fromItem"
+        >
+          <el-date-picker
+            v-model="ruleForm.rectificationDeadline"
+            type="date"
+            placeholder="选择日期"
+            value-format="yyyy-MM-dd hh:mm:ss"
+            :disabled="fromType"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <p class="Btn" v-if="!fromType">
+        <span @click="cancel()">取消</span>
+        <span @click="confirm()">下发</span>
+      </p>
+    </div>
+  </div>
+</template>
+      
+      <script>
+import {
+  selWtqdpostEvalQuesInfo,
+  wtxfproblemAssistedDistribution,
+} from "@/api/index";
+export default {
+  data() {
+    return {
+      tableData: [],
+      mergingRows: [],
+      mergingPos: 0,
+      clqparams: {},
+      textarea1: "",
+      ruleForm: {
+        appealDeadline: "",
+        rectificationDeadline: "",
+      },
+      rules: {
+        appealDeadline: [
+          {
+            required: true,
+            message: "请选择问题申诉截止时间",
+            trigger: "change",
+          },
+        ],
+        rectificationDeadline: [
+          {
+            required: true,
+            message: "问题整改截止时间",
+            trigger: "change",
+          },
+        ],
+      },
+      fromType:false,
+    };
+  },
+
+  mounted() {
+    this.clqparams = JSON.parse(this.$route.query.clqparams);
+    if (this.$route.query.fromType == "fzcx") {
+      this.fromType = true;
+      this.ruleForm=this.$route.query.Form
+    }
+    console.log(this.fromType,'this.fromType')
+    console.log(this.clqparams, "this.clqparams");
+    this.init(this.clqparams);
+  },
+  methods: {
+    async init(type) {
+      let params = type;
+      console.log(params, "333");
+      let res = await selWtqdpostEvalQuesInfo(params);
+      console.log(res, "0000");
+
+      if (res.code == "200") {
+        this.tableData = res.data.records;
+        this.tableData.forEach((item) => {
+          switch (item.projectStage) {
+            case 1:
+              this.$set(item, "projectStagetext", "1.可研");
+              break;
+            case 2:
+              this.$set(item, "projectStagetext", "2.计划");
+              break;
+            case 3:
+              this.$set(item, "projectStagetext", "3.采购");
+              break;
+            case 4:
+              this.$set(item, "projectStagetext", "4.合同");
+              break;
+            case 5:
+              this.$set(item, "projectStagetext", "5.执行");
+              break;
+            case 6:
+              this.$set(item, "projectStagetext", "6.结决算及转资");
+              break;
+          }
+        });
+        this.total = res.data.total * 1;
+        this.dataPretreatment();
+      }
+    },
+    //表格颜色
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 == 1) {
+        return "warning-row";
+      }
+      return "";
+    },
+    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        //第一列
+        const _row = this.mergingRows[rowIndex];
+        const _col = _row > 0 ? 1 : 0;
+        return {
+          rowspan: _row,
+          colspan: _col,
+        };
+      }
+    },
+    dataPretreatment() {
+      for (let i = 0; i < this.tableData.length; i++) {
+        // tabledata 表格数据源
+        if (i === 0) {
+          this.mergingRows.push(1);
+          this.mergingPos = 0;
+        } else {
+          if (
+            this.tableData[i].projectStage ===
+            this.tableData[i - 1].projectStage
+          ) {
+            //哪些数据是要合并的 合并的条件是什么
+            this.mergingRows[this.mergingPos] += 1;
+            this.mergingRows.push(0);
+          } else {
+            this.mergingRows.push(1);
+            this.mergingPos = i;
+          }
+        }
+      }
+    },
+    cancel() {
+      this.$router.go(-1);
+    },
+    //确认更改
+    async confirm() {
+      this.$refs.formName.validate((valid) => {
+        if (!valid) {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+      let params = {
+        projectId: this.clqparams.projectId,
+        batchId: this.clqparams.batchId,
+        ...this.ruleForm,
+      };
+      console.log(params, "222");
+      let res = await wtxfproblemAssistedDistribution(params);
+      if (res.code == "200") {
+        this.$router.go(-1);
+      } else {
+        this.$message("下发失败");
+      }
+    },
+  },
+};
+</script>
+      
+      <style lang="scss" scoped>
+.main {
+  font-size: 14px;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  .bottom {
+    width: 99%;
+    position: absolute;
+    // height: 80px;
+    bottom: 150px;
+    right: 0;
+    //   left: 50%;
+    z-index: 100;
+    //   transform: translate(-50%);
+    background-color: #f5f5f6;
+    line-height: 62px;
+    .textarea {
+      margin-top: 1px;
+    }
+    .Btn {
+      span {
+        display: inline-block;
+        width: 95px;
+        height: 30px;
+        line-height: 30px;
+        text-align: center;
+        border-radius: 5px;
+        margin-right: 32px;
+        background-color: #0d867f;
+        border: 1px solid #0d867f;
+        color: #fff;
+      }
+      span:first-of-type {
+        border: 1px solid grey;
+        color: #000;
+        background-color: #fff;
+      }
+    }
+  }
+  .JYtitle {
+    width: 100%;
+    height: 20px;
+    text-align: left;
+    font-size: 18px;
+    // margin-top: 1px;
+    padding-left: 10px;
+    line-height: 20px;
+    span {
+      display: inline-block;
+      width: 5px;
+      height: 30px;
+      background: #0d867f;
+      margin-right: 24px;
+      vertical-align: middle;
+      border-radius: 3px;
+    }
+  }
+}
+.close {
+  position: absolute;
+  right: 20px;
+  top: 20px;
+
+  .el-icon-circle-close {
+    font-size: 30px;
+    // background-color: #0d867f;
+    // color: #fff;
+  }
+}
+.title {
+  text-align: left;
+  background-color: #fff;
+  height: 40px;
+  line-height: 40px;
+  color: grey;
+  font-size: 15px;
+}
+.continer {
+  width: 100%;
+  height: 800px;
+  overflow-y: auto;
+  background-color: #f5f5f6;
+  padding: 10px;
+  padding-top: 0;
+  // display: flex;
+  // padding: 0 20px;
+  padding-bottom: 200px;
+  position: relative;
+}
+
+.tableTitle {
+  background: #0d867f;
+  color: #f5f5f6;
+  height: 40px;
+  line-height: 40px;
+  text-align: left;
+  padding-left: 20px;
+  font-weight: 600;
+  font-size: 15px;
+}
+/deep/ .el-table .warning-row {
+  background: #f0ffff;
+  color: #2785e6;
+}
+
+.eltable {
+  width: 100%;
+  box-sizing: border-box;
+  margin-bottom: 180px;
+}
+/deep/ .el-table .warning-row {
+  background: #f0ffff;
+  color: #2785e6;
+}
+.elpagination {
+  text-align: right;
+  margin-right: 100px;
+}
+/deep/.el-table {
+  width: 100%;
+  .el-table__header-wrapper table,
+  .el-table__body-wrapper table {
+    width: 100% !important;
+  }
+  .el-table__body,
+  .el-table__footer,
+  .el-table__header {
+    table-layout: auto;
+  }
+}
+/deep/.el-table th.el-table__cell.is-leaf,
+.el-table td.el-table__cell {
+  text-align: center;
+}
+/deep/ .el-icon-folder-delete {
+  margin-right: 10px;
+}
+/deep/.el-table th.el-table__cell.is-leaf,
+.el-table td.el-table__cell {
+  text-align: center;
+}
+/deep/ .el-table__cell {
+  text-align: center;
+}
+.xqtitle {
+  width: 100%;
+  height: 20px;
+  text-align: left;
+  font-size: 18px;
+  padding: 20px 0;
+  border-bottom: 1px solid gainsboro;
+  margin-top: 1px;
+  span {
+    display: inline-block;
+    width: 5px;
+    height: 20px;
+    background: #0d867f;
+    margin-right: 14px;
+    vertical-align: middle;
+  }
+}
+.el-form {
+  display: flex;
+  width: 99%;
+  flex-wrap: wrap;
+  padding: 0 10px;
+  .fromItem {
+    width: 24%;
+    margin: 0 0.5%;
+    margin-bottom: 20px;
+    .el-input {
+      width: 226px;
+    }
+    .el-select {
+      width: 226px;
+    }
+  }
+  /deep/ .el-form-item__content {
+    text-align: left;
+  }
+  /deep/ .el-form-item__label {
+    // font-weight: bold;
+    color: #000;
+    width: 160px !important;
+  }
+}
+</style>
\ No newline at end of file