fj-dc-ui/.svn/pristine/0a/0aea3172a4dffe1b739ae570aa29d747cf4159ef.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">
      <h2 class="title_monthReport">监督检查详细计划</h2>
      <el-form :inline="true" size="mini" class="demo-form-inline" label-width="130px">
        <el-form-item label="检查事项">
          <el-select v-model="searchForm.objType" multiple collapse-tags placeholder="检查事项" clearable>
            <el-option
              v-for="item in dcTypeList"
              :key="item.code"
              :label="item.inspName"
              :value="item.inspType">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="检查时间">
          <el-date-picker
            v-model="dateRange"
            type="daterange"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            clearable
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="检查区域">
          <addvSearch
            style="width: 178px;margin-left:10px;margin-right:15px"
            :rootAddCode='organCode'
            :level='"1"'
            @checkchange="checkchange"
          ></addvSearch>
        </el-form-item>
        <el-form-item label="检查技术支撑单位">
          <el-input v-model="searchForm.chkDpnm" placeholder="请选择" clearable></el-input>
        </el-form-item>
        <el-form-item style="float:right;">
          <el-button type="primary" size="mini" @click="searchBtn">查 询</el-button>
          <el-button type="primary" size="mini" @click="exportExcel">导 出</el-button>
          <el-button type="primary" size="mini" @click="addBtn">添 加 行</el-button>
        </el-form-item>
      </el-form>
      <div style="padding-bottom: 20px;">
        <el-button type="primary" size="mini" @click="closeDialog" style="float:left;">返回年度检查计划</el-button>
        <el-table
          border
          ref="table"
          :height="tableHeight"
          :data="tableData"
          tooltip-effect="dark"
          @cell-dblclick="celledit"
          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
            min-width="200"
            prop="col1"
            align="center"
            label="检查事项">
            <template slot-scope="scope">
              <el-select v-model="scope.row.col1"
                         v-if="scope.row.edit">
                <el-option
                  v-for="item in dcTypeList"
                  :key="item.inspType"
                  :label="item.inspName"
                  :value="item.inspType">
                </el-option>
              </el-select>
              <span v-else>{{scope.row.col1 | chkDcType(dcTypeList)}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="240"
            prop="col2"
            align="center"
            label="检查时间">
            <template slot-scope="scope">
                <el-date-picker
                  style="width: 220px"
                  v-model="scope.row.col2"
                  v-if="scope.row.edit"
                  type="daterange"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
                <span v-else>{{scope.row.col2?(scope.row.col2.length>0?scope.row.col2[0]+"~"+scope.row.col2[1]:""):""}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            align="center"
            prop="col3"
            label="检查区域">
            <template slot-scope="scope">
              <colsTree v-if="scope.row.edit" :key="'tree'+scope.$index" :rootAddCode='organCode' :rowData="scope.row" :level='"2"'></colsTree>
              <span v-else>{{scope.row.col3}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            prop="col4"
            align="center"
            label="检查项目">
            <template slot-scope="scope">
              <el-input  v-model="scope.row.col4" v-if="scope.row.edit" placeholder="请选择检查项目">
                <template slot="append"><el-button type="primary" @click="rowClick_4(scope.row)"><i class="el-icon-plus"></i></el-button></template>
              </el-input>
              <span v-else>{{scope.row.col4}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            prop="col5"
            align="center"
            label="检查技术支撑单位">
            <template slot-scope="scope">
              <el-input  v-model="scope.row.col5" v-if="scope.row.edit" placeholder="请输入检查技术支撑单位"></el-input>
              <span v-else>{{scope.row.col5}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            prop="col6"
            align="center"
            label="检查批次名称">
            <template slot-scope="scope">
              <el-input  v-model="scope.row.col6" v-if="scope.row.edit" placeholder="请输入检查批次名称"></el-input>
              <span v-else>{{scope.row.col6}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            prop="col7"
            align="center"
            label="检查组次名称">
            <template slot-scope="scope">
              <el-input  v-model="scope.row.col7" v-if="scope.row.edit" placeholder="请输入检查组次名称"></el-input>
              <span v-else>{{scope.row.col7}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            prop="col8"
            align="center"
            label="检查组长">
            <template slot-scope="scope">
              <el-input  v-model="scope.row.col8" v-if="scope.row.edit" placeholder="请选择检查组长">
                <template slot="append"><el-button type="primary" @click="rowClick_8(scope.row)"><i class="el-icon-plus"></i></el-button></template>
              </el-input>
              <span v-else>{{scope.row.col8}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            prop="col9"
            align="center"
            label="检查组员">
            <template slot-scope="scope">
              <el-input  v-model="scope.row.col9" v-if="scope.row.edit" placeholder="请选择检查组员">
                <template slot="append"><el-button type="primary" @click="rowClick_9(scope.row)"><i class="el-icon-plus"></i></el-button></template>
              </el-input>
              <span v-else>{{scope.row.col9}}</span>
            </template>
          </el-table-column>
          <el-table-column
            min-width="200"
            prop="col10"
            align="center"
            label="检查形式">
            <template slot-scope="scope">
              <el-select v-model="scope.row.col10" v-if="scope.row.edit" placeholder="请选择检查形式">
                <el-option
                  v-for="item in chkFormList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
              <span v-else>{{scope.row.col10 | ChkForm}}</span>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            label="操作"
            min-width="150"
            fixed="right">
            <template slot-scope="scope">
              <el-button type="primary" size="mini" @click.stop="finishData(scope.row)" v-if="scope.row.edit && !scope.row.id">完成</el-button>
              <el-button type="danger" size="mini" @click.stop="deleteData(scope.row.id,scope.$index)">删除</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>
      <component :is="curEditDcdxInfo" ref="editDcdxInfoRef" :isNewPlan="true" :rowData="currowRow" :adCodes="adCodes" :objType="duChaType" @addSuccess="DuiXiangAddSuccessHandler"/>
      <el-dialog
        class="outerDialog custom_dialog"
        title="添加人员"
        width="60%"
        modal-append-to-body
        append-to-body
        @close="closeAddDialog"
        v-if="addDialogVisible"
        :visible.sync="addDialogVisible">
        <el-form ref="addForm" label-width="100px"  :inline="true" class="demo-form-inline">
          <el-form-item label="人员姓名">
            <el-input v-model="addSearchForm.userName" placeholder="人员姓名" clearable></el-input>
          </el-form-item>
          <el-form-item label="所属部门">
            <el-input v-model="addSearchForm.dpnm" placeholder="人员姓名" clearable></el-input>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary" size="mini" @click="searchBtn1">查询</el-button>
          </el-form-item>
        </el-form>
        <el-table
          border
          ref="multipleTable1"
          :height="tableHeight1"
          :data="tableData1"
          tooltip-effect="dark"
          style="width: 100%"
          @selection-change="handleSelectionChange"
          v-loading="loading1">
          <el-table-column
            type="selection"
            width="55">
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="persName"
            label="人员姓名"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="sex"
            label="性别"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <span v-if="scope.row.sex==1">男</span>
              <span v-else-if="scope.row.sex==2">女</span>
              <span v-else></span>
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="mobilenumb"
            label="手机号码"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="150"
            prop="orgNm"
            label="机构名称"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="150"
            prop="dpnm"
            label="所属部门"
            show-overflow-tooltip
          ></el-table-column>
        </el-table>
        <el-pagination
          style="margin: 10px auto"
          background
          :pager-count="5"
          :current-page="pageNum1"
          :page-size="pageSize1"
          :page-sizes="[10, 20, 30, 40, 50, 100]"
          layout="sizes, total, prev, pager, next"
          :total="total1"
          @current-change="handleCurrentChange1"
        ></el-pagination>
        <span slot="footer" class="dialog-footer">
        <el-button @click="addDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="addSubmitPer">确 定</el-button>
      </span>
      </el-dialog>
    </el-dialog>
  </el-container>
</template>
<script>
    import {exportModel} from "@util/gw_exportModel";
    import request from '@util/gw_ajax_request'
    import addvSearch from "../../../widgets/addvTree.vue"
    import colsTree from "../../../widgets/colsTree.vue"
    import { getAddTree} from "../../../api/duChaAPI.js";
    export default {
        name: "",
        props: ['rowData'],
        data() {
            return {
                treeValue:[],
                treeLabel:[],
                treeData:[],
                treeLoading:false,
                defaultProps: {
                    children: 'children',
                    label: 'nm'
                },
                level:"2",
                dcTypeList:[],
                detailDialogVisible:false,
                dateRange:[],
                dialogT:"",
                monthDialogVisible:true,
                addDialogVisible:false,
                tableHeight:window.innerHeight-400,
                tableData:[],
                loading:false,
                pageNum:1,
                pageSize:10,
                total:0,
                searchForm:{
                  sttm:"",
                  entm:"",
                  chkObjId:"",
                  chkAdCode:"",
                  chkDpnm:""
                },
                YM:"",
                orgIdDefault:"",
                addForm:{
                   chkYearId:"",
                   chkForm:"",
                   chkMnth:"",
                   chkNote:"",
                   chkGroup:"",
                   chkPers:"",
                   chkPblm:"",
                   chkLeder:"",
                   trainNum:"",
                   trainPers:"",
                   nextPlan:"",
                   note:"",
                },
                chkFormList:[
                    {label:"暗访",value:"1"},
                    {label:"明察",value:"2"},
                    {label:"书面",value:"3"},
                    {label:"四不两直",value:"4"}
                ],
                currowRow:{},
                currentCol:"",
                isVisible_1:false,
                curEditDcdxInfo:false,
                duChaType:"",
                adCodes:"",

                addDialogVisible:false,
                pageNum1:1,
                pageSize1:10,
                total1:0,
                tableHeight1:500,
                tableData1:[],
                loading1:false,
                addSearchForm:{
                    userName:"",
                    dpnm:""
                },
                multipleSelection: []

            }
        },
        filters:{
            ChkForm(val){
                return  val=="1"?"暗访":val=="2"?"明察":val=="3"?"书面":val=="4"?"四不两直":"";
            },
            chkDcType(val,dcTypeList){
                var name = "";
                dcTypeList.forEach((item)=>{
                   if(item.inspType==val){
                       name = item.inspName;
                   }
               })
                return name;
            }
        },
        components: {
            addvSearch,
            colsTree,
            editDcdxInfo: resolve => {
                require(['../editDcdxInfo.vue'], resolve)
            },//添加监督对象（包含小水库，江西大中型水库督查，水库防洪调度，2019年农饮，水毁，地下水监测站督查）
            editDcdxInfosz: resolve => {
                require(['../editDcdxInfo_sz.vue'], resolve)
            },//添加水闸监督对象
            editDcdxInfojianshe: resolve => {
                require(['../editDcdxInfo_jianshe.vue'], resolve)
            },//添加工程建设监督对象
            editDcdxInfoyunxing: resolve => {
                require(['../editDcdxInfo_yunxing.vue'], resolve)
            },//添加工程运行监督对象
            editDcdxInfoyudiba: resolve => {
                require(['../editDcdxInfoydb.vue'], resolve)
            },//添加淤泥坝监督对象
            editDcdxInfotdfj: resolve => {
                require(['../editDcdxInfo_tdfj.vue'], resolve)
            },//添加特定飞检监督对象
            editDcdxInfoqita: resolve => {
                require(['../editDcdxInfo_qtjc.vue'], resolve)
            },
            editDcdxInfoszyxjxzq: resolve => {
                require(['../editDcdxInfoSzyxjxzq.vue'], resolve)
            },  //分水管控
            editDcdxInfoqsk: resolve => {
                require(['../editDcdxInfoQsk.vue'], resolve)
            },
            editDcdxInfosyd: resolve => {
                require(['../editDcdxInfoSyd.vue'], resolve)
            },
            editDcdxInfojsgl: resolve => {
                require(['../editDcdxInfoJsglypj.vue'], resolve)
            },   //节水管理与评价
            editDcdxInfojsdw: resolve => {
                require(['../editDcdxInfoJsdwcc.vue'], resolve)
            },   //用水单位
            editDcdxInfosb: resolve => {
                require(['../editDcdxInfo_shuibao.vue'], resolve)
            },   //水保
            editDcdxInfosl: resolve => {
                require(['../editDcdxInfo_siluan.vue'], resolve)
            },   //四乱，水政
            editDcdxInfozyhbdc: resolve => {
                require(['../editDcdxInfo_zyhbdc.vue'], resolve)
            },   //中央环保督查
            editDcdxInfoSkFj: resolve => {
                require(['../editDcdxInfo_sk_fj.vue'], resolve)
            },   //福建大中型水库
            editDcdxInfoQuanScore: resolve => {
                require(['../editDcdxInfo_quanScore.vue'], resolve)
            },   //福建量化评分
            editDcdxInfoXskbzh: resolve => {
                require(['../editDcdxInfo_xskbzh.vue'], resolve)
            },   //江西小水库标准化
            editDcdxInfoRyZj: resolve => {
                require(['../editDcdxInfo_ryZj.vue'], resolve)
            },   //浙江人饮
            editDcdxInfoZjqjg: resolve => {
                require(['../editDcdxInfo_zjqjg.vue'], resolve)
            },   //浙江强监管
            editDcqyInfo: resolve => {
                require(['../editDcqyInfo.vue'], resolve)
            },
            editDcdxInfoRynew: resolve => {
                require(['../editDcdxInfo_rynew.vue'], resolve)
            },
            editDcdxInfoYiGongLi: resolve => {
                require(['../editDcdxInfo_yigongli.vue'], resolve)
            },  //灌区最后一公里
            editDcdxInfoDiFang: resolve => {
                require(['../editDcdxInfo_difang.vue'], resolve)
            },  //堤防
            editDcdxInfoChaoBiaoHongYuAn: resolve => {
                require(['../editDcdxInfo_chaobiaohongyuan.vue'], resolve)
            },  //超标
            editDcdxInfoQys: resolve => {
                require(['../editDcdxInfoQys.vue'], resolve)
            },  //取用水
            editDcdxInfoJieshui: resolve => {
                require(['../editDcdxInfo_jieshui.vue'], resolve)
            },  //取用水
            editDcdxInfoSkcxjg: resolve => {
                require(['../editDcdxInfo_skcxjg.vue'], resolve)
            },  // 34 水库除险加固
            editDcdxInfoZxhl: resolve => {
                require(['../editDcdxInfo_zxhl.vue'], resolve)
            },  // 35 水库除险加固
            editDcdxInfoNyhtk: resolve => {
                require(['../editDcdxInfo_nyhtk.vue'], resolve)
            },  // 37 水库除险加固
            editDcdxInfoSzygl: resolve => {
                require(['../editDcdxInfo_szygl.vue'], resolve)
            },  //取用水
            editDcdxInfoJsztfh: resolve => {
                require(['../editDcdxInfo_jsztfh.vue'], resolve)
            },  //节水载体复核
            editDcdxInfoQsxkglfhhdw: resolve => {
                require(['../editDcdxInfo_qsxkglfhhdw.vue'], resolve)
            },  //取水许可管理复核
            editDcdxInfoSzyjsgl: resolve => {
                require(['../editDcdxInfo_szyjsgl.vue'], resolve)
            },  //取水许可管理复核
            editDcdxInfoXjSzyjsgl: resolve => {
                require(['../editDcdxInfo_xjszyjsgl.vue'], resolve)
            },  //取水许可管理复核
            editDcdxInfoQsxkglfhsdz: resolve => {
                require(['../editDcdxInfo_qsxkglfhsdz.vue'], resolve)
            },  //取水许可管理复核
            editDcdxInfoAqscssjygk: resolve => {
                require(['../editDcdxInfo_aqscssjygk.vue'], resolve)
            },  //取水许可管理复核
            editDcdxInfoNcysaq: resolve => {
                require(['../editDcdxInfo_ncysaq.vue'], resolve)
            },  //取水许可管理复核
            editDcdxInfoQsxk: resolve => {
                require(['../editDcdxInfo_qsxk.vue'], resolve)
            },  //青海取水许可
            editDcdxInfoWrsAndWswmSpe: (resolve) => {
                require(['../editDcdxInfoWrsAndWswmSpe.vue'], resolve)
            },//江苏水资源和节水管理专项
            editDcdxInfoZhaoTouBiao: (resolve) => {
                require(['../editDcdxInfo_zhaotoubiao.vue'], resolve)
            },//江苏水资源和节水管理专项
            editDcdxInfoShuiyacai: (resolve) => {
                require(['../editDcdxInfo_shuiyacai.vue'], resolve)
            },//水压采
            editDcdxInfoTuidiJianshui: (resolve) => {
                require(['../editDcdxInfo_tuidijianshui.vue'], resolve)
            }//068（rlrw）退地减水督查（新疆）
            ,
            editDcdxInfoXiaofangYiqing: (resolve) => {
                require(['../editDcdxInfo_xiaofangyiqing.vue'], resolve)
            },//074（safety）074消防安全及疫情防控对象督查（江西）
            editDcdxInfoShuiXingZhenBuMen: (resolve) => {
                require(['../editDcdxInfo_shuixingzhengbumen.vue'], resolve)
            },//075水行政部门安全生产巡查
            editDcdxInfoHehuzhangzhi: (resolve) => {
                require(['../editDcdxInfo_hehuzhangzhi.vue'], resolve)
            },//河湖长制
            editDcdxInfoHehuguanli: (resolve) => {
                require(['../editDcdxInfo_hehuguanli.vue'], resolve)
            },//河湖管理
            editDcdxInfoSlxmaqscxj: (resolve) => {
                require(['../editDcdxInfo_slxmaqscxj.vue'], resolve)
            },//河湖管理
            editDcdxInfoNcysaqAf: (resolve) => {
                require(['../editDcdxInfo_ncysaqaf.vue'], resolve)
            },//河湖管理
            editDcdxInfoBxzzqlaq: (resolve) => {
                require(['../editDcdxInfo_bxzzqlaq.vue'], resolve)
            },//病险闸站
            editDcdxInfoXsd: (resolve) => {
                require(['../editDcdxInfo_xsd.vue'], resolve)
            },//小水电清理暗访督查
            editDcdxInfoSxzzf: (resolve) => {
                require(['../editDcdxInfo_shuixingzhengzhifa.vue'], resolve)
            },//青海水行政执法
            editDcdxInfoWxhxpsyaq: (resolve) => {
                require(['../editDcdxInfo_weixianhuaxuepinanquan.vue'], resolve)
            },//江苏危险化学品使用安全
            editDcdxInfoXskcxjg: (resolve) => {
                require(['../editDcdxInfo_xskcxjg.vue'], resolve)
            },//小水库除险加固
            editDcdxInfoDxs: (resolve) => {
                require(['../editDcdxInfo_hbdxs.vue'], resolve)
            },//河北地下水
            editDcdxInfoStbczdgc: (resolve) => {
                require(['../editDcdxInfo_stbczdgc.vue'], resolve)
            },//河北地下水
            editDcdxInfoCbhsfy: (resolve) => {
                require(['../editDcdxInfo_cbhsfy.vue'], resolve)
            },//青海超标洪水防御
            editDcdxInfoShzhfy: (resolve) => {
                require(['../editDcdxInfo_shzhfy.vue'], resolve)
            },//青海山洪灾害防御
            editDcdxInfoShxf: (resolve) => {
                require(['../editDcdxInfo_shxf.vue'], resolve)
            },//青海水毁修复
            editDcdxInfoSkfhdd: (resolve) => {
                require(['../editDcdxInfo_skfhdd.vue'], resolve)
            },//青海水毁修复
            editDcdxInfoFjncysaq: (resolve) => {
                require(['../editDcdxInfo_fjncysaq.vue'], resolve)
            },//福建农村饮水安全
            editDcdxInfoXyjsxshdbjs: (resolve) => {
                require(['../editDcdxInfo_xyjsxshjs.vue'], resolve)
            },//县域节水型社会达标建设监督
            editDcdxInfoSlzjjdjc:(resolve) => {
                require(['../editDcdxInfo_slzjjdjc.vue'], resolve)
            },//新疆水利资金监督检查
            editDcdxInfoSlgcjsaqsc:(resolve) => {
                require(['../editDcdxInfo_slgcjsaqsc.vue'], resolve)
            },//青海水利工程建设安全生产
            editDcdxInfoSlgcjszljc:(resolve) => {
                require(['../editDcdxInfo_slgcjszljc.vue'], resolve)
            },//青海水利工程建设质量检测
            editDcdxInfoBzhgd:(resolve) => {
                require(['../editDcdxInfo_bzhgd.vue'], resolve)
            },//标准化工地
            editDcdxInfoZlglpj:(resolve) => {
                require(['../editDcdxInfo_zlglpj.vue'], resolve)
            },//质量管理评价
            editDcdxInfoNcysaqXjbt: resolve => {
                require(['../editDcdxInfo_ncysaqxjbt.vue'], resolve)
            },  //
            editDcdxInfoFjSxzzf: resolve => {
                require(['../editDcdxInfo_fjsxzzf.vue'], resolve)
            },
            editDcdxInfoCommon:resolve => {
                require(['../editDcdxInfo_common.vue'], resolve)
            },
            editDcdxPwuAWiu:resolve => {
                require(['../editDcdxInfo_pwuawiu.vue'], resolve)
            },
            editDcdxDrinkWaterSource:resolve => {
                require(['../editDcdxInfo_drinkwatersource.vue'], resolve)
            },
            editDcdxXskSd:resolve => {
                require(['../editDcdxInfo.vue'], resolve)
            },
            editDcdxXsdyhgl:resolve => {
                require(['../editDcdxInfo_xsdyhgl.vue'], resolve)
            }
        },
        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();
          this.getAdDataList()
        },
        mounted() {
            this.initTableData();
        },
        methods: {
            searchBtn1(){
                this.getAllPersName();
            },
            handleCurrentChange1(val){
                this.pageNum1 = val;
                this.getAllPersName();
            },
            getAllPersName(){
                this.addSearchForm.pageNum = this.pageNum1;
                this.addSearchForm.pageSize = this.pageSize1;
                this.loading1 = true;
                var _self = this;
                request.post('/bis/insp/mtprg/sms/listByNotMonthReport',this.addSearchForm).then(res=>{
                    if(res.success){
                        _self.tableData1 = res.data.list;
                        _self.total1 = res.data.total;
                        _self.loading1 = false;
                    }else{
                        _self.$message.warning(res.message)
                    }
                })
            },
            handleSelectionChange(val){
                this.multipleSelection = val;
            },
            addSubmitPer(){

                var _self = this;
                var perNames = [];
                if(this.multipleSelection && this.multipleSelection.length>0){
                    this.multipleSelection.forEach((item,index) =>{
                        perNames.push(item.persName);
                    })
                }
                this.currowRow[this.currentCol] = perNames.join(",");
                this.currowRow[this.currentCol+"Data"] = this.multipleSelection;
                this.addDialogVisible = false;
            },
            closeAddDialog(){
                this.addDialogVisible = false;
            },
            DuiXiangAddSuccessHandler(obj){
               this.currowRow.col4 = obj.names;
               this.currowRow.col4Data = obj.obj;
            },
            rowClick_8(row){
               this.currowRow = row;
               this.currentCol = "col8"
               this.addDialogVisible = true;
                this.addSearchForm = {};
               this.getAllPersName();


            },
            rowClick_9(row){
                this.currowRow = row;
                this.currentCol = "col9"
                this.addDialogVisible = true;
                this.addSearchForm = {};
                this.getAllPersName();
            },
            rowClick_4(row){
               if(row.col1==null || row.col1.length==0){
                 this.$message.warning("请选择检查事项");
                 return false;
               }else{
                 this.isVisible_1 = true;
                 var val = parseInt(row.col1).toString();
                 this.duChaType = val;
                 this.adCodes = row.col3Data;
                 this.currowRow = row;
                 switch (val) {
                     case '1':
                     case '2':
                     case '3':
                     case '5':
                     case '36':
                     case '26':
                     case '34': //水库除险加固
                     case '80': //中大型水库回头看
                         this.curEditDcdxInfo = 'editDcdxInfo'
                         break;
                     case '4': //水利工程建设督查
                         this.curEditDcdxInfo = 'editDcdxInfojianshe'
                         break;
                     case '6': //水闸工程督查
                         this.curEditDcdxInfo = 'editDcdxInfosz'
                         break;
                     case '7': //水利工程运行督查
                         this.curEditDcdxInfo = 'editDcdxInfoyunxing'
                         break;
                     case '9': //特定飞检
                         this.curEditDcdxInfo = 'editDcdxInfotdfj'
                         break;
                     case '10': //其他检查
                         this.curEditDcdxInfo = 'editDcdxInfoqita'
                         break;
                     case '11': //淤地坝督查
                         this.curEditDcdxInfo = 'editDcdxInfoyudiba'
                         break;
                     case '12': //取水口督查
                         this.curEditDcdxInfo = 'editDcdxInfoqsk'
                         break;
                     case '13': //水源地督查
                         this.curEditDcdxInfo = 'editDcdxInfosyd'
                         break;
                     case '14': //分水及管控督查
                         this.curEditDcdxInfo = 'editDcdxInfoszyxjxzq'
                         break;
                     case '15': //节水管理与评价
                         this.curEditDcdxInfo = 'editDcdxInfojsgl'
                         break;
                     case '16': //用水单位抽查
                         this.curEditDcdxInfo = 'editDcdxInfojsdw'
                         break;
                     case '17': //水保项目
                         this.curEditDcdxInfo = 'editDcdxInfosb'
                         break;
                     case '18':
                     case '19': //18 河湖四乱督查 19非法采砂督查
                         this.curEditDcdxInfo = 'editDcdxInfosl'
                         break;
                     case '20': //中央环保督查
                         this.curEditDcdxInfo = 'editDcdxInfozyhbdc'
                         break;
                     case '22': //大中型水库督查
                         this.curEditDcdxInfo = 'editDcdxInfoSkFj'
                         break;
                     case '23': //量化评分
                         this.curEditDcdxInfo = 'editDcdxInfoQuanScore'
                         break;
                     case '24': //小水库标准化
                         this.curEditDcdxInfo = 'editDcdxInfoXskbzh'
                         break;
                     case '25': //2020年农饮
                     case '37': //农饮回头看
                         this.curEditDcdxInfo = 'editDcdxInfoRynew'
                         break;
                     case '27': //山洪灾害防御
                         this.curEditDcdxInfo = 'editDcdxInfoRyZj'
                         break;
                     case '28': //灌区最后一公里
                     case '62': // 新疆乙级检测单位
                         this.curEditDcdxInfo = 'editDcdxInfoYiGongLi'
                         break;
                     case '67': // 新疆乙级检测单位
                         this.curEditDcdxInfo = 'editDcdxInfoZhaoTouBiao'
                         break;
                     case '29': //堤防险工险段
                         this.curEditDcdxInfo = 'editDcdxInfoDiFang'
                         break;
                     case '30': //超标洪水防御
                         this.curEditDcdxInfo = 'editDcdxInfoChaoBiaoHongYuAn'
                         break;
                     case '31': //取用水
                         this.curEditDcdxInfo = 'editDcdxInfoQys'
                         break;
                     case '32': //水资源
                         this.curEditDcdxInfo = 'editDcdxInfoSzygl'
                         break;
                     case '33': //节约用水
                         this.curEditDcdxInfo = 'editDcdxInfoJieshui'
                         break;
                     // case '34': //水库除险加固
                     //   this.curEditDcdxInfo = 'editDcdxInfoSkcxjg'
                     //   break;
                     case '35': //中小河流
                         this.curEditDcdxInfo = 'editDcdxInfoZxhl'
                         break;
                     // case '37': //农饮回头看
                     //   this.curEditDcdxInfo = 'editDcdxInfoNyhtk'
                     //   break;
                     case '41': //浙江人饮
                         this.curEditDcdxInfo = 'editDcdxInfoRyZj'
                         break;
                     case '42': //浙江强监管
                         this.curEditDcdxInfo = 'editDcdxInfoZjqjg'
                         break;
                     case '54': //福建节水载体复核
                         this.curEditDcdxInfo = 'editDcdxInfoJsztfh'
                         break;
                     case '55': //福建取水许可管理复核河道外
                         this.curEditDcdxInfo = 'editDcdxInfoQsxkglfhhdw'
                         break;
                     case '53': //福建水资源及节水管理
                         this.curEditDcdxInfo = 'editDcdxInfoSzyjsgl'
                         break;
                     case '56': //福建水资源及节水管理县级
                         this.curEditDcdxInfo = 'editDcdxInfoXjSzyjsgl'
                         break;
                     case '57': //福建取水许可管理复核水电站
                         this.curEditDcdxInfo = 'editDcdxInfoQsxkglfhsdz'
                         break;
                     case '68': // 退地减水
                         this.curEditDcdxInfo = 'editDcdxInfoTuidiJianshui'
                         break;
                     case '69': //福建取水许可管理复核水电站
                         this.curEditDcdxInfo = 'editDcdxInfoAqscssjygk'
                         break;
                     case '70': // 地下水压采
                         this.curEditDcdxInfo = 'editDcdxInfoShuiyacai'
                         break;
                     case '71': //福建取水许可管理复核水电站
                         this.curEditDcdxInfo = 'editDcdxInfoNcysaq'
                         break;
                     case '72': //青海取水许可
                         this.curEditDcdxInfo = 'editDcdxInfoQsxk'
                         break;
                     case '73': //小水电清理暗访督查
                         this.curEditDcdxInfo = 'editDcdxInfoXsd'
                         break;
                     case '74': //消防安全及疫情防控对象督查
                         this.curEditDcdxInfo = 'editDcdxInfoXiaofangYiqing'
                         break;
                     case '75': //水行政部门安全生产巡查
                         this.curEditDcdxInfo = 'editDcdxInfoShuiXingZhenBuMen'
                         break;
                     case '76': //河湖长制
                         this.curEditDcdxInfo = 'editDcdxInfoHehuzhangzhi'
                         break;
                     case '77': //河湖管理
                         this.curEditDcdxInfo = 'editDcdxInfoHehuguanli'
                         break;
                     case '78': //水利项目安全生产巡检
                         this.curEditDcdxInfo = 'editDcdxInfoSlxmaqscxj'
                         break;
                     case '79': //广东农村饮水安全暗访
                         this.curEditDcdxInfo = 'editDcdxInfoNcysaqAf'
                         break;
                     case '81': //病险闸站桥梁安全
                         this.curEditDcdxInfo = 'editDcdxInfoBxzzqlaq'
                         break;
                     case '82': //青海水行政执法
                         this.curEditDcdxInfo = 'editDcdxInfoSxzzf'
                         break;
                     case '83': //江苏危险化学品使用安全督查
                         this.curEditDcdxInfo = 'editDcdxInfoWxhxpsyaq'
                         break;
                     case '84': //小水库除险加固
                         this.curEditDcdxInfo = 'editDcdxInfoXskcxjg'
                         break;
                     case '89': //河北地下水
                         this.curEditDcdxInfo = 'editDcdxInfoDxs'
                         break;
                     case '91': //青海水土保持重点工程
                         this.curEditDcdxInfo = 'editDcdxInfoStbczdgc'
                         break;
                     case '93': //青海超标洪水防御
                         this.curEditDcdxInfo = 'editDcdxInfoCbhsfy'
                         break;
                     case '94': //青海山洪灾害防御
                         this.curEditDcdxInfo = 'editDcdxInfoShzhfy'
                         break;
                     case '95': //水毁修复
                         this.curEditDcdxInfo = 'editDcdxInfoShxf'
                         break;
                     case '96': //水库防洪调度
                         this.curEditDcdxInfo = 'editDcdxInfoSkfhdd'
                         break;
                     case '97': //福建2021农饮
                         this.curEditDcdxInfo = 'editDcdxInfoFjncysaq'
                         break;
                     case '98': //新疆兵团水利资金监督检查
                         this.curEditDcdxInfo = 'editDcdxInfoSlzjjdjc'
                         break;
                     case '99': //青海水利工程建设安全生产
                         this.curEditDcdxInfo = 'editDcdxInfoSlgcjsaqsc'
                         break;
                     case '100': //青海水利工程建设质量检测
                         this.curEditDcdxInfo = 'editDcdxInfoSlgcjszljc'
                         break;
                     case '101': //县域节水型社会达标建设监督(青海)
                         this.curEditDcdxInfo = 'editDcdxInfoXyjsxshdbjs'
                         break;
                     case '104': //标准化工具(福建)
                         this.curEditDcdxInfo = 'editDcdxInfoBzhgd'
                         break;
                     case '105': //质量管理评价(福建)
                         this.curEditDcdxInfo = 'editDcdxInfoZlglpj'
                         break;
                     case '106'://小水库复查(云南)
                         this.curEditDcdxInfo = 'editDcdxInfo'
                         break;
                     case '108'://新疆兵团农村饮水
                         this.curEditDcdxInfo = 'editDcdxInfoNcysaqXjbt'
                         break;
                     case '110'://福建县水行政执法
                         this.curEditDcdxInfo = 'editDcdxInfoFjSxzzf'
                         break;
                     case '111': //通用督查(海南)
                         this.curEditDcdxInfo = 'editDcdxInfoCommon'
                         break;
                     case '112': //计划用水户及取水单位(江苏)
                         this.curEditDcdxInfo = 'editDcdxPwuAWiu'
                         break;
                     case '113': //饮用水水源地管理督查(江苏)
                         this.curEditDcdxInfo = 'editDcdxDrinkWaterSource'
                         break;
                     case '115': //小水库(山东)
                         this.curEditDcdxInfo = 'editDcdxXskSd'
                         break;
                     case '116': //小水电隐患管理(福建)
                         this.curEditDcdxInfo = 'editDcdxXsdyhgl'
                         break;
                     // case '101': //江苏水资源和节水管理专项
                     //   this.curEditDcdxInfo = 'editDcdxInfoWrsAndWswmSpe'
                     //   break;
                     default:
                         this.curEditDcdxInfo = 'editDcdxInfoyudiba'
                         break;
                 }
                 this.$nextTick(()=>{
                     setTimeout(() => {
                         this.$refs['editDcdxInfoRef'].showDialog(this.duChaType);
                     }, 500)

                 })

               }
            },
            finishData(row){

               row.edit = false;
            },
            getAdDataList() {
                var _self = this;
                _self.treeLoading = true;
                getAddTree(this.organCode,this.level).then((res)=>{
                    if(res.data){
                        _self.treeData = res.data.children;
                        _self.treeLoading = false;
                    }
                })
            },
            checkchange(addvcd){
               this.searchForm.chkAdCode = addvcd;
            },
            checkchangeRow(addvcd){
                this.searchForm.chkAdCode = addvcd;
            },
            async changeData(row,colum) {
                console.log(row)

            },

            celledit(row, column,cell,event){
                if(column.property){
                    this.$nextTick(()=>{
                        if(!row.id){
                            row.edit = true;
                        }

                    })
                }
            },
            getTypes() {
                var _self = this;
                request.get(`/bis/insp/rel/org/insp/type/getInspTypeByOrgId/${this.orgId}`)
                    .then(res => {
                        if (res.success) {
                            _self.dcTypeList = res.data;
                        }
                    })
            },
            closeDetailDialog(){
                this.detailDialogVisible = false;
            },
            lookOver(obj){
                this.detailObj = obj;
                this.detailObj.chkMnth = this.detailObj.chkMnth?this.formatDate(this.detailObj,{property:"chkMnth"},null,null):"";
                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))
                }
                return "";
            },
            chkFormFormat(row, column, cellValue, index){
                return  row.chkForm=="1"?"暗访":row.chkForm=="2"?"明察":row.chkForm=="3"?"书面":row.chkForm=="4"?"四不两直":"";
            },
            async exportExcel() {
                this.searchForm.chkYearId = this.rowData.id;
                this.searchForm.persId = this.persId;
                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];
                }
                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));
            },
            deleteData(id,index){
                if(!id){
                  this.tableData.splice(index,1);
                  return;
                }
                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: '已取消删除'
                    });
                });
            },
            addSubmit(){
                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.initTableData();
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            async initTableData() {

                this.searchForm.chkYearId = this.rowData.id;
                this.searchForm.pageNum = this.pageNum;
                this.searchForm.pageSize = this.pageSize;
                this.searchForm.persId = this.persId;
                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];
                }
                // this.loading = true;
                // await request.post(`/bis/insp/plan/year/prg/findPageList`, this.searchForm).then(res => {
                //     if (res.success) {
                        var dataList = [{id:"", col1:[], col2:[], col3:"", col4:"", col5:"", col6:"", col7:"", col8:"", col9:"", col10:"", edit:false}]
                        dataList.forEach((item, index) => {
                            item.edit = false;
                        });
                        this.tableData = dataList;

                        //         var dataList = res.data.list;
                        //         dataList.forEach((item,index)=>{
                        //             if(item.sttm && item.entm){
                        //                 item.chkTime = [item.sttm,item.entm];
                        //             }else{
                        //                 item.chkTime = [];
                        //             }
                        //
                        //             for(let i in item) {
                        //                 item[i] = {
                        //                     value: item[i],
                        //                     edit: false,
                        //                     ref:i+index
                        //                 }
                        //             }
                        //         });
                        //         _self.total = res.data.total;
                        //         _self.loading = false;
                        //         _self.$nextTick(()=>{
                        //             _self.tableData = dataList;
                        //             _self.$refs.table.doLayout();
                        //         })
                //     } else {
                //         this.$message.warning(res.message)
                //     }
                // })
            },
            handleCurrentChange(val){
                this.pageNum = val;
                this.initTableData();
            },
            searchBtn(){
                this.initTableData();
            },
            addBtn(){
                var dataList = this.tableData;
                this.tableData = [];
                var newArr = [{id:"", col1:[], col2:[], col3:"", col4:"", col5:"", col6:"", col7:"", col8:"", col9:"", col10:"", edit:false}];
                this.tableData = newArr.concat(dataList);
            }
        }
    }
</script>

<style lang="scss" scoped>
  .filter-tree{
    height:auto;
    overflow-y:auto;
    max-height: 200px;
    padding: 0;
    background: white;
  }
  .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:100%;
     margin: 0;
     padding: 10px;
  }
  .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>