fj-dc-ui/.svn/pristine/e7/e78b600ec2d8bc94f7244a7707ce8af0bd54b464.svn-base

<template>
  <el-dialog width="70%"
             :visible.sync="dialogVisible"
             title="销号问题列表"
             @close="dialogClose">
    <div class="messageBox">
      <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">
        <el-form-item label="行政区划:">
          <el-input
            resize="none"
            type="input"
            :rows="3"
            placeholder="行政区划名称"
            v-model.trim="params.pblmAdName"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item label="对象名称:">
          <el-input
            resize="none"
            type="input"
            :rows="3"
            placeholder="请输入名称"
            v-model.trim="params.objName"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item label="问题类别:">
          <el-input
            resize="none"
            type="input"
            :rows="3"
            placeholder="请输入问题类别"
            v-model.trim="params.pblmNameBz"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item label="督查类别:">
          <el-input
            :disabled="isObjType"
            resize="none"
            type="input"
            :rows="3"
            placeholder="请输入督查类别"
            v-model.trim="params.pblmClassify"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item label="上报人员:">
          <el-input
            resize="none"
            type="input"
            :rows="3"
            placeholder="请输入名称"
            v-model.trim="params.persName"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item label="">
          <el-button
            style="color:rgba(255,255,255,1);"
            type="primary"
            icon="el-icon-search"
            @click="getTableData"
          >&nbsp;查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询&nbsp;
          </el-button>
        </el-form-item>
      </el-form>
      <el-table
        v-loading="loading"
        border
        ref="table"
        :height="tableHeight"
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
      >
        <el-table-column align="center" type="index" label="序号"  width="60">
          <template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}
          </template>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="60"
          prop="province"
          label="省"  v-if="isXj"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="60"
          prop="city"
          :label="ownAdName"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="60"
          prop="county"
          label="县"
          v-if="isXj"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="110"
          prop="objName"
          label="督查对象名称"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="110"
          prop="pblmClassify"
          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="100"
          prop="checkPointBz"
          label="检查项目"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          min-width="100"
          prop="pblmDescBz"
          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
          header-align="center"
          align="center"
          min-width="100"
          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="70"
          prop="persName"
          label="上报人"
        ></el-table-column>
        <el-table-column
          prop="pblmTm"
          label="上报时间"
          sortable
          align="center"
          min-width="110"
          :formatter="formatDate"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          fixed="right"
          label="操作"
          min-width="80"
        >
          <template slot-scope="scope">
            <el-button icon="el-icon-view"  title="查看详情"type="text"
                       @click="showDetails(scope.row)"></el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        class="paginationCenter"
        background
        @size-change="handleSizeChange"
        @current-change="handlePageChange"
        :page-sizes="[10, 20, 50, 100]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      ></el-pagination>
      <el-dialog
        class="custom_dialog"
        title="问题详情"
        width="60%"
        @close="dialogCloseDetail"
        append-to-body
        v-if="supervisionDetailsVisible"
        :visible.sync="supervisionDetailsVisible">
        <problemDetail :problemId="problemId" v-if="problemId"></problemDetail>
        <problemMendDetail :mendId="mendId" v-if="!problemId && mendId"></problemMendDetail>
      </el-dialog>
    </div>
  </el-dialog>
</template>
<script>
    import request from "@util/gw_ajax_request.js";
    export default {
        props: ['param'],
        components: {
            problemDetail: resolve => {
                require(["./problemDetail.vue"], resolve);
            },
            problemMendDetail: resolve => {
                require(["./problemMendDetail.vue"], resolve);
            },
        },
        data(){
            return{
                loading:false,
                dialogVisible:true,
                supervisionDetailsVisible:false,
                tableData:[],
                problemId:"",
                mendId:"",
                tableHeight:450,
                total:0,
                pageNum:1,
                pageSize:10,
                isObjType:false,
                params:{
                    pblmAdName:"",
                    objName:"",
                    pblmNameBz:"",
                    objType:"",
                    pblmClassify:"",
                    persName:"",
                    // orgNm:"",
                    // hasVedio:"",
                    adCode:"",
                    timeType:"",
                    inspPblmCate:"",
                    pblmOut:"1"

                }

            }
        },
        mounted(){
            if(this.param.objType!="" && this.param.objType!=null){
                this.isObjType = true;
            }
            this.params.pblmClassify = this.param.objTypeName=="全部"?"":this.param.objTypeName;
            this.getTableData();
        },
        methods:{
            getTableData(){
                var _self = this;
                this.loading = true;
                this.params.objAdCode = this.param.adCode;
                this.params.objType = this.param.objType;
                this.params.timeType = this.param.timeType;
                // this.params.inspPblmCate = this.param.inspPblmCate;
                this.params.pageNum = this.pageNum;
                this.params.pageSize = this.pageSize;
                if(this.param.selectTime!=undefined && this.param.selectTime && this.param.selectTime.length==2){
                    this.params.sttm = this.param.selectTime[0];
                    this.params.entm = this.param.selectTime[1];
                }
                if(this.param.depm!=undefined && this.param.depm){
                    this.params.depm = this.param.depm;
                }
                request.post('/bis/insp/pblm/plist/sendOrgGetList',this.params).then(res => {
                    if (res.success) {
                        _self.loading = false;
                        _self.tableData = res.data.list;
                        _self.total = res.data.total;
                    }
                });
            },
            inspPblmCateFormat(val){
                if(val=='0'){
                    return "一般"
                }
                if(val=='1'){
                    return "较重"
                }
                if(val=='2'){
                    return "严重"
                }
                if(val=='3'){
                    return "特别严重"
                }
                return "";
            },
            showDetails(row){
                this.problemId = row.pblmId;
                this.mendId = row.id;
                this.supervisionDetailsVisible = true;
            },
            handleSizeChange(val){
                this.pageSize = val;
                this.getTableData();
            },
            handlePageChange(val){
                this.pageNum = val;
                this.getTableData();
            },
            dialogClose(){
                this.$emit('closeDialogPblmLog')
            },
            dialogCloseDetail(){
                this.supervisionDetailsVisible = false;
                this.problemId = "";
            },
            formatDate(row){
                if(!row.collTime){
                    return "";
                }
                var date = new Date(row.collTime);
                return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()

            }
        },
    }
</script>
<style scoped>
  .info{
    padding: 15px;
    background: #409eff;
    color:white;
  }
  .warning{
    padding: 15px;
    background: #ff9800;
    color:white;
  }
  .fatal{
    padding: 15px;
    background: #f56c6c;
    color:white;
  }
  .error{
    padding: 15px;
    background: #f94c01;
    color:white;
  }
  .messageBox{
    color: #606266;
    height: 600px;
    overflow: auto;
  }
  .messT{
    width: 100%;
    height:40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
  .messTime{
    width: 100%;
    height:30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid grey;
  }
  .messC{
    width: 100%;
    height:calc(100%- 70px);
    margin: 0;
    padding: 0;
    line-height: 30px;
    overflow: auto;
  }
</style>