fj-dc-ui/.svn/pristine/80/801b81de5f0d7a32b940fa2f65448d8d739b0346.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" :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-select v-model="searchForm.isPlanned"  placeholder="是否计划内" clearable>
            <el-option  label="是" value="1"></el-option>
            <el-option  label="否" value="2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="检查事项名称" label-width="120px">
          <el-input v-model="searchForm.chkName" placeholder="检查事项名称" clearable></el-input>
        </el-form-item>
        <el-form-item label="年月">
          <el-date-picker
            v-model="searchForm.chkMonth"
            type="month"
            value-format="yyyy-MM"
            format="yyyy-MM"
            placeholder="选择月">
          </el-date-picker>
        </el-form-item>
<!--        <el-form-item label="开展时间">-->
<!--          <el-date-picker-->
<!--            v-model="dateRange"-->
<!--            type="daterange"-->
<!--            format="yyyy-MM-dd"-->
<!--            clearable-->
<!--            value-format="yyyy-MM-dd"-->
<!--            range-separator="至"-->
<!--            start-placeholder="开始日期"-->
<!--            end-placeholder="结束日期">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="处室、单位">-->
<!--          <el-input v-model="searchForm.leadDep" placeholder="处室、单位" clearable></el-input>-->
<!--        </el-form-item>-->
        <el-form-item label="检查形式">
          <el-select v-model="searchForm.chkForm" placeholder="检查形式" clearable>
            <el-option  v-for="item in chkFormArr" :label="item.label" :value="item.value"></el-option>
          </el-select>
          <el-button type="primary" size="mini" @click="searchBtn" style="margin-left: 10px;">查询</el-button>
        </el-form-item>
        <el-form-item style="float:right;">
          <el-button type="primary" size="mini" @click="addBtn" v-if="ownPriv('manage')">添加</el-button>
          <el-button type="primary" size="mini" @click="exportExcel">导出</el-button>
          <el-button type="primary" size="mini" @click="exportNextExcel">导出下月计划</el-button>
        </el-form-item>
      </el-form>
      <div>
        <el-table
          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"
            width="100"
            label="是否计划内"
            show-overflow-tooltip>
            <template slot-scope="scope">
              {{scope.row.isPlanned=='1'?'是':'否'}}
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            prop="chkName"
            label="检查事项名称"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              {{scope.row.isPlanned=='1'?scope.row.chkName: scope.row.unplannedChkNm}}
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="80"
            prop="chkMnth"
            :formatter="formatDateMonth"
            label="年月"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            prop="leadDep"
            label="处室、单位"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkNote"
            min-width="180"
            label="当月监督检查开展情况"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="80"
            prop="chkFormNm"
            label="检查形式"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="80"
            prop="chkGroup"
            label="检查组次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkPers"
            width="80"
            label="检查人次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="80"
            prop="chkPblm"
            label="检查发现问题数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="100"
            prop="chkLeder"
            label="厅领导参加检查人次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="80"
            prop="trainNum"
            label="当月培训期次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="80"
            prop="trainPers"
            label="参加培训人数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            prop="nextSttm"
            :formatter="formatDate"
            label="下一月开始时间"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            prop="nextEntm"
            :formatter="formatDate"
            label="下一月结束时间"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="addvnm"
            label="检查地点"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="isFinish"
            width="100"
            :formatter="isFFormat"
            label="年度监督检查完成情况"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            align="center"
            min-width="260"
            v-if="ownPriv('manage')"
            label="操作"
            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"  @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>
      </div>
    </el-card>
    <el-dialog
      class="outerDialog custom_dialog"
      :title="dialogT+'监督检查实施情况月报'"
      width="45%"
      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="200px">
          <el-form-item label="是否计划内" required>
            <el-select v-model="addForm.isPlanned"  placeholder="是否计划内">
              <el-option  label="是" value="1"></el-option>
              <el-option  label="否" value="2"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="年度" required v-if="addForm.isPlanned=='1'">
            <el-date-picker
              v-model="chkYear"
              type="year"
              @change="changeDate"
              format="yyyy"
              value-format="yyyy"
              placeholder="选择年度">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="检查事项名称" required v-if="addForm.isPlanned=='1'">
            <el-select
              filterable
              v-model="addForm.chkYearId"
              @change="getYearList"
              placeholder="请选择检查事项">
              <el-option
                v-for="item in yearPlanDepList"
                :key="item.id"
                :label="item.chkName"
                :value="item.id">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="检查内容" v-if="addForm.isPlanned=='1'">
            <el-input type="textarea" v-model="objParent.chkContent" placeholder="请输入检查内容"></el-input>
          </el-form-item>
          <el-form-item label="计划外开展名称" required v-if="addForm.isPlanned=='2'">
            <el-input type="text" v-model="addForm.unplannedChkNm" clearable placeholder="请输入计划外开展名称" style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="年月" required>
            <el-date-picker
              v-model="addForm.chkMnth"
              type="month"
              fotmat="yyyy-MM"
              placeholder="选择年月">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="处室、单位" required>
            <el-input type="text" v-model="addForm.leadDep" clearable placeholder="请输入处室、单位" style="width: 70%"></el-input>
          </el-form-item>
<!--          <el-form-item label="名称" required>-->
<!--            <el-select v-model="objTypeList" multiple collapse-tags placeholder="名称" clearable style="width: 70%">-->
<!--              <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="当月监督检查开展情况">
            <el-input type="textarea" v-model="addForm.chkNote" placeholder="请输入当月监督检查开展情况" clearable style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="检查形式">
            <el-select v-model="addForm.chkForm" placeholder="请选择检查形式" clearable style="width: 70%">
              <el-option  v-for="item in chkFormArr" :label="item.label" :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="检查组次">
            <el-input-number v-model="addForm.chkGroup" placeholder="请输入检查组次" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="检查人次">
            <el-input-number v-model="addForm.chkPers" placeholder="请输入检查人次" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="检查发现问题数">
            <el-input-number v-model="addForm.chkPblm" placeholder="请输入检查发现问题数" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="厅领导参加检查人次">
            <el-input-number v-model="addForm.chkLeder" placeholder="请输入厅领导参加检查人次" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="当月培训期次">
            <el-input-number v-model="addForm.trainNum" placeholder="请输入当月培训期次" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="参加培训人数">
            <el-input-number v-model="addForm.trainPers" placeholder="请输入参加培训人数" clearable style="width: 70%"></el-input-number>
          </el-form-item>
          <el-form-item label="下月计划时间">
            <el-date-picker
              v-model="dateRange1"
              style="width: 70%"
              type="daterange"
              format="yyyy-MM-dd"
              clearable
              range-separator="至"
              start-placeholder="下月开始日期"
              end-placeholder="下月结束日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="下月检查区域">
            <addvSelectMul key="city" ref="city" @changeAddv="changeAddv" :isCity="true"></addvSelectMul>
          </el-form-item>
<!--          <el-form-item label="下一月计划">-->
<!--            <el-input type="textarea" v-model="addForm.nextPlan" placeholder="请输入下一月计划" clearable style="width: 70%"></el-input>-->
<!--          </el-form-item>-->
          <el-form-item label="年度监督检查完成情况">
            <el-radio-group v-model="addForm.isFinish">
              <el-radio label="1">完成</el-radio>
              <el-radio label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="备注">
            <el-input type="textarea" v-model="addForm.note" placeholder="请输入备注" clearable style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item style="text-align: center">
            <el-button type="primary" @click="addSubmit" style="margin-bottom: 30px;">确定</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
      <el-dialog
        class="outerDialog custom_dialog"
        :title="'监督进度月报详细'"
        width="40%"
        modal-append-to-body
        append-to-body
        @close="closeDetailDialog"
        v-if="detailDialogVisible"
        :visible.sync="detailDialogVisible">
        <div style="width: 100%;height:100%;overflow: auto;">
          <table>
            <tr><td>监督检查事项</td><td>{{detailObj.objTypeNm}}</td></tr>
            <tr><td>组织处室(单位)</td><td>{{detailObj.leadDep}}</td></tr>
            <tr><td>开展方式</td><td>{{detailObj.chkFormNm}}</td></tr>
            <tr><td>计划开展时间</td><td>{{detailObj.tm}}</td></tr>
            <tr><td>检查组次</td><td>{{detailObj.chkGroup}}</td></tr>
            <tr><td>检查人次</td><td>{{detailObj.chkPers}}</td></tr>
            <tr><td>厅领导参加检查人次</td><td>{{detailObj.chkLeder}}</td></tr>
            <tr><td>监督检查开展情况</td><td>{{detailObj.chkNote}}</td></tr>
            <tr><td>检查发现问题数</td><td>{{detailObj.chkPblm}}</td></tr>
            <tr><td>当月培训期次</td><td>{{detailObj.trainNum}}</td></tr>
            <tr><td>参加培训人数</td><td>{{detailObj.trainPers}}</td></tr>
            <tr><td>是否完成年度计划</td><td>{{detailObj.isFinish=='1'?'是':'否'}}</td></tr>
            <tr v-if="detailObj.isFinish==='0'"><td>下一月计划</td><td>{{detailObj.nextPlan}}</td></tr>
            <tr><td>备注</td><td>{{detailObj.note}}</td></tr>
          </table>
        </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"
    import addvSelectMul from "../../../widgets/addvSelectMulNew.vue"
    export default {
        name: "",
        props: [],
        data() {
            return {
                detailObj:{},
                chkFormArr:[{
                   label:"暗访",
                   value:"1"
                },{
                    label:"明查",
                    value:"2"
                },{
                    label:"书面",
                    value:"3"
                },{
                    label:"四不两直",
                    value:"4"
                },{
                    label:"明查暗访相结合",
                    value:"5"
                }],
                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:{
                  isPlanned:"",
                  chkYearId:"",
                  sttm:"",
                  entm:"",
                  leadDep:"",
                  chkName:"",
                  chkForm:"",
                  chkMnth: ""
                },
                YM:"",
                orgIdDefault:"",
                addForm:{
                   unplannedChkNm:"",
                   isPlanned:"",
                   chkYearId:"",
                   objType:"",
                   leadDep:"",
                   sttm:"",
                   entm:"",
                   chkForm:"",
                   chkMnth:"",
                   chkNote:"",
                   chkGroup:"",
                   chkPers:"",
                   chkPblm:"",
                   chkLeder:"",
                   trainNum:"",
                   trainPers:"",
                   nextPlan:"",
                   note:"",
                   isFinish:"",
                   chkName:"",
                   nextSttm:"",
                   nextEntm:"",
                   addvnm:"",
                   addvcd:""
                },
                chkYear:"",
                yearPlanDepList:[],
                objParent:{}
            }
        },
        filters:{
            ChkForm(val){
                return  val=="1"?"暗访":val=="2"?"明察":val=="3"?"书面":val=="4"?"四不两直":"";
            }
        },
        components: {
            receiver,
            addvSelectMul
        },
        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') : ''
            },
        },
        created(){
           // this.getTypes();
        },
        mounted() {
           this.initTableData();
        },
        methods: {
            getYearList(){
                var _self = this;
                this.objParent = {};
                request.get(`/bis/insp/plan/year/${this.addForm.chkYearId}`).then(res=>{
                    if(res.success){
                        _self.objParent = res.data;
                    }
                })
            },
            changeDate(){
                this.getYearPlanByDep();
            },
            changeAddv(obj){
                if(obj.adCodes){
                    this.addForm.addvnm = obj.adNames;
                    this.addForm.addvcd = obj.adCodes;
                }else{
                    this.addForm.addvcd = "";
                }
            },
            getYearPlanByDep(){
                this.yearPlanDepList = [];
                request.post(`/bis/insp/plan/year/findList`,{state:"1",chkYear:this.chkYear}).then(res=>{
                    if(res.success){
                        if(res.data && res.data.length>0){
                            this.yearPlanDepList = res.data;
                        }
                    }
                })
            },
            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') {
                        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()>9?date.getDate():"0"+date.getDate());
                }
                return "";
            },
            formatDateMonth(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 "";
            },
            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==row.chkForm){
                            labelList = item.label;
                        }
                    // })
                })
                return labelList;
            },
            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/prg/export";
                let type = "POST";
                let exportName = "监督检查实施情况月报.xls"
                let result = await exportModel(type, url, exportName,JSON.stringify(this.searchForm));
            },
            async exportNextExcel() {
                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/prg/export1";
                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){
                this.chkYear = row.chkYear;
                this.getYearPlanByDep();
                this.getYearList();
                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.nextSttm,this.addForm.nextEntm];
                this.dialogT = "编辑";
                this.$nextTick(()=>{
                  this.$refs.city.setCheck(row.addvcd?row.addvcd.split(","):[],row.addvnm?row.addvnm.split(","):[]);
                })
            },
            addSubmit(){
                if(!this.addForm.isPlanned){
                    this.$message.warning("请选择是否在计划内");
                    return;
                }
                if(this.addForm.isPlanned=='1'){
                    if(!this.chkYear){
                        this.$message.warning("请选择年度");
                        return;
                    }
                    if(!this.addForm.chkYearId){
                        this.$message.warning("请选择检查计划事项");
                        return;
                    }
                }
                if(this.addForm.isPlanned=='2'){
                    if(!this.addForm.unplannedChkNm){
                        this.$message.warning("请选择计划外开展名称");
                        return;
                    }
                }
                if(!this.addForm.chkMnth){
                    this.$message.warning("请选择年月");
                    return;
                }
                if(!this.addForm.leadDep){
                    this.$message.warning("请输入处室、单位");
                    return;
                }
                // if(!this.addForm.chkNote){
                //     this.$message.warning("请输入当月监督检查开展情况");
                //     return;
                // }
                // if(!this.addForm.chkForm){
                //     this.$message.warning("请选择检查形式");
                //     return;
                // }
                // if(!this.addForm.chkGroup){
                //     this.$message.warning("请输入检查组次");
                //     return;
                // }
                // if(!this.addForm.chkPers){
                //     this.$message.warning("请输入检查人次");
                //     return;
                // }
                // if(!this.addForm.chkPblm){
                //     this.$message.warning("请输入检查发现问题数");
                //     return;
                // }
                // if(!this.addForm.chkLeder){
                //     this.$message.warning("请输入厅领导参加检查人次");
                //     return;
                // }
                // if(!this.addForm.trainNum){
                //     this.$message.warning("请输入当月培训期次");
                //     return;
                // }
                // if(!this.addForm.trainPers){
                //     this.$message.warning("请输入参加培训人数");
                //     return;
                // }
                // if(!this.dateRange1 || this.dateRange1==0){
                //     this.$message.warning("请选择下月起止时间");
                //     return;
                // }else{
                if(this.dateRange1 && this.dateRange1.length>0){
                    this.addForm.nextSttm = this.dateRange1[0];
                    this.addForm.nextEntm = this.dateRange1[1];
                }

                // }
                // if(!this.addForm.addvcd){
                //     this.$message.warning("请选择检查地点");
                //     return;
                // }
                // if(!this.addForm.isFinish){
                //     this.$message.warning("请选择年度监督检查完成情况");
                //     return;
                // }
                // 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==this.addForm.chkForm){
                            this.addForm.chkFormNm = item.label;
                        }
                    // })
                })
                // this.addForm.chkFormNm = labelList;
                // labelList = [];
                // this.dcTypeList.forEach((item)=>{
                //     this.objTypeList.forEach((item1)=>{
                //         if(item.inspType==item1){
                //             labelList.push(item.inspName);
                //         }
                //     })
                // })
                // this.addForm.objTypeNm = labelList.join(",");
                if(this.addForm.isPlanned=="1"){
                    this.yearPlanDepList.forEach((item)=>{
                        if(item.id==this.addForm.chkYearId){
                            this.addForm.chkName = item.chkName;
                        }
                    })
                    this.addForm.unplannedChkNm = "";
                }else{
                    this.addForm.chkYearId = "";
                    this.addForm.chkName = "";
                }
                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/prg/findPageList`,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 = {isFinish: "1"};
                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>