fj-dc-ui/.svn/pristine/1e/1e5a37596b950e0bc87caefc526c6df3f18e03c9.svn-base

<template>
  <el-container class="monthReport">
    <el-dialog title="监督进度月报" width="90%" :visible.sync="monthDialogVisible" modal-append-to-body append-to-body :before-close="closeDialog">
    <el-card class="box-card">
       <h2 class="title_monthReport">水利厅监督管理工作月统计清单</h2>
       <div class="note_monthReport">
         <p>填报月统计注意事项：</p>
         <p>1.由执行年度监督计划的有关牵头处室（单位）、各流域机构督查办据实填报，配合处室不用填报。各流域机构督查办负责组织填报该监督事项本局上一个月（当月）各检查组的汇总情况；</p>
         <p>2.涉及“本月完成整改问题数量”“累计完成整改问题数量”“截至本月底问题整改率”及组织追责等情况，由牵头处室据实填报。年度监督问责由厅监督处在“问责管理”模块汇总填报。</p>
         <p>3.分别按计划事项、按月累计填报（当月无组织检查可忽略），每月5日之前将上一个月的检查数据填报提交（注意：相关参与人员会收到填报月统计的短信提醒）。</p>
       </div>
      <el-form :inline="true" size="mini" class="demo-form-inline" label-width="80px">
        <el-form-item label="年度">
          <el-date-picker
            v-model="searchForm.year"
            type="year"
            value-format="yyyy"
            placeholder="年度">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="mini" @click="searchBtn">查询</el-button>
          <el-button type="primary" size="mini" @click="addBtn" v-if="rowData.state!='1' && ownPriv('mprocess')">添加</el-button>
        </el-form-item>
        <el-form-item style="float:right;">
          <el-button type="primary" size="mini" @click="exportExcel">导出汇总表</el-button>
        </el-form-item>
      </el-form>
      <div>
        <el-button type="primary" size="mini" @click="closeDialog" style="float:left;">返回年度检查计划</el-button>
        <el-table
          border
          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="pname"-->
<!--            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'?'线上':scope.row.ptype=='3'?'明查+暗访':''}}</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-column
            align="center"
            min-width="260"
            label="操作"
            v-if="ownPriv('mprocess') && rowData.state!='1'"
            fixed="right">
            <template slot-scope="scope">
              <el-button type="success" size="mini"  @click.stop="edit(scope.row)">编辑</el-button>
              <el-button type="danger" size="mini"   @click.stop="deleteData(scope.row.id)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          style="margin: 10px auto"
          background
          :pager-count="5"
          :current-page="pageNum"
          :page-size="pageSize"
          :page-sizes="[10, 20, 30, 40, 50, 100]"
          layout="sizes, total, prev, pager, next"
          :total="total"
          @current-change="handleCurrentChange"
        ></el-pagination>
      </div>
    </el-card>
    <el-dialog
      class="outerDialog custom_dialog"
      :title="dialogT+'统计月报'"
      width="60%"
      modal-append-to-body
      append-to-body
      @close="closeAddDialog"
      v-if="addDialogVisible"
      :visible.sync="addDialogVisible">
      <div style="width: 100%;height:100%;">
        <el-form ref="addForm" label-width="300px" size="mini">
<!--          <el-form-item label="计划编号" required>-->
<!--            <el-input v-model="addForm.idx" clearable placeholder="计划编号" style="width: 70%" ></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="序号" required>-->
<!--            <el-input v-model="addForm.ordr" placeholder="请输入序号"></el-input>-->
<!--          </el-form-item>-->
          <el-form-item label="填报年月" required>
            <el-date-picker
              clearable
              style="width: 70%"
              v-model="ym"
              type="month"
              placeholder="填报年月">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="填报处室(单位)名称" required>
            <el-input v-model="addForm.unitName" clearable placeholder="填报处室(单位)名称" style="width: 70%" ></el-input>
          </el-form-item>

<!--          <el-form-item label="监督事项名称" required>-->
<!--            <el-input v-model="addForm.pname" clearable placeholder="监督事项名称" style="width: 70%" ></el-input>-->
<!--          </el-form-item>-->
          <el-form-item label="检查形式" required>
            <el-select v-model="addForm.ptype"   placeholder="检查形式" clearable style="width: 70%" >
              <el-option
                v-for="item in ptypeArr"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="检查时间" required>
            <el-date-picker
              v-model="tmem"
              type="monthrange"
              range-separator="至"
              start-placeholder="开始月份"
              end-placeholder="结束月份">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="被检查单位数量" required>
            <el-input-number v-model="addForm.depSize" placeholder="被检查单位数量" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="本月检查工程数量" required>
            <el-input-number v-model="addForm.prjSize" placeholder="本月检查工程数量" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="本月派出检查组次" required>
            <el-input-number v-model="addForm.chkSize" placeholder="本月派出检查组次" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="有厅领导带队的次数" required>
            <el-input-number v-model="addForm.leadSize" placeholder="有厅领导带队的次数" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="本月监督检查工日" required>
            <el-input-number v-model="addForm.chkDaySize" placeholder="本月监督检查工日" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="本月发现问题数量(条)" required>
            <el-input-number v-model="addForm.pblmSize" placeholder="本月发现问题数量(条)" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="本月书面反馈整改意见份数" required>
            <el-input-number v-model="addForm.feedBackSize" placeholder="本月书面反馈整改意见份数" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="督促问题整改数量(条)" required>
            <el-input-number v-model="addForm.mendSize" placeholder="督促问题整改数量(条)" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="本月完成整改问题数量(条)" required>
            <el-input-number v-model="addForm.mendCmpSize" placeholder="本月完成整改问题数量(条)" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="累计完成整改问题数量(条)" required>
            <el-input-number v-model="addForm.mendCmpTatSize" placeholder="累计完成整改问题数量(条)" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="截至本月底问题整改率" required>
            <el-input-number v-model="addForm.mendCmpRatio" placeholder="截至本月底问题整改率(%)" :min="0" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="被追责单位/责任主体名称">
            <el-input v-model="addForm.accuntDep" placeholder="被追责单位/责任主体名称" clearable style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="追责事由">
            <el-input type="textarea" v-model="addForm.accuntText" placeholder="追责事由" clearable style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="追责时间">
            <el-date-picker
              style="width: 70%"
              clearable
              v-model="addForm.acuntTm"
              type="date"
              format="yyyy-MM-dd"
              placeholder="追责时间">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="追责情况">
            <el-input type="textarea" v-model="addForm.accuntNote" placeholder="追责情况" clearable style="width: 70%"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer" style="text-align: center;">
        <el-button type="primary" @click="addSubmit" style="margin-bottom: 30px;">确定</el-button>
      </div>
    </el-dialog>
    </el-dialog>
  </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 {
                ym:"",
                ptypeArr:[{label:'暗访',value:"0"},{label:'明查',value:"1"},{label:'线上',value:"2"},{label:'明查+暗访',value:"3"}],
                tmem:[],
                dialogT:"",
                monthDialogVisible:true,
                addDialogVisible:false,
                tableHeight:window.innerHeight-400,
                tableData:[],
                loading:false,
                pageNum:1,
                pageSize:10,
                total:0,
                searchForm:{
                    chkYearId:"",
                    year:new Date().getFullYear().toString()
                },
                YM:"",
                orgIdDefault:"",
                addForm:{
                    chkYearId:"",
                    unitName:"",
                    year:"",
                    mnth:"",
                    idx:"",
                    pname:"",
                    ptype:"",
                    tm:"",
                    em:"",
                    prjSize:"",
                    depSize:"",
                    chkSize:"",
                    leadSize:"",
                    chkDaySize:"",
                    feedBackSize:"",
                    pblmSize:"",
                    mendSize:"",
                    mendCmpSize:"",
                    mendCmpTatSize:"",
                    mendCmpRatio:"",
                    accuntDep:"",
                    accuntText:"",
                    acuntTm:"",
                    accuntNote:""
                }

            }
        },
        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') : ''
            },
        },
        mounted() {
           this.initTableData();
        },
        methods: {
            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()>9?date.getDate():"0"+(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);
            },
            async exportExcel() {
                this.searchForm.chkYearId = this.rowData.id;
                if (!this.searchForm.year) {
                    this.$message.warning("请选择年份");
                    return;
                }
                let url = "/pdcApi/bis/insp/mtprggd/exportMonth";
                let type = "POST";
                let exportName = "月进展情况.xls"
                var param = {
                    chkYearId:this.rowData.id,
                    year:this.searchForm.year,
                    persId:this.persId
                }
                let result = await exportModel(type, url, exportName,JSON.stringify(param));
            },
            deleteData(id){
                var _self = this;
                this.$confirm('确定删除该条数据吗, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post('/bis/insp/mtprggd/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.ym = this.addForm.year+"-"+this.addForm.mnth;
                this.tmem = [this.formatDate({tm:row.tm},{property:"tm"},null,null),this.formatDate({em:row.em},{property:"em"},null,null)];
                this.dialogT = "编辑";
            },
            addSubmit(){
                // if(!this.addForm.idx){
                //     this.$message.warning("请输入计划编号");
                //     return;
                // }
                // if(!this.addForm.ordr){
                //     this.$message.warning("请输入序号");
                //     return;
                // }
                // if(!/^[1-9]\d*$/.test(this.addForm.ordr)){
                //     this.$message.warning("请输入大于0的正整数");
                //     return;
                // }
                if(!this.ym){
                    this.$message.warning("请选择填报年月");
                    return;
                }
                if(!this.addForm.unitName){
                    this.$message.warning("请输入填报处室(单位)名称");
                    return;
                }
                // if(!this.addForm.pname){
                //     this.$message.warning("请输入监督事项名称");
                //     return;
                // }
                if(!this.addForm.ptype){
                    this.$message.warning("请选择检查形式");
                    return;
                }
                if(!this.tmem || this.tmem.length==0){
                    this.$message.warning("请选择检查时间");
                    return;
                }

                if(!this.addForm.depSize && this.addForm.depSize!=0){
                    this.$message.warning("请输入被检查单位数量");
                    return;
                }
                if(!this.addForm.prjSize && this.addForm.prjSize!=0){
                    this.$message.warning("请输入本月检查工程数量");
                    return;
                }
                if(!this.addForm.chkSize && this.addForm.chkSize!=0){
                    this.$message.warning("请输入本月派出检查组次");
                    return;
                }
                if(!this.addForm.leadSize && this.addForm.leadSize!=0){
                    this.$message.warning("请输入有厅领导带队的次数");
                    return;
                }
                if(!this.addForm.chkDaySize && this.addForm.chkDaySize!=0){
                    this.$message.warning("请输入本月监督检查工日");
                    return;
                }
                if(!this.addForm.pblmSize && this.addForm.pblmSize!=0){
                    this.$message.warning("请输入发现问题数量");
                    return;
                }
                if(!this.addForm.feedBackSize && this.addForm.feedBackSize!=0){
                    this.$message.warning("请输入本月书面反馈整改意见份数");
                    return;
                }
                if(!this.addForm.mendSize && this.addForm.mendSize!=0){
                    this.$message.warning("请输入要求整改问题数量");
                    return;
                }
                if(!this.addForm.mendCmpSize && this.addForm.mendCmpSize!=0){
                    this.$message.warning("请输入本月完成整改问题数量");
                    return;
                }
                if(!this.addForm.mendCmpTatSize && this.addForm.mendCmpTatSize!=0){
                    this.$message.warning("请输入累计完成整改问题数量");
                    return;
                }
                if(!this.addForm.mendCmpRatio && this.addForm.mendCmpRatio!=0){
                    this.$message.warning("请输入截至本月底问题整改率");
                    return;
                }
                // if(!this.addForm.accuntDep){
                //     this.$message.warning("请输入被追责单位/责任主体名称");
                //     return;
                // }
                // if(!this.addForm.accuntText){
                //     this.$message.warning("请输入追责事由");
                //     return;
                // }
                // if(!this.addForm.acuntTm){
                //     this.$message.warning("请选择追责时间");
                //     return;
                // }
                // if(!this.addForm.accuntNote){
                //     this.$message.warning("请输入追责情况");
                //     return;
                // }
                this.addForm.chkYearId = this.rowData.id;
                this.ym = this.formatDate({ym:this.ym},{property:"ym"},null,null)
                this.addForm.year = this.ym.split("-")[0];
                this.addForm.mnth = this.ym.split("-")[1];
                this.addForm.tm = this.tmem[0];
                this.addForm.em = this.tmem[1];
                var _self = this;
                request.post('/bis/insp/mtprggd/',this.addForm).then(res=>{
                    if(res.success){
                        _self.$message.success("保存成功");
                        _self.addDialogVisible = false;
                        _self.addForm = {};
                        _self.ym = "";
                        _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.chkYearId = this.rowData.id;
                this.searchForm.pageNum = this.pageNum;
                this.searchForm.pageSize = this.pageSize;
                this.searchForm.persId = this.persId;
                this.loading = true;
                var _self = this;
                request.post('/bis/insp/mtprggd/page',this.searchForm).then(res=>{
                    if(res.success){
                        _self.tableData = res.data.list;
                        _self.total = res.data.total;
                        _self.loading = false;
                    }else{
                        _self.$message.warning(res.message)
                    }
                })
            },
            handleCurrentChange(val){
                this.pageNum = val;
                this.initTableData();
            },
            searchBtn(){
                this.initTableData();
            },
            addBtn(){
                this.addForm = {};
                this.ym = "";
                this.tmem = [];
                this.addDialogVisible = true;
                this.dialogT = "添加"
            }
        }
    }
</script>

<style lang="scss" scoped>
  .monthReport{
     width: 100%;
     height:100%;
     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>