fj-dc-ui/.svn/pristine/ad/ad23f8dd8fff9012fe644705c4cd494109b6baa8.svn-base

<template>
    <el-dialog width="70%"
               :visible.sync="dialogVisible"
               title="督查情况统计表"
               @close="dialogClose">
        <div class="messageBox">
        <el-button
          style="color:rgba(255,255,255,1);float:right;"
          type="primary"
          icon="el-icon-search"
          @click="exportExcel"
        >导   出
        </el-button>
<!--          <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.adFullName"-->
<!--                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.objTypeName"-->
<!--                clearable-->
<!--              ></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="督查时间">-->
<!--              <div style="display: flex;">-->
<!--                <el-date-picker-->
<!--                  v-model="dateRange"-->
<!--                  type="daterange"-->
<!--                  style="width:280px"-->
<!--                  format="yyyy-MM-dd"-->
<!--                  value-format="yyyy-MM-dd"-->
<!--                  range-separator="至"-->
<!--                  start-placeholder="开始日期"-->
<!--                  end-placeholder="结束日期"-->
<!--                ></el-date-picker>-->
<!--              </div>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="">-->
<!--              <el-button-->
<!--                style="color:rgba(255,255,255,1);"-->
<!--                type="primary"-->
<!--                icon="el-icon-search"-->
<!--                @click="search"-->
<!--              >&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
            header-align="center"
            align="center"
            min-width="60"
            prop="adName"
            label="地区"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="110"
            prop="objSize"
            label="督查对象数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="70"
            prop="pblmSize"
            label="问题数"
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="80"
            show-overflow-tooltip
            prop=""
            label="问题分类"
          >
            <el-table-column
              header-align="center"
              align="center"
              min-width="80"
              show-overflow-tooltip
              prop="errorsPlbm"
              label="特别严重">
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="80"
              show-overflow-tooltip
              prop="errorPlbm"
              label="严重">
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="80"
              show-overflow-tooltip
              prop="warmPlbm"
              label="较重">
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="80"
              show-overflow-tooltip
              prop="infoPlbm"
              label="一般">
            </el-table-column>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="80"
            show-overflow-tooltip
            prop="pblmLogSize"
            label="销号数">
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="80"
            show-overflow-tooltip
            prop="mendAccomplishRant"
            label="整改完成率(%)">
          </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>-->
        </div>
    </el-dialog>
</template>
<script>
  import request from "@util/gw_ajax_request.js";
  import {exportModel} from "@util/gw_exportModel";
  export default {
    props: ['param'],
    components: {
        problemDetail: resolve => {
            require(["./problemDetail.vue"], resolve);
        },
    },
    data(){
      return{
        loading:false,
        dialogVisible:true,
        supervisionDetailsVisible:false,
        tableData:[],
        dateRange:[],
        problemId:"",
        tableHeight:550,
        total:0,
        pageNum:1,
        pageSize:10,
        isObjType:false,
        params:{
            adFullName:"",
            nm:"",
            pnm:"",
            objType:"",
            objTypeName:"",
            adCode:"",
            timeType:""
        }

      }
    },
    mounted(){
        // if(this.param.objType!="" && this.param.objType!=null){
        //   this.isObjType = true;
        // }
        // if(this.param.selectTime && this.param.selectTime.length==2){
        //     this.dateRange = this.param.selectTime;
        // }
        // this.params.objTypeName = this.param.objTypeName=="全部"?"":this.param.objTypeName;
       // if(this.param.timeType && this.param.timeType.indexOf("_")>-1){
       //     this.dateRange[0] = this.param.timeType.split("_")[0];
       //     this.dateRange[1] = this.param.timeType.split("_")[1];
       // }
       this.getTableData();
    },
    methods:{
      search(){
          this.getTableData();
      },
      getTableData(){
          var _self = this;
          _self.loading = true;
          this.params.adCode = this.param.adCode;
          this.params.objType = this.param.objType;
          this.params.timeType = this.param.timeType;
          // this.params.pageNum = this.pageNum;
          // this.params.pageSize = this.pageSize;
          this.params.sttm = "";
          this.params.entm = "";
          if(this.dateRange && this.dateRange.length>1 && this.dateRange[0]!='' && this.dateRange[1]!=''){
              this.params.sttm = this.dateRange[0];
              this.params.entm = this.dateRange[1];
              this.params.timeType = this.dateRange[0]+"_"+this.dateRange[1];
          }
          if(this.param.depm!=undefined && this.param.depm){
              this.params.depm = this.param.depm;
          }
          request.post('/bis/insp/task/dth/day/list',this.params).then(res => {
            if (res.success) {
               _self.loading = false;
               _self.tableData = res.data;
            }
        });
      },
      showDetails(id){
        this.problemId = id;
        this.supervisionDetailsVisible = true;
      },
      handleSizeChange(val){
        this.pageSize = val;
        this.getTableData();
      },
      handlePageChange(val){
        this.pageNum = val;
        this.getTableData();
      },
      dialogClose(){
        this.$emit('closeDialogAreaCount')
      },
      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()

      },
      async exportExcel() {
          let url = "/pdcApi/bis/insp/task/dth/day/list/export";
          let type = "POST";
          let exportName = "督查情况统计表.xls"
          let result = await exportModel(type, url, exportName,JSON.stringify(this.params));
      }
    },
  }
</script>
<style scoped>
  .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>