fj-dc-ui/.svn/pristine/5e/5e517f4e145bc992c0f1094f46c243b2c72e4a4a.svn-base

<template>
  <el-container class="monthReport">
    <el-card class="box-card" :style="{'height': cardHeight + 'px','overflow-y':'auto'}">
       <h2 class="title_monthReport">月汇总统计</h2>
      <el-form :inline="true" size="mini" class="demo-form-inline" label-width="120px">
        <el-form-item label="计划年月">
          <el-date-picker
            v-model="dateRange"
            type="monthrange"
            clearable
            value-format="yyyy-MM"
            range-separator="至"
            start-placeholder="开始月"
            end-placeholder="结束月">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="组织处室(单位)" v-if="isShow">
          <el-input v-model="searchForm.leadDep" placeholder="组织处室(单位)" clearable></el-input>
        </el-form-item>
        <el-form-item label="监督检查事项" v-if="isShow">
          <el-select v-model="objTypeParam"  multiple collapse-tags placeholder="监督检查事项" clearable>
            <el-option
              v-for="item in dcTypeList"
              :key="item.code"
              :label="item.inspName"
              :value="item.inspType">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="开展方式" v-if="isShow">
          <el-select v-model="chkFormParam" multiple collapse-tags placeholder="开展方式" clearable>
            <el-option  v-for="item in chkFormArr" :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item style="float:right;">
          <el-button type="primary" size="mini" @click="searchBtn" style="margin-left: 10px;">查询</el-button>
          <el-button type="primary" size="mini" @click="exportExcel">导出</el-button>
        </el-form-item>
      </el-form>
      <div>
        <el-table
          v-show="isShow"
          border
          ref="table"
          :height="tableHeight"
          show-summary
          :summary-method="getSummaries"
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
          v-loading="loading">
          <el-table-column align="center" type="index" label="序号" width="80">
            <template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}</template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="objTypeNm"
            label="监督检查事项"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="leadDep"
            label="组织处室(单位)"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkFormNm"
            label="开展方式"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            prop="sttm"
            :formatter="formatDateRang"
            label="计划开展时间"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkGroup"
            label="检查组次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkPers"
            width="120"
            label="检查人次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            prop="chkLeder"
            label="厅领导参加检查人次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkNote"
            width="300"
            label="监督检查开展情况"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkPblm"
            label="检查发现问题数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="trainNum"
            label="当月培训期次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="trainPers"
            label="参加培训人数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="isFinish"
            width="300"
            :formatter="isFFormat"
            label="是否完成年度计划"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            align="center"
            min-width="260"
            label="操作"
            v-if="ownPriv('manage') && rowData.state!='1'"
            fixed="right">
            <template slot-scope="scope">
              <el-button type="success" size="mini" @click.stop="lookOver(scope.row)">查看</el-button>
              <el-button type="success" size="mini" v-if="rowData.state!='1'" @click.stop="edit(scope.row)">编辑</el-button>
              <el-button type="danger" size="mini"  v-if="rowData.state!='1'" @click.stop="deleteData(scope.row.id)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-table
          border
          show-summary
          :summary-method="getSummaries"
          v-show="!isShow"
          ref="multipleTable"
          :height="tableHeight"
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
          v-loading="loading">
          <el-table-column align="center" type="index" label="序号" min-width="80">
            <template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}</template>
          </el-table-column>
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            min-width="200"-->
<!--            prop="ordr"-->
<!--            label="序号"-->
<!--            show-overflow-tooltip-->
<!--          ></el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="unitName"
            label="填报处室"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="year"
            label="填报年度"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="mnth"
            label="填报月份"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop=""
            label="现场检查情况"
            show-overflow-tooltip
          >
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="ptype"
              label="检查形式"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span>{{scope.row.ptype=='0'?'暗访':scope.row.ptype=='1'?'明查':scope.row.ptype=='2'?'线上':''}}</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="tm"
              :formatter="formatDateNew"
              label="检查时间"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop=""
              label="监管任务"
              show-overflow-tooltip
            >
              <el-table-column
                header-align="center"
                align="center"
                min-width="200"
                prop="prjSize"
                label="检查工程数量"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="200"
                prop="depSize"
                label="被检查单位数量"
                show-overflow-tooltip
              ></el-table-column>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="chkSize"
              label="检查组次"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="leadSize"
              label="有厅领导带队的次数"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="chkDaySize"
              label="监督检查工日"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="feedBackSize"
              label="书面反馈意见份数"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="pblmSize"
              label="发现问题数量(条)"
              show-overflow-tooltip
            ></el-table-column>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop=""
            label="问题整改情况"
            show-overflow-tooltip
          >
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="mendSize"
              label="要求整改问题数量(条)"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="mendCmpSize"
              label="本月完成整改问题数量(条)"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="mendCmpTatSize"
              label="累计完成整改问题数量(条)"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="mendCmpRatio"
              label="问题累计整改率(%)"
              show-overflow-tooltip
            ></el-table-column>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop=""
            label="实施责任追究情况"
            show-overflow-tooltip
          >
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="accuntDep"
              label="被追责单位/主体"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="accuntText"
              label="追责事由"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="acuntTm"
              :formatter="formatDate"
              label="追责时间"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="accuntNote"
              label="追责情况"
              show-overflow-tooltip
            ></el-table-column>
          </el-table-column>
        </el-table>
      </div>
    </el-card>
  </el-container>
</template>
<script>
    import {exportModel} from "@util/gw_exportModel";
    import request from '@util/gw_ajax_request'
    import receiver from "./receiver"
    export default {
        name: "",
        props: ['rowData'],
        data() {
            return {
                detailObj:{},
                chkFormArr:[{
                   label:"暗访",
                   value:"1"
                },{
                    label:"明察",
                    value:"2"
                },{
                    label:"书面",
                    value:"3"
                },{
                    label:"四不两直",
                    value:"4"
                }],
                objTypeParam:[],
                objTypeList:[],
                chkFormParam:[],
                chkFormList:[],
                cardHeight: window.innerHeight - 130,
                dcTypeList:[],
                detailDialogVisible:false,
                dateRange:[],
                dateRange1:[],
                dialogT:"",
                monthDialogVisible:true,
                addDialogVisible:false,
                tableHeight:window.innerHeight-300,
                tableData:[],
                loading:false,
                pageNum:1,
                pageSize:10,
                total:0,
                searchForm:{
                  chkYearId:"",
                  sttm:"",
                  entm:"",
                  leadDep:"",
                  objType:"",
                  chkForm:""
                },
                YM:"",
                orgIdDefault:"",
                addForm:{
                   chkYearId:"",
                   objType:"",
                   leadDep:"",
                   sttm:"",
                   entm:"",
                   chkForm:"",
                   chkMnth:"",
                   chkNote:"",
                   chkGroup:"",
                   chkPers:"",
                   chkPblm:"",
                   chkLeder:"",
                   trainNum:"",
                   trainPers:"",
                   nextPlan:"",
                   note:"",
                   isFinish:""
                }

            }
        },
        filters:{
            ChkForm(val){
                return  val=="1"?"暗访":val=="2"?"明察":val=="3"?"书面":val=="4"?"四不两直":"";
            }
        },
        components: {
            receiver
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
            orgId() {
                return localStorage.getItem('currentOrgId') ? localStorage.getItem("currentOrgId") : "";
            },
            organCode() {
                return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
            },
            isShow(){
                if(this.organCode.substring(0,2)=="44"){
                     return false;
                }
                if(this.organCode.substring(0,2)=="37"){
                    return true;
                }
            }
        },
        created(){
           this.getTypes();
        },
        mounted() {
           this.initTableData();
        },
        methods: {
            getTypes() {
                var _self = this;
                request.get(`/bis/insp/rel/org/insp/type/getInspTypeByOrgId/${this.orgId}`)
                    .then(res => {
                        if (res.success) {
                            _self.dcTypeList = res.data;
                        }
                    })
            },
            getSummaries(param) {
                const { columns, data } = param;
                const sums = [];
                columns.forEach((column, index) => {
                    if (index === 0) {
                        sums[index] = '总计';
                        return;
                    }
                    const values = data.map(item => Number(item[column.property]));
                    if (column.property=='chkPers' || column.property=='chkPblm' || column.property=='chkLeder' || column.property=='trainNum' || column.property=='chkGroup' || column.property=='trainPers' ||
                        column.property=='prjSize' || column.property=='depSize' || column.property=='chkSize' || column.property=='leadSize' || column.property=='chkDaySize' || column.property=='feedBackSize' || column.property=='pblmSize' ||
                        column.property=='mendSize' || column.property=='mendCmpSize' || column.property=='mendCmpTatSize' || column.property=='chkDaySize') {
                        sums[index] = values.reduce((prev, curr) => {
                            const value = Number(curr);
                            if (!isNaN(value)) {
                                return prev + curr;
                            } else {
                                return prev;
                            }
                        }, 0);
                        sums[index] += '';
                    } else {
                        sums[index] = '';
                    }
                });

                return sums;
            },
            closeDetailDialog(){
                this.detailDialogVisible = false;
            },
            lookOver(obj){
                this.detailObj = obj;
                var tm = "";
                if(this.detailObj.sttm){
                    tm = this.formatDate(this.detailObj,{property:"sttm"},null,null)
                }
                if(this.detailObj.entm){
                    tm += "~"+this.formatDate(this.detailObj,{property:"entm"},null,null)
                }
                this.detailObj.tm = tm;
                this.detailDialogVisible = true;
            },
            closeDialog(){
               this.$emit('closeDialogMonth')
            },
            formatDate(row, column, cellValue, index){
                var dateF = row[column.property];
                if(dateF){
                    var date = new Date(dateF);
                    return date.getFullYear()+"-"+((date.getMonth()+1)>9?(date.getMonth()+1):'0'+(date.getMonth()+1))+"-"+date.getDate();
                }
                return "";
            },
            formatDateRange(row, column, cellValue, index){
                var dateF = row[column.property];
                if(dateF){
                    var date = new Date(dateF);
                    return date.getFullYear()+"-"+((date.getMonth()+1)>9?(date.getMonth()+1):'0'+(date.getMonth()+1));
                }
                return "";
            },
            formatDateNew(row, column, cellValue, index){
                return this.formatDateRange({tm:row.tm},{property:"tm"},null,null)+"~"+this.formatDateRange({em:row.em},{property:"em"},null,null);
            },
            formatDateRang(row, column, cellValue, index){
                var tm = "";
                 if(row.sttm){
                     tm = this.formatDate(row,{property:"sttm"},null,null)
                 }
                 if(row.entm){
                     tm += "~"+this.formatDate(row,{property:"entm"},null,null)
                 }
                 return tm;
            },
            chkFormFormat(row, column, cellValue, index){
                var labelList = [];
                this.chkFormArr.forEach((item)=>{
                    row.chkForm.split(",").forEach((item1)=>{
                        if(item.value==item1){
                            labelList.push(item.label);
                        }
                    })
                })
                return labelList.join(",");
            },
            isFFormat(row, column, cellValue, index){
               return row.isFinish=="1"?"是":row.isFinish=="0"?"否":"";
            },
            objTypeF(row, column, cellValue, index){
                var labelList = [];
                this.dcTypeList.forEach((item)=>{
                    row.objType.split(",").forEach((item1)=>{
                        if(item.inspType==item1){
                            labelList.push(item.inspName);
                        }
                    })
                })
                return labelList.join(",");
            },
            async exportExcel() {
                this.searchForm.persId = this.persId;
                if(this.objTypeParam && this.objTypeParam.length>0){
                    this.searchForm.objType = this.objTypeParam.join(",");
                }else{
                    this.searchForm.objType = "";
                }
                if(this.chkFormParam && this.chkFormParam.length>0){
                    this.searchForm.chkForm = this.chkFormParam.join(",");
                }else{
                    this.searchForm.chkForm = "";
                }
                if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
                    this.searchForm.sttm = this.dateRange[0];
                    this.searchForm.entm = this.dateRange[1];
                }else{
                    this.searchForm.sttm = "";
                    this.searchForm.entm = "";
                }
                let url = "/pdcApi/bis/insp/plan/year/exportMonth";
                let type = "POST";
                let exportName = "月进展情况.xls"
                let result = await exportModel(type, url, exportName,JSON.stringify(this.searchForm));
            },
            deleteData(id){
                var _self = this;
                this.$confirm('确定删除该条数据吗, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post('/bis/insp/plan/year/prg/delete/'+id).then(res=>{
                        if(res.success){
                            _self.initTableData();
                        }else{
                            _self.$message.warning(res.message);
                        }
                    })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });
            },
            edit(row){
                var obj = JSON.stringify(row);
                this.addDialogVisible = true;
                this.addForm = JSON.parse(obj);
                this.objTypeList = this.addForm.objType?this.addForm.objType.split(","):[];
                this.chkFormList = this.addForm.chkForm?this.addForm.chkForm.split(","):[];
                this.dateRange1 = [this.addForm.sttm,this.addForm.entm];
                this.dialogT = "编辑";
            },
            addSubmit(){
                if(!this.objTypeList || this.objTypeList.length==0){
                    this.$message.warning("请选择监督检查事项");
                    return;
                }
                if(!this.addForm.leadDep){
                    this.$message.warning("请输入组织处室(单位)");
                    return;
                }
                if(!this.chkFormList || this.chkFormList.length==0){
                    this.$message.warning("请选择开展方式");
                    return;
                }
                if(!this.dateRange1 || this.dateRange1.length==0){
                    this.$message.warning("请选择计划开展时间");
                    return;
                }
                if(!this.addForm.chkGroup){
                    this.$message.warning("请输入检查组次");
                    return;
                }
                if(!this.addForm.chkPers){
                    this.$message.warning("请输入检查人次");
                    return;
                }
                if(!this.addForm.chkLeder){
                    this.$message.warning("请输入厅领导参加检查人次");
                    return;
                }
                if(!this.addForm.chkNote){
                    this.$message.warning("请输入监督检查开展情况");
                    return;
                }
                if(!this.addForm.chkPblm){
                    this.$message.warning("请输入检查发现问题数");
                    return;
                }
                if(!this.addForm.trainNum){
                    this.$message.warning("请输入当月培训期次");
                    return;
                }
                if(!this.addForm.trainPers){
                    this.$message.warning("请输入参加培训人数");
                    return;
                }
                if(!this.addForm.isFinish){
                    this.$message.warning("请选择是否完成年度计划");
                    return;
                }
                this.addForm.chkYearId = this.rowData.id;
                this.addForm.sttm = this.dateRange1[0];
                this.addForm.entm = this.dateRange1[1];
                this.addForm.objType = this.objTypeList.join(",");
                this.addForm.chkForm = this.chkFormList.join(",");
                var labelList = [];
                this.chkFormArr.forEach((item)=>{
                    this.chkFormList.forEach((item1)=>{
                        if(item.value==item1){
                            labelList.push(item.label);
                        }
                    })
                })
                this.addForm.chkFormNm = labelList.join(",");
                labelList = [];
                this.dcTypeList.forEach((item)=>{
                    this.objTypeList.forEach((item1)=>{
                        if(item.inspType==item1){
                            labelList.push(item.inspName);
                        }
                    })
                })
                this.addForm.objTypeNm = labelList.join(",");
                var _self = this;
                request.post('/bis/insp/plan/year/prg/',this.addForm).then(res=>{
                    if(res.success){
                        _self.$message.success("保存成功");
                        _self.addDialogVisible = false;
                        _self.addForm = {};
                        _self.objTypeList = [];
                        _self.chkFormList = [];
                        _self.dateRange1 = [];
                        _self.initTableData();
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            selectOrgChange(data){
                this.addForm.unitName = data.name;
            },
            clearRecv(){
                this.addForm.unitName = "";
            },
            closeAddDialog(){
                this.addDialogVisible = false;
            },
            initTableData(){
                this.searchForm.persId = this.persId;
                if(this.objTypeParam && this.objTypeParam.length>0){
                    this.searchForm.objType = this.objTypeParam.join(",");
                }else{
                    this.searchForm.objType = "";
                }
                if(this.chkFormParam && this.chkFormParam.length>0){
                    this.searchForm.chkForm = this.chkFormParam.join(",");
                }else{
                    this.searchForm.chkForm = "";
                }
                if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
                    this.searchForm.sttm = this.dateRange[0];
                    this.searchForm.entm = this.dateRange[1];
                }else{
                    this.searchForm.sttm = "";
                    this.searchForm.entm = "";
                }
                this.loading = true;
                var _self = this;
                request.post(`/bis/insp/plan/year/findListByMonth`,this.searchForm).then(res=>{
                    if(res.success){
                        _self.tableData = res.data;
                        _self.loading = false;
                        _self.$nextTick(()=>{
                            _self.$refs.table.doLayout();
                        })
                    }else{
                        _self.$message.warning(res.message)
                    }
                })
            },
            handleCurrentChange(val){
                this.pageNum = val;
                this.initTableData();
            },
            searchBtn(){
                this.initTableData();
            },
            addBtn(){
                this.addForm = {};
                this.objTypeList = [];
                this.chkFormList = [];
                this.dateRange1 = [];
                this.addDialogVisible = true;
                this.dialogT = "添加"
            }
        }
    }
</script>

<style lang="scss" scoped>
  .monthReport >>>.el-dialog{
     margin-top: 10vh !important;
  }
  table{
    width: 100%;
    height:100%;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
  table tr td{
    border:1px solid #cecece;
    height:35px;
    text-indent: 15px;
    padding-right: 15px;
  }
  table tr td:first-child{
    background:  #f2f1f1;
    width: 260px;
    text-align: right;
  }
  .monthReport{
     width: 100%;
     height:90%;
     margin: 0;
     padding: 0;
  }
  .box-card{
     width: calc(100% - 60px);
     height:calc(100% - 20px);
     margin: 0 auto;
     margin-top: 10px;
  }
  .title_monthReport{
     text-align: center;
     padding: 10px;
  }
  .note_monthReport{
    width: 100%;
    background-color: rgba(255, 251, 230, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 229, 143, 1);
    color: rgba(0, 0, 0, 0.447058823529412);
    font-size: 14px;
    padding: 10px;
  }
  .note_monthReport p:first-child{
     font-size: 16px !important;
  }
  .monthReport{
    .demo-form-inline{
      .el-form-item{
         margin-bottom: 5px;
         margin-top: 8px;
      }
    }
  }
</style>