fj-dc-ui/.svn/pristine/e3/e305df3fe302bcffb19e6be6464a5d94ffbe5a4c.svn-base

<template>
  <div>
    <el-button @click="addProblem" type="primary" style="float: right;margin-bottom:10px" v-if="openType">添加问题</el-button>
    <el-table
      v-loading="loading"
      border
      ref="multipleTable"
      :data="problemList"
      :height="tableHeight"
      tooltip-effect="dark"
      style="width: 100%">
      <el-table-column align="center" type="index" label="序号" min-width="40">
        <template slot-scope="scope">
          {{ (currentPage - 1) * pageSize + (scope.$index + 1) }}
        </template>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="140"
        prop="inspPblmsName"
        label="问题类别"
        show-overflow-tooltip>
      </el-table-column>
      <!--<el-table-column-->
        <!--header-align="center"-->
        <!--align="center"-->
        <!--min-width="120"-->
        <!--prop="checkPointBz"-->
        <!--label="检查项目"-->
        <!--show-overflow-tooltip>-->
      <!--</el-table-column>-->
      <el-table-column
        header-align="center"
        align="center"
        min-width="130"
        prop="inspPblmDesc"
        label="详细描述"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="130"
        prop="inspPblmOrgName"
        label="责任单位"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="130"
        prop="pblmReason"
        label="问题原因分析"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="130"
        prop="pblmSggtn"
        label="整改意见"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="wtdstNote"
        label="检查日期"
        sortable
        align="center"
        min-width="120"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        align="center"
        prop
        min-width="100"
        label="操作"
        show-overflow-tooltip
        fixed="right">
        <template slot-scope="scope">
          <el-button icon="el-icon-view" type="text" @click="showDetails(scope.row.pblmId)"></el-button>
          <el-button icon="el-icon-edit" type="text" @click="changeSup(scope.row.pblmId)"
                     v-if="ownPriv('manage') && openType"></el-button>
          <el-button icon="el-icon-delete" type="text" v-if="ownPriv('manage') && openType"
                     @click="removeSuperviseOne(scope.row.pblmId)"
          ></el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页 -->
    <div class="paginationWarpper">
      <el-pagination
        class="paginationCenter"
        background
        @size-change="handleSizeChange"
        @current-change="search"
        :current-page.sync="currentPage"
        :page-sizes="[10, 20, 50, 100]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total">
      </el-pagination>
    </div>
    <!-- 详情组件-->
    <el-dialog
      class="custom_dialog"
      title="问题详情"
      width="60%"
      append-to-body
      :visible.sync="supervisionDetailsVisible">
      <supervision-details ref="xianqing" :problemId="currentProblemId" :objType="26"></supervision-details>
      <span slot="footer">
                <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
            </span>
    </el-dialog>
    <!-- 删除组件 -->
    <el-dialog class="deleteDialog" title="问题删除描述" append-to-body :visible.sync="problemDeleteVisible">
      <Problem-delete
        ref="deleteMiaoShu"
        :deleteProblemId="deleteId"
        @deleteSuccess="deleteSuccess"
      ></Problem-delete>
      <span slot="footer">
                <el-button @click="problemDeleteVisible = false">返回</el-button>
            </span>
    </el-dialog>
    <!-- 修改组件 -->
    <problem-edit :editId="editId" @closeEditDialog="closeEditDialog" v-if="changeSupervisionVisible"
                  :pblmNameBz="pblmNameBz"></problem-edit>
    <!-- 添加问题组件 -->
    <problem-dialog
      v-if="showAddProblemDialog"
      :objType="26"
      :villType="36"
      :objId="currentObjectId"
      :objName="currentObjectName"
      :problemMiddleType="'水库防洪调度'"
      @closeDialog="closePlDialog"
      :newModelData="newModelData"
      :regId="currentObjectRgstrId"
      :pblmNameBz="pblmNameBz"
      :rowData="rowData">
    </problem-dialog>

    <el-dialog
      class="pblmEascader"
      title="新增问题"
      width="60%"
      append-to-body
      :visible.sync="pblmEascaderVisible">
      <pblmEascader :objType="26" @modelData="modelData" v-if="pblmEascaderVisible"
                    :pblmNameBz="pblmNameBz"></pblmEascader>
      <span slot="footer">
                <el-button @click="pblmEascaderVisible=false">返 回</el-button>
                <el-button type="primary" @click="submitEascader">确 定</el-button>
            </span>
    </el-dialog>
  </div>
</template>
<script>
  import problemDialog from "../../duChaWenTi/addProblem/xiaoshuiku_problem_dialog.vue";
  import request from '@util/gw_ajax_request.js'
  import pblmEascader from '../project/pblmEascaderFangHong'

  export default {
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'activeLabel', 'rowData', 'pblmNameBz','openType'],
    data() {
      return {
        tableHeight: 490,
        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: '',
        pblmEascaderVisible: false,
        newModelData: null
      }
    },
    components: {
      //详情页
      supervisionDetails: resolve => {
        require(["../../duChaWenTi/supervisionDetails_fanghong.vue"], resolve);
      },
      // 删除描述页
      ProblemDelete: resolve => {
        require(["../../duChaWenTi/problemDelete.vue"], resolve);
      },
      // 修改问题
      problemEdit: resolve => {
        require(["../../duChaWenTi/problemModify/fanghongProblemModifyNew.vue"], resolve);
      },
      problemDialog,
      pblmEascader
    },
    computed: {
      persId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
      }
    },
    created() {
      // this.findItemByType()
    },
    mounted() {
      this.getProblemList()
    },
    methods: {
      getProblemList() {
        let problemForm = {}
        problemForm.objId = this.rowData.objId;
        problemForm.objType = '26';
        problemForm.pageNum = this.currentPage;
        problemForm.pageSize = this.pageSize;
        problemForm.presId = this.persId;
        problemForm.pblmNameBz = this.pblmNameBz;

        this.loading = true;
        request.post(`/dc/insp/pblm/list/${this.persId}`, problemForm).then(res => {
          if (res.success) {
            var list = [];
            for(var i = 0;i<res.data.list.length;i++){
               if(res.data.list[i].pblmNameBz==this.pblmNameBz){
                   list.push(res.data.list[i]);
               }
            }
            this.problemList = list;
            this.total = res.data.total;
            this.loading = false;
          }
        }).catch(err => {
          this.$message.error(err)
          this.loading = false;
        });
      },
      showDetails(pblmId) {
        this.currentProblemId = pblmId
        this.supervisionDetailsVisible = true
      },
      changeSup(pblmId) {
        this.editId = pblmId
        this.changeSupervisionVisible = true
      },
      removeSuperviseOne(pblmId) {
        this.deleteId = pblmId
        this.problemDeleteVisible = true
      },
      deleteSuccess() {
        this.problemDeleteVisible = false;
        this.getProblemList();
      },
      search(val) {
        this.currentPage = val
        this.getProblemList()
      },
      handleSizeChange() {
      },
      // timestampToTime(row, column) {
      //   var date = new Date(row.wtdstNote);
      //   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;
      // },
      closeEditDialog() {
        this.changeSupervisionVisible = false
        setTimeout(() => {
          this.getProblemList()
        }, 800)
      },
      findItemByType() {
        const obj = {
          tname: "BIS_INSP_RSFCO_RGSTR_FLLI"
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          this.rsvrRules = res.data;
        })
      },
      addProblem(item) {
        this.pblmEascaderVisible = true;
      },
      closePlDialog(val) {
        this.showAddProblemDialog = false;
        this.getProblemList();
        this.newModelData = null;
      },
      submitEascader() {
        if (!this.newModelData || !this.newModelData.model.length) {
          this.$message.warning('问题不可以为空');
          return;
        }
        this.pblmEascaderVisible = false;
        // let rest = this.rsvrRules
        // this.probId = rest[0].id;
        this.showAddProblemDialog = true
      },
      modelData(val) {
        this.newModelData = val;
      }
    },
    watch: {
      activeLabel(val) {
        if (val == '问题清单') {
          this.getProblemList()
        }
      }
    }
  }
</script>
<style lang="scss">
  .pblmEascader .el-dialog__body {
    height: 15vh;
    overflow: auto;
  }
</style>