fj-dc-ui/.svn/pristine/2e/2ec33abb4f50632803ac002709d177e5b44e9cad.svn-base

<template>
  <div :style="{'height': tableHeight1 + 'px'}" class="pblmRectifyReviewSituation">
    <div class="registerNoData" v-if="!registerNo">注册登记号无数据，请在基础信息纠错完善</div>
    <el-table
      v-if="registerNo"
      v-loading="loading"
      border
      ref="multipleTable"
      :data="problemList"
      :height="tableHeight"
      tooltip-effect="dark"
      style="width: 100%">
      <el-table-column align="center" type="index" label="序号" width="80">
        <template slot-scope="scope">
          {{(scope.$index + 1) }}
        </template>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="140"
        prop="damRegCode"
        label="注册登记号"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="140"
        prop="pblmNameBz"
        label="问题类别"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="140"
        prop="checkPointBz"
        label="检查项目"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="140"
        prop="pblmDescBz"
        label="问题描述"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="80"
        prop="inspPblmCate"
        label="严重程度"
        show-overflow-tooltip>
        <template slot-scope="scope">
          <span v-if="scope.row.inspPblmCate=='0'" class="info">一般</span>
          <span v-if="scope.row.inspPblmCate=='1'" class="warning">较重</span>
          <span v-if="scope.row.inspPblmCate=='2'" class="fatal">严重</span>
          <span v-if="scope.row.inspPblmCate=='3'" class="error">特别严重</span>
        </template>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="150"
        prop="crtState"
        label="市县反馈整改状态"
        show-overflow-tooltip>
        <template slot-scope="scope">
          <span v-if="!scope.row.crtState || scope.row.crtState=='0'">未整改</span>
          <span v-if="scope.row.crtState=='1'">整改中</span>
          <span v-if="scope.row.crtState=='2'">整改完成</span>
          <span v-if="scope.row.crtState=='3'">不具备整改条件</span>
        </template>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="150"
        prop="crtNote"
        label="市县反馈整改备注"
        show-overflow-tooltip
      ></el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="80"
        prop="reviewStat"
        label="复核状态"
        show-overflow-tooltip>
        <template slot-scope="scope">
          <span v-if="scope.row.reviewStat=='1'"  style="color:#1cff6e">已复核</span>
          <span v-if="scope.row.reviewStat=='0' || !scope.row.reviewStat" style="color:#ff6412">未复核</span>
        </template>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="140"
        prop="reviewResult"
        label="复核结果"
        show-overflow-tooltip>
        <template slot-scope="scope">
          {{scope.row.reviewResult == "1"?"未整改":scope.row.reviewResult == "2"?"正在整改":scope.row.reviewResult == "3"?"整改完成":scope.row.reviewResult == "4"?"整改不到位":scope.row.reviewResult == "5"?"上报整改情况与实际不符":""}}
        </template>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="140"
        prop="reviewNote"
        label="复核说明"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        align="center"
        min-width="230"
        label="操作"
        show-overflow-tooltip
        fixed="right">
        <template slot-scope="scope">
          <el-button  type="success" plain @click="showDetails(scope.row,false)">查看</el-button>
          <el-button  type="success" @click="submitCheck(scope.row)" v-if="ownPriv('manage') && (scope.row.reviewStat=='0' || !scope.row.reviewStat) && !ifView">复核</el-button>
          <el-button  type="primary" @click="showDetails(scope.row,true)" v-if="ownPriv('manage') && scope.row.reviewStat=='1' && !ifView">编辑</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 详情组件-->
    <el-dialog
      class="custom_dialog"
      :title="isEdit?'问题整改复查情况编辑':'问题整改复查情况查看'"
      append-to-body
      width="700px"
      :close-on-click-modal="false"
      :visible.sync="supervisionDetailsVisible"
      @close="cancelHandler">
     <editDetail ref="xianqing" :rowData="rowData" :isEdit="isEdit" title="问题整改复核情况编辑" v-if="supervisionDetailsVisible" :ifView="ifView" @cancelHandler="cancelHandler"></editDetail>
    </el-dialog>
    <el-dialog class="custom_dialog"
               append-to-body
               width="700px"
               :close-on-click-modal="false"
               :title="currentObjectName +'问题复核'"
               :visible.sync="showAddProblemDialog"
               @close="closePlDialog">
      <addRecheck @closeDialog="closePlDialog" v-if="showAddProblemDialog" :problData="rowData" :objName="currentObjectName"></addRecheck>
    </el-dialog>
    <!-- 添加问题组件 -->

  </div>
</template>
<script>
  import addRecheck from "../../xsk2021/addRecheck.vue";
  import request from '@util/gw_ajax_request.js'
  import {getRsvrRgstr} from "@api/duChaTianBao.js"
  export default {
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'activeLabel', 'ifReadyOnly', 'currentResCode', 'currentAdCode', 'currentRsvrNm','ifView'],
    data() {
      return {
        tableHeight: window.innerHeight * .50,
        tableHeight1: window.innerHeight * .55,
        problemList: [],
        loading: false,
        currentPage: 1,
        pageSize: 10,
        pageNum: 1,
        total: 0,
        supervisionDetailsVisible: false,
        currentProblemId: '',
        problemDeleteVisible: false,
        deleteId: '',
        editId: '',
        changeSupervisionVisible: false,
        showAddProblemDialog: false,
        rsvrRules: null,
        probId: '',
        registerNo:"",
        rowData:{},
        isEdit:false
      }
    },
    components: {
      //详情页
      supervisionDetails: resolve => {
        require(["../../xsk2021/problemDetail.vue"], resolve);
      },
      editDetail: resolve => {
          require(["../../xsk2021/editDetail.vue"], resolve);
      },
      addRecheck
    },
    computed: {
      persId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
      }
    },
    created() {
    },
    mounted() {
      this.getRegisterNo()
    },
    methods: {
      submitCheck(row){
        this.rowData = row;
        this.showAddProblemDialog = true;
      },
      getRegisterNo(){
        this.registerNo = "";
        var _self = this;
        getRsvrRgstr(_self.currentObjectRgstrId).then(
            (res) => {
                if (res.data && res.data.damRegCode) {
                    _self.registerNo = res.data.damRegCode;
                    _self.getProblemList();
                }else{
                    _self.$message.warning("请在基础信息纠错完善注册登记号信息");
                }
            }
        );
      },
      removeSuperviseOne(row) {
          var _self = this;
          this.$confirm('确定要删除该问题吗？', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
          }).then(() => {
              request.get(`/bis/insp/rsvr/pblm/mend/del/`+row.id).then((res) => {
                  if (res.success) {
                      _self.getProblemList();
                      _self.$message.success('删除成功')
                  } else {
                      _self.$message.error(res.message)
                  }
              });
          }).catch(() => {

          });
      },
      //通知List
      getProblemList() {
        let obj = {
            damRegCode:this.registerNo
        };
        this.loading = true;
        request.post(`/bis/insp/pblm/plist/getPblmPlistByDamRegCode`, obj).then(res => {
            if (res.success) {
              this.problemList = res.data;
              this.loading = false;
            }
          }).catch(err => {
            console.log(err);
          })
      },
      showDetails(row,flag) {
        this.isEdit = flag;
        this.rowData = row;
        this.supervisionDetailsVisible = true
      },
      timestampToTime(row, column) {
        var date = new Date(row);
        var Y = date.getFullYear() + "-";
        var M =
          (date.getMonth() + 1 < 10
            ? "0" + (date.getMonth() + 1)
            : date.getMonth() + 1) + "-";
        var D =
          (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
        var h =
          (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
        var m =
          date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
        return Y + M + D + h + m;
      },
      closePlDialog() {
        this.showAddProblemDialog = false;
        this.getRegisterNo();
      },
      cancelHandler(val) {
        if (val) this.getRegisterNo();
        this.supervisionDetailsVisible = false;
      },
    }
  }
</script>
<style scoped lang="scss">
  .pblmRectifyReviewSituation {
    .inspPblmCate {
      padding: 2px 10px;
      color: #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
  }
  .registerNoData{
     width: 100%;
     height:100%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 15px;
     font-weight: bold;
     color:red;
  }

</style>