fj-dc-ui/.svn/pristine/23/235a2ef4d9330a51c71d8ba33066ddbe2f71a3d4.svn-base

<template>
  <el-container class="sddc_sendnotice">
    <el-main>
      <el-card class="box-card" :style="{'height': cardHeight + 'px','overflow-y':'auto'}">
        <!--20191226bytanghy-->
        <el-row :gutter="20" type="flex" justify="start" class="notice_title">
          <el-col :span="24">
            <el-form :inline="true" size="mini" class="demo-form-inline" label-width="80px">
              <el-form-item label="年度">
                <el-select
                  v-model="addForm.year"
                  clearable
                  collapse-tags clearable>
                  <el-option
                    v-for="item in yearList"
                    :key="item.id"
                    :label="item.year"
                    :value="item.year">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="督查类型">
                <el-select
                  v-model="addForm.sndType"
                  clearable
                  collapse-tags>
                  <el-option
                    v-for="item in typesList"
                    :key="item.code"
                    :label="item.inspName"
                    :value="item.inspType">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="接收单位">
                <receiver
                  v-model="addForm.rectOrgName"
                  :maxHeight='300'
                  :maxWidth='250'
                  :rootAddCode="orgId"
                  @provTreeSelectChange="selectJigouCodeSingle"
                  @inputClear="inputEmpty"
                ></receiver>
              </el-form-item>
              <el-form-item label="下发状态">
                <el-select v-model="addForm.state" clearable collapse-tags>
                  <el-option
                    v-for="item in reformState"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <span style="float: right;">
                                <el-button type="primary" @click="searchNotice">查询</el-button>
                <!--<el-button type="primary" @click="addZgTz">新建整改通知</el-button>-->
                <!--<el-button type="primary" @click="addZgTz">导出Excel</el-button>-->
                <!--<el-button type="primary" @click="addZgTz">批量导入</el-button>-->
                            </span>

            </el-form>

          </el-col>
        </el-row>
        <div>
          <el-table
            border
            ref="multipleTable"
            :height="tableHeight"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            v-loading="loading"
          >
            <el-table-column align="center" type="index" label="序号" min-width="25">
              <template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}</template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="150"
              prop="sndTitle"
              label="通知标题"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="150"
              prop="sndType"
              label="督查类型"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                {{typesListFy(scope.row.sndType)}}
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="sndNub"
              label="文号"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="rectOrgName"
              label="接收地区"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="150"
              prop="crrtTm"
              label="整改截止时间"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span>{{formatDate(scope.row.crrtTm)}}</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="150"
              prop="isOvertime"
              label="超整改时限"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <p v-if="scope.row.isOvertime == 1"><span class="inspPblmCate" style="background: #27C19F;">否</span></p>
                <p v-if="scope.row.isOvertime == 0"><span class="inspPblmCate" style="background: #795548;">是</span></p>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="note"
              label="备注"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="160"
              prop="fileName"
              label="附件"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-button type="text" size="mini" @click="previewAttachment(scope.row)">{{scope.row.fileName}}
                </el-button>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="pjctSize"
              label="工程"
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="pblmSize"
              label="问题数"
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="intm"
              label="下发时间"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span v-if="scope.row.intm">{{formatDate(scope.row.intm)}}</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="state"
              label="状态"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <div class="rowClassP" v-for="item in reformState" :key="item.value">
                  <span v-if="scope.row.state === item.value" @click="stateClick(scope.row)">{{item.label}}</span>
                </div>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              min-width="400"
              label="操作"
              fixed="right"
            >
              <template slot-scope="scope">
                                <span v-if="scope.row.state == '1'">
                                    <el-button type="primary" size="mini"
                                               @click.stop="editorRow(scope.row)">编辑</el-button>
                                    <el-button type="primary" size="mini"
                                               @click.stop="addPblmRow(scope.row)">添加问题</el-button>
                                    <el-button type="primary" size="mini"
                                               @click.stop="xiaFaClick(scope.row)">下发</el-button>
                                    <el-button type="danger" size="mini"
                                               @click.stop="bohuiRow(scope.row,scope.row.state)">驳回</el-button>
                                </span>
                <!--<el-button type="danger" size="mini" @click.stop="bohuiRow(scope.row,scope.row.state)" v-if="scope.row.state == '2'">驳回原因</el-button>-->
                <el-button type="success" size="mini" @click.stop="lookOver(scope.row)"
                           v-if="Number(scope.row.state > 2)">查看
                </el-button>
                <el-button type="primary" size="mini" @click.stop="shenHeRow(scope.row)" v-if="scope.row.state == '6'">
                  审核
                </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="tableData.length"
            @current-change="handleCurrentChange"
            @size-change="handleSizeChange"
          ></el-pagination>
        </div>
      </el-card>
      <el-dialog :title="titleText + '整改通知'" :visible.sync="dialogFormEditorVisible" :close-on-click-modal="false"
                 width="55%" @close="closeDialog">
        <div v-if="titleText =='查看'">
          <el-row :gutter="20" type="flex" style="margin-bottom: 10px;">
            <el-col :span="20">
              <el-form :inline="true" size="mini" class="demo-form-inline">
                <el-form-item label="工程">
                  <el-input v-model="editorForm.name" clearable placeholder="请输入工程" style="width: 8vw"></el-input>
                </el-form-item>
                <el-form-item label="问题类别">
                  <el-input v-model="editorForm.inspPblmName" clearable placeholder="请输入问题类别"
                            style="width: 8vw"></el-input>
                </el-form-item>
                <el-form-item label="严重程度">
                  <el-select v-model="editorForm.inspPblmCate" clearable placeholder="请选择">
                    <el-option
                      v-for="item in supervisionState"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <!--<el-form-item label="是否典型">-->
                <!--<el-select v-model="editorForm.state" clearable style="width: 8vw">-->
                <!--<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>
            </el-col>
            <el-col :span="2" :offset=2 style="text-align: end;">
              <el-button @click="searchClick" type="success">查询</el-button>
            </el-col>
          </el-row>
          <div>
            <el-table
              :data="PblmList"
              :height="tableHeight1"
              style="width: 100%"
              border
              tooltip-effect="dark">
              <el-table-column
                prop="name"
                label="工程名称"
                min-width="100"
                show-overflow-tooltip>
              </el-table-column>
              <el-table-column
                prop="inspPblmName"
                label="问题类别"
                min-width="80"
                show-overflow-tooltip>
              </el-table-column>
              <el-table-column
                prop="inspPblmDesc"
                label="问题描述"
                min-width="150"
                show-overflow-tooltip>
              </el-table-column>
              <el-table-column
                label="严重程度"
                min-width="100">
                <template slot-scope="scope">
                  <p v-if="scope.row.inspPblmCate == 0"><span class="inspPblmCate"
                                                              style="background: #27C19F;">一般</span></p>
                  <p v-if="scope.row.inspPblmCate == 1"><span class="inspPblmCate"
                                                              style="background: #E6A23C;">较重</span></p>
                  <p v-if="scope.row.inspPblmCate == 2"><span class="inspPblmCate"
                                                              style="background: #F56C6C;">严重</span></p>
                  <p v-if="scope.row.inspPblmCate == 3"><span class="inspPblmCate"
                                                              style="background: #795548;">特别严重</span></p>
                </template>
              </el-table-column>
              <!--<el-table-column-->
              <!--label="是否典型"-->
              <!--min-width="50"-->
              <!--show-overflow-tooltip>-->
              <!--<template slot-scope="scope">-->
              <!--<p v-if="scope.row.ifCasePblm == 1">是</p>-->
              <!--<p v-if="scope.row.ifCasePblm == 0">否</p>-->
              <!--</template>-->
              <!--</el-table-column>-->
              <el-table-column
                prop="inspPblmTm"
                label="上报时间"
                min-width="50"
                show-overflow-tooltip>
                <template slot-scope="scope">
                  <span v-if="scope.row.inspPblmTm">{{formatDate(scope.row.inspPblmTm)}}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="操作"
                min-width="100">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="toViewRow(scope.row)">查看</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <el-divider></el-divider>
        </div>
        <el-form :model="tongZhiForm" ref="tongZhiForm" :label-width="formLabelWidth" :rules="TzRules"
                 v-if="dialogFormEditorVisible">
          <el-row :gutter="20" type="flex" justify="start">
            <el-col :span="12">
              <el-form-item label="督查类型" prop="sndType">
                <el-select v-model="tongZhiForm.sndType" placeholder="请选择督查类型" :disabled="zgButton" clearable>
                  <el-option
                    v-for="item in typesList"
                    :key="item.code"
                    :label="item.inspName"
                    :value="item.inspType">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20" type="flex" justify="start">
            <el-col :span="12">
              <el-form-item label="通知标题" prop="sndTitle">
                <el-input v-model="tongZhiForm.sndTitle" placeholder="请输入通知标题" :disabled="zgButton"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="整改截止时间" prop="crrtTm">
                <el-date-picker
                  v-model="tongZhiForm.crrtTm"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择整改截止时间" :disabled="zgButton">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20" type="flex" justify="start">
            <el-col :span="12">
              <el-form-item label="文号" prop="sndNub">
                <el-input v-model="tongZhiForm.sndNub" placeholder="请输入文号" :disabled="zgButton"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="所属机构">
                <el-input v-model="tongZhiForm.rectOrgName" autocomplete="off" placeholder="请选择机构" readonly
                          :disabled="zgButton"></el-input>
                <provTreeList
                  rootCode
                  @provTreeSelectChange="provTreeSelectChangeHandler"
                  v-if="!zgButton"
                ></provTreeList>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item label="备注">
            <el-input v-if="!zgButton" type="textarea" rows="6" v-model="tongZhiForm.note" clearable placeholder="请输入备注"
                      :disabled="zgButton"></el-input>
            <span v-else>{{tongZhiForm.note}}</span>
          </el-form-item>
          <el-form-item label="附件">
            <div v-show="ifFileList">
              <upload
                ref="uploadFile"
                :url="`/pdcApi/file/insert?bizId=`"
                accept=".doc,.docx,.pdf"
                @uploadOver="removeNewSupervision"
              ></upload>
            </div>
            <div v-show="!ifFileList">
              <el-table
                :data="fileListPiCi"
                style="width: 100%">
                <el-table-column
                  prop="name"
                  label="附件名称"
                  min-width="200">
                </el-table-column>
                <el-table-column
                  label="操作"
                  min-width="150">
                  <template slot-scope="scope">
                    <el-button @click="deleteFiles(scope.row)" type="text" size="small" :disabled="zgButton">删除
                    </el-button>
                    <el-button type="text" size="small" @click="toPreview(scope.row)">预览</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </el-form-item>
        </el-form>
        <div style="text-align: end;">
          <el-button type="primary" @click="tongZhiSave('tongZhiForm')" :disabled="zgButton">保 存</el-button>
        </div>
      </el-dialog>
    </el-main>
    <addPblm v-if="addPblmDialog" @closeDialog="closeDialogAddPblm" :RowId="RowId" :supervisionState="supervisionState"
             :objType="objType" :rectId="rectId"></addPblm>
    <el-dialog
      class="outerDialog custom_dialog"
      title="问题详情"
      width="60%"
      :visible.sync="supervisionDetailsVisible"
      v-if="supervisionDetailsVisible"
    >
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="问题详情" name="first">
          <supervisionDetailsXiangQing :problemId="rowPblId" :objType="objType"></supervisionDetailsXiangQing>
        </el-tab-pane>
        <el-tab-pane label="整改反馈" name="second">
          <supervision-details :problemId="rowPblId" :rowId="RowId" :objType="objType"></supervision-details>
        </el-tab-pane>
      </el-tabs>

      <span slot="footer">
              <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
            </span>
    </el-dialog>

    <!--操作审核-->
    <shenHePblm v-if="shenHePblmDialog" @closeDialog="closeDialogShenHePblm" :RowId="RowId"
                :supervisionState="supervisionState" :objType="objType" :rectId="rectId"></shenHePblm>

    <el-dialog
      class="outerDialog custom_dialog"
      title="驳回"
      width="40%"
      :visible.sync="bohuiVisible"
    >
      <el-form size="mini" label-width="150px" :model="boHuiForm">
        <el-form-item label="驳回原因（监督处驳回至业务处室）：">
          <el-input v-model="boHuiForm.note" type="textarea" :rows="5" autocomplete="off"
                    :disabled="bohuiState"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer">
              <el-button style="margin-top:5px;" @click="bohuiVisible = false">取消</el-button>
              <el-button type="primary" style="margin-top:5px;" @click="boHuiConfirm('boHuiForm')"
                         v-if="!bohuiState">确定</el-button>
            </span>
    </el-dialog>

    <!--通知状态步骤条-->
    <el-dialog
      title="通知状态"
      width="30%"
      :visible.sync="stateVisible"
      :close-on-click-modal="false">
      <steps :stateLogList="stateLogList"></steps>
      <span slot="footer">
              <el-button style="margin-top:5px;" @click="stateVisible = false">返回</el-button>
            </span>
    </el-dialog>
  </el-container>
</template>
<script>
  import request from '@util/gw_ajax_request'
  import {dateFormat} from '@util/gw_date';
  import {hostUrl} from '@util/global_variable.js'
  import addPblm from './addPblm'
  import provTreeList from "../../widgets/jigouTreeList.vue";
  import receiver from "./receiver"
  import {curAdcode_short, curAdcode_long} from '@util/global_variable.js'
  import shenHePblm from './sddcPblmShenHe'
  import steps from './steps'
  import {getPersPlanType} from '@api/duChaPlan'

  export default {
    name: "rectificationNotice",
    props: [],
    data() {
      return {
        cardHeight: window.innerHeight - 120,
        currentPage: 1,
        tableData: [],
        tableHeight: window.innerHeight - 320,
        tableHeight1: window.innerHeight * .35,
        loading: false,
        pageSize: 20,
        pageNum: 1,
        dialogFaTitle: "",
        formLabelWidth: '120px',
        tongZhiForm: {
          "sndType": "",//发文类型 '1','小型水库', '2','人饮工程', '3','水毁工程', '4','工程建设', '5','地下水', '7','运行管理', '6','水闸', '9','特定飞检', '10','其他填报', '11','淤地坝', '12','取水口','13','重要水源地', '14','分水及管控', '15','节水管理与评价', '16','用水单位抽查'
          "sndTitle": "",//通知标题
          "sndNub": "",//通知文号
          "rectOrgId": "",//接收单位ID
          "rectOrgName": "",//接收单位名称
          "crrtTm": "",//整改截止时间
          "note": "",//备注
          "persId": ""//插入人ID
        },
        curStatus: '编辑',
        zgButton: false,
        zgfkDialog: false,
        ifMinistriesAgencies: false,
        groupId: '',
        addvcd: '',
        treeDataLists: [],
        defaultExpanded: [],
        defaultProps: {
          children: 'children',
          label: 'pnm'
        },
        distributeState: false,   //false 未下发  true 已下发
        dialogFormVisible: false, //上传文件弹窗
        dialogFormEditorVisible: false,
        gwComFileList: [],
        yiShengyiDanList: [],
        PblmList: [],
        year: '',
        province: '',
        addForm: {
          "state": "",// 状态 0 未下发 1 已下发 2 已反馈 3审核通过 4 驳回 ,
          "year": "",//年度
          "sndType": "",
          "pageSize": 20,
          "pageNum": 1,
          "rectOrgId": "",
          "rectOrgName": ""
        },
        total: null,
        editorForm: {
          "rectId": null,
          "name": null,
          "inspPblmName": null,//问题类别
          "inspPblmCate": null,//严重程度
        },
        yearList: [],
        pidList: [],
        sfType: [
          {
            label: '是',
            value: "1"
          },
          {
            label: '否',
            value: "2"
          }
        ],
        titleText: '新建',
        header: {
          'persId': localStorage.getItem('userid'),
          'accessToken': localStorage.getItem('accessToken')
        },
        fileList: [],
        provincesList: [],
        url: null,
        yiShengyiDanRowId: null,
        yearBatchSelect: false,
        ifFileList: true,
        fileListPiCi: [],
        PcData: null,
        typesList: [],
        tongZhiRowId: null,
        supervisionState: [
          {
            value: "0",
            label: "一般"
          },
          {
            value: "1",
            label: "较重"
          },
          {
            value: "2",
            label: "严重"
          },
          {
            value: "3",
            label: "特别严重"
          }
        ],
        supervision: [
          {
            value: "1",
            label: "是"
          },
          {
            value: "0",
            label: "否"
          }
        ],
        addPblmDialog: false,
        RowId: null,
        rectId: null,
        objType: null,
        rowPblId: null,
        supervisionDetailsVisible: false,
        TzRules: {
          sndType: [{required: true, message: '督查类型不能为空'}],
          sndTitle: [{required: true, message: '通知标题不能为空'}],
          crrtTm: [{required: true, message: '整改截止时间不能为空'}],
          sndNub: [{required: true, message: '文号不能为空'}],
          rectOrgId: [{required: true, message: '接收单位不能为空'}],
        },
        shenHePblmDialog: false,
        bohuiVisible: false,
        boHuiForm: {
          "note": ""
        },
        bohuiState: true,
        stateVisible: false,
        stateLogList: [],
        activeName: 'first',

      }
    },
    components: {
      upload: resolve => {
        require(["@widget/uploadFile.vue"], resolve);
      },
      addPblm,
      // //详情页
      // supervisionDetails: resolve => {
      //     require(["./supervisionDetails.vue"], resolve);
      // },
      //详情页
      supervisionDetails: resolve => {
        require(["./supervisionDetails_zgwt.vue"], resolve);
      },
      supervisionDetailsXiangQing: resolve => {
        require(["./supervisionDetails.vue"], resolve);
      },
      provTreeList,
      receiver,
      shenHePblm,
      steps
    },
    computed: {
      persId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "1098101939614724096";
      },
      orgId() {
        return localStorage.getItem('currentOrgId') ? localStorage.getItem("currentOrgId") : "";
      },
      curAdcode_short() {
        return curAdcode_short
      },
      curAdcode_long() {
        return curAdcode_long
      },
      reformState() {
        return this.$store.state.zgState.reformStateSjdc;
      }
    },
    activated() {
      this.$nextTick(() => {
        this.getYear();
        // this.getByPid();
        this.getTypes();
        this.getNoticeList();
      })
    },
    methods: {
      getYear() {
        request.get(`/tac/pblm/rect/getYear/${this.persId}`)
          .then(res => {
            if (res.success) {
              this.yearList = res.data;
            }
          })
          .catch(err => {
            console.log(err);
          })
      },
      getByPid() {
        request.get(`/dc/bis/insp/org/getByPid?pid=${localStorage.getItem('currentOrgId')}`)
          .then(res => {
            if (res.success) {
              this.pidList = res.data;
            }
          })
          .catch(err => {
            console.log(err);
          })
      },
      getTypes() {
        request.get(`/bis/insp/rel/org/insp/type/getInspTypeByOrgId/${this.orgId}`)
          .then(res => {
            if (res.success) {
              this.typesList = res.data;
            }
          })
      },

      //-----------------------------------
      formatDate(timestamp) {
        return timestamp ? dateFormat(timestamp, 'yyyy-MM-dd') : "";
      },
      changeYear(item) {
        let _self = this;
        request.get(`tac/pblm/rect/getBatchByYearPersId/${_self.persId}/${item}`)
          .then(res => {
            _self.pcList = res.data;
          })
          .catch(err => {
            console.log(err);

          })
        if (item == "" || item == undefined) {
          _self.pcList = null;
          _self.addForm.batch = "";
        }
      },
      lookOver(row) {
        this.titleText = "查看";
        this.ifFileList = false;
        this.RowId = row.id;
        this.objType = row.sndType;
        this.getPblmList();
        request.get(`/bis/insp/rect/province/${row.id}`)
          .then(res => {
            if (res.success) {
              this.tongZhiForm = res.data;
              this.tongZhiForm.crrtTm = dateFormat(res.data.crrtTm, "yyyy-MM-dd");
              this.dialogFormEditorVisible = true;
              if (res.data.fileName && res.data.filePath && res.data.id) {
                this.ifFileList = false;
                this.fileListPiCi = [];
                this.fileListPiCi.push(
                  Object.assign({},
                    {'name': res.data.fileName},
                    {'url': res.data.filePath},
                    {'id': res.data.id},
                    {'fileId': res.data.fileId}
                  )
                );
              }
              this.zgButton = true;
            } else {
              this.$message.warning(res.message);
            }
          })
          .catch(err => {
            console.log(err);
          })
      },
      uploadAfter(data) {
        let obj = {
          "id": this.tongZhiRowId,//数据ID
          "fileId": data.id,//附件ID
          "fileName": data.fileName,//附件名称
          "filePath": data.filePath
        }
        request.post(`/bis/insp/rect/province/update`, obj)
          .then(res => {
            if (res.success) {
              this.$message.success('上传成功');
              this.getNoticeList();
              this.dialogFormEditorVisible = false;
            }
          })
          .catch(err => {

          })
      },
      //获取当前督查对象下问题List
      getPblmList() {
        this.loading = true;
        let obj = {
          "rectId": this.RowId,//通知ID 必须
          "name": this.editorForm.name,//工程名称 非必传
          "inspPblmName": this.editorForm.inspPblmName,
          "inspPblmCate": this.editorForm.inspPblmCate
        }
        request.post(`/bis/insp/rect/pblm/province/findList`, obj)
          .then(res => {
            if (res.success) {
              this.loading = false;
              this.$nextTick(() => {
                this.PblmList = res.data;
                this.provincesList = res.data;
              })
            } else {
              this.$message.warning(res.message);
            }
          })
          .catch(err => {
            console.log(err);

          })
      },
      addZgTz() {
        this.titleText = '新建';
        this.zgButton = false;
        this.yearBatchSelect = false;
        this.dialogFormEditorVisible = true;
        this.fileListPiCi = [];
        this.ifFileList = true;
        for (let obj in this.editorForm) {
          this.editorForm[obj] = '';
        }
        for (let obj in this.tongZhiForm) {
          this.tongZhiForm[obj] = '';
        }
      },
      editorRow(row) {
        this.PcData = row;
        this.titleText = '编辑';
        this.zgButton = false;
        this.fileListPiCi = [];
        this.ifFileList = true;
        request.get(`/bis/insp/rect/province/${row.id}`)
          .then(res => {
            if (res.success) {
              this.$nextTick(() => {
                this.tongZhiForm = res.data;
                this.tongZhiForm.crrtTm = dateFormat(res.data.crrtTm, "yyyy-MM-dd");
                this.dialogFormEditorVisible = true;
                if (res.data.fileName && res.data.filePath && res.data.id) {
                  this.ifFileList = false;
                  this.fileListPiCi.push(
                    Object.assign({},
                      {'name': res.data.fileName},
                      {'url': res.data.filePath},
                      {'id': res.data.id},
                      {'fileId': res.data.fileId}
                    )
                  );
                }
              })
            } else {
              this.$message.warning(res.message);
            }
          })
          .catch(err => {
            console.log(err);
          })
      },

      //添加问题
      addPblmRow(row) {
        this.RowId = row.id;
        this.rectId = row.rectOrgId;
        this.objType = row.sndType;
        this.addPblmDialog = true;
      },
      bohuiRow(row, state) {
        this.RowId = row.id;
        if (state == "1") {
          this.bohuiState = false;
        } else {
          this.bohuiState = true;
        }
        for (var obj in this.boHuiForm) {
          this.boHuiForm[obj] = "";
        }
        this.bohuiVisible = true;
        this.boHuiForm.note = row.logNote;
      },
      //shenHeRow
      shenHeRow(row) {
        this.RowId = row.id;
        this.rectId = row.rectOrgId;
        this.objType = row.sndType;
        this.shenHePblmDialog = true;
      },

      closeDialogShenHePblm(val) {
        if (val) {

        }
        this.shenHePblmDialog = false;
        this.getNoticeList();
      },
      xiaFaClick(row) {
        this.$confirm('下发后通知内容无法更改?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          let obj = {
            "id": row.id,
            "state": "3"
          }
          request.post(`/bis/insp/rect/province/update`, obj)
            .then(res => {
              if (res.success) {
                this.$message.success("提交成功");
                this.getNoticeList();
              } else {
                this.$message.warning(res.message);
              }
            })

        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消下发'
          });
        });
      },
      //通知List
      getNoticeList() {
        let obj = this.addForm;
        request.post(`/bis/insp/rect/province/getPageInfo`, obj)
          .then(res => {
            if (res.success) {
              this.tableData = res.data.list;
              this.total = res.data.total;
            }
          })
          .catch(err => {
            console.log(err);
          })
      },
      //    通知保存
      tongZhiSave(formName) {
        if (this.titleText == '新建') {
          this.$refs[formName].validate((valid) => {
            if (valid) {
              let obj = this.tongZhiForm;
              obj.persId = localStorage.getItem("userid");
              request.post('/bis/insp/rect/province/add', obj).then((res) => {
                if (res.success) {
                  this.tongZhiRowId = res.data.id;
                  this.$nextTick(function () {
                    if (this.$refs.uploadFile.submitUpload(res.data.id)) {
                      this.removeNewSupervision();
                      this.$message.success('新建通知成功');
                      this.dialogFormEditorVisible = false;
                    }
                  })
                } else {
                  this.$message.warning(res.message);
                }
              })
            } else {
              console.log('error submit!!');
              return false;
            }
          });
        } else if (this.titleText == '编辑') {
          this.$refs[formName].validate((valid) => {
            if (valid) {
              let obj = this.tongZhiForm;
              obj.persId = localStorage.getItem("userid");
              request.post('/bis/insp/rect/province/update', obj).then((res) => {
                if (res.success) {
                  this.tongZhiRowId = res.data.id;
                  this.$nextTick(() => {
                    if (this.$refs.uploadFile.submitUpload(res.data.id)) {
                      this.removeNewSupervision();
                      this.$message.success('编辑通知成功');
                      this.dialogFormEditorVisible = false;
                    }
                  })
                } else {
                  this.$message.warning(res.message);
                }
              })
            } else {
              console.log('error submit!!');
              return false;
            }
          });
        }
      },
      searchClick() {
        this.$nextTick(() => {
          this.getPblmList();
        })
      },
      // dialog通知弹窗关闭
      closeDialog() {
        this.getNoticeList();
      },

      removeNewSupervision(arg) {
        if (arg) {
          console.log(arg);
          let data = arg[arg.length - 1];
          this.uploadAfter(data);
          return;
        }

      },
      //    文件预览
      rowPreview(row) {
        window.open(`${hostUrl}${row.filePath}`, "_blank");
      },
      //批次预览
      toPreview(row) {
        window.open(`${hostUrl}${row.url}`, "_blank");
      },
      //删除批次附件
      deleteFiles(row) {
        this.$confirm('确定删除该附件吗?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          request.post(`/bis/insp/rect/province/setFileNull/${row.id}`).then(res => {
            if (res.success) {
              this.fileListPiCi = [];
              this.ifFileList = true;
              this.$message.success('附件删除成功');
              delete this.tongZhiForm.fileId;
              delete this.tongZhiForm.fileName;
              delete this.tongZhiForm.filePath;
              // this.editorRow(this.PcData);
            }
          })
        }).catch(() => {

        })
      },
      //删除下发附件
      deleteFile(rowId) {
        request.post(`/tac/pblm/rect/org/setFileNull/${rowId}`)
          .then(res => {
            if (res.success) {
              this.$message({
                type: 'success',
                message: '删除成功'
              })
              this.getYiShengYiDanList();
            } else {
              this.$message.warning(res.message);
            }
          })
      },
      //文件删除
      rowDelete(row) {
        return this.$confirm(`确定移除 ${row.fileName}？`).then(() => {
          if (row.fileId) {
            request.post(`/file/${row.fileId}`).then((res) => {
              if (res.success) {
                this.deleteFile(row.id);
              } else {
                this.$alert("删除失败！", '提示', {
                  confirmButtonText: '确定',
                  type: 'warning'
                })
              }
            })
          } else {
            this.$message.warning('fileId不能为空');
          }
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });
        });
      }
      ,
      //通知查询
      searchNotice() {
        this.getNoticeList();
      },
      select_handler_province() {
        this.$nextTick(() => {
          this.tongZhiForm.rectOrgName = this.$refs.selectProvince.selectedLabel;
        });
      },
      typesListFy(row) {
        if (row) {
          this.typesList.forEach(ele => {
            if (ele.inspType == row) {
              row = ele.inspName;
            }
          });
          return row;
        } else {
          return '';
        }
      },
      //    通知表格里附件预览
      previewAttachment(row) {
        window.open(`${hostUrl}${row.filePath}`, "_blank");
      },
      closeDialogAddPblm() {
        this.addPblmDialog = false;
        this.getNoticeList();
      },
      //问题查看
      toViewRow(row) {
        this.RowId = row.id;
        this.rowPblId = row.pblmId;
        this.supervisionDetailsVisible = true;
      },

      provTreeSelectChangeHandler(params) {
        this.tongZhiForm.rectOrgId = params.code;
        this.tongZhiForm.rectOrgName = params.name;
      },
      handleSizeChange(val) {
        this.addForm.pageSize = val;
        this.getNoticeList();
      },
      handleCurrentChange(val) {
        this.addForm.pageNum = val;
        this.getNoticeList();
      },
      selectJigouCodeSingle(params) {
        this.$nextTick(() => {
          this.addForm.rectOrgId = params.code;
          this.addForm.rectOrgName = params.name;
        })
      },
      inputEmpty(val) {
        if (!val) {
          this.addForm.rectOrgId = "";
          this.addForm.rectOrgName = "";
        }
      },
      boHuiConfirm() {
        this.$confirm('确定要驳回此条通知, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          let obj = {
            "id": this.RowId,
            "state": "2",
            "logNote": this.boHuiForm.note
          }
          request.post(`/bis/insp/rect/province/update`, obj)
            .then(res => {
              if (res.success) {
                this.$message.success("驳回成功");
                this.bohuiVisible = false;
                this.getNoticeList();
              } else {
                this.$message.warning(res.message);
              }
            })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消驳回'
          });
        });
      },
      stateClick(row) {
        let valLength = row.bisInspRectLogProvinces.length;
        if (valLength) {
          this.stateVisible = true;
          row.bisInspRectLogProvinces[valLength - 1] = Object.assign(row.bisInspRectLogProvinces[valLength - 1], {color: '#0bbd87',});
          this.stateLogList = row.bisInspRectLogProvinces;
        } else {
          this.$message.warning('暂无通知状态信息');
        }
      }

    },
    watch: {
      // 'addForm': {
      //     deep: true,
      //     handler: function () {
      //         this.getNoticeList();
      //     }
      // }
    }
  }
</script>

<style lang="scss">
  .sddc_sendnotice {
    .inspPblmCate {
      padding: 2px 10px;
      color: #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }

    .notice_title {
      .el-input--mini .el-input__inner, .el-select-dropdown__list {
        width: 8vw;
      }
    }

    .rowClassP {
      span {
        color: #3399ff;
        margin-left: 15px;
        cursor: pointer;
      }
    }
  }

</style>