fj-dc-ui/.svn/pristine/0b/0b3f75f341bff722006bc21f2f49a94ae9a7a014.svn-base

<template>
  <el-container class="sddc_sendnotice">
    <el-main>
      <el-card class="box-card" :style="{'height': cardHeight + 'px','overflow-y':'auto'}">
        <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="75px">
              <el-form-item label="年度">
                <el-date-picker
                  clearable
                  v-model="search.year"
                  type="year"
                  style="width: 140px"
                  format="yyyy"
                  value-format="yyyy"
                  placeholder="选择年">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="行政区划">
                <addvSearch
                  clearable
                  style="width: 140px"
                  v-model="adName"
                  :maxHeight='300'
                  :maxWidth='250'
                  :rootAddCode='curAdcode_long'
                  :level='"3"'
                  :nameOrCode="'name'"
                  @addvTreeNodeClick = "addvCodeChange"
                ></addvSearch>
              </el-form-item>
              <el-form-item label="督察类型">
                <el-select v-model="search.objType" placeholder="请选择督查类型"  style="width: 140px" clearable>
                  <el-option
                    v-for="item in dcTypeList"
                    :key="item.code"
                    :label="item.inspName"
                    :value="item.inspType">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="整改状态">
                <el-select v-model="search.crtState"  style="width: 140px" clearable>
                  <el-option
                    v-for="item in crtStateList"
                    :key="item.value"
                    :label="item.name"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="问题状态">
                <el-select v-model="search.pblmState"  @change="pblmStateChange" style="width: 140px" clearable>
                  <el-option
                    v-for="item in rectificationStatus"
                    :key="item.value"
                    :label="item.name"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="对象名称">
                <el-input
                  style="width: 140px"
                  placeholder="请输入对象名称"
                  v-model="search.objName"
                  clearable>
                </el-input>
              </el-form-item>
              <el-form-item label="问题类别:">
                <el-select v-model="search.pblmNameBz" clearable  style="width: 140px" placeholder="请选择">
                  <el-option
                    v-for="item in problemList"
                    :key="item.guid"
                    :label="item.inspPblmsName"
                    :value="item.inspPblmsName"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-button type="primary" size="mini" @click="searchBtn">查询</el-button>
              <p style="display: flex;float:right;padding-bottom: 10px;line-height: 30px;">
                <span style="width: 60px;text-align: right;font-size: 14px;color:#606266;" v-if="search.pblmState=='3'">接收县：</span>
                <receiver
                  v-if="search.pblmState=='3'"
                  :max-height="100"
                  :max-width="200"
                  v-model="tranOrgName"
                  :rootAddCode="orgIdDefault"
                  @provTreeSelectChange="tranOrgChange1"
                  @inputClear="tranOrgClear"
                ></receiver>
                <span style="width: 50px;text-align: right;font-size: 14px;color:#606266;" v-if="search.pblmState=='3' || search.pblmState=='6' || search.pblmState=='8'">备注：</span>
                <el-input  id="remarkReason" style="width:300px;" v-model="remark" placeholder="请输入下发或驳回备注" v-if="search.pblmState=='3' || search.pblmState=='6' || search.pblmState=='8'"></el-input>
                <el-button  type="primary" size="mini"  @click.stop="batchSend()" v-if="search.pblmState=='3'">批量下发</el-button>
                <el-button  type="primary" size="mini"  @click.stop="batchBack()" v-if="search.pblmState=='6'">批量驳回</el-button>
                <el-button  type="primary" size="mini"  @click.stop="batchReturn()" v-if="search.pblmState=='3' || search.pblmState=='6' || search.pblmState=='8'">批量反馈</el-button>
              </p>
            </el-form>
          </el-col>
        </el-row>
        <div>
          <el-table
            border
            ref="zgTable"
            :height="tableHeight"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            v-loading="loading" @selection-change="handleSelectionSend"
          >
            <el-table-column
              type="selection"
              width="55">
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="province"
              label="省"  v-if="isXj"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="city"
              :label="ownAdName"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="country"
              label="县"
              v-if="isXj"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmNub"
              label="印发文号"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmNubName"
              label="印发文号文件名"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="dutyName"
              label="责任处室"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="objType"
              label="督察类型"
              :formatter="objTypeDict"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="objName"
              label="对象名称"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmNameBz"
              label="问题类别"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="checkPointBz"
              label="检查项目"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmDescBz"
              label="问题描述"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="inspPblmDesc"
              label="详细描述"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="inspPblmCate"
              label="严重程度"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span v-if="scope.row.inspPblmCate=='0'">一般</span>
                <span v-if="scope.row.inspPblmCate=='1'">较重</span>
                <span v-if="scope.row.inspPblmCate=='2'">严重</span>
                <span v-if="scope.row.inspPblmCate=='3'">特别严重</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmTm"
              label="上报时间"
              :formatter="formatDate"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmCrtm"
              label="整改时限"
              :formatter="formatDate"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="inspPblmCate"
              label="整改建议"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="isRect"
              label="是否反馈"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span v-if="scope.row.isRect=='0'">否</span>
                <span v-if="scope.row.isRect=='1'">是</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmPltm"
              label="预计完成时间"
              :formatter="formatDate"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmActm"
              :formatter="formatDate"
              label="实际完成整改日期"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="crtState"
              label="问题整改状态"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span v-if="scope.row.crtState=='0'">未整改</span>
                <span v-if="scope.row.crtState=='1'">整改中</span>
                <span v-if="scope.row.crtState=='2'">整改完成</span>
                <span v-if="scope.row.crtState=='3'">不具备整改条件</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="crtState"
              label="问题整改状态"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span>{{formatPblmState(scope.row.pblmState)}}</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="crtInfo"
              label="问题整改信息说明"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="crtNote"
              label="问题整改备注"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="pblmOut"
              label="是否销号"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span v-if="scope.row.pblmOut=='0'">否</span>
                <span v-if="scope.row.pblmOut=='1'">是</span>
              </template>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="60"
              prop="recvOrgName"
              label="接收单位"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              min-width="300"
              label="操作"
              fixed="right"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span>
                    <el-button type="primary" size="mini" @click.stop="editorRow(scope.row)">编辑</el-button>
                    <el-button type="primary" size="mini"  @click.stop="showImgList(scope.row.objName,scope.row.pblmId)">问题图片</el-button>
                    <el-button type="primary" size="mini"  @click.stop="showProvImgList(scope.row.id)">佐证图片</el-button>
                </span>
              </template>
            </el-table-column>
          </el-table>
          <el-row>
            <el-col :span="24">
              <el-pagination
                background
                :pager-count="5"
                :current-page="search.pageNum"
                :page-size="search.pageSize"
                :page-sizes="[10, 20, 30, 40, 50, 100]"
                layout="sizes, total, prev, pager, next"
                :total="total"
                @current-change="handleCurrentChange"
                @size-change="handleSizeChange"
              ></el-pagination>
            </el-col>
          </el-row>
        </div>
      </el-card>
    </el-main>
    <el-dialog title="编辑整改问题项" :visible.sync="dialogZgPlbmVisible" :close-on-click-modal="false" width="60%" @close="closeZgDialog">
      <el-form  size="mini"  label-width="150px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="请输入印发文号">
              <el-input
                readonly="readonly"
                placeholder="请输入印发文号"
                v-model="updateObj.pblmNub"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请输入印发文号名称">
              <el-input
                readonly="readonly"
                placeholder="请输入印发文号名称"
                v-model="updateObj.pblmNubName"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="请输入责任处室">
              <el-input
                readonly="readonly"
                placeholder="请输入责任处室"
                v-model="updateObj.dutyName"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请选择整改时限">
              <el-date-picker
                disabled
                v-model="updateObj.pblmCrtm"
                type="date"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                placeholder="请选择整改时限">
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="请选择督察类型">
              <el-select v-model="updateObj.objType" disabled placeholder="请选择督查类型" clearable>
                <el-option
                  v-for="item in dcTypeList"
                  :key="item.code"
                  :label="item.inspName"
                  :value="item.inspType">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请输入督察对象">
              <el-input
                readonly="readonly"
                placeholder="请输入督察对象"
                v-model="updateObj.objName"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="问题类别">
              <el-input
                readonly="readonly"
                placeholder="请输入问题类别"
                v-model="updateObj.pblmNameBz"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="检查项目">
              <el-input
                readonly="readonly"
                placeholder="请输入检查项目"
                v-model="updateObj.checkPointBz"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="问题描述">
              <el-input
                readonly="readonly"
                placeholder="请输入问题描述"
                v-model="updateObj.pblmDescBz"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="详细描述">
              <el-input
                readonly="readonly"
                placeholder="请输入详细描述"
                v-model="updateObj.inspPblmDesc"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="严重程度">
              <el-select v-model="updateObj.inspPblmCate" disabled placeholder="请选择严重程度" clearable>
                <el-option
                  readonly="readonly"
                  v-for="item in inspPblmCateList"
                  :label="item.name"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="上报时间">
              <el-date-picker
                disabled
                v-model="updateObj.pblmTm"
                type="date"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                placeholder="请选择上报时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="整改建议">
              <el-input type="textarea" disabled v-model="updateObj.pblmReason" placeholder="请输入整改建议"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否反馈">
              <el-select v-model="updateObj.isRect" disabled placeholder="请选择是否反馈" clearable>
                <el-option
                  v-for="item in isRectList"
                  :label="item.name"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="预计完成时间">
              <el-date-picker
                v-model="updateObj.pblmPltm"
                type="date"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                placeholder="请选择预计完成时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="实际完成时间">
              <el-date-picker
                v-model="updateObj.pblmActm"
                type="date"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                placeholder="实际完成时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="整改状态">
              <el-select v-model="updateObj.crtState"  placeholder="请选择整改状态" clearable>
                <el-option
                  v-for="item in crtStateList"
                  :label="item.name"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="整改信息说明">
              <el-input type="textarea"   v-model="updateObj.crtInfo"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="问题状态">
              <el-select v-model="updateObj.pblmState" disabled placeholder="请选择问题状态" clearable>
                <el-option
                  readonly="readonly"
                  v-for="item in rectificationStatus"
                  :label="item.name"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="接收单位">
              <el-input
                readonly="readonly"
                placeholder="请输入接收单位"
                v-model="updateObj.recvOrgName"
                clearable>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="接收县">
              <receiver
                :max-height="100"
                :max-width="200"
                v-model="updateObj.tranOrgName"
                :rootAddCode="orgIdDefault"
                @provTreeSelectChange="tranOrgChange"
                @inputClear="tranOrgClear1"
              ></receiver>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="佐证材料">
              <el-button  type="primary" size="mini"  @click.stop="queryImgs()">查看佐证材料</el-button>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col>
            <el-table
              border
              ref="zgTable"
              :height="300"
              :data="tableDataLog"
              tooltip-effect="dark"
              style="width: 100%"
            >
              <el-table-column align="center" type="index" label="序号" min-width="25">
                <template slot-scope="scope">{{(scope.$index + 1) }}</template>
              </el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                prop="orgNm"
                label="操作机构名称"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                prop="persName"
                label="操作人员名称"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                prop="stateNote"
                label="状态描述"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                prop="note"
                label="备注或驳回原因"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                prop="intm"
                :formatter="formatDate"
                label="创建时间"
                show-overflow-tooltip
              ></el-table-column>
            </el-table>
          </el-col>
        </el-row>
        <el-row>
          <el-col>
            <span style="color:red;font-size: 10px;">下方备注显示的是当前最新的下发或被驳回的备注信息,可修改它为当前下发或驳回操作添加备注，各级备注会在上面流程信息表格内查看</span>
          </el-col>
        </el-row>
        <el-row>
          <el-col>
              <el-input type="textarea" v-model="updateObj.crtNote" placeholder="请输入驳回原因或下发备注"></el-input>
          </el-col>
        </el-row>
        <div style="width: 100%;display: flex;align-items: center;padding-top: 10px;justify-content: center">
          <el-button  type="primary" @click="submitEdit" style="margin-right: 100px;" v-if="updateObj.pblmState=='3' || updateObj.pblmState=='6' || updateObj.pblmState=='8'">保存基本信息</el-button>
          <el-button  type="primary" size="mini" v-if="updateObj.pblmState=='3'" @click.stop="submitRow()">下发</el-button>
          <el-button  type="primary" size="mini" v-if="updateObj.pblmState=='3' || updateObj.pblmState=='6' || updateObj.pblmState=='8'" @click.stop="returnBtn()">反馈</el-button>
          <el-button  type="primary" size="mini" v-if="updateObj.pblmState=='6'" @click.stop="backBtn()">驳回</el-button>
        </div>
      </el-form>
    </el-dialog>
    <add-pic-com v-if="jqmmDialogShow" :dialogTitle="'相关材料'" :jqmmEngId="jqmmEngId" :type="zgType"  @jqmmDialogClose="jqmmDialogClose"></add-pic-com>
    <!-- 详情弹框 -->
    <el-dialog
      class="outerDialog custom_dialog"
      :title="currentPblmNm"
      width="60%"
      :visible.sync="PblmDetailsVisible"
    >
      <pblmsDetailsImgs  :problemId="currentProblemId"></pblmsDetailsImgs>
      <span slot="footer">
         <el-button style="margin-top:5px;" @click="PblmDetailsVisible = false">返回</el-button>
      </span>
    </el-dialog>
  </el-container>
</template>
<script>
  import request from '@util/gw_ajax_request'
  import addvSearch from "@widget/addvSearch.vue"
  import receiver from "./receiver"
  import addPicCom from "./addPic.vue"
  import {curAdcode_long} from '@util/global_variable.js'
  export default {
    name: "rectificationNotice",
    props: [],
    data() {
      return {
        cardHeight: window.innerHeight - 120,
        tableData: [],
        tableHeight: window.innerHeight - 270,
        loading: false,
        pageSize: 20,
        pageNum: 1,
        total:0,
        adName:"",
        dialogZgPlbmVisible:false,
        search:{
           pageSize: 20,
           pageNum: 1,
           year:"",
           objAdCode:"",
           objType:"",
           objName:"",
           crtState:"",
           pblmState:"",
           pblmNameBz:""
        },
        updateObj:{
            pblmId:"",
            pblmNub:"",
            pblmNubName:"",
            dutyName:"",
            objType:"",
            objName:"",
            pblmNameBz:"",
            checkPointBz:"",
            pblmDescBz:"",
            inspPblmDesc:"",
            inspPblmCate:"",
            pblmTm:"",
            pblmCrtm:"",
            pblmPltm:"",
            pblmActm:"",
            crtState:"",
            crtInfo:"",
            crtNote:"",
            pblmOut:"",
            recvOrgName:"",
            tranOrgId:"",
            tranOrgName:""
        },
        dcTypeList:[],
        inspPblmCateList:[
            {
                name:"一般",
                value:"0"
            },
            {
                name:"较重",
                value:"1"
            },
            {
                name:"严重",
                value:"2"
            },
            {
                name:"特别严重",
                value:"3"
            }
        ],
        isRectList:[
          {
              name:"否",
              value:"0"
          },
          {
              name:"是",
              value:"1"
          }
        ],
        pblmOutList:[
            {
                name:"否",
                value:"0"
            },
            {
                name:"是",
                value:"1"
            }
        ],
        crtStateList:[
          {
              name:"未整改",
              value:"0"
          },
          {
              name:"整改中",
              value:"1"
          },
          {
              name:"整改完成",
              value:"2"
          },
          {
              name:"不具备整改条件",
              value:"3"
          }
        ],
        rectificationStatus:[
           {
              name:"业务处室问题未提交",
              value:"0"
           },
            {
                name:"业务处室提交问题到监督处",
                value:"1"
            },
            {
                name:"监督处驳回业务处室问题",
                value:"2"
            },
            {
                name:"监督处下发到地市",
                value:"3"
            },
            {
                name:"市级提交反馈",
                value:"4"
            },
            {
                name:"市转发县",
                value:"5"
            },
            {
                name:"县反馈到市",
                value:"6"
            },
            {
                name:"市驳回到县",
                value:"7"
            },
            {
                name:"业务处室驳回",
                value:"8"
            },
            {
                name:"业务处室审核通过",
                value:"9"
            },
            {
                name:"监督处归档-销号",
                value:"10"
            },
            {
                name:"监督处归档-待复查",
                value:"11"
            }
        ],
        problemList:[],
        //弹框选择问题

        PblmDetailsVisible:false,
        currentProblemId:"",
        currentPblmNm:"",
        mulSelectCollection:[],
        recvOrgName:"",
        recvOrgId:"",
        tableDataLog:[],
        remark:"",
        isCurrentStep:false,
        mulSelectionSend:[],
        jqmmDialogShow:"",
        jqmmEngId:"",
        zgType:"",
        tranOrgName:"",
        tranOrgId:"",
        orgIdDefault:""
      }
    },
    components: {
        addvSearch:addvSearch,
        receiver:receiver,
        pblmsDetailsImgs: resolve => {
            require(["../duChaWenTi/PblmDetailsImgs.vue"], resolve);
        },
        addPicCom:addPicCom
    },
    computed: {
        curAdcode_long(){
            return curAdcode_long
        },
        orgId() {
            return localStorage.getItem('currentOrgId') ? localStorage.getItem("currentOrgId") : "";
        }
    },
    activated() {

    },
    created(){
       this.getTypes();
       this.getproblemSmallType();
    },
    mounted(){
      this.getNoticeList();
    },
    methods: {
        queryImgs(){
           this.jqmmDialogShow = true;
           this.jqmmEngId = this.updateObj.id;
           this.zgType = "zgFllow";
        },
        jqmmDialogClose() {
            this.jqmmDialogShow = false;
        },
        pblmStateChange(){
            this.getNoticeList();
            this.mulSelectionSend = [];
            // this.isCurrentStep = false;
            // if(this.search.pblmState=='3' || this.search.pblmState=='6'){
            //     this.isCurrentStep = true;
            // }
        },
        batchSend(){
            if(this.tranOrgName=="" || this.tranOrgName==null || this.tranOrgId==null || this.tranOrgId==""){
                this.$message({
                    message: '请选择接收县！',
                    type: 'warning'
                });
                return
            }
            if(this.mulSelectionSend!=null && this.mulSelectionSend.length>0){
                for(var i = 0;i<this.mulSelectionSend.length;i++){
                    this.mulSelectionSend[i].pblmState = "5";
                    this.mulSelectionSend[i].tranOrgName = this.tranOrgName;
                    this.mulSelectionSend[i].tranOrgId = this.tranOrgId;
                }
                var _self = this;
                this.$confirm('确定要下发到县, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/bis/insp/pblm/plist/updateList`,_self.mulSelectionSend)
                        .then(res => {
                            if (res.success) {
                                _self.getNoticeList();
                                _self.mulSelectionSend = [];
                                _self.search.pblmState = "";
                                _self.remark = "";
                                // _self.isCurrentStep = false;
                            }
                        })
                        .catch(err => {
                            console.log(err);
                        })
                }).catch(() => {
                });
            }else{
                this.$message({
                    message: '请选择数据！',
                    type: 'warning'
                });
                return
            }
        },
        batchReturn(){
            if(this.mulSelectionSend!=null && this.mulSelectionSend.length>0){
                for(var i = 0;i<this.mulSelectionSend.length;i++){
                    this.mulSelectionSend[i].pblmState = "4";
                }
                var _self = this;
                this.$confirm('确定要提交反馈到业务处室, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/bis/insp/pblm/plist/updateList`,_self.mulSelectionSend)
                        .then(res => {
                            if (res.success) {
                                _self.getNoticeList();
                                _self.mulSelectionSend = [];
                                _self.search.pblmState = "";
                                _self.remark = "";
                                // _self.isCurrentStep = false;
                            }
                        })
                        .catch(err => {
                            console.log(err);
                        })
                }).catch(() => {
                });
            }else{
                this.$message({
                    message: '请选择数据！',
                    type: 'warning'
                });
                return
            }
        },
        batchBack(){
            if(this.remark==null || this.remark==""){
                this.$message({
                    message: '请输入驳回备注！',
                    type: 'warning'
                });
                return
            }
            if(this.mulSelectionSend!=null && this.mulSelectionSend.length>0){
                for(var i = 0;i<this.mulSelectionSend.length;i++){
                    this.mulSelectionSend[i].pblmState = "7";
                }
                var _self = this;
                this.$confirm('确定要驳回到县, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/bis/insp/pblm/plist/updateList`,_self.mulSelectionSend)
                        .then(res => {
                            if (res.success) {
                                _self.getNoticeList();
                                _self.mulSelectionSend = [];
                                _self.search.pblmState = "";
                                _self.remark = "";
                                // _self.isCurrentStep = false;
                            }
                        })
                        .catch(err => {
                            console.log(err);
                        })
                }).catch(() => {
                });
            }else{
                this.$message({
                    message: '请选择数据！',
                    type: 'warning'
                });
                return
            }
        },
        handleSelectionSend(val){
            this.mulSelectionSend = val;
        },
        showImgList(nm,id){
            this.PblmDetailsVisible = true;
            this.currentPblmNm = nm;
            this.currentProblemId = id;
        },
        showProvImgList(id){
           this.jqmmDialogShow = true;
           this.jqmmEngId = id;
           this.zgType = "zgFllow";
        },
        returnBtn(){
            var _self = this;
            _self.updateObj.pblmState = "4";
            this.$confirm('确定要反馈到业务处室, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/bis/insp/pblm/plist/`,_self.updateObj)
                    .then(res => {
                        if (res.success) {
                            _self.getNoticeList();
                            _self.dialogZgPlbmVisible = false;
                            _self.updateObj = {};
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    })
            }).catch(() => {
            });
        },
        backBtn(){
            var _self = this;
            _self.updateObj.pblmState = "7";
            this.$confirm('确定要驳回到县, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/bis/insp/pblm/plist/`,_self.updateObj)
                    .then(res => {
                        if (res.success) {
                            _self.getNoticeList();
                            _self.dialogZgPlbmVisible = false;
                            _self.updateObj = {};
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    })
            }).catch(() => {
            });
        },
        submitRow(){
            var _self = this;

            if(this.updateObj.tranOrgName=="" || this.updateObj.tranOrgName==null || this.updateObj.tranOrgId==null || this.updateObj.tranOrgId==""){
                this.$message({
                    message: '请选择接收县！',
                    type: 'warning'
                });
                return
            }
            _self.updateObj.pblmState = "5";
            this.$confirm('确定要下发到县, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/bis/insp/pblm/plist/`,_self.updateObj)
                    .then(res => {
                        if (res.success) {
                            _self.getNoticeList();
                            _self.dialogZgPlbmVisible = false;
                            _self.updateObj = {};
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    })
            }).catch(() => {
            });
        },
        formatDate(row, column){
           var d = row[column.property];
           if(d==null || d==""){
               return "";
           }
           var date = new Date(d);
           return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
        },
        formatDate1(d){
            if(d==null || d==""){
                return "";
            }
            var date = new Date(d);
            return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
        },
        submitEdit(){
            var _self = this;
            this.$confirm('确定要提交修改的数据, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/bis/insp/pblm/plist/`,_self.updateObj)
                    .then(res => {
                        if (res.success) {
                            _self.getNoticeList();
                            _self.dialogZgPlbmVisible = false;
                            _self.updateObj = {};
                            _self.search = {};
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    })
            }).catch(() => {
                _self.loading = false;
            });
        },
        editorRow(row){
            var _self = this;
            _self.updateObj = row;
            _self.updateObj.pblmCrtm = this.formatDate1(row.pblmCrtm);
            _self.updateObj.pblmTm = this.formatDate1(row.pblmTm);
            _self.updateObj.pblmPltm = this.formatDate1(row.pblmPltm);
            _self.updateObj.pblmActm = this.formatDate1(row.pblmActm);
            _self.tableDataLog = row.bisInspPblmPlistLogs;
            _self.dialogZgPlbmVisible = true;
        },
        deleteRow(id){
            var _self = this;
            this.$confirm('确定要删除当前数据, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/bis/insp/pblm/plist/delete/`+id)
                    .then(res => {
                        if (res.success) {
                            _self.getNoticeList();
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    })
            }).catch(() => {
            });
        },
        formatPblmState(val){
            var name = "";
            for(var i = 0;i<this.rectificationStatus.length;i++){
                 if(val==this.rectificationStatus[i].value){
                     name =  this.rectificationStatus[i].name;
                 }
            }
            return name;
        },
        showDetails(nm,id){
           this.PblmDetailsVisible = true;
           this.currentPblmNm = nm;
           this.currentProblemId = id;
        },
        objTypeDict(d){
          var name = "";
          for(var i = 0;i<this.dcTypeList.length;i++){
              if(parseInt(this.dcTypeList[i].inspType)==d.objType){
                  name = this.dcTypeList[i].inspName;
              }
          }
          return name;
        },
        //通知List
        getNoticeList() {
            this.loading = true;
            var _self = this;
            request.post(`/bis/insp/pblm/plist/recvGetList`, _self.search)
                .then(res => {
                    if (res.success) {

                        _self.tableData = res.data.list;
                        _self.total = res.data.total;
                        _self.loading = false;
                    }
                })
                .catch(err => {
                    _self.loading = false;
                })
        },
        addvCodeChange(data){
          this.search.objAdCode = data.id;
        },
        tranOrgChange(data){
          this.updateObj.tranOrgId = data.code;
          this.updateObj.tranOrgName = data.name;
        },
        tranOrgChange1(data){
            this.tranOrgId = data.code;
            this.tranOrgName = data.name;
        },
        tranOrgClear1(){
            this.updateObj.tranOrgId = "";
            this.updateObj.tranOrgName = "";
        },
        tranOrgClear(){
            this.tranOrgId = "";
            this.tranOrgName = "";
        },
        searchBtn(){
          this.loading = true;
          this.getNoticeList();
          this.mulSelectionSend = [];
          // this.isCurrentStep = false;
          // if(this.search.pblmState=='3' || this.search.pblmState=='6'){
          //     this.isCurrentStep = true;
          // }
        },
        getTypes() {
            var _self = this;
            request.get(`/bis/insp/rel/org/insp/type/getInspTypeByOrgId/${this.orgId}`)
                .then(res => {
                    if (res.success) {
                        _self.dcTypeList = res.data;
                    }
            })
        },
        getproblemSmallType() {
            let result = [];
            request.get('/dc/insp/pblms/getPblmType', {
                params: {
                    type: ""
                }
            }).then(res => {
                if (res.success) {

                    res.data.forEach((ele) => {
                        let haveinspPblmsName = false;
                        result.forEach((inspPblm) => {
                            if (inspPblm['inspPblmsName'] == ele.inspPblmsName) {
                                let havechekPoint = false;
                                inspPblm['checkPoints'].forEach((chekPoint) => {
                                    if (chekPoint['checkPointName'] == ele.checkPoint) {
                                        havechekPoint = true;
                                    }
                                });
                                if (!havechekPoint) {
                                    let newCheckPoint = {};
                                    newCheckPoint['checkPointName'] = ele.checkPoint;
                                    newCheckPoint['sort2'] = ele.sort2;
                                    newCheckPoint['guid'] = ele.guid;
                                    inspPblm['checkPoints'].push(newCheckPoint);
                                }
                                haveinspPblmsName = true;
                            }
                        });
                        if (!haveinspPblmsName) {
                            let haveinspPblmsObj = {};
                            haveinspPblmsObj['inspPblmsName'] = ele.inspPblmsName;
                            haveinspPblmsObj['sort1'] = ele.sort1;
                            haveinspPblmsObj['checkPoints'] = [{
                                checkPointName: ele.checkPoint,
                                sort2: ele.sort2,
                                guid: ele.guid
                            }];
                            result.push(haveinspPblmsObj);
                        }
                    })
                    this.problemList = result;
                }
            })
        },
        handleCurrentChange(val) {
            this.search.pageNum = val;
            this.getNoticeList();
        },
        handleSizeChange(val) {
            this.search.pageSize = val;
            this.getNoticeList();
        },
        closeZgDialog(){
          this.dialogZgPlbmVisible = false;
        }
    },
    watch: {

    }
  }
</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;
      }
    }
  }
  #remarkReason{
     width: 280px!important;
  }
</style>