fj-dc-ui/.svn/pristine/11/1182c8d7e118cb480918d5c3b3d42672b02ea965.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="100"
        prop="inspPblmDesc"
        label="问题描述"
        show-overflow-tooltip
      ></el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        min-width="100"
        prop="ifCasePblm"
        label="是否典型"
        :formatter="ifCasePblm"
        show-overflow-tooltip
      ></el-table-column>
      <el-table-column
        prop="collTime"
        label="上报时间"
        sortable
        align="center"
        min-width="100"
        show-overflow-tooltip
      >
        <template
          slot-scope="scope"
        >{{scope.row.collTime ? formatDateTime(scope.row.collTime) : ''}}</template>
      </el-table-column>
      <el-table-column align="center" min-width="100" label="操作" show-overflow-tooltip>
        <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"
            @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
      @close="detailClose"
      :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"
      fenlei="siluan"
      :objType="objType"
      :objId="currentObjectId"
      :objName="currentObjectName"
      @closeDialog="closePlDialog"
      :currentObjectRgstrId="currentObjectRgstrId"
    ></problem-dialog>
  </div>
</template>
<script>
import { formatDateTime2 } from '@util/gw_date.js'
import problemDialog from "../waterIntake/addProblemDialog.vue"
import request from '@util/gw_ajax_request.js'
export default {
  props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'activeLabel', 'objType','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: '',
    }
  },
  components: {
    //详情页
    supervisionDetails: resolve => {
      require(["../../duChaWenTi/supervisionDetails_siluan.vue"], resolve)
    },
    // 删除描述页
    ProblemDelete: resolve => {
      require(["../../duChaWenTi/problemDelete.vue"], resolve)
    },
    // 修改问题
    problemEdit: resolve => {
      require(["../../duChaWenTi/siLuanProblemModify.vue"], resolve)
    },
    problemDialog
  },
  computed: {
    persId () {
      return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096"
    },
    formatDateTime () {
      return formatDateTime2
    },
  },
  created () {
    this.findItemByType()
  },
  mounted () {
    this.getProblemList()
  },
  methods: {
    getProblemList () {
      let problemForm = {}
      problemForm.objId = this.currentObjectId
      problemForm.objType = this.objType
      problemForm.pageNum = this.currentPage
      problemForm.pageSize = this.pageSize
      problemForm.presId = this.persId
      this.loading = true
      request.post(`/dc/insp/pblm/list/${this.persId}`, problemForm).then(res => {
        if (res.success) {
          this.problemList = res.data.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 () { },
    closeEditDialog () {
      this.changeSupervisionVisible = false
      this.getProblemList()
    },
    findItemByType () {
      const obj = {
        tname: "BIS_INSP_BASE_PRES_EXT"
      }
      request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
        this.rsvrRules = res.data
      })
    },
    addProblem (item) {
      let rest = this.rsvrRules
      this.probId = rest[0].id
      this.showAddProblemDialog = true
    },
    closePlDialog (val) {
      this.showAddProblemDialog = false
      this.getProblemList()
    },
    detailClose () {
      this.currentProblemId = ''
    },
    ifCasePblm (row) {
      if (row.ifCasePblm == '0') {
        return '否'
      } else if (row.ifCasePblm == '1') {
        return '是'
      } else {
        return row.ifCasePblm
      }
    }
  },
  watch: {
    activeLabel (val) {
      if (val == '问题清单') {
        this.getProblemList()
      }
    }
  }
}
</script>
<style scoped>
</style>