fj-dc-ui/.svn/pristine/77/779c7450818fc0ea1d8d20002938ab6a28c39226.svn-base

<template>
  <el-container class="monthReport">
    <el-card class="box-card">
       <h3 class="title_monthReport" style="font-size: 20px !important;font-weight: bold !important;color: black !important;">
         {{currentOrgNm}}
         <el-date-picker
         style="width:135px;"
         v-model="searchForm.chkMonth"
         type="month"
         placeholder="">
       </el-date-picker>
         督查检查考核计划调度安排表
       </h3>
      <el-form :inline="true" size="mini" class="demo-form-inline" label-width="120px">
        <el-form-item label="检查实施单位">
          <el-input v-model="searchForm.chkDep" placeholder="检查实施单位" clearable></el-input>
        </el-form-item>
        <el-form-item label="检查区域">
          <el-input v-model="searchForm.chkCity" placeholder="检查区域" clearable></el-input>
        </el-form-item>
        <el-form-item label="事项内容">
          <el-input v-model="searchForm.chkTitle" placeholder="事项内容" clearable></el-input>
        </el-form-item>
        <el-form-item label="检查组">
          <el-input v-model="searchForm.chkGrp" placeholder="检查组" clearable></el-input>
        </el-form-item>
        <el-form-item label="开展方式">
          <el-select v-model="searchForm.chkType"  placeholder="开展方式" clearable>
            <el-option  v-for="item in chkFormArr" :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div>
        <div style="text-align:right;width:100%;padding-top: 10px;padding-bottom: 10px;">
          <el-button type="primary" size="mini" @click="searchBtn">查询</el-button>
          <el-button type="success" size="mini" @click="addBtn">添加检查计划</el-button>
          <el-button type="primary" size="mini" @click="exportExcel">导出检查计划</el-button>
          <el-button type="warning" style="background: #2711ff;color:white" size="mini" @click="downloadTemplate">下载模板</el-button>
          <span style="padding-left: 10px;">
          <common-upload-auto-simple
            ref="ImportPlan"
            :limit=1
            :url="`/pdcApi/bis/insp/planMonth/import`"
            @uploadOver="uploadOver"
            :accept="'.xls,.xlsx'"
            style="margin:auto;"
            comment=".xls,.xlsx格式,不超过2MB(自动上传)"
            fileDesc="导入"
          ></common-upload-auto-simple>
          </span>
        </div>
        <span style="float:left;color:red;font-size:12px;">(<i class="el-icon-warning"></i>提示:颜色一样的行代表重复或重叠数据)</span>
        <el-table
          border
          ref="multipleTable"
          :height="tableHeight"
          :data="tableData"
          :row-style="rowClass"
          tooltip-effect="dark"
          style="width: 100%"
          v-loading="loading"
          @selection-change="handleSelectionSend">
<!--          <el-table-column-->
<!--            type="selection"-->
<!--            width="55">-->
<!--          </el-table-column>-->
<!--          <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 align="center" prop="ordr" label="序号" width="80"></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="180"
            prop="yearChkName"
            label="年度检查计划名称"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            prop="yearChkType"
            label="年度检查类别"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="chkMonth"
            :formatter="formatDate1"
            label="年月"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            prop="chkDep"
            label="检查实施单位"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkGrp"
            label="检查组"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkTitle"
            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="120"
              prop="planSttm"
              :formatter="formatDate"
              label="开始"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="120"
              prop="planEntm"
              :formatter="formatDate"
              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="50"
              prop="leadDep"
              label="是否"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="joinDep"
              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="chkCity"
              label="行政区划市"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="chkCountry"
              label="区县(市)"
              show-overflow-tooltip
            ></el-table-column>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="80"
            prop="chkSize"
            label="项目数量"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="chkType"
            label="开展方式"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="chkPers"
            label="联络人"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            prop="chkPersTel"
            label="联系方式"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkNote"
            label="统筹调度意见"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            align="center"
            min-width="400"
            label="操作"
            v-if="ownPriv('manage')"
            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>
              <el-button type="warning" size="mini" @click.stop="showYearPlan(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"-->
<!--          @size-change="handleSizeChange"-->
<!--        ></el-pagination>-->
      </div>
      <el-dialog
        class="outerDialog custom_dialog"
        :title="'督查检查计划详细'"
        width="40%"
        @close="closeDetailDialog"
        :visible.sync="detailDialogVisible">
        <div style="width: 100%;height:100%;overflow: auto;">
          <table>
            <tr><td>年月</td><td>{{detailObj.chkMonth}}</td></tr>
            <tr><td>检查实施单位</td><td>{{detailObj.chkDep}}</td></tr>
            <tr><td>检查组</td><td>{{detailObj.chkGrp}}</td></tr>
            <tr><td>事项内容</td><td>{{detailObj.chkTitle}}</td></tr>
            <tr><td>拟检查开始时间</td><td>{{detailObj.planSttm+'~'+detailObj.planEntm}}</td></tr>
            <tr><td>是否到水利(水务)局</td><td>{{detailObj.leadDep}}</td></tr>
            <tr v-if="detailObj.leadDep=='是'"><td>水利(水务)局名称</td><td>{{detailObj.joinDep}}</td></tr>
            <tr><td>行政区划市</td><td>{{detailObj.chkCity}}</td></tr>
            <tr><td>区、县(市)</td><td>{{detailObj.chkCountry}}</td></tr>
            <tr><td>项目数量</td><td>{{detailObj.chkSize}}</td></tr>
            <tr><td>开展方式</td><td>{{detailObj.chkType}}</td></tr>
            <tr><td>联络人</td><td>{{detailObj.chkPers}}</td></tr>
            <tr><td>联系方式</td><td>{{detailObj.chkPersTel}}</td></tr>
            <tr><td>统筹调度意见</td><td>{{detailObj.chkNote}}</td></tr>
          </table>
        </div>
      </el-dialog>
      <el-dialog
        class="outerDialog custom_dialog"
        :title="dialogT+'督查检查计划'"
        width="40%"
        @close="closeAddDialog"
        v-if="addDialogVisible"
        :visible.sync="addDialogVisible">
        <div style="width: 100%;height:100%;">
          <el-form ref="addForm" label-width="150px">
            <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
                v-model="addForm.chkMonth"
                type="month"
                placeholder="选择月">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="检查实施单位" required>
              <el-input v-model="addForm.chkDep" placeholder="请输入检查实施单位"></el-input>
            </el-form-item>
            <el-form-item label="检查组" required>
              <el-input v-model="addForm.chkGrp" placeholder="请输入检查组"></el-input>
            </el-form-item>
            <el-form-item label="事项内容" required>
              <el-input v-model="addForm.chkTitle" placeholder="请输入事项内容"></el-input>
            </el-form-item>
            <el-form-item label="拟检查时间" required>
              <el-date-picker
                v-model="dateRange"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="是否到水利(水务)局" required>
              <el-radio-group v-model="addForm.leadDep">
                <el-radio label="是">是</el-radio>
                <el-radio label="否">否</el-radio>
              </el-radio-group>
              <el-input v-model="addForm.joinDep" placeholder="请输入水利(水务)局名称" v-if="addForm.leadDep=='是'"></el-input>
            </el-form-item>
            <el-form-item label="检查区域">
              <el-form-item label="行政区划市">
                <addvMul key="city" :rootAddCode='organCode' :level='"1"' ref="city" @changeAddv="changeAddv"></addvMul>
                <!--                <el-input v-model="addForm.chkCity" placeholder="请输入市水利（水务）局"></el-input>-->
              </el-form-item>
              <el-form-item label="区、县(市)">
                <addvMul key="country" ref="country" @changeAddv="changeAddv"></addvMul>
                <!--                <el-input v-model="addForm.chkCountry" placeholder="请输入区、县(市)"></el-input>-->
              </el-form-item>
            </el-form-item>
<!--            <el-form-item label="检查区域">-->
<!--              <el-form-item label="行政区划市">-->
<!--                <addvMul key="city" :rootAddCode='organCode' :level='"1"' ref="city" @changeAddv="changeAddv"></addvMul>-->
<!--&lt;!&ndash;                <el-input v-model="addForm.chkCity" placeholder="请输入市水利（水务）局"></el-input>&ndash;&gt;-->
<!--              </el-form-item>-->
<!--              <el-form-item label="区、县(市)">-->
<!--                <addvMul key="country" :rootAddCode='organCode' :level='"2"' ref="country" @changeAddv="changeAddv"></addvMul>-->
<!--&lt;!&ndash;                <el-input v-model="addForm.chkCountry" placeholder="请输入区、县(市)"></el-input>&ndash;&gt;-->
<!--              </el-form-item>-->
<!--            </el-form-item>-->
            <el-form-item label="项目数量" required>
              <el-input v-model="addForm.chkSize" placeholder="请输入项目数量"></el-input>
            </el-form-item>
            <el-form-item label="开展方式" required>
              <el-select v-model="addForm.chkType"  placeholder="开展方式">
                <el-option  v-for="item in chkFormArr" :label="item.label" :value="item.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="联络人" required>
              <el-input v-model="addForm.chkPers" placeholder="请输入联络人"></el-input>
            </el-form-item>
            <el-form-item label="联系方式" required>
              <el-input v-model="addForm.chkPersTel" placeholder="请输入联系方式"></el-input>
            </el-form-item>
            <el-form-item label="统筹调度意见">
              <el-input v-model="addForm.chkNote" placeholder="请输入统筹调度意见"></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="30%"
        @close="closeYearDialog"
        v-if="yearDialogVisible"
        :visible.sync="yearDialogVisible">
        <div style="width: 100%;height:100%;">
          <el-form ref="yearForm" label-width="80px">
            <el-form-item label="年度计划">
              <el-select v-model="yearId" filterable placeholder="请选择年度计划" style="width: 100%;">
                <el-option
                  v-for="item in planYeatList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item style="text-align: center">
              <el-button type="primary" @click="updateData" style="margin-bottom: 30px;">确定</el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-dialog>
    </el-card>
  </el-container>
</template>
<script>
    import {exportModel} from "@util/gw_exportModel";
    import request from '@util/gw_ajax_request'
    import receiver from "./receiver"
    import CommonUploadAutoSimple from "../../../widgets/common-upload-auto-simple";
    import addvMul from "../../../widgets/addvMul.vue"
    export default {
        name: "",
        props: ["rowData"],
        data() {
            return {
                chkFormArr:[{
                    label:"暗访",
                    value:"暗访"
                },{
                    label:"明查",
                    value:"明查"
                },{
                    label:"调研",
                    value:"调研"
                },{
                    label:"座谈",
                    value:"座谈"
                },{
                    label:"稽察",
                    value:"稽察"
                },{
                    label:"实地检查",
                    value:"实地检查"
                },{
                    label:"明查抽查",
                    value:"明查抽查"
                },{
                    label:"明查暗访",
                    value:"明查暗访"
                }],
                mulSelectionSend:[],
                curList:[],
                year:[new Date().getFullYear()+"-01",new Date().getFullYear()+"-"+((new Date().getMonth()+1)>9?(new Date().getMonth()+1):"0"+(new Date().getMonth()+1))],
                month:new Date().getMonth()+1,
                isOne:false,
                years:[new Date().getFullYear()-1,new Date().getFullYear(),new Date().getFullYear()+1],
                months:[1,2,3,4,5,6,7,8,9,10,11,12],
                dcTypeList:[],
                ptypeArr:[{label:'暗访',value:"0"},{label:'明查',value:"1"}],
                dialogT:"",
                monthDialogVisible:true,
                addDialogVisible:false,
                detailDialogVisible:false,
                tableHeight:window.innerHeight-300,
                tableData:[],
                loading:false,
                pageNum:1,
                pageSize:10,
                total:0,
                objTypes:[],
                searchForm:{
                    chkMonth:new Date(),
                    chkDep:"",
                    chkGrp:"",
                    chkTitle:"",
                    chkCity:""
                },
                YM:"",
                detailObj:{},
                orgIdDefault:"",
                dateRange:[],
                addForm:{
                    ordr:"",
                    adCode:"",
                    chkTitle:"",
                    chkMonth:"",
                    chkDep:"",
                    chkGrp:"",
                    planSttm:"",
                    planEntm:"",
                    leadDep:"",
                    joinDep:"",
                    chkCity:"",
                    chkCountry:"",
                    chkSize:"",
                    chkType:"",
                    chkPers:"",
                    chkPersTel:"",
                    chkNote:""
                },
                colors:[
                    '#fd0e0a',
                    '#f07c06',
                    '#fdf20b',
                    '#08f916',
                    '#08c3c7',
                    '#065eeb',
                    '#7c0ac9',
                    '#de0ded',
                    '#C99A93',
                    '#3E9467',
                    '#D1385F',
                    '#d1c289',
                    '#ffccff',
                    '#84d1cb',
                    '#ccffcc',
                    '#669933',
                    '#666600',
                    '#008000',
                    '#66cdaa',
                    '#708090',
                    '#b0c4de',
                    '#6495ed',
                    '#9370db',
                    '#db7093',
                    '#483d8b'
                ],
                yearDialogVisible:false,
                yearId:"",
                currentId:"",
                planYeatList:[]

            }
        },
        filters:{
            chkTypeFor(val,that){
                var nm = ""
                that.chkFormArr.forEach((item)=>{
                    if(item.value==val){
                        nm = item.label;
                    }
                })
                return nm;
            }
        },
        components: {
            receiver,
            CommonUploadAutoSimple,
            addvMul
        },
        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') : ''
            },
            currentOrgNm(){
                return localStorage.getItem('currentOrgNm') ? localStorage.getItem('currentOrgNm') : ''
            }
        },
        created(){
            // this.getColorRandom(100);
            // this.getTypes();
        },
        mounted() {
           this.initTableData();
        },
        methods: {
            showYearPlan(id){
              this.getAllYearPlan();
              this.yearDialogVisible = true;
              this.currentId = id;
            },
            colorNum(min,max) {
              return Math.floor(Math.random()*(max-min)+min);
            },
            rgbStr(min,max) {
                var r=this.colorNum(min,max);
                var g=this.colorNum(min,max);
                var b=this.colorNum(min,max);
                this.colors.push("rgb("+r+','+g+','+b+")");
            },
            getColorRandom(num){
                var colorarr = [];
                //构成颜色的字符元素
                var cArray=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
                for(var i=0;i<num;i++){
                    var color = "#";
                    for(var j=0;j<6;j++){
                        var  cIndex = Math.round(Math.random()*15);
                        color+=cArray[cIndex];
                    }
                    colorarr[i] = color;
                }
                this.colors=colorarr;
                console.log(colorarr);
            },
            changeAddv(obj){
                if(obj.level=='1'){
                    this.addForm.chkCity = obj.adNames;
                    this.addForm.chkCityCode = obj.adCodes;
                    if(!this.addForm.chkCityCode){
                        this.addForm.chkCountry = "";
                        this.addForm.chkCountryCode = "";
                    }
                    this.$nextTick(()=>{
                        this.$refs.country.setCheck([],[]);
                        this.$refs.country.getAdDataList(this.addForm.chkCityCode,"3");
                    })
                }
                if(obj.level=='3'){
                    this.addForm.chkCountry = obj.adNames;
                    this.addForm.chkCountryCode = obj.adCodes;
                }
            },
            async downloadTemplate() {
                let url = "/pdcApi/bis/insp/planMonth/downloadExcel";
                let type = "get";
                let exportName = "督查检查考核计划调度安排表.xls"
                let result = await exportModel(type, url, exportName, null);
            },
            uploadOver(){
                this.initTableData();
            },
            addFormBtn(){
                this.addDialogVisible = true;
                this.addForm = {};
                this.dialogT = "添加";
            },
            handleSelectionSend(val){
                this.mulSelectionSend = val;
            },
            rowClass({row, index}) {
                if(row.repeat) {
                  return { "background-color":this.colors[row.color] }
                }
            },
            chkFormFormat(row, column, cellValue, index){
                var nm = ""
                this.chkFormArr.forEach((item)=>{
                    if(item.value==row.chkType){
                        nm = item.label;
                    }
                })

                return nm;
            },
            getTypes() {
                var _self = this;
                request.get(`/bis/insp/rel/org/insp/type/getInspTypeByOrgId/${this.orgId}`)
                    .then(res => {
                        if (res.success) {
                            _self.dcTypeList = res.data;
                        }
                    })
            },
            closeDialog(){
                this.$emit('closeDialogMonth')
            },
            closeDetailDialog(){
                this.detailDialogVisible = false;
            },
            objFormat(row, column, cellValue, index){
                var name = "";
                this.dcTypeList.forEach((item)=>{
                    if(parseInt(item.inspType)==row.OBJTYPE){
                        name = item.inspName;
                    }
                })
                return name;
            },
            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 "";
            },
            formatDate1(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 "";
            },
            async exportExcel() {
                let url = "/pdcApi/bis/insp/planMonth/export";
                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/planMonth/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.dateRange = [this.addForm.planSttm,this.addForm.planEntm];
                this.dialogT = "编辑";

                this.$nextTick(()=>{
                    this.$refs.city.setCheck(row.chkCityCode?row.chkCityCode.split(","):[],row.chkCity?row.chkCity.split(","):[]);
                    this.$refs.country.getAdDataList(row.chkCityCode,"3");
                    this.$refs.country.setCheck(row.chkCountryCode?row.chkCountryCode.split(","):[],row.chkCountry?row.chkCountry.split(","):[]);
                })

            },
            addSubmit(){
                if(!this.addForm.ordr){
                    this.$message.warning("请输入序号");
                    return;
                }
                if(!/^[1-9]\d*$/.test(this.addForm.ordr)){
                    this.$message.warning("请输入大于0的正整数");
                    return;
                }
                if(!this.addForm.chkMonth){
                    this.$message.warning("请输入年月");
                    return;
                }
                if(!this.addForm.chkDep){
                    this.$message.warning("请输入检查实施单位");
                    return;
                }
                if(!this.addForm.chkGrp){
                    this.$message.warning("请输入检查组");
                    return;
                }
                if(!this.addForm.chkTitle){
                    this.$message.warning("请输入事项内容");
                    return;
                }
                if(!this.dateRange || this.dateRange.length==0){
                    this.$message.warning("请选择拟检查时间");
                    return;
                }
                if(!this.addForm.leadDep){
                    this.$message.warning("请选择是否到水利(水务)局");
                    return;

                }
                if(this.addForm.leadDep=='是' && !this.addForm.joinDep){
                    this.$message.warning("请输入水利(水务)局名称");
                    return;
                }
                // if(!this.addForm.chkCity){
                //     this.$message.warning("请选择行政区划市");
                //     return;
                // }
                // if(!this.addForm.chkCountry){
                //     this.$message.warning("请选择区县(市)");
                //     return;
                // }
                if(!this.addForm.chkSize){
                    this.$message.warning("请输入项目数量");
                    return;
                }
                if(!this.addForm.chkType){
                    this.$message.warning("请选择开展方式");
                    return;
                }
                if(!this.addForm.chkPers){
                    this.$message.warning("请输入联络人");
                    return;
                }
                if(!this.addForm.chkPersTel){
                    this.$message.warning("请输入联系方式");
                    return;
                }
                if(this.dateRange && this.dateRange.length>0){
                   this.addForm.planSttm =  this.dateRange[0];
                   this.addForm.planEntm =  this.dateRange[1];
                }
                var _self = this;
                request.post('/bis/insp/planMonth/',this.addForm).then(res=>{
                    if(res.success){
                        _self.$message.success("保存成功");
                        _self.addDialogVisible = false;
                        _self.addForm = {};
                        _self.dateRange = [];
                        _self.initTableData();
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            updateData(){
              if(!this.yearId){
                  this.$message.warning("请选择年度计划");
                  return;
              }
              var obj = {
                  id:this.currentId,
                  yearPlanId:this.yearId
              }
              var _self = this;
              request.post('/bis/insp/planMonth/',obj).then(res=>{
                  if(res.success){
                      _self.$message.success("关联成功");
                      _self.yearDialogVisible = false;
                      _self.currentId = "";
                      _self.yearId = "";
                      _self.initTableData();
                  }else{
                      _self.$message.warning(res.message);
                  }
              })
            },
            getAllYearPlan(){
                var _self = this;
                this.planYeatList = [];
                request.post('/bis/insp/plan/year/findList',{}).then(res=>{
                    if(res.success){
                        if(res.data && res.data.length > 0){
                            res.data.forEach((item)=>{
                                _self.planYeatList.push({
                                    value:item.id,
                                    label:item.chkName+"("+item.chkType+")"
                                })
                            })
                        }
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            selectOrgChange(data){
                this.addForm.unitName = data.name;
            },
            clearRecv(){
                this.addForm.unitName = "";
            },
            closeAddDialog(){
                this.addDialogVisible = false;
            },
            closeYearDialog(){
                this.yearDialogVisible = false;
            },
            chkMul(){
              this.curList = [];
              if(this.mulSelectionSend && this.mulSelectionSend.length>0){
                  this.loading = true;
                  for(var i = 0;i<this.mulSelectionSend.length;i++){
                      this.curList.push(this.mulSelectionSend[i].ID);
                  }
                  this.isOne = true;
                  this.initTableData();
                  this.loading = false;
              }else{
                  this.$message.warning("请选择数据");
              }
            },
            initTableData(){
                // this.searchForm.pageNum = this.pageNum;
                // this.searchForm.pageSize = this.pageSize;
                this.loading = true;
                var _self = this;
                request.post('/bis/insp/planMonth/getPageInfo',this.searchForm).then(res=>{
                    if(res.success){
                        this.tableData = res.data;
                        // this.total = res.data.total;
                        _self.loading = false;
                    }else{
                        _self.$message.warning(res.message)
                    }
                })
            },
            handleCurrentChange(val){
                this.pageNum = val;
                this.initTableData();
            },
            handleSizeChange(val){
                this.pageSize = val;
                this.initTableData();
            },
            searchBtn(){
                this.isOne = false;
                this.initTableData();
            },
            oneDel(){
                this.isOne = true;
                this.initTableData();
            },
            lookOver(obj){
                this.detailObj = obj;
                this.detailObj.chkMonth = this.detailObj.chkMonth?this.formatDate1(this.detailObj,{property:"chkMonth"},null,null):"";
                this.detailObj.planSttm = this.detailObj.planSttm?this.formatDate(this.detailObj,{property:"planSttm"},null,null):"";
                this.detailObj.planEntm = this.detailObj.planEntm?this.formatDate(this.detailObj,{property:"planEntm"},null,null):"";
                this.detailDialogVisible = true;
            },
            addBtn(){
                this.addForm = {};
                this.addDialogVisible = true;
                this.dialogT = "添加"
            }
        }
    }
</script>

<style lang="scss" scoped>
  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;
  }
  .title_monthReport /deep/ .el-input__inner{
    border:0px;
    font-size: 20px !important;
    color:black;
  }
  .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>