fj-dc-ui/.svn/pristine/c2/c28132ee44eb798c4f69cf2be65656e48458670c.svn-base

<template>
  <div>
    <el-dialog width="65%" :title="'督查已填报问题列表'" :modal=true :append-to-body=true :before-close="closeProblemList"
               :visible.sync="proListFlag">
      <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="inspPblmName"
          label="督查问题类别"
          show-overflow-tooltip>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="140"
          prop="newVillName"
          label="督查对象名称"
          show-overflow-tooltip>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="100"
          prop="checkPoint"
          label="检查项目"
          show-overflow-tooltip>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="100"
          prop="pblmDesc"
          label="问题描述"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="100"
          prop="inspPblmDesc"
          label="详细描述"
          show-overflow-tooltip>
        </el-table-column>
        <el-table-column
          prop="collTime"
          label="上报时间"
          :formatter="timestampToTime"
          sortable
          align="center"
          min-width="100"
          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"  title="查看详情"type="text" @click="showDetails(scope.row.pblmId)"></el-button>
            <el-button icon="el-icon-edit" type="text" title="修改问题"  @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"
                        title="删除问题" @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"></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"></problem-edit>
      <!-- 添加问题组件 -->
      <problem-dialog
        v-if="showAddProblemDialog"
        :objType="108"
        :villType="108"
        :objId="currentObjectId"
        :objName="currentObjectName"
        :problemMiddleType="'新疆兵团农村饮水安全'"
        :problData="problData"
        @closeDialog="closePlDialog"
        :currentObjectRgstrId="currentObjectRgstrId"
        :rowData="rowData"
        :yshRowData="yshRowData"
        :gsgcRowData="gsgcRowData"
        :oriFatherName="oriFatherName"
        :villageNm="villageNm"
      ></problem-dialog>
    </el-dialog>
  </div>
</template>
<script>
  import {formatDateTimeD} from '../../utils/gw_date.js'
  import problemDialog from "../duChaWenTi/problemDialog.vue";
  import request from '../../utils/gw_ajax_request.js'

  export default {
    props: [
      'formObj',
      'currentObjectId',
      'currentObjectName',
      'currentObjectRgstrId',
      'activeLabel',
      'showProblemList',
      'problemMiddleType',
      'problData', 'rowData', 'yshRowData', 'gsgcRowData', 'oriFatherName', 'villageNm','openType'],
    data() {
      return {
        tableHeight: window.innerHeight - 250,
        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: '',
        dialogFormVisible: true,
        proListFlag: ''
      }
    },
    components: {
      //详情页
      supervisionDetails: resolve => {
        require(["../duChaWenTi/problemDetails/supervisionDetails_ncysaqXjbt.vue"], resolve);
      },
      // 删除描述页
      ProblemDelete: resolve => {
        require(["../duChaWenTi/problemDelete.vue"], resolve);
      },
      // 修改问题
      problemEdit: resolve => {
        require(["../duChaWenTi/problemModify/ncysaqXjbtProblemModify.vue"], resolve);
      },
      problemDialog
    },
    computed: {
      persId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
      }
    },
    created() {
    },
    mounted() {
      this.getProblemList();
    },
    methods: {
      getProblemList() {
        let problemForm = {}
        let quesId = this.problData;
        problemForm.objId = this.currentObjectId; //解决问题列表混杂问题
        problemForm.objType = '108';
        // problemForm.pageNum = this.currentPage;
        // problemForm.pageSize = this.pageSize;
        // problemForm.presId = this.persId;
        this.loading = true;
        request.get(`/dc/insp/pblm/getPblmList/${quesId}/${problemForm.objType}/${problemForm.objId}`).then(res => {
          if (res.success) {
            this.problemList = res.data;
            // 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.collTime);
        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;
      },
      closeEditDialog() {
        this.changeSupervisionVisible = false
        this.getProblemList()
      },

      addProblem(item) {
        this.showAddProblemDialog = true
      },
      closePlDialog(val) {
        this.showAddProblemDialog = false;
        this.getProblemList()
      },
      // 关闭问题列表
      closeProblemList() {
        // this.$confirm('确认退出吗？', '提示', {
        //     confirmButtonText: '确定',
        //     cancelButtonText: '取消',
        //     type: 'warning'
        //     }).then(() => {
        //     this.$emit('closeProblemList');
        //     }).catch(() => {
        //     });
        if (this.showProblemList) {
          this.proListFlag = false;
          this.$emit('dialogFormVisible', this.proListFlag)
        }


      },
      cancelHandler() {
        this.$emit('cancelHandler');

      },
    },
    watch: {
      activeLabel(val) {
        if (val == '问题清单') {
          this.getProblemList()
        }
      }
    }
  }
</script>
<style scoped>
  .paginationWarpper {
    text-align: center;
  }
</style>