fj-dc-ui/.svn/pristine/e9/e9befd3a06e856d8b0161d31ec4f1d711c9f67b0.svn-base

<template>
  <el-container class="monthReport">
    <el-card class="box-card" :style="{'height': cardHeight + 'px','overflow':'hidden'}">
       <h2 class="title_monthReport">水务局安全生产监督检查台账</h2>
      <el-form :inline="true" size="mini" class="demo-form-inline" label-width="120px">
        <el-form-item label="检查月份" label-width="120px" v-if="!isCounty">
          <el-date-picker
            style="width: 200px"
            v-model="searchForm.chkMnth"
            type="month"
            clearable
            placeholder="检查月份">
          </el-date-picker>
        </el-form-item>
<!--        <el-form-item label="行政区划" label-width="120px" v-if="!isCounty">-->
<!--          <treeselect v-model="searchForm.adCode" :options="treeOptions" :normalizer="normalizer" :show-count="false" placeholder="请选择区划" style="width:200px;height:28px;"/>-->
<!--        </el-form-item>-->
        <el-form-item label="项目类型" label-width="120px" v-if="isCounty">
          <el-select
            v-model="searchForm.chkProjType"
            clearable
            style="width: 200px"
            placeholder="项目类型">
            <el-option :label="item.projType" :value="item.id" v-for="(item,index) in optionsAll"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="检查日期" label-width="120px" v-if="isCounty">
          <el-date-picker
            v-model="searchForm.chkDttm"
            clearable
            type="date"
            style="width: 200px"
            placeholder="检查日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="检查单位" label-width="120px" v-if="isCounty">
          <el-input v-model="searchForm.leadDep" placeholder="检查单位" style="width: 200px" clearable></el-input>
        </el-form-item>
        <el-form-item label="被检查单位(项目)" label-width="120px" v-if="isCounty">
          <el-input v-model="searchForm.chkOrg" placeholder="被检查单位" style="width: 200px" clearable></el-input>
        </el-form-item>
        <el-form-item label="整改落实情况" label-width="120px" v-if="isCounty">
          <el-select
            v-model="searchForm.chkRectImplInfo"
            clearable
            style="width: 200px"
            placeholder="整改落实情况">
            <el-option label="未整改" value="0"></el-option>
            <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" v-if="isCounty">
          <el-input v-model="searchForm.chkFillUnit" placeholder="报送单位" style="width: 200px" clearable></el-input>
        </el-form-item>
        <el-form-item label="是否上报" label-width="120px" v-if="isCounty">
          <el-select
            v-model="searchForm.fillRepoStat"
            clearable
            style="width: 200px"
            placeholder="是否上报">
            <el-option label="否" value="1"></el-option>
            <el-option label="是" value="2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="mini" @click="searchBtn" style="margin-left: 10px;">查询</el-button>
          <el-button type="success" size="mini" @click="addBtn" v-if="isCounty">添加</el-button>
          <el-button type="success" size="mini" @click="batchSubmit" v-if="isCounty">批量上报</el-button>
          <el-button type="primary" size="mini" @click="exportExcel(1)">导出</el-button>
          <el-button type="primary" size="mini" @click="downloadTemplate" v-if="isCounty">下载模板</el-button>
          <PblmMendUploadAutoSimple
            v-if="isCounty"
            ref="ImportPlan"
            :limit=1
            :url="`/pdcApi/chk/safe/prod/ledger/impExl`"
            @uploadOver="uploadOver"
            :accept="'.xls'"
            style="margin:auto;"
            comment=".xls格式,不超过50MB(自动上传)"
            fileDesc="批量导入"
          ></PblmMendUploadAutoSimple>
        </el-form-item>
      </el-form>
      <div>
        <el-table
          border
          v-show="!isCounty"
          ref="table"
          :height="tableHeight"
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
          v-loading="loading">
          <el-table-column align="center" type="index" label="序号" width="80">
            <template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}</template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="120"
            :formatter="formatDateMonth"
            prop="chkMnth"
            label="检查月份"
            show-overflow-tooltip>
          </el-table-column>
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            width="200"-->
<!--            prop="adName"-->
<!--            label="县"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            width="200"-->
<!--            :formatter="formatType"-->
<!--            label="项目类型"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            label="市级"
            show-overflow-tooltip>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="cityChkNum"
              label="巡查个次"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="cityPblmNum"
              label="隐患数量"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="cityRectDoNum"
              label="隐患(整改)"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="120"
              prop="cityRectNotNum"
              label="隐患(未整改)"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="150"
              prop="cityPercent"
              label="隐患(整改率)"
              show-overflow-tooltip>
            </el-table-column>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            label="县级"
            show-overflow-tooltip>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="countyChkNum"
              label="巡查个次"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="countyPblmNum"
              label="隐患数量"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="countyRectDoNum"
              label="隐患(整改)"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="120"
              prop="countyRectNotNum"
              label="隐患(未整改)"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="150"
              prop="countyPercent"
              label="隐患(整改率)"
              show-overflow-tooltip>
            </el-table-column>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            label="总数"
            show-overflow-tooltip>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="chkNum"
              label="巡查个次"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="pblmNum"
              label="隐患数量"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="rectDoNum"
              label="隐患(整改)"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="120"
              prop="rectNotNum"
              label="隐患(未整改)"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="150"
              prop="percent"
              label="隐患(整改率)"
              show-overflow-tooltip>
            </el-table-column>
          </el-table-column>
          <el-table-column
            align="center"
            width="120"
            label="操作"
            fixed="right">
            <template slot-scope="scope">
              <el-button type="primary" size="mini"  @click.stop="showDetail(scope.row)">查看详细</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-table
          border
          v-show="isCounty"
          ref="table"
          :height="tableHeight"
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
          v-loading="loading"
          @selection-change="handleSelectionChange">
          <el-table-column align="center" type="selection" width="60"></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-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            width="200"-->
<!--            prop="adName"-->
<!--            label="行政区划"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            min-width="200"-->
<!--            :formatter="formatDateMonth"-->
<!--            prop="chkMnth"-->
<!--            label="报送月份"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            :formatter="formatType"
            label="项目类型"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkSubmitDept"
            label="填报单位"
            show-overflow-tooltip>
          </el-table-column>
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            min-width="200"-->
<!--            :formatter="formatDate"-->
<!--            prop="chkSubmitDttm"-->
<!--            label="填报日期"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            :formatter="formatDate"
            prop="chkDttm"
            label="检查日期"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="leadDep"
            label="检查单位"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="leadDepRespPers"
            label="检查单位负责人"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkOrg"
            min-width="300"
            label="被检查单位(项目)"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkOrgRespPers"
            label="被检查单位负责人"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkOrgRespPersMobi"
            label="被检查单位负责人电话"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkResult"
            label="检查结果"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <span v-if="scope.row.chkResult=='0'">无隐患问题</span>
              <span v-if="scope.row.chkResult=='1'">有隐患问题</span>
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkDgerPblm"
            label="隐患问题"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkHandSugg"
            width="120"
            label="处理意见"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            :formatter="formatDate"
            prop="chkHandEdtm"
            width="120"
            label="整改时限"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            prop="chkRectImplInfo"
            label="落实整改情况"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <span v-if="scope.row.chkRectImplInfo=='0'" style="color:#ff7d3c;">未整改</span>
              <span v-if="scope.row.chkRectImplInfo=='1'" style="color:#ff7d3c;">整改中</span>
              <span v-if="scope.row.chkRectImplInfo=='2'" style="color:#6aff60;">完成整改</span>
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            prop="chkRectImplInfoDesc"
            label="整改落实情况说明"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            :formatter="formatDate"
            width="120"
            prop="chkAcceTm"
            label="整改验收时间"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkAccePers"
            label="整改验收人"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="300"
            prop="chkFillUnit"
            label="报送单位"
            show-overflow-tooltip
          ></el-table-column>
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            prop="chkTotalPblmNum"-->
<!--            width="100"-->
<!--            label="总隐患数"-->
<!--            show-overflow-tooltip-->
<!--          ></el-table-column>-->
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            prop="chkTotalRectNum"-->
<!--            width="100"-->
<!--            label="总整改数"-->
<!--            show-overflow-tooltip-->
<!--          ></el-table-column>-->
          <el-table-column
            align="center"
            min-width="300"
            v-if="isCounty"
            label="操作"
            fixed="right">
            <template slot-scope="scope">
              <el-button type="success" size="mini"  :disabled="scope.row.fillRepoStat=='2'" @click.stop="report(scope.row)">上报</el-button>
              <el-button type="primary" size="mini"  :disabled="scope.row.fillRepoStat=='2'" @click.stop="edit(scope.row)">编辑</el-button>
              <el-button type="danger"  size="mini"  :disabled="scope.row.fillRepoStat=='2'" @click.stop="deleteData(scope.row.id)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="pageNum"
          :page-size="pageSize"
          :page-sizes="[10, 20, 50, 100]"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
        ></el-pagination>
      </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-date-picker-->
<!--              style="width: 200px"-->
<!--              v-model="addForm.chkMnth"-->
<!--              type="month"-->
<!--              clearable-->
<!--              placeholder="报送月份">-->
<!--            </el-date-picker>-->
<!--          </el-form-item>-->
          <el-form-item label="项目类型" required>
            <el-select
              v-model="addForm.chkProjType"
              clearable
              style="width: 200px"
              placeholder="项目类型">
              <el-option :label="item.projType" :value="item.id" v-for="(item,index) in optionsAll"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="填报单位" required>
            <el-input type="text" v-model="addForm.chkSubmitDept" clearable placeholder="请输入填报单位" style="width: 70%"></el-input>
          </el-form-item>
<!--          <el-form-item label="填报日期" required>-->
<!--            <el-date-picker-->
<!--              v-model="addForm.chkSubmitDttm"-->
<!--              type="date"-->
<!--              clearable-->
<!--              placeholder="填报日期">-->
<!--            </el-date-picker>-->
<!--          </el-form-item>-->
          <el-form-item label="检查日期" required>
            <el-date-picker
              v-model="addForm.chkDttm"
              type="date"
              clearable
              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-input type="text" v-model="addForm.leadDepRespPers" clearable placeholder="请输入检查单位负责人" style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="被检查单位(项目)" required>
            <el-input type="text" v-model="addForm.chkOrg" clearable placeholder="请输入被检查单位(项目)" style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="被检查单位负责人及电话">
            <el-input type="text" v-model="addForm.chkOrgRespPers" clearable placeholder="请输入被检查单位负责人" style="width: 35%"></el-input>
            <el-input type="text" v-model="addForm.chkOrgRespPersMobi" clearable placeholder="请输入被检查单位负责人电话" style="width: 35%"></el-input>
          </el-form-item>
          <el-form-item label="检查结果" required>
            <el-select
              @change="changeResult"
              v-model="addForm.chkResult"
              clearable
              style="width: 200px"
              placeholder="检查结果">
              <el-option label="无隐患问题" value="0"></el-option>
              <el-option label="有隐患问题" value="1"></el-option>
            </el-select>
<!--            <el-input type="textarea" v-model="addForm.chkResult" clearable placeholder="请输入检查结果" style="width: 70%"></el-input>-->
          </el-form-item>
          <el-form-item label="隐患问题" required v-if="addForm.chkResult=='1'">
            <el-input type="textarea" @input="$forceUpdate()" v-model="addForm.chkDgerPblm" clearable placeholder="请输入隐患问题" style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="处理意见" required v-if="addForm.chkResult=='1'">
            <el-input type="textarea" @input="$forceUpdate()" v-model="addForm.chkHandSugg" clearable placeholder="请输入处理意见" style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="整改时限" required v-if="addForm.chkResult=='1'">
            <el-date-picker
              @input="$forceUpdate()"
              v-model="addForm.chkHandEdtm"
              type="date"
              clearable
              placeholder="整改时限">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="整改落实情况" required v-if="addForm.chkResult=='1'">
            <el-select
              @change="changeValue"
              v-model="addForm.chkRectImplInfo"
              clearable
              style="width: 200px"
              placeholder="整改落实情况">
              <el-option label="未整改" value="0"></el-option>
              <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.chkRectImplInfo=='2'">
            <el-date-picker
              v-model="addForm.chkAcceTm"
              type="date"
              @input="$forceUpdate()"
              clearable
              placeholder="整改验收时间">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="整改验收人" required v-if="addForm.chkRectImplInfo=='2'">
            <el-input type="text" @input="$forceUpdate()" v-model="addForm.chkAccePers" placeholder="请输入整改验收人" clearable style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="整改落实情况说明">
            <el-input type="textarea" v-model="addForm.chkRectImplInfoDesc" clearable placeholder="请输入整改落实情况说明" style="width: 70%"></el-input>
          </el-form-item>
          <el-form-item label="报送单位" required >
            <el-input type="text" v-model="addForm.chkFillUnit" placeholder="请输入报送单位" clearable style="width: 70%"></el-input>
          </el-form-item>
<!--          <el-form-item label="总隐患数" required >-->
<!--            <el-input-number v-model="addForm.chkTotalPblmNum" placeholder="请输入总隐患数" clearable style="width: 70%"></el-input-number>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="总整改数" required >-->
<!--            <el-input-number v-model="addForm.chkTotalRectNum" placeholder="请输入总整改数" clearable style="width: 70%"></el-input-number>-->
<!--          </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="80%"
      modal-append-to-body
      append-to-body
      :visible.sync="addDialogVisible1">
      <div style="width: 100%;height:100%;">
        <el-form :inline="true" size="mini" class="demo-form-inline" label-width="120px">
<!--          <el-form-item label="项目类型" label-width="120px">-->
<!--            <el-select-->
<!--              v-model="searchForm1.chkProjType"-->
<!--              clearable-->
<!--              style="width: 200px"-->
<!--              placeholder="项目类型">-->
<!--              <el-option :label="item.projType" :value="item.id" v-for="(item,index) in optionsAll"></el-option>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="检查日期" label-width="120px">-->
<!--            <el-date-picker-->
<!--              v-model="searchForm1.chkDttm"-->
<!--              clearable-->
<!--              type="date"-->
<!--              style="width: 200px"-->
<!--              placeholder="检查日期">-->
<!--            </el-date-picker>-->
<!--          </el-form-item>-->
          <el-form-item label="检查单位" label-width="120px">
            <el-input v-model="searchForm1.leadDep" placeholder="检查单位" style="width: 200px" clearable></el-input>
          </el-form-item>
          <el-form-item label="被检查单位(项目)" label-width="120px">
            <el-input v-model="searchForm1.chkOrg" placeholder="被检查单位" style="width: 200px" clearable></el-input>
          </el-form-item>
          <el-form-item label="报送单位" label-width="120px">
            <el-input v-model="searchForm1.chkFillUnit" placeholder="报送单位" style="width: 200px" clearable></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" size="mini" @click="searchBtn1" style="margin-left: 10px;">查询</el-button>
            <el-button type="primary" size="mini" @click="exportExcel(2)">导出</el-button>
          </el-form-item>
        </el-form>
        <el-table
          border
          ref="table1"
          :height="500"
          :data="tableData1"
          tooltip-effect="dark"
          style="width: 100%"
          v-loading="loading1">
          <el-table-column align="center" type="index" label="序号" width="80">
            <template slot-scope="scope">{{ (pageNum1 - 1) * pageSize1 + (scope.$index + 1) }}</template>
          </el-table-column>
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            width="200"-->
<!--            prop="adName"-->
<!--            label="行政区划"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            :formatter="formatType"
            label="项目类型"
            show-overflow-tooltip>
          </el-table-column>
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            min-width="200"-->
<!--            :formatter="formatDateMonth"-->
<!--            prop="chkMnth"-->
<!--            label="报送月份"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkSubmitDept"
            label="填报单位"
            show-overflow-tooltip>
          </el-table-column>
<!--          <el-table-column-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            min-width="200"-->
<!--            :formatter="formatDate"-->
<!--            prop="chkSubmitDttm"-->
<!--            label="填报日期"-->
<!--            show-overflow-tooltip>-->
<!--          </el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            :formatter="formatDate"
            prop="chkDttm"
            label="检查日期"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="leadDep"
            label="检查单位"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="leadDepRespPers"
            label="检查单位负责人"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkOrg"
            min-width="300"
            label="被检查单位(项目)"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="chkOrgRespPersMobi"
            label="被检查单位负责人及电话"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkResult"
            label="检查结果"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <span v-if="scope.row.chkResult=='0'">无隐患问题</span>
              <span v-if="scope.row.chkResult=='1'">有隐患问题</span>
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkDgerPblm"
            label="隐患问题"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="chkHandSugg"
            width="120"
            label="处理意见"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            :formatter="formatDate"
            prop="chkHandEdtm"
            width="120"
            label="整改时限"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            prop="chkRectImplInfo"
            label="落实整改情况"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <span v-if="scope.row.chkRectImplInfo=='0'" style="color:#ff7d3c;">未整改</span>
              <span v-if="scope.row.chkRectImplInfo=='1'" style="color:#ff7d3c;">整改中</span>
              <span v-if="scope.row.chkRectImplInfo=='2'" style="color:#6aff60;">完成整改</span>
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="200"
            prop="chkRectImplInfoDesc"
            label="整改落实情况说明"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            :formatter="formatDate"
            width="120"
            prop="chkAcceTm"
            label="整改验收时间"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkAccePers"
            label="整改验收人"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="300"
            prop="chkFillUnit"
            label="报送单位"
            show-overflow-tooltip
          ></el-table-column>
        </el-table>
        <el-pagination
          @size-change="handleSizeChange1"
          @current-change="handleCurrentChange1"
          :current-page.sync="pageNum1"
          :page-size="pageSize1"
          :page-sizes="[10, 20, 50, 100]"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total1"
        ></el-pagination>
      </div>
    </el-dialog>
  </el-container>
</template>
<script>
    import { exportModel } from '@util/gw_exportModel';
    import request from '@util/gw_ajax_request'
    import Treeselect from '@riophae/vue-treeselect';
    import '@riophae/vue-treeselect/dist/vue-treeselect.css';
    import PblmMendUploadAutoSimple from '../../widgets/pblm-mend-upload-auto-simple';
    import { getAddTree } from '../../api/duChaAPI.js';
    export default {
        name: '',
        props: [],
        data() {
            return {
                cardHeight: window.innerHeight - 110,
                detailDialogVisible:false,
                dialogT:'',
                addDialogVisible:false,
                addDialogVisible1:false,
                tableHeight:window.innerHeight-300,
                tableData:[],
                tableData1:[],
                loading:false,
                loading1:false,
                pageNum:1,
                pageNum1:1,
                pageSize:10,
                pageSize1:10,
                total:0,
                total1:0,
                treeOptions: undefined,
                multipleSelection:[],
                optionsAll:[],
                isCounty:true,
                searchForm:{
                    chkMnth:'',
                    leadDep:'',
                    chkOrg:'',
                    chkFillUnit:'',
                    chkDttm:'',
                    chkRectImplInfo:'',
                    fillRepoStat:'',
                    chkProjType:''
                },
                searchForm1:{
                    chkDttm:'',
                    leadDep:'',
                    chkOrg:'',
                    chkFillUnit:'',
                    chkProjType:''
                },
                addForm:{
                    id:'',
                    orgId:'',
                    adCode:'',
                    chkMnth:'',
                    chkDttm:'',
                    leadDep:'',
                    leadDepRespPers:'',
                    chkOrg:'',
                    chkOrgRespPers:'',
                    chkOrgRespPersMobi:'',
                    chkResult:'',
                    chkHandSugg:'',
                    chkHandEdtm:'',
                    chkRectImplInfo:'',
                    chkAcceTm:'',
                    chkAccePers:'',
                    chkTotalPblmNum:'',
                    chkTotalRectNum:'',
                    chkSubmitDept:'',
                    chkSubmitDttm:'',
                    fillRepoStat:'',
                    note:'',
                    persId:'',
                    intm:'',
                    uptm:'',
                    dataStat:'',
                    chkDgerPblm:'',
                    chkRectImplInfoDesc:'',
                    chkProjType:''
                }
            }
        },
        filters:{},
        components: {
            Treeselect,
            PblmMendUploadAutoSimple
        },
        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.getIsCounty();
           this.getAdTree();
           this.getAllOptions();
        },
        mounted() {

        },
        methods: {
            changeValue(v){
              this.$forceUpdate();
              this.addForm.chkAccePers = ""
              this.addForm.chkAcceTm = "";
            },
            changeResult(v){
                this.addForm.chkRectImplInfo = "";
                this.addForm.chkHandEdtm = "";
                this.addForm.chkHandSugg = ""
                this.addForm.chkDgerPblm = "";
                this.addForm.chkAccePers = ""
                this.addForm.chkAcceTm = "";
            },
            showDetail(row){
               this.addDialogVisible1 = true;
               this.searchForm1.chkMnth = row.chkMnth;
               // this.searchForm1.adCode = row.adCode;
               // this.searchForm1.chkProjType = row.chkProjType;
               this.initTableData1();
            },
            uploadOver(){
                this.initTableData();
            },
            async downloadTemplate() {
                let url = '/pdcApi/chk/safe/prod/ledger/dowmTemplate';
                let type = 'get';
                let exportName = '水务局安全生产监督检查台账.xls'
                let result = await exportModel(type, url, exportName, null);
            },
            async exportExcel(t) {
                let url = '';
                let obj = {};
                let exportName = '';
                if(this.isCounty){
                    url = '/pdcApi/chk/safe/prod/ledger/export';
                    obj = this.searchForm;
                    exportName = '水务局安全生产监督检查台账.xls';
                }else{
                    if(t==1){
                      url = '/pdcApi/chk/safe/prod/ledger/export/summary';
                      obj = this.searchForm;
                      exportName = '水务局安全生产监督检查台账汇总.xls';
                    }else{
                      url = '/pdcApi/chk/safe/prod/ledger/export/sub';
                      obj = this.searchForm1;
                      exportName = '水务局安全生产监督检查台账.xls';
                    }
                }
                let type = 'POST';
                let result = await exportModel(type, url, exportName,JSON.stringify(obj));
            },
            normalizer(node) {
                if (node.adUpDtoList && !node.adUpDtoList.length) {
                    delete node.adUpDtoList;
                }
                return {
                    id: node.adCode,
                    label: node.adName,
                    children: node.adUpDtoList
                };
            },
            getAdTree(){
                var _self = this;
                request.get('/dc/ad/base/getTreeByUser').then(res=>{
                    if(res.success){
                        _self.treeOptions = res.data;
                    }
                })
            },
            getIsCounty(){
                var _self = this;
                request.get('/chk/safe/prod/ledger/getIsCounty').then(res=>{
                    if(res.success){
                       _self.isCounty = res.data.key;
                       _self.$nextTick(()=>{
                          this.initTableData();
                       })
                    }
                })
            },
            getAllOptions(){
                request.post('/chk/safe/prod/ledger/proj/type/selectOptions ',{ pid:null }).then(res=>{
                    if(res.success){
                        this.optionsAll = res.data;
                    }
                })
            },
            formatType(row){
               var name = '';
               this.optionsAll.forEach((item,index)=>{
                   if(item.id==row.chkProjType){
                       name=item.projType
                   }
               })
               return name;
            },
            batchSubmit(){
               if(this.multipleSelection && this.multipleSelection.length>0){
                    var ids = [];
                    this.multipleSelection.forEach((item)=>{
                        ids.push(item.id);
                    })
                   this.$confirm('确定要批量上报吗, 是否继续?', '提示', {
                       confirmButtonText: '确定',
                       cancelButtonText: '取消',
                       type: 'warning'
                   }).then(() => {
                       request.post(`/chk/safe/prod/ledger/report/batch?ids=${ids.join(',')}`).then(res=>{
                           if(res.success){
                               this.initTableData();
                           }else{
                               this.$message.warning(res.message);
                           }
                       })
                   }).catch(() => {
                       this.$message({
                           type: 'info',
                           message: '已取消批量上报'
                       });
                   });
               }else{
                  this.$message.warning('请选择数据')
               }
            },
            report(row){
                  var ids = [];
                  ids.push(row.id);
                  this.$confirm('确定要上报当前数据吗, 是否继续?', '提示', {
                      confirmButtonText: '确定',
                      cancelButtonText: '取消',
                      type: 'warning'
                  }).then(() => {
                      request.post(`/chk/safe/prod/ledger/report/batch?ids=${ids.join(',')}`).then(res=>{
                          if(res.success){
                              this.initTableData();
                          }else{
                              this.$message.warning(res.message);
                          }
                      })
                  }).catch(() => {
                      this.$message({
                          type: 'info',
                          message: '已取消上报'
                      });
                  });
            },
            handleSelectionChange(val){
                this.multipleSelection = val;
            },
            formatDateMonth(row, column, cellValue, index){
                // //debugger
                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 '';
            },
            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 '';
            },
            deleteData(id){
                var _self = this;
                this.$confirm('确定删除该条数据吗, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post('/chk/safe/prod/ledger/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.dialogT = '编辑';
            },
            addSubmit(){
                if(!this.addForm.chkProjType){
                    this.$message.warning("项目类型不能为空");
                    return;
                }
                if(!this.addForm.chkSubmitDept){
                   this.$message.warning('填报单位不能为空');
                   return;
                }
                // if(!this.addForm.chkSubmitDttm){
                //     this.$message.warning('填报日期不能为空');
                //     return;
                // }
                if(!this.addForm.chkDttm){
                    this.$message.warning('检查日期不能为空');
                    return;
                }
                if(!this.addForm.leadDep){
                    this.$message.warning('检查单位不能为空');
                    return;
                }
                if(!this.addForm.leadDepRespPers){
                    this.$message.warning('检查单位负责人不能为空');
                    return;
                }
                if(!this.addForm.chkOrg){
                    this.$message.warning('被检查单位(项目)不能为空');
                    return;
                }
                // if(!this.addForm.chkOrgRespPers){
                //     this.$message.warning('被检查单位负责人不能为空');
                //     return;
                // }
                // if(!this.addForm.chkOrgRespPersMobi){
                //     this.$message.warning('被检查单位负责人电话不能为空');
                //     return;
                // }
                if(!this.addForm.chkResult){
                    this.$message.warning('检查结果不能为空');
                    return;
                }
                if(this.addForm.chkResult == "1"){
                    if(!this.addForm.chkDgerPblm){
                        this.$message.warning('隐患问题不能为空');
                        return;
                    }
                    if(!this.addForm.chkHandSugg){
                        this.$message.warning('处理意见不能为空');
                        return;
                    }
                    if(!this.addForm.chkHandEdtm){
                        this.$message.warning('整改时限不能为空');
                        return;
                    }
                    if(!this.addForm.chkRectImplInfo){
                        this.$message.warning('整改落实情况不能为空');
                        return;
                    }
                    if(this.addForm.chkRectImplInfo=='2'){
                        if(!this.addForm.chkAcceTm){
                            this.$message.warning('整改验收时间不能为空');
                            return;
                        }
                        if(!this.addForm.chkAccePers){
                            this.$message.warning('整改验收人不能为空');
                            return;
                        }
                    }
                }
                if(!this.addForm.chkFillUnit){
                    this.$message.warning('报送单位不能为空');
                    return;
                }
                // if(!this.addForm.chkTotalPblmNum){
                //     this.$message.warning("总隐患数不能为空");
                //     return;
                // }
                // if(!this.addForm.chkTotalRectNum){
                //     this.$message.warning("总整改数不能为空");
                //     return;
                // }
                // if(!this.addForm.chkTotalRectNum){
                //     this.$message.warning("总整改数不能为空");
                //     return;
                // }
                var _self = this;
                request.post('/chk/safe/prod/ledger/',this.addForm).then(res=>{
                    if(res.success){
                        _self.$message.success('保存成功');
                        _self.addDialogVisible = false;
                        _self.addForm = {};
                        _self.initTableData();
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            closeAddDialog(){
                this.addDialogVisible = false;
            },
            initTableData(){
                this.searchForm.pageNum = this.pageNum;
                this.searchForm.pageSize = this.pageSize;
                this.loading = true;
                var _self = this;
                let url = this.isCounty?'/chk/safe/prod/ledger/page':'/chk/safe/prod/ledger/page/summary';
                request.post(url,this.searchForm).then(res=>{
                    if(res.success){
                        _self.tableData = res.data.list;
                        _self.total = res.data.total;
                        _self.loading = false;
                        _self.$nextTick(()=>{
                            _self.$refs.table.doLayout();
                        })
                    }else{
                        _self.$message.warning(res.message)
                    }
                })
            },
            initTableData1(){
                this.searchForm1.pageNum = this.pageNum1;
                this.searchForm1.pageSize = this.pageSize1;
                this.loading1 = true;
                var _self = this;
                request.post('/chk/safe/prod/ledger/page/sub',this.searchForm1).then(res=>{
                    if(res.success){
                        _self.tableData1 = res.data.list;
                        _self.total1 = res.data.total;
                        _self.loading1 = false;
                        _self.$nextTick(()=>{
                            _self.$refs.table1.doLayout();
                        })
                    }else{
                        _self.$message.warning(res.message)
                    }
                })
            },
            handleCurrentChange(val){
                this.pageNum = val;
                this.initTableData();
            },
            handleSizeChange(val){
                this.pageSize = val;
                this.initTableData();
            },
            handleCurrentChange1(val){
                this.pageNum1 = val;
                this.initTableData1();
            },
            handleSizeChange1(val){
                this.pageSize1 = val;
                this.initTableData1();
            },
            searchBtn(){
                this.initTableData();
            },
            searchBtn1(){
                this.initTableData1();
            },
            addBtn(){
                this.addForm = {};
                this.addDialogVisible = true;
                this.dialogT = '添加'
            }
        }
    }
</script>

<style lang="scss" scoped>
  .vue-treeselect /deep/.vue-treeselect__control{
    height: 28px !important;
  }
  .vue-treeselect /deep/.vue-treeselect__placeholder{
    line-height: 28px !important;
  }
  .monthReport >>>.el-dialog{
     margin-top: 10vh !important;
  }

  .monthReport{
     width: 100%;
     height:90%;
     margin: 0;
     padding: 0;
  }
  .box-card{
     width: calc(100% - 20px);
     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>