<!--  -->
<template>
  <div class="main-content revoke">
    <div v-if="active_top>=1" class="content-header">
      <div class="step">
        <el-steps :active="active_top" align-center>
          <el-step title="名单导入" />
          <el-step title="注销公告审批" />
          <!--          <el-step title="调查与听证" />-->
          <!-- <el-step title="听证告知" /> -->
          <el-step title="强制注销决定" />
          <el-step title="归档" />
        </el-steps>
      </div>
    </div>
    <!-- 批量吊销名单 -->
    <div v-if="active >= 3 && active_top >= 0" class="content-body">
      <el-collapse v-model="collapseActiveNames" style="margin-bottom: 20px;">
        <el-collapse-item title="拟注销名单" name="1">
          <template slot="title">
            <span style="margin-left: 20px;font-weight: bolder;font-size: 22px;flex-shrink: 0;">拟注销名单</span>
            <label style="font-size: 16px;color: #409EFF;flex-shrink: 0;">(点击查看名单)</label>
            <!--            <div v-if="hearingPublishLeftDay !== null && bizStatus === '10' " style="display: flex;line-height: 20px">-->
            <!--              <span style="margin-left: 10px;font-size: 16px;flex-shrink: 0;">提示:</span>-->
            <!--              <span v-if="(deadlineDays - hearingPublishLeftDay) > 0" style="color: red;margin-left: 10px;font-size: 16px">听证告知书已在{{ hearingPublishDate }}发出，公告期满{{ deadlineDays }}天后视为送达。(剩余{{ deadlineDays - hearingPublishLeftDay }}天)</span>-->
            <!--              <span v-else style="color: red;margin-left: 10px;font-size: 16px">听证告知书已在{{ hearingPublishDate }}发出，已在{{ hearingEndDate }}送达，自告知书送达之日起五个工作日内，当事人未行使陈述、申辩权，也未要求举行听证会的，视为放弃陈述、申辩和举行听证会权利。</span>-->
            <!--            </div>-->
            <!--            <div v-if="decisionPublishLeftDay !== null && bizStatus === '14' && (deadlineDays - decisionPublishLeftDay) > 0" style="display: flex;line-height: 20px">-->
            <!--              <span style="margin-left: 10px;font-size: 16px;flex-shrink: 0;">提示:</span>-->
            <!--              <span style="color: red;margin-left: 10px;font-size: 16px">行政处罚决定书已在{{ decisionPublishDate }}发出，公告期满{{ deadlineDays }}天后视为送达。(剩余{{ deadlineDays - decisionPublishLeftDay }}天)</span>-->
            <!--            </div>-->
          </template>
          <el-tabs v-model="collapseTabActiveName" type="card" @tab-click="handleTopTabClick">
            <el-tab-pane :label="`${'批量注销名单('+ pageParam.total +')'}`" name="first">
              <el-row class="header">
                <el-col :span="10" :offset="11" style="text-align: right">
                  <div class="search-input-box">
                    <el-input
                      v-model="searchForm.searchCode"
                      clearable
                      size="mini"
                      type="text"
                      class="search-input"
                      placeholder="统一社会信用代码/注册号"
                      @keyup.enter.native="search"
                    />
                  </div>
                </el-col>
                <el-col :span="3">
                  <el-button
                    size="mini"
                    style="margin-left: 10px"
                    type="primary"
                    icon="el-icon-search"
                    @click="search"
                  >查询</el-button>
                </el-col>
              </el-row>
              <div class="body">
                <el-table
                  ref="revList"
                  v-loading="loading"
                  element-loading-background="rgba(233, 233, 233, 0.8)"
                  :row-class-name="tableRowClassName"
                  :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
                  size="mini"
                  :data="revList"
                  tooltip-effect="dark"
                  style="width: 100%"
                  :fit="true"
                  @selection-change="handleSelectionChange"
                  @expand-change="handleExpandChange"
                >
                  <el-table-column v-if="active_top < 4 && !onlyShow" type="selection" :selectable="selectInit" min-width="30" align="center" />
                  <el-table-column
                    prop="index"
                    label="序号"
                    min-width="30"
                    align="center"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.index }}</span>
                      <span v-else>{{ scope.row.index }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column prop="uniscid" label="统一社会信用代码/注册号" min-width="80" align="left">
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.uniscid }}</span>
                      <span v-else>{{ scope.row.uniscid }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="entname"
                    :show-overflow-tooltip="true"
                    label="主体名称"
                    min-width="100"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red;text-decoration:underline;cursor:pointer" @click="seeDetail(scope.row)">{{ scope.row.entname }}</span>
                      <span v-else style="color: #3296fa;text-decoration:underline;cursor:pointer" @click="seeDetail(scope.row)">{{ scope.row.entname }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="name"
                    label="法定代表人"
                    min-width="40"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.name }}</span>
                      <span v-else>{{ scope.row.name }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="enttypeCn"
                    :show-overflow-tooltip="true"
                    label="主体类型"
                    min-width="70"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.enttypeCn }}</span>
                      <span v-else>{{ scope.row.enttypeCn }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="regstateCn"
                    :show-overflow-tooltip="true"
                    label="主体状态"
                    min-width="70"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1' || scope.row.regstate !== '1'" style="color: red">{{ scope.row.regstateCn }}</span>
                      <span v-else>{{ scope.row.regstateCn }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    v-if="active_top === 4"
                    prop="isDecisionPublish"
                    label="状态"
                    min-width="60"
                    align="left"
                  >
                    <template v-if="scope.row.isDecisionPublish" slot-scope="scope">
                      <span v-if="scope.row.isDecisionPublish === '1'">处罚决定公示中</span>
                      <span v-else style="color: red">未公示</span>
                    </template>
                  </el-table-column>
                </el-table>
                <div class="page-box">
                  <el-row style="padding-bottom: 10px;">
                    <el-col :span="16" style="text-align: left">
                      <el-button v-if="active_top < 4 && !onlyShow" size="mini" @click="selectAll">全选</el-button>
                      <el-button
                        v-if="active_top < 4 && !onlyShow"
                        size="mini"
                        @click="$util.toggleSelect($refs.revList)"
                      >反选</el-button>
                      <el-button
                        v-if="bizStatus === '31' && !onlyShow"
                        size="mini"
                        type="primary"
                        icon="el-icon-circle-plus-outline"
                        @click="showAddRevList"
                      >新增</el-button>
                      <el-button
                        v-if="(bizStatus === '31' || bizStatus === '4' || bizStatus === '10') && !onlyShow"
                        size="mini"
                        type="danger"
                        icon="el-icon-delete"
                        :disabled="editDisable"
                        @click="showRemDia"
                      >剔除</el-button>
                      <el-button
                        size="mini"
                        type="primary"
                        icon="el-icon-search"
                        @click="showRemRecord"
                      >查看剔除记录</el-button>
                      <el-button
                        size="mini"
                        type="primary"
                        icon="el-icon-download"
                        @click="exportDialogVisible = true"
                      >导出到Excel</el-button>
                      <el-button
                        v-if="bizStatus === '10' && !onlyShow"
                        size="mini"
                        type="primary"
                        :disabled="editDisable"
                        :loading="bacthLoading"
                        icon="el-icon-folder-add"
                        @click="createDecBatch"
                      >批量生成行政处罚决定书</el-button>
                    </el-col>
                    <el-col :span="8">
                      <el-pagination
                        :page-sizes="[5, 10, 20, 30]"
                        :page-size="pageParam.pageSize"
                        layout="total, prev, pager, next, sizes"
                        :total="pageParam.total"
                        @size-change="pageSizeChange"
                        @current-change="pageIndexChange"
                      />
                    </el-col>
                  </el-row>
                </div>
                <!--分页多选组件-->
                <!-- <pageSelector :selection="toDelSelection" :columns="toDelSelectionColumn" @removeCallback="removeCallback" /> -->
              </div>
            </el-tab-pane>
            <el-tab-pane v-if="revNoOpenList.length > 0" :label="`${'待确认批量注销名单('+ pageParamNoOpen.total+')'}`" name="second">
              <el-row class="header">
                <el-col :span="10" :offset="11" style="text-align: right">
                  <div class="search-input-box">
                    <el-input
                      v-model="searchFormNoOpen.searchCode"
                      clearable
                      size="mini"
                      type="text"
                      class="search-input"
                      placeholder="统一社会信用代码/注册号"
                      @keyup.enter.native="searchNoOpen"
                    />
                  </div>
                </el-col>
                <el-col :span="3">
                  <el-button
                    size="mini"
                    style="margin-left: 10px"
                    type="primary"
                    icon="el-icon-search"
                    @click="searchNoOpen"
                  >查询</el-button>
                </el-col>
              </el-row>
              <div class="body">
                <el-table
                  ref="revNoOpenList"
                  v-loading="loadingNoOpen"
                  element-loading-background="rgba(233, 233, 233, 0.8)"
                  size="mini"
                  :data="revNoOpenList"
                  tooltip-effect="dark"
                  style="width: 100%"
                  :fit="true"
                  @selection-change="handleSelectionChange"
                  @expand-change="handleExpandChange"
                >
                  <el-table-column v-if="active_top < 4 && !onlyShow" type="selection" :selectable="selectInit" min-width="30" align="center" />
                  <el-table-column
                    prop="index"
                    label="序号"
                    min-width="30"
                    align="center"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.index }}</span>
                      <span v-else>{{ scope.row.index }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column prop="uniscid" label="统一社会信用代码/注册号" min-width="80" align="left">
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.uniscid }}</span>
                      <span v-else>{{ scope.row.uniscid }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="entname"
                    :show-overflow-tooltip="true"
                    label="主体名称"
                    min-width="100"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red;text-decoration:underline;cursor:pointer" @click="seeDetail(scope.row)">{{ scope.row.entname }}</span>
                      <span v-else style="color: #3296fa;text-decoration:underline;cursor:pointer" @click="seeDetail(scope.row)">{{ scope.row.entname }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="name"
                    label="法定代表人"
                    min-width="40"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.name }}</span>
                      <span v-else>{{ scope.row.name }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="enttypeCn"
                    :show-overflow-tooltip="true"
                    label="主体类型"
                    min-width="70"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.enttypeCn }}</span>
                      <span v-else>{{ scope.row.enttypeCn }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="regstateCn"
                    :show-overflow-tooltip="true"
                    label="主体状态"
                    min-width="70"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1' || scope.row.regstate !== '1'" style="color: red">{{ scope.row.regstateCn }}</span>
                      <span v-else>{{ scope.row.regstateCn }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    v-if="active_top === 4"
                    prop="isDecisionPublish"
                    label="状态"
                    min-width="60"
                    align="left"
                  >
                    <template v-if="scope.row.isDecisionPublish" slot-scope="scope">
                      <span v-if="scope.row.isDecisionPublish === '1'">处罚决定公示中</span>
                      <span v-else style="color: red">未公示</span>
                    </template>
                  </el-table-column>
                </el-table>
                <div class="page-box">
                  <el-row style="padding-bottom: 10px;">
                    <el-col :span="16" style="text-align: left">
                      <el-button v-if="active_top < 4 && !onlyShow" size="mini" @click="noOpenSelectAll">全选</el-button>
                      <el-button
                        v-if="active_top < 4 && !onlyShow"
                        size="mini"
                        @click="$util.toggleSelect($refs.revNoOpenList)"
                      >反选</el-button>
                      <el-button
                        v-if="(bizStatus === '1' || bizStatus === '4' || bizStatus === '10') && !onlyShow"
                        size="mini"
                        type="danger"
                        icon="el-icon-delete"
                        :disabled="editDisable"
                        @click="showRemDia"
                      >剔除</el-button>
                      <el-button
                        size="mini"
                        type="primary"
                        icon="el-icon-search"
                        @click="showRemRecord"
                      >查看剔除记录</el-button>
                    </el-col>
                    <el-col :span="8">
                      <el-pagination
                        :page-sizes="[5, 10, 20, 30]"
                        :page-size="pageParamNoOpen.pageSize"
                        layout="total, prev, pager, next, sizes"
                        :total="pageParamNoOpen.total"
                        @size-change="noOpenPageSizeChange"
                        @current-change="noOpenPageIndexChange"
                      />
                    </el-col>
                  </el-row>
                </div>
              </div>
            </el-tab-pane>
          </el-tabs>
        </el-collapse-item>
      </el-collapse>

    </div>
    <div v-if="active >= 3 && active_top >= 1" class="content-body">
      <el-tabs v-model="activeName" type="border-card" style="min-height: 700px" @tab-click="handleTabClick">
        <el-tab-pane v-if="active_top >= 1" class="caseForm" :label="firstTabName" name="first">
          <el-form ref="caseForm" :rules="caseFormRules" :model="caseForm" label-width="210px" label-position="right">
            <div class="form">
              <div class="tab">
                <div class="tab-title"><label>{{ firstTabName }}</label></div>
              </div>
              <div class="form-body">
                <el-row>
                  <el-col>
                    <el-form-item label="注销任务流程">
                      <span style="display: block">{{ caseForm.entname }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-form-item label="拟强制注销登记法定事由">
                    <span>{{ caseForm.forceRra }}</span><!-- 后改为固定"注册登记违法行为"  -->
                  </el-form-item>
                </el-row>
                <el-row v-if="active_top === 1" class="writName">
                  <el-form-item label="注销公告模版">
                    <el-row style="border-left:0">
                      <el-link type="primary" @click="openDialog('forceLogout')">拟强制注销公司登记公告</el-link>
                    </el-row>
                  </el-form-item>
                </el-row>
                <div v-if="active_top === 1">
                  <el-row>
                    <el-form-item label="经办意见" prop="situation">
                      <el-input
                        v-if="bizStatus == '31' && !onlyShow"
                        v-model="caseForm.situation"
                        :autosize="{ minRows: 2 }"
                        type="textarea"
                      />
                      <span v-else style="display: block">{{ caseForm.situation }}</span>
                      <el-col :span="10" :offset="14">

                        <label>经办人:</label>
                        <span v-if="bizStatus == '32'">{{
                            user.nickname
                          }}</span>
                        <span v-else>{{
                            handleOpinion.handler
                          }}</span>
                        <span v-if="this.$util.isNotEmpty(caseForm.assistantName)">、{{ caseForm.assistantName }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <el-date-picker
                          v-if="bizStatus == '31' && !onlyShow "
                          v-model="caseForm.handledate"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                        <span v-else style="display: inline-block">{{ handleOpinion.handleDate }}</span>
                      </el-col></el-form-item>
                  </el-row>
                  <el-row v-if="bizStatus === '32' && !onlyShow">
                    <el-form-item label="审核意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="12">
                        <label>审核人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>

                    </el-form-item>
                  </el-row>
                  <el-row v-else-if="this.$util.isNotEmpty(reviewOpinion.opinionContent)">
                    <el-form-item label="审核意见">
                      <div>
                        <span style="display: block">{{ reviewOpinion.opinionContent }}</span>
                        <el-col :span="8" :offset="16">
                          <label>审核人:</label>
                          <span>{{ reviewOpinion.handler }}</span>
                          <label
                            style="margin-left: 10px"
                          >审核日期:</label>
                          <span style="display: inline-block">{{ reviewOpinion.handleDate }}</span>
                        </el-col>
                      </div>
                    </el-form-item>
                  </el-row>
                  <el-row v-if="bizStatus === '3' && !onlyShow">
                    <el-form-item label="审批意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          type="textarea"
                          :autosize="{ minRows: 2 }"
                          placeholder="请输入"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">

                        <label>审批人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >审批日期:</label>
                        <el-date-picker
                          v-if="bizStatus === '3'"
                          v-model="caseForm.handledate"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                        <span v-else style="display: inline-block">{{ approvalOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <el-row v-else-if="this.$util.isNotEmpty(approvalOpinion.opinionContent)">
                    <el-form-item label="审批意见">
                      <div>
                        <span style="display: block">{{ approvalOpinion.opinionContent }}</span>
                        <el-col :span="8" :offset="16">

                          <label>审批人:</label>
                          <span>{{ approvalOpinion.handler }}</span>
                          <label
                            style="margin-left: 10px"
                          >审批日期:</label>
                          <span style="display: inline-block">{{ approvalOpinion.handleDate }}</span>
                        </el-col>
                      </div>
                    </el-form-item>
                  </el-row>
                  <!-- 立案经办 -->
                  <el-row>
                    <el-form-item v-if="bizStatus == '31' && !onlyShow" label="审核人" prop="reviewerId">
                      <el-select
                        v-model="caseForm.reviewerId"
                        placeholder="请选择审核人"
                        filterable
                        clearable
                        class="custom"
                      >
                        <el-option
                          v-for="item in reviewer"
                          :key="'reviewer' + item.primaryKey"
                          :label="item.name"
                          :value="item.primaryKey"
                        />
                      </el-select>
                    </el-form-item>
                  </el-row>
                  <!-- 立案审核 -->
                  <div v-if="bizStatus == '32' && !onlyShow">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="approveBatchDeactivationl"
                        >通过</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="batchDeactivationlEnter"
                        >回退至经办人</el-radio>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'approveBatchDeactivationl'" label="审批人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审批人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'handleCase'" label="审核人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审核人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in handleReviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                  </div>
                  <!-- 立案审批 -->
                  <div v-if="bizStatus == '33' && !onlyShow" class="form">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="investigateEnter"
                        >通过</el-radio>
<!--                        <el-radio-->
<!--                          v-model="nextNodeID"-->
<!--                          label="handleCase"-->
<!--                        >回退至上一操作人</el-radio>-->
                        <el-radio
                          v-model="nextNodeID"
                          label="caseEnter"
                        >回退至经办人</el-radio>
                      </el-form-item>
                    </el-row>
                  </div>
                </div>
                <div v-if="active_top === 2">
                  <!-- 听证告知经办 -->
                  <el-row>
                    <el-form-item label="审批事项">行政处罚建议</el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item v-if="bizStatus === '4' && !onlyShow" label="提请审批的理由 、依据及处理意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="10" :offset="2">
                        <label>经办人:</label>
                        <span>{{ caseForm.handlerName }}</span>
                        <span v-if="this.$util.isNotEmpty(caseForm.assistantName)">、{{ caseForm.assistantName }}</span>
                        <label
                          style=" margin-left: 10px"
                        >经办日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else label="提请审批的理由 、依据及处理意见">
                      <span style="display: block">{{ handleOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label style="">经办人:</label>
                        <span>{{ caseForm.handlerName }}</span>
                        <span v-if="this.$util.isNotEmpty(caseForm.assistantName)">、{{ caseForm.assistantName }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <span style="display: inline-block">{{ handleOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 听证告知审核 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '8' && !onlyShow" label="审核意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>审核人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="bizStatus !== '8' && this.$util.isNotEmpty(reviewOpinion.opinionContent)" label="审核意见">
                      <span style="display: block">{{ reviewOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>审核人:</label>
                        <span>{{ reviewOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <span style="display: inline-block">{{ reviewOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 法规部门分派意见 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '24' && !onlyShow" label="法规部门分派意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>分派人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >分派日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="bizStatus !== '24' && this.$util.isNotEmpty(lawSendOpinion.opinionContent)" label="法规部门分派意见">
                      <span style="display: block">{{ lawSendOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>分派人:</label>
                        <span>{{ lawSendOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >分派日期:</label>
                        <span style="display: inline-block">{{ lawSendOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 法规部门经办意见 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '25' && !onlyShow" label="法规部门经办意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>经办人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="bizStatus !== '25' && this.$util.isNotEmpty(lawHandleOpinion.opinionContent)" label="法规部门经办意见">
                      <span style="display: block">{{ lawHandleOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>经办人:</label>
                        <span>{{ lawHandleOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <span style="display: inline-block">{{ lawHandleOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 法规部门审核意见 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '26' && !onlyShow" label="法规部门审核意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>审核人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="bizStatus !== '26' && this.$util.isNotEmpty(lawReviewOpinion.opinionContent)" label="法规部门审核意见">
                      <span style="display: block">{{ lawReviewOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>审核人:</label>
                        <span>{{ lawReviewOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <span style="display: inline-block">{{ lawReviewOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 听证告知审批 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '9' && !onlyShow" label="审批意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:16px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>审批人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style=" margin-left: 10px"
                        >审批日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="bizStatus !== '9' && this.$util.isNotEmpty(approvalOpinion.opinionContent)" label="审批意见">
                      <span style="display: block">{{ approvalOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>审批人:</label>
                        <span>{{ approvalOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >审批日期:</label>
                        <span style="display: inline-block">{{ approvalOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item v-if="bizStatus === '4' && !onlyShow" label="审核人" prop="reviewerId">
                      <el-select
                        v-model="caseForm.reviewerId"
                        filterable
                        clearable
                        placeholder="请选择审核人"
                        class="custom"
                      >
                        <el-option
                          v-for="item in reviewer"
                          :key="'reviewer' + item.primaryKey"
                          :label="item.name"
                          :value="item.primaryKey"
                        />
                      </el-select>
                    </el-form-item>
                  </el-row>
                  <div v-if="bizStatus === '8' && !onlyShow">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="hearingRegDepLeader"
                        >同意并呈法规部门审核</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="investigateEnter"
                        >回退至经办人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleHearing"
                        >流转至其他审核人</el-radio>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID === 'hearingRegDepLeader'" label="法规部门审核人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审核人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'handleHearing'" label="审核人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审核人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in handleReviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'approvalInvestigate'" label="审批人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审批人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>

                  </div>
                  <div v-if="bizStatus === '24' && !onlyShow">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="hearingRegDepHandle"
                        >指定经办人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleHearing"
                        >回退至上一操作人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="investigateEnter"
                        >回退至案件经办人</el-radio>
                        <!-- 回退至经办人 -->
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID === 'hearingRegDepHandle'" label="经办人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择经办人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                  </div>
                  <el-row>
                    <el-form-item v-if="bizStatus === '25' && !onlyShow" label="法规部门审核人" prop="reviewerId">
                      <el-select
                        v-model="caseForm.reviewerId"
                        filterable
                        clearable
                        placeholder="请选择审核人"
                        class="custom"
                      >
                        <el-option
                          v-for="item in reviewer"
                          :key="'reviewer' + item.primaryKey"
                          :label="item.name"
                          :value="item.primaryKey"
                        />
                      </el-select>
                    </el-form-item>
                  </el-row>
                  <div v-if="bizStatus === '26' && !onlyShow">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="approvalHearing"
                        >同意并呈领导审批</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="hearingRegDepHandle"
                        >回退至法规部门经办人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleHearing"
                        >回退至案件审核人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="investigateEnter"
                        >回退至案件经办人</el-radio>
                        <!-- 回退至经办人 -->
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID === 'approvalHearing'" label="审批人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审批人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                  </div>
                  <el-row v-if="bizStatus === '9' && !onlyShow">
                    <el-form-item label="是否通过" prop="nextNodeID">
                      <el-radio
                        v-model="nextNodeID"
                        label="decisionEnter"
                      >通过</el-radio>
                      <el-radio
                        v-model="nextNodeID"
                        label="hearingRegDepLeader"
                      >回退至上一操作人</el-radio>
                      <el-radio
                        v-model="nextNodeID"
                        label="investigateEnter"
                      >回退至案件经办人</el-radio>
                      <!-- 回退至审核人 -->
                    </el-form-item>
                  </el-row>
                </div>
                <div v-if="active_top === 3">
                  <el-row>
                    <el-form-item label="行政处理决定建议类别">
                      <span>给予行政处罚</span>
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="是否经过复核（听证）程序" required>
                      <div v-if="bizStatus == '10' && !onlyShow">
                        <el-radio v-model="caseForm.isReviewHearing" label="1">当事人未提出陈述、申辩意见或者未申请听证</el-radio>
                        <el-radio v-model="caseForm.isReviewHearing" label="2">案件经复核或者听证</el-radio>
                      </div>
                      <span v-else>{{ caseForm.isReviewHearing === '1'? '当事人未提出陈述、申辩意见或者未申请听证':caseForm.isReviewHearing === '2'?'案件经复核或者听证':'' }}</span>
                    </el-form-item>
                  </el-row>
                  <div v-if="caseForm.isReviewHearing === '2'">
                    <el-row>
                      <el-form-item label="当事人陈述、申辩或者听证中提出的主要意见" required>
                        <el-input
                          v-if="bizStatus == '10'"
                          v-model="caseForm.pleadOpinion"
                          type="textarea"
                          :autosize="{ minRows: 3 }"
                        />
                        <span v-else style="display: block">{{ caseForm.pleadOpinion }}</span>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item label="复核意见或者听证意见" required>
                        <el-input
                          v-if="bizStatus == '10'"
                          v-model="caseForm.reviewHearingOpinion"
                          type="textarea"
                          :autosize="{ minRows: 2 }"
                        />
                        <span v-else style="display: block">{{ caseForm.reviewHearingOpinion }}</span>
                      </el-form-item>
                    </el-row>
                  </div>
                  <el-row>
                    <el-form-item label="处罚依据" required>
                      <el-input
                        v-if="bizStatus == '10'"
                        v-model="caseForm.punishBasis"
                        type="textarea"
                        :autosize="{ minRows: 2 }"
                      />
                      <span v-else style="display: block">{{ caseForm.punishBasis }}</span>
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="行政处罚履行方式" required>
                      <el-input
                        v-if="bizStatus == '10'"
                        v-model="caseForm.punishPerformWay"
                        type="textarea"
                        :autosize="{ minRows: 2 }"
                      />
                      <span v-else style="display: block">{{ caseForm.punishPerformWay }}</span>
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="行政处罚履行期限" required>
                      <el-date-picker
                        v-if="bizStatus == '10' && !onlyShow"
                        v-model="caseForm.punishPerformDeadline"
                        :clearable="false"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        format="yyyy-MM-dd HH:mm:ss"
                        size="small"
                        type="datetime"
                        placeholder="选择日期"
                      />
                      <span v-else style="display: block">{{ caseForm.punishPerformDeadline }}</span>
                    </el-form-item>
                  </el-row>
                  <!-- <el-row>
                      <el-form-item label="建议作出行政处理决定的内容、主要事实、理由、依据">
                        <el-input
                          v-if="bizStatus == '10'"
                          v-model="caseForm.advicePunishContent"
                          type="textarea"
                          :autosize="{ minRows: 3 }"
                        />
                        <span v-else style="display: block">{{ caseForm.advicePunishContent }}</span>
                      </el-form-item>
                    </el-row> -->
                  <!-- 处罚决定经办 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '10' && !onlyShow" label="建议作出行政处理决定的内容、主要事实、理由、依据" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="10" :offset="2">
                        <label>经办人:</label>
                        <span>{{ caseForm.handlerName }}</span>
                        <span v-if="this.$util.isNotEmpty(caseForm.assistantName)">、{{ caseForm.assistantName }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else label="建议作出行政处理决定的内容、主要事实、理由、依据">
                      <span style="display: block">{{ handleOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>经办人:</label>
                        <span>{{ caseForm.handlerName }}</span>
                        <span v-if="this.$util.isNotEmpty(caseForm.assistantName)">、{{ caseForm.assistantName }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <span style="display: inline-block">{{ handleOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item v-if="bizStatus === '11' && !onlyShow" label="审核意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>审核人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style=" margin-left: 10px"
                        >审核日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="this.$util.isNotEmpty(reviewOpinion.opinionContent)" label="审核意见">
                      <span style="display: block">{{ reviewOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>审核人:</label>
                        <span>{{ reviewOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <span style="display: inline-block">{{ reviewOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 处罚决定法规部门分派意见 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '27' && !onlyShow" label="法规部门分派意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>分派人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >分派日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="bizStatus !== '27' && this.$util.isNotEmpty(lawSendOpinion.opinionContent)" label="法规部门分派意见">
                      <span style="display: block">{{ lawSendOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>分派人:</label>
                        <span>{{ lawSendOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >分派日期:</label>
                        <span style="display: inline-block">{{ lawSendOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 处罚决定法规部门经办意见 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '28' && !onlyShow" label="法规部门经办意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>经办人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="this.$util.isNotEmpty(lawHandleOpinion.opinionContent)" label="法规部门经办意见">
                      <span style="display: block">{{ lawHandleOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>经办人:</label>
                        <span>{{ lawHandleOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <span style="display: inline-block">{{ lawHandleOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 处罚决定法规部门审核意见 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '29' && !onlyShow" label="法规部门审核意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>审核人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="this.$util.isNotEmpty(lawReviewOpinion.opinionContent)" label="法规部门审核意见">
                      <span style="display: block">{{ lawReviewOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>审核人:</label>
                        <span>{{ lawReviewOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >审核日期:</label>
                        <span style="display: inline-block">{{ lawReviewOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <!-- 处罚决定审批 -->
                  <el-row>
                    <el-form-item v-if="bizStatus === '13' && !onlyShow" label="审批意见" prop="opinion">
                      <el-col :span="24">
                        <el-input
                          v-model="caseForm.opinion"
                          :autosize="{ minRows: 2 }"
                          type="textarea"
                          placeholder="请输入意见"
                        />
                      </el-col>
                      <el-col :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="4">
                        <label>审批人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="margin-left: 10px"
                        >审批日期:</label>
                        <el-date-picker
                          v-model="caseForm.handledate"
                          style="display: inline-block"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>
                    </el-form-item>
                    <el-form-item v-else-if="this.$util.isNotEmpty(approvalOpinion.opinionContent)" label="审批意见">
                      <span style="display: block">{{ approvalOpinion.opinionContent }}</span>
                      <el-col :span="8" :offset="16">
                        <label>审批人:</label>
                        <span>{{ approvalOpinion.handler }}</span>
                        <label
                          style="margin-left: 10px"
                        >审批日期:</label>
                        <span style="display: inline-block">{{ approvalOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>

                  <el-row>
                    <el-form-item v-if="bizStatus === '10' && !onlyShow" label="审核人" prop="reviewerId">
                      <el-select
                        v-model="caseForm.reviewerId"
                        filterable
                        clearable
                        placeholder="请选择审核人"
                        class="custom"
                      >
                        <el-option
                          v-for="item in reviewer"
                          :key="'reviewer' + item.primaryKey"
                          :label="item.name"
                          :value="item.primaryKey"
                        />
                      </el-select>
                    </el-form-item>
                  </el-row>
                  <div v-if="bizStatus === '11' && !onlyShow">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="decisionRegDepLeader"
                        >同意并呈法规部门审核</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="decisionEnter"
                        >回退至经办人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleDecision"
                        >流转至其他审核人</el-radio>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'handleDecision'" label="审核人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审核人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in handleReviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'decisionRegDepLeader'" label="审核人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审核人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                  </div>
                  <!-- 处罚决定法规部门分派 -->
                  <div v-else-if="bizStatus == '27' && !onlyShow" class="form">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="decisionRegDepHandle"
                        >指定经办人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleDecision"
                        >回退至上一操作人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="decisionEnter"
                        >回退至案件经办人</el-radio>
                        <!-- 回退至经办人 -->
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID === 'decisionRegDepHandle'" label="经办人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择经办人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                  </div>
                  <!-- 处罚决定规部门经办 -->
                  <el-row v-if="bizStatus == '28' && !onlyShow" class="form">
                    <el-form-item label="法规部门审核人" prop="reviewerId">
                      <el-select
                        v-model="caseForm.reviewerId"
                        filterable
                        clearable
                        placeholder="请选择审核人"
                        class="custom"
                      >
                        <el-option
                          v-for="item in reviewer"
                          :key="'reviewer' + item.primaryKey"
                          :label="item.name"
                          :value="item.primaryKey"
                        />
                      </el-select>
                    </el-form-item>
                  </el-row>
                  <!-- 处罚决定法规部门审核 -->
                  <div v-else-if="bizStatus == '29' && !onlyShow" class="form">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="approvalDecision"
                        >同意并呈领导审批</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="decisionRegDepHandle"
                        >回退至法规部门经办人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleDecision"
                        >回退至案件审核人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="decisionEnter"
                        >回退至案件经办人</el-radio>
                        <!-- 回退至经办人 -->
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID === 'approvalDecision'" label="审批人" prop="reviewerId">
                        <el-select
                          v-model="caseForm.reviewerId"
                          filterable
                          clearable
                          placeholder="请选择审批人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.primaryKey"
                          />
                        </el-select>
                      </el-form-item>
                    </el-row>
                  </div>
                  <!-- 处罚决定审批 -->
                  <el-row v-if="bizStatus == '13' && !onlyShow" class="form">
                    <el-form-item label="是否通过" prop="nextNodeID">
                      <el-radio
                        v-model="nextNodeID"
                        label="sendEnter"
                      >通过</el-radio>
                      <el-radio
                        v-model="nextNodeID"
                        label="decisionRegDepLeader"
                      >回退至上一操作人</el-radio>
                      <el-radio
                        v-model="nextNodeID"
                        label="decisionEnter"
                      >回退至案件经办人</el-radio>
                    </el-form-item>
                  </el-row>
                </div>
                <div v-if="active_top === 4">
                  <el-row>
                    <el-form-item label="送达方式">
                      <el-radio
                        v-model="deliverWay"
                        label="1"
                      >公告送达</el-radio>
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="经办意见" prop="opinion">
                      <el-input
                        v-if="bizStatus == '14'"
                        v-model="caseForm.opinion"
                        :autosize="{ minRows: 2 }"
                        type="textarea"
                      />
                      <span v-else style="display: block">{{ handleOpinion.opinionContent }}</span>
                      <el-col v-if="bizStatus == '14'" :span="12">
                        <label style="font-size:14px">常用语</label>
                        <el-select
                          v-model="opinion"
                          placeholder="请选择"
                          clearable
                          style="margin-left: 10px;width: 80%"
                          class="custom"
                        >
                          <el-option
                            v-for="item in opinionOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="8" :offset="bizStatus == '14'? 4:16">

                        <label>经办人:</label>
                        <span v-if="bizStatus == '14'">{{
                            caseForm.handlerName
                          }}</span>
                        <span v-else>{{
                            handleOpinion.handler
                          }}</span>

                        <label
                          style="margin-left: 10px"
                        >经办日期:</label>
                        <el-date-picker
                          v-if="bizStatus == '14'"
                          v-model="caseForm.handledate"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                        <span v-else style="display: inline-block">{{ handleOpinion.handleDate }}</span>
                      </el-col></el-form-item>
                  </el-row>
                </div>
              </div>
            </div>
          </el-form>
          <div class="submit-box">
            <el-button
              v-if="!onlyShow"
              :loading="submitLoading"
              type="primary"
              @click="submitCaseForm"
            >提交</el-button>
            <!--            <el-button-->
            <!--              v-if="!onlyShow"-->
            <!--              :loading="saveLoading"-->
            <!--              type="primary"-->
            <!--              @click="subimtTemp"-->
            <!--            >暂存</el-button>-->
            <el-button @click="$router.back()">返回</el-button>
          </div>
        </el-tab-pane>
<!--        <el-tab-pane label="证据材料" name="fourth">-->
<!--          <el-row v-loading="fileUploadLoading">-->
<!--            <el-col :span="8">-->
<!--              <div class="tab">-->
<!--                <div class="tab-title"><label>材料上传</label></div>-->
<!--              </div>-->
<!--              <el-tabs v-model="subActiveName2">-->
<!--                <el-tab-pane label="文档" name="first">-->
<!--                  <el-upload-->
<!--                    class="upload-demo"-->
<!--                    drag-->
<!--                    :action="bizUploadPath"-->
<!--                    :data="{bizseq:bizseq,attachtype:subActiveName3}"-->
<!--                    :on-remove="remFileCallback"-->
<!--                    :on-success="commonUploadCallback"-->
<!--                    :on-preview="previewFile"-->
<!--                    :before-upload="beforeFileUpload"-->
<!--                    :before-remove="beforeRemove"-->
<!--                    :file-list="fileList"-->
<!--                    :show-file-list="false"-->
<!--                    accept=".doc,.docx,.xlsx,.xls,.pdf,.jpg,.png,.zip"-->
<!--                    multiple-->
<!--                  >-->
<!--                    <i class="el-icon-upload" />-->
<!--                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>-->
<!--                    <div slot="tip" class="el-upload__tip">只能上传doc/docx/xls/xlsx/pdf/jpg/png/zip文件，且不超过50M</div>-->
<!--                  </el-upload>-->
<!--                </el-tab-pane>-->
<!--              </el-tabs>-->
<!--            </el-col>-->
<!--            <el-col v-if="subActiveName2 == 'first'" :offset="1" :span="15">-->
<!--              <div class="tab">-->
<!--                <div class="tab-title"><label>材料列表</label></div>-->
<!--              </div>-->
<!--              <el-tabs v-model="subActiveName3" @tab-click="handleFileTabClick">-->
<!--                <el-tab-pane :disabled="active_top < 1" label="立案审批" name="1" />-->
<!--                <el-tab-pane :disabled="active_top < 2" label="调查与听证" name="2" />-->
<!--                &lt;!&ndash; <el-tab-pane :disabled="active_top < 3" label="听证告知" name="3" /> &ndash;&gt;-->
<!--                <el-tab-pane :disabled="active_top < 3" label="行政处罚决定" name="3" />-->
<!--                <el-tab-pane :disabled="active_top < 4" label="归档" name="4" />-->
<!--                <el-tab-pane label="其他" name="9" />-->
<!--              </el-tabs>-->
<!--              <el-table-->
<!--                v-loading="fileLoading"-->
<!--                :row-class-name="tableRowClassName"-->
<!--                :header-cell-style="{background:'#8cc3fb',color:'#fff'}"-->
<!--                :data="fileDataShow"-->
<!--                size="mini"-->
<!--                border-->
<!--                style="width: 100%"-->
<!--              >-->
<!--                <el-table-column prop="index" label="序号" width="60" />-->
<!--                <el-table-column prop="filename" label="文件名" min-width="80" />-->
<!--                <el-table-column prop="username" label="上传用户" min-width="50" />-->
<!--                <el-table-column prop="uploaddate" label="上传时间" min-width="60" />-->
<!--                <el-table-column label="操作" min-width="80">-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-button size="mini" type="primary" @click="download(scope.row)">下载</el-button>-->
<!--                    <el-button v-if="!onlyShow" size="mini" type="danger" @click="btnRemoveAttachementById(scope.row)">删除</el-button>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--              </el-table>-->
<!--              <el-row>-->
<!--                <el-col style="text-align: right">-->
<!--                  <el-pagination-->
<!--                    :current-page="currentPage"-->
<!--                    small-->
<!--                    layout="prev, pager, next"-->
<!--                    :total="bizAttachmentList.length"-->
<!--                    @current-change="handleCurrentChange"-->
<!--                  />-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--            </el-col>-->
<!--            <el-col v-if="subActiveName2 == 'third'" :span="16"> 图片预览 </el-col>-->
<!--          </el-row>-->
<!--        </el-tab-pane>-->
<!--        <el-tab-pane class="tab_pane" label="文书资料" name="third">-->
<!--          <el-row class="mb10">-->
<!--            <div class="tab">-->
<!--              <div class="tab-title"><label>已生成文书</label></div>-->
<!--            </div>-->
<!--            <el-tabs v-model="subActiveName1" @tab-click="handleWritsTabClick">-->
<!--              <el-tab-pane :disabled="active_top <= 1" label="注销公告" name="11" />-->
<!--              &lt;!&ndash; <el-tab-pane :disabled="active_top <= 2" label="调查审批表" name="15" /> &ndash;&gt;-->
<!--              <el-tab-pane :disabled="active_top < 2" label="案件终结报告书" name="12" />-->
<!--              &lt;!&ndash; <el-tab-pane :disabled="active_top <= 3" label="听证告知审批表" name="16" /> &ndash;&gt;-->
<!--              <el-tab-pane :disabled="active_top < 2" label="听证告知书" name="13" />-->
<!--              <el-tab-pane :disabled="active_top <= 2" label="行政处罚建议审批表" name="19" />-->
<!--              <el-tab-pane :disabled="active_top <= 3" label="行政处理决定审批表" name="17" />-->
<!--              <el-tab-pane :disabled="active_top < 3" label="处罚决定书" name="14" />-->
<!--              <el-tab-pane :disabled="active_top <= 1" label="名单" name="99" />-->
<!--              &lt;!&ndash; <el-tab-pane :disabled="active_top <= 4" label="送达审批表" name="18" /> &ndash;&gt;  &lt;!&ndash; 19行政处罚建议审批表 &ndash;&gt;-->
<!--              &lt;!&ndash; <el-tab-pane :disabled="active_top <= 1" label="审批表" name="11" /> &ndash;&gt;-->
<!--            </el-tabs>-->
<!--            <div>-->
<!--              <el-row-->
<!--                v-if="subActiveName1 === '13' || subActiveName1 === '14'"-->
<!--                style="width: 100%; padding: 0 0 10px 0;display: flex;align-items: center;"-->
<!--              >-->
<!--                <el-col :span="10" style="text-align: left">-->
<!--                  <label class="label-name">统一社会信用代码：</label>-->
<!--                  <div class="search-input-box">-->
<!--                    <el-input-->
<!--                      v-model="fileSearchForm.searchCode"-->
<!--                      clearable-->
<!--                      size="mini"-->
<!--                      type="text"-->
<!--                      class="search-input"-->
<!--                      placeholder="统一社会信用代码"-->
<!--                      @keyup.enter.native="revHearOrDecSearch"-->
<!--                    />-->
<!--                  </div>-->
<!--                </el-col>-->
<!--                <el-col :span="10" style="text-align: left">-->
<!--                  <label class="label-name">主体名称：</label>-->
<!--                  <div class="search-input-box">-->
<!--                    <el-input-->
<!--                      v-model="fileSearchForm.searchName"-->
<!--                      clearable-->
<!--                      size="mini"-->
<!--                      type="text"-->
<!--                      class="search-input"-->
<!--                      placeholder="主体名称（模糊）"-->
<!--                      @keyup.enter.native="revHearOrDecSearch"-->
<!--                    />-->
<!--                  </div>-->
<!--                </el-col>-->
<!--                <el-col :span="4">-->
<!--                  <el-button-->
<!--                    size="mini"-->
<!--                    style="margin-left: 10px;"-->
<!--                    type="primary"-->
<!--                    icon="el-icon-search"-->
<!--                    @click="revHearOrDecSearch"-->
<!--                  >查询</el-button>-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--              <el-table-->
<!--                v-loading="fileLoading"-->
<!--                :data="systemAttachmentList"-->
<!--                size="mini"-->
<!--                border-->
<!--                style="width: 100%"-->
<!--                :row-class-name="tableRowClassName"-->
<!--                :header-cell-style="{background:'#8cc3fb',color:'#fff'}"-->
<!--              >-->
<!--                <el-table-column prop="index" label="序号" width="60" />-->
<!--                <el-table-column v-if="subActiveName1 === '13' || subActiveName1 === '14'" key="1" prop="uniscid" label="统一社会信用代码" min-width="90" />-->
<!--                <el-table-column v-if="subActiveName1 === '13' || subActiveName1 === '14'" key="2" prop="entname" label="主体名称" min-width="100" />-->
<!--                <el-table-column key="3" prop="filename" label="文件名" min-width="200">-->
<!--                  <template slot-scope="scope">-->
<!--                    <span v-if="scope.row.attachtype === '21' || scope.row.attachtype === '22' || scope.row.attachtype === '23' ">{{ scope.row.filename }}</span>-->
<!--                    <el-link v-else @click="toOnlinePdf(scope.row)">{{ scope.row.filename }}</el-link>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                &lt;!&ndash; <el-table-column prop="username" label="上传用户" min-width="50" /> &ndash;&gt;-->
<!--                <el-table-column v-if="subActiveName1 === '13' || subActiveName1 === '14'" key="4" prop="writsno" label="文书号" min-width="100" />-->
<!--                <el-table-column-->
<!--                  v-if="(subActiveName1 != '13' && subActiveName1 != '14') ||( active_top > 2 && subActiveName1 === '13') || ( active_top > 3 && subActiveName1 === '14')"-->
<!--                  key="5"-->
<!--                  prop="uploaddate"-->
<!--                  label="审批日期"-->
<!--                  min-width="60"-->
<!--                />-->
<!--                <el-table-column key="6" label="操作" min-width="80">-->
<!--                  <template slot="header" slot-scope="scope">-->
<!--                    <label>操作</label>-->
<!--                    <el-button-->
<!--                      v-if="systemAttachmentList.length > 1 && (( active_top > 2 && subActiveName1 === '13') || ( active_top > 3 && subActiveName1 === '14'))"-->
<!--                      style="padding: 5px;margin-left:10px"-->
<!--                      type="primary"-->
<!--                      @click="showDownDialog(filePageParam.total)"-->
<!--                    >批量下载</el-button>-->
<!--                  </template>-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-button-->
<!--                      v-if="(subActiveName1 != '13' && subActiveName1 != '14' && subActiveName1 !== '12') ||( active_top > 2 && (subActiveName1 === '13' || subActiveName1 === '12')) || ( active_top > 3 && subActiveName1 === '14')"-->
<!--                      size="mini"-->
<!--                      type="primary"-->
<!--                      @click="download(scope.row)"-->
<!--                    >下载</el-button>-->
<!--                    <el-button-->
<!--                      v-if="subActiveName1 === '13' || subActiveName1 === '14' || subActiveName1 === '12'"-->
<!--                      size="mini"-->
<!--                      type="primary"-->
<!--                      @click="toOnlinePdf(scope.row)"-->
<!--                    >查看</el-button>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--              </el-table>-->
<!--              <el-row>-->
<!--                <el-col style="text-align: right">-->
<!--                  <el-pagination-->
<!--                    :current-page="currentPage"-->
<!--                    small-->
<!--                    layout="prev, pager, next"-->
<!--                    :total="filePageParam.total"-->
<!--                    @current-change="handleFileCurrentChange"-->
<!--                  />-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--            </div>-->
<!--          </el-row>-->
<!--        </el-tab-pane>-->

        <el-tab-pane label="流程跟踪" name="fifth">
          <el-row>
            <el-col :span="4">
              <el-steps style="background-color: #DFDFDF;padding: 15px" :space="100" direction="vertical" :active="active_top -1">
                <!-- <el-step>
                  <template slot="title">
                    <el-button class="step-btn" type="text" :disabled="stepDisable[0]" @click.native="showStepTab('0')">线索录入</el-button>
                  </template>
                </el-step> -->
                <el-step>
                  <template slot="title">
                    <el-button class="step-btn" type="text" :disabled="stepDisable[31]" @click.native="showStepTab('31')">注销公告</el-button>
                  </template>
                </el-step>
                <!-- <el-step>
                  <template slot="title">
                    <el-button class="step-btn" type="text" :disabled="stepDisable[2]" @click.native="showStepTab('2')">调查</el-button>
                  </template>
                </el-step> -->
                <el-step>
                  <template slot="title">
                    <el-button class="step-btn" type="text" :disabled="stepDisable[3]" @click.native="showStepTab('3')">强制注销</el-button>
                  </template>
                </el-step>
<!--                <el-step>-->
<!--                  <template slot="title">-->
<!--                    <el-button class="step-btn" type="text" :disabled="stepDisable[4]" @click.native="showStepTab('4')">行政处罚决定</el-button>-->
<!--                  </template>-->
<!--                </el-step>-->
                <el-step>
                  <template slot="title">
                    <el-button class="step-btn" type="text" :disabled="stepDisable[5]" @click.native="showStepTab('5')">归档</el-button>
                  </template>
                </el-step>
              </el-steps>
            </el-col>
            <el-col :span="20">
              <el-table
                :data="stepTabList"
                style="width: 100%"
                :row-class-name="tableRowClassName"
                :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
              >
                <el-table-column type="expand">
                  <template slot-scope="props">
                    <el-form label-position="left" inline class="demo-table-expand">
                      <el-form-item label="意见内容:">
                        <span>{{ props.row.opinionContent }}</span>
                      </el-form-item>
                    </el-form>
                  </template>
                </el-table-column>
                <el-table-column
                  type="index"
                  label="序号"
                  width="60"
                  align="center"
                />
                <el-table-column
                  label="处理人"
                  prop="handlerName"
                  width="100"
                />
                <el-table-column
                  label="开始时间"
                  prop="startTime"
                />
                <el-table-column
                  label="结束时间"
                  prop="endTime"
                />
                <el-table-column
                  label="处理日期"
                  prop="handleDate"
                />
                <el-table-column
                  show-overflow-tooltip
                  label="意见内容"
                  prop="opinionContent"
                />
                <el-table-column
                  label="环节"
                  prop="opiniontype"
                  :formatter="opiniontypeFormat"
                />
              </el-table>
            </el-col>
          </el-row>

        </el-tab-pane>
      </el-tabs>
    </div>
    <!-- </div> -->
    <!-- </div> -->
    <el-dialog
      title="新增"
      :visible.sync="showAddRev"
      width="80%"
    >
      <el-row
        style="width: 100%; padding: 0 0 10px 0;display: flex;align-items: center;"
      >
        <el-col :span="10" style="text-align: left">
          <label class="label-name">统一社会信用代码/注册号：</label>
          <div class="search-input-box">
            <el-input
              v-model="searchForm_dialog.searchCode"
              clearable
              size="mini"
              type="text"
              class="search-input"
              placeholder="统一社会信用代码/注册号"
              @keyup.enter.native="search_dialog"
            />
          </div>
        </el-col>
        <el-col :span="10" style="text-align: left">
          <label class="label-name">主体名称（精确）：</label>
          <div class="search-input-box">
            <el-input
              v-model="searchForm_dialog.searchName"
              clearable
              size="mini"
              type="text"
              class="search-input"
              placeholder="主体名称（精确）"
              @keyup.enter.native="search_dialog"
            />
          </div>
        </el-col>
        <el-col :span="4" style="text-align: right;">
          <el-button
            size="mini"
            style="margin-left: 10px;"
            type="primary"
            icon="el-icon-search"
            @click="search_dialog"
          >查询</el-button>
        </el-col>
      </el-row>
      <el-table
        ref="dialogTable"
        v-loading="dialogLoading"
        size="mini"
        :data="addRevList"
        tooltip-effect="dark"
        style="width: 100%; height: 400px"
        :fit="true"
        @selection-change="handleSelectionChange_dialog"
      >
        <template slot="empty">
          <!-- <img src="../../assets/images/icon/nodata.png"> -->
          <div>
            <!-- <span>主体已在拟吊销列表中或该主体不存在</span> -->
            <span>暂无数据</span>
          </div>
        </template>
        <!-- <el-table-column type="selection" min-width="30" align="center" /> -->
        <el-table-column
          prop="index"
          label="序号"
          width="60"
          align="center"
        />
        <el-table-column
          prop="uniscid"
          label="统一社会信用代码/注册号"
          min-width="200"
          align="left"
        />
        <el-table-column
          prop="entname"
          :show-overflow-tooltip="true"
          label="主体名称"
          min-width="250"
          align="left"
        />
        <el-table-column
          prop="lerep"
          label="法定代表人"
          min-width="90"
          align="left"
        />
        <el-table-column
          prop="enttypeCn"
          :show-overflow-tooltip="true"
          label="主体类型"
          min-width="120"
          align="left"
        />
        <el-table-column
          prop="regstateCn"
          :show-overflow-tooltip="true"
          label="主体状态"
          min-width="150"
          align="left"
        />
      </el-table>
      <div>
        <el-row>
          <el-col :span="12" :offset="12">
            <div class="dialog-box">
              <el-button type="primary" :disabled="addRevList.length === 0" :loading="insertRevListLoading" size="mini" @click="insertRevList">新增</el-button>
              <el-button size="mini" @click="showAddRevListOff">返回</el-button>
            </div>
          </el-col>
        </el-row>
      </div>
    </el-dialog>
    <el-dialog
      title="剔除"
      :visible.sync="showRemDialog"
      width="80%"
    >
      <el-row
        style="width: 100%;  padding: 10px 0"
      >
        <el-table
          ref="remDialogTable"
          size="mini"
          :data="dataShow"
          tooltip-effect="dark"
          style="width: 100%; min-height: 300px"
          :fit="true"
        >
          <el-table-column
            type="index"
            label="序号"
            width="80"
            align="center"
          />
          <el-table-column
            prop="uniscid"
            label="统一社会信用代码/注册号"
            min-width="150"
            align="left"
          />
          <el-table-column
            prop="entname"
            :show-overflow-tooltip="true"
            label="企业名称"
            min-width="200"
            align="left"
          />
          <el-table-column
            prop="name"
            label="法定代表人"
            min-width="60"
            align="left"
          />
          <el-table-column
            prop="enttypeCn"
            :show-overflow-tooltip="true"
            label="主体类型"
            min-width="150"
            align="left"
          />
        </el-table>
      </el-row>
      <el-row v-if="toDelSelection.length > 10" style="border-bottom: 1px solid #dfdfdf ">
        <el-pagination
          :current-page="currentPage"
          hide-on-single-page
          small
          layout="prev, pager, next"
          :total="toDelSelection.length"
          @current-change="handleCurrentChange"
        />
      </el-row>
      <el-row style="margin-bottom: 5px;margin-top:2px">
        <label style="float: left;margin-left:10px">剔除原因：</label>
        <el-input v-model="removeReason" style="width: 90%;" :autosize="{ minRows: 1 }" type="textarea" placeholder="剔除原因" />
      </el-row>
      <el-row style="min-height: 70px">
        <label style="float: left;margin-left:10px">附件上传：</label>
        <el-upload
          ref="remUpload"
          :action="remUploadPath"
          :data="{bizseq:bizseq}"
          :on-remove="remFileCallback"
          :on-success="remUploadCallback"
          :on-preview="previewFile"
          :before-upload="beforeFileUpload"
          :before-remove="beforeRemove"
          multiple
          accept=".doc,.docx,.xlsx,.xls,.pdf,.zip,.jpg,.png"
          :file-list="fileList"
          style="max-width:800px;display: inline-block"
          class="removeUpload"
        >
          <div style="display: inline-block;">
            <el-button style="display: inline-block;" size="mini" type="primary">点击上传</el-button>
            <div slot="tip" style="display: inline-block;" class="el-upload__tip">只能上传doc/docx/xls/xlsx/pdf/zip文件，且不超过50M</div>
          </div>

        </el-upload>
      </el-row>
      <div>
        <el-row>
          <div class="dialog-box">
            <el-button type="danger" size="mini" @click="removeRevList">剔除</el-button>
            <el-button size="mini" @click="showRemDia">返回</el-button>
          </div>
        </el-row>
      </div>
    </el-dialog>
    <el-dialog
      title="剔除记录"
      :visible.sync="isShowRemRecord"
      width="80%"
    >
      <div
        style="border-bottom: 1px solid #dfdfdf; padding: 5px 0"
      >
        <el-row>
          <el-col :span="10" class="mb4" style="text-align: left">
            <label class="label-name">统一社会信用代码/注册号：</label>
            <div class="search-input-box">
              <el-input
                v-model="remSearchForm.searchCode"
                clearable
                size="mini"
                type="text"
                class="search-input"
                placeholder="统一社会信用代码/注册号"
                @keyup.enter.native="remReocrdSearch"
              />
            </div>

          </el-col>
          <el-col :span="10" class="mb4" style="text-align: left">
            <label class="label-name">剔除时间：</label>
            <div class="search-input-box">
              <el-date-picker
                v-model="remSearchDate"
                size="mini"
                format="yyyy-MM-dd HH:mm:ss"
                type="datetimerange"
                align="right"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :default-time="['00:00:00', '23:59:59']"
              />
            </div>
          </el-col>
          <el-col :span="2" style="text-align: right; padding-right: 20px">
            <el-button
              size="mini"
              style="margin-left: 10px"
              type="primary"
              icon="el-icon-search"
              @click="remReocrdSearch"
            >查询</el-button>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="10" class="mb4" style="text-align: left">
            <label class="label-name">主体名称：</label>
            <div class="search-input-box">
              <el-input
                v-model="remSearchForm.searchEntName"
                clearable
                size="mini"
                type="text"
                class="search-input"
                placeholder="主体名称"
                @keyup.enter.native="remReocrdSearch"
              />
            </div>
          </el-col>
          <el-col :span="10" class="mb4" style="text-align: left">
            <label class="label-name">剔除原因：</label>
            <div class="search-input-box">
              <el-input
                v-model="remSearchForm.searchReason"
                clearable
                size="mini"
                type="text"
                class="search-input"
                placeholder="剔除原因"
                @keyup.enter.native="remReocrdSearch"
              />
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="10" style="text-align: left">
            <label class="label-name">处理人：</label>
            <div class="search-input-box">
              <el-input
                v-model="remSearchForm.searchHandler"
                clearable
                size="mini"
                type="text"
                class="search-input"
                placeholder="处理人"
                @keyup.enter.native="remReocrdSearch"
              />
            </div>
          </el-col></el-row>
        </el-col>
      </div>
      <el-table
        ref="remRecordList"
        v-loading="remRecordLoading"
        highlight-current-row
        size="mini"
        :data="remRecordList"
        tooltip-effect="dark"
        style="width: 100%; min-height: 400px; max-height: 500px;overflow-y: auto"
        :fit="true"
      >
        <el-table-column
          prop="index"
          label="序号"
          width="80"
          align="center"
        />
        <el-table-column
          prop="entName"
          :show-overflow-tooltip="true"
          label="主体名称"
          min-width="200"
          align="left"
        />
        <el-table-column
          prop="removeReason"
          :show-overflow-tooltip="true"
          label="剔除原因"
          min-width="200"
          align="left"
        />
        <el-table-column
          prop="remHandler"
          label="处理人"
          min-width="50"
          align="left"
        />
        <el-table-column
          prop="removeTime"
          :show-overflow-tooltip="true"
          label="剔除时间"
          min-width="100"
          align="left"
        />
        <el-table-column
          label="附件"
          min-width="70"
          align="left"
        >
          <template slot-scope="scope">
            <el-button type="primary" size="mini" class="mini-btn" @click="showRemAttachment(scope.row.remNo)">查看附件</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div>
        <el-row>
          <el-col :span="12">
            <el-pagination
              small
              layout="prev, pager, next"
              :total="remPageParam.total"
              @current-change="remRecordPageIndexChange"
            />
          </el-col>
          <el-col :span="12">
            <div class="dialog-box">
              <el-button size="mini" @click="showRemRecordOff">返回</el-button>
            </div>
          </el-col>
        </el-row>
      </div>
      <el-dialog
        class="remFileDialog"
        title="附件列表"
        :visible.sync="attachementDialogVisible"
        width="30%"
        append-to-body
        @close="closeRemFileDialog"
      >
        <ul style="list-style:none;padding:0;margin:5px;">
          <li v-for="item in remFileList" :key="item.id" style="line-height: 30px">
            <el-link style="font-size:16px" @click="previewFile(item)">{{ item.name }}</el-link>
          </li>
        </ul>
        <span slot="footer" class="dialog-footer">
          <el-button type="primary" size="mini" @click="attachementDialogVisible = false">确 定</el-button>
        </span>
      </el-dialog>
    </el-dialog>
    <el-dialog
      title="选择导出类型"
      :visible.sync="exportDialogVisible"
      width="30%"
    >
      <el-radio-group v-model="exportType">
        <el-radio label="All">导出全部</el-radio>
        <el-radio label="process">仅导出业务中</el-radio>
        <el-radio label="removed">仅导出已剔除</el-radio>
      </el-radio-group>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" size="mini" @click="exportEntListExcelbyType">导出</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="abnDialogTitle"
      :visible.sync="abnDialog"
      width="80%"
    >
      <el-table :data="abnInRecordList" border style="width: 100%">
        <el-table-column type="index" label="序号" width="60" align="center" />
        <el-table-column prop="abntime" :show-overflow-tooltip="true" label="列入日期" min-width="70" />
        <el-table-column prop="spereasons" :show-overflow-tooltip="true" label="列入原因" min-width="200" />
        <el-table-column prop="intoDecorg" :show-overflow-tooltip="true" label="列入决定机关" min-width="100" />
        <el-table-column prop="remdate" :show-overflow-tooltip="true" label="移出日期" min-width="70" />
        <el-table-column prop="remreasons" :show-overflow-tooltip="true" label="移出原因" min-width="200" />
        <el-table-column prop="reDecorg" :show-overflow-tooltip="true" label="移出决定机关" min-width="100" />
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" size="mini" @click="abnDialog = false">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="批量下载"
      :visible.sync="downDialog"
      width="50%"
    >
      <el-row>
        <el-col v-for="(item,index) in btnList" :key="item.id" :span="7" :offset="1" style="margin-bottom: 15px;height:40px">
          <el-button :disabled="item.disable" :loading="item.loading" type="primary" size="medium" @click="downloadZip(item)">第{{ item.start + 1 }}至{{ item.end }}份</el-button>
        </el-col>
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button size="mini" @click="downDialog = false">取消</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="dialogTitle"
      :visible.sync="eidtDialog"
      :close-on-click-modal="false"
      width="80%"
      center
    >
      <div v-if="dialogTitle === '行政处罚听证告知书（模板）'" class="firstEnt">
        <el-form label-position="left" label-width="200px" :model="firstEnt">
          <el-row>
            <el-col :span="24">
              <el-form-item label="文书标题">
                <span>{{ user.orgName }}{{ dialogTitle }}</span>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <div v-if="dialogTitle === '行政处罚决定书（模板）'" class="firstEnt">
        <el-form label-position="left" label-width="200px" :model="firstEnt">
          <el-row>
            <el-col :span="24">
              <el-form-item label="文书标题">
                <span>{{ user.orgName }}{{ dialogTitle }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="this.$util.isNotEmpty(caseForm.decFirstWrit)">
            <el-col :span="24">
              <el-form-item label="文书号">
                <span>{{ caseForm.decFirstWrit }}({{ caseForm.decWritStartNo }} - {{ caseForm.decWritStartNo + pageParam.total -1 }})</span>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <Editor ref="editorDialog" v-model="eidtContent" :is-clear="isClear" :is-disable="editorDisable" @getTextVal="getTextVal" @change="changeEditor" />
      <span slot="footer" class="dialog-footer">
        <el-button v-if="dialogTitle === '拟强制注销公司登记公告审核' && !editorDisable && !onlyShow" type="primary" size="mini" :loading="loading" @click="saveTempalte(true,'report')">保存</el-button>
        <el-button v-if="dialogTitle === '行政处罚听证告知书（模板）' && !editorDisable && !onlyShow" type="primary" size="mini" :loading="loading" @click="saveTempalte(true,'hearing')">保存</el-button>
        <el-button v-if="dialogTitle === '行政处罚决定书（模板）' && !editorDisable && !onlyShow" :disabled="editDisable" :loading="loading" type="primary" size="mini" @click="saveTempalte(true,'punish')">保存</el-button>
        <!-- <el-button size="mini" @click="getEditorText">输出纯文本</el-button> -->

      </span>
    </el-dialog>

  </div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import {
  savePunishDecisionInfo,
  getPunishDecisionInfo,
  getHearingNoticeInfo,
  saveHearingNoticeInfo,
  saveReportInfo,
  getReportInfo,
  getRevContentsWithBizseq,
  saveCaseFinalTemplate,
  getUploadFileList,
  getSystemFileList,
  exportValid,
  getRemFileList,
  templateValid,
  removeRevListByPripid,
  insertZxRevListByPripid,
  startCase,
  getForceLogoutNoticetPage,
  getNoOpenRevListPage,
  bizRevNext,
  tempSave,
  getClueByTaskListid,
  getCaseByBizseq,
  enableAddList,
  getStepTableList,
  saveIllegalactList,
  insertHearReportBatch,
  getHearingReport,
  saveHearingReport,
  getDecisionList,
  getForceLogoutContentsWithBizseq,
  validEntsRegstate,
  getNewestOpinion,
  saveOrUpdateRevContent,
  downZip,
  word2Pdf,
  revokeDown,
  getFirstEntInBiz,
  getForceLogoutNoticeInfoByBizseq,
  getNoOpenAndNoRemoveNum,
  createPunishDecBatch,
  createHearingBatch,
  getZXEnableList,
  searchEnableList,
  exportCheckListExcel,
  startZXCase,
  getZxEntByBizseq,
  removeRevListByPripidZx,
  getRemoveRecordZx,
  getRemFileListZx,
  bizRevNextZ
} from '@/api/revoke'
import { removeAttachementById, listAttachmentByBizseq, downFile } from '@/api/attachment'
import HandleDialog from '@/components/HandleDialog'
import pageSelector from '@/components/PageSelector'
import PaperScale from '@/components/PaperScale'
import { getUsersWithPermission } from '@/api/user'
import { getContentsWithWritstype, modifyContentWithBizseq, getContentsWithBizseq, saveOrUpdateContent } from '@/api/writs'
import { getDictTreeList } from '@/api/dict'
import { taskOpinion } from '@/api/task'
import { listAbnormalRecord } from '@/api/abnormal'
import { getConstant } from '@/api/system'
import Editor from '@/components/editor.vue'
export default {
  // import引入的组件需要注入到对象中才能使用
  components: {
    HandleDialog: HandleDialog,
    PaperScale: PaperScale,
    pageSelector: pageSelector,
    Editor: Editor
  },
  data() {
    // 这里存放数据
    return {
      bizEntType: '',
      illegalType: '',
      assistantList: [],
      collapseActiveNames: [],
      collapseTabActiveName: 'first',
      insertRevListLoading: false,
      addRevType: 'abn',
      addRevShowType: 'normal',
      illegalAct: [],
      illegalActDisable: true,
      illegactOptions: [],
      searchNameP: '',
      editorDialogType: '',
      invesRportcontent: '',
      hearingContent: '',
      reportEditorDisable: false,
      editorDisable: false,
      hearingEditorDisable: false,
      eidtContent: '',
      content: '',
      isClear: false, // 清除富文本编辑器内容
      reportDialog: false,
      eidtDialog: false,
      dialogTitle: '',
      hearingDialog: false,
      firstEnt: {},
      remTypeOptions: [{
        value: '0',
        label: '自动剔除'
      }, {
        value: '1',
        label: '手动剔除'
      }],
      remSearchDate: [],
      annualReportList: [{
        year: '2019',
        status: '未年报'
      }, {
        year: '2018',
        status: '未年报'
      }],
      punishDecisionInfo: {

      },
      toApprReaAndBasis: '',
      hearingNoticeInfo: {

      },
      punishType: '',
      basisType: '',
      caseSetDate: '',
      caseReportInfo: {
        suspectedAtc: ''
      },
      abnDialogTitle: '',
      abnDialog: false,
      downDialog: false,
      abnInRecordList: [],
      btnList: [],
      batchSize: 500,
      registTime: '',
      onlyShow: false,
      hearingPublishDate: '',
      hearingEndDate: '',
      decisionPublishDate: '',
      hearingPublishLeftDay: null,
      decisionPublishLeftDay: null,
      reportContentList: [{
        paragraphNo: '',
        paragraphContent: '',
        bizseq: ''
      }],
      hearingContentList: [],
      decisionContentList: [],
      tswritscontent: { // 文书模板内容参数
        bizseq: '',
        writsType: '',
        isTemplate: ''
      },
      hearingWritsType: '32',
      editHearingContent: false,
      // hearingContent: '由本局立案调查你公司开业后自行连续停业超过6个月一案，已经调查终结。依据《中华人民共和国行政处罚法》第三十一条的规定，现将我局拟作出行政处罚的事实、理由、依据及处罚内容告知如下： 经查明： 你公司连续两年未依法通过国家企业信用信息公示系统公示年度报告，且两年未纳税申报。 本局认为，你公司的上述行为构成了《中华人民共和国公司登记管理条例》第六十七条“公司成立后无正当理由超过6个月未开业的，或者开业后自行停业连续6个月以上的”所指的违法行为，依据《中华人民共和国公司登记管理条例》第六十七条的规定，拟对你公司作出吊销营业执照处罚。 根据《中华人民共和国行政处罚法》第三十一条、第三十二条、第四十二条，《市场监督管理行政处罚程序暂时规定》第五十一条、第七十四条及《市场监督管理行政处罚听证暂行办法》第五条和第七条的规定，对上述拟作出的行政处罚，你公司有权进行陈述、申辩，并可要求举行听证。如果有陈述、申辩意见，你公司应在收到本知书之日起三个工作日内，向本局提出；如果要求举行听证，可以在本告知书的送达回证上提出举行听证的要求，也可以自接到本告知书之日起三个工作日内以书面或口头形式提出举行听证的要求。逾期未提出的，视为放弃此权利。',
      test: '________________________________',
      test1: '',
      test2: '__________',
      name1: '',
      name2: '',
      shexianSize: 10,
      shexian: '',
      submitLoading: false,
      saveLoading: false,
      fileLoading: false,
      isRegister: '1',
      remFileList: [],
      bizAttachmentList: [],
      systemAttachmentList: [],
      attachementDialogVisible: false,
      exportDialogVisible: false,
      exportType: '',
      uploadLoading: false,
      nextLoading: false,
      nextNodeID: '',
      remRecordList: [],
      // 剔除原因
      removeReason: '',
      handlerDate: '',
      // 流程跟踪表格
      stepTabList: [],
      showReport: false,
      stepDisable: [],
      // 违法行为列表
      illegactList: [{
        illegactId: '',
        illegactTypeL: '',
        illegactTypeM: '',
        illegactTypeS: '',
        illegact: ''
      }],
      illegactListExample: [{
        illegactTypeL: '注册登记违法行为',
        illegactTypeM: '违反《公司登记管理条例》',
        illegactTypeS: '公司成立后无正当理由超过6个月为开业或者开业后自行停业连续6个月以上的',
        illegact: '公司成立后无正当理由超过6个月为开业或者开业后自行停业连续6个月以上的'
      }],
      // 剔除的主体列表
      toDelSelection: [],
      toDelSelectionColumn: [
        { label: '序号', type: 'index', minWidth: '30px' },
        { label: '统一社会信用代码/注册号', prop: 'uniscid' },
        { label: '名称', prop: 'entname' },
        { label: '主体类型', prop: 'enttypeCn' }
      ],
      selection_dialog: [],
      toAddSelectionColumn: [
        { label: '统一社会信用代码/注册号', prop: 'uniscid' },
        { label: '名称', prop: 'entname' },
        { label: '主体类型', prop: 'enttypeCn' }
      ],
      bizStatus: '0',
      bodyTitle: '注销注销公告-经办人',
      currentNode: 'caseEnter',
      clueInfo: {}, // 录入线索基本信息
      cluefromOptions: [],
      addRevList: [],
      showAddRev: false,

      loading: false,
      loadingNoOpen: false,
      dialogLoading: false,
      remRecordLoading: false,
      fileUploadLoading: false,
      bacthLoading: false,
      bizseq: '',
      workflowid: '',
      tasklistid: '',
      enableSize: '',
      disableListId: '',
      enableListId: '',
      enableList: [], // 可导
      disableList: [{}], // 不可导
      uploadPath: `${process.env.VUE_APP_BASE_API}/forceLogoutNoticeDetail/fileParamDXExplain`,
      remUploadPath: `${process.env.VUE_APP_BASE_API}/forceLogoutNoticeDetail/remUploadAdvanceZx`,
      bizUploadPath: `${process.env.VUE_APP_BASE_API}/revokeUpload/uploadAdvance`,
      tableData: [],
      revList: [{
        entname: ''
      }],
      revNoOpenList: [],
      showUpload: true,
      fileList: [],
      historyLog: [],
      paperList: [],

      activeName: 'first',
      subActiveName1: '11',
      subActiveName2: 'first',
      subActiveName3: '',
      // 违法行为表单
      illegactForm: {
        illegactTypeL: '',
        illegactTypeM: '',
        illegactTypeS: '',
        illegact: ''
      },
      // 注销公告
      caseForm: {
        // illegalType: '',
        nextNodeID: '',
        illegactList: [],
        place: '',
        // illegalTypeCn: '公司连续两年未年报且未纳税',
        // illegalType: '1',
        opinion: '',
        registTime: '',
        deliverWay: '',
        revokeRea: '',
        caseName: '',
        caseNo: '',
        bizEntType: '',
        assistantName: '',
        handlerName: '',
        situation: '',
        handledate: '',
        reviewerId: '',
        isReviewHearing: '',
        pleadOpinion: '',
        reviewHearingOpinion: '',
        punishPerformWay: '',
        punishBasis: '',
        punishPerformDeadline: '',
        decFirstWrit: '',
        illegalAct: '',
        opiniontype: '',
        isRegister: null,
        decWritStartNo: '',
        uniscid: '',
        caseId: '',
        bizseq: '',
        workflowid: '',
        handler: '',
        handlerid: '',
        opinioncontent: '',
        tasklistid: '',
        nextPerformerids: '',
        isagree: '',
        hearingToApprRea: ''
      },
      deliverWay: '1',
      // 案件违法类型
      // illegalType: '1',
      illegalTypeCn: '连续两年未年报且未纳税',
      illegalTypeCn1: '连续两年未年报且未纳税',
      illegalTypeCn2: '其他',
      // radio: '',
      caseFromName: '',
      // 基本信息表
      baseinfoForm: {},
      active_top: -1, // 顶层步骤条当前激活
      active: 0, // 步骤1下的步骤条
      searchForm: {
        searchCode: ''
      },
      searchFormNoOpen: {
        searchCode: ''
      },
      searchForm_dialog: {
        searchCode: ''
      },
      fileSearchForm: {
        searchCode: '',
        searchName: ''
      },
      remSearchForm: {
        searchCode: ''
      },
      pageParam: {
        customParamMap: {
          bizseq: '',
          searchCode: '',
          entname: ''
        },
        curPage: 1,
        total: 0,
        pageSize: 5
      },
      pageParamNoOpen: {
        customParamMap: {
          bizseq: '',
          searchCode: '',
          entname: ''
        },
        curPage: 1,
        total: 0,
        pageSize: 5
      },
      pageParam_dialog: {
        customParamMap: {
          bizseq: '',
          searchCode: '',
          type: ''
        },
        curPage: 1,
        total: 0,
        pageSize: 10
      },
      remPageParam: { // 移除接口分页参数
        customParamMap: {
          bizseq: '',
          searchCode: ''
        },
        curPage: 1,
        total: 0,
        pageSize: 10
      },
      filePageParam: { // 已生成文书列表分页参数
        customParamMap: {
          bizseq: '',
          attachtype: ''
        },
        curPage: 1,
        total: 0,
        pageSize: 10
      },
      // 线索录入表单
      clueForm: {
        clueId: '',
        acceptName: '',
        acceptTime: '',
        clueContent: '',
        clueFrom: '',
        clueName: '',
        correctDeadLine: '',
        situation: '',
        traLetterNo: ''
      },
      clueFormRules: {
        acceptName: [
          { required: true, message: '请输入接收人', trigger: 'blur' }
        ],
        acceptTime: [
          { required: true, message: '请输入接收时间', trigger: 'blur' }
        ],
        clueContent: [
          { required: true, message: '请输入线索内容', trigger: 'blur' }
        ],
        clueFrom: [
          { required: true, message: '请选择线索来源', trigger: 'blur' }
        ],
        clueName: [
          { required: true, message: '请输入线索名称', trigger: 'blur' }
        ],
        situation: [
          { required: true, message: '请输入核查情况', trigger: 'blur' }
        ]
      },
      caseFormRules: {
        registTime: [
          { required: true, trigger: ['blur', 'change'] }
        ],
        bizEntType: [
          { required: true, message: '请选择企业类型', trigger: 'blur' }
        ],
        caseName: [
          { required: true, message: '请输入案件名称', trigger: ['blur', 'change'] }
        ],
        situation: [
          { required: true, message: '请输入核查情况', trigger: 'blur' }
        ],
        opinion: [
          { required: true, message: '请输入意见', trigger: ['blur'] }
        ],
        reviewerId: [
          { required: true, message: '请选择审核人' }
        ],
        nextNodeID: [
          { required: true, message: '请选择是否通过' }
        ],
        assistantName: [
          { required: true, message: '请输入办案人员姓名', trigger: 'blur' }
        ],
        revokeRea: [
          { required: true, message: '请选择吊销依据', trigger: 'change' }
        ]
      },
      illegactFormRules: {
        illegactTypeL: [
          { required: true, message: '请输入违法行为大类', trigger: 'blur' }
        ],
        illegactTypeM: [
          { required: true, message: '请输入违法行为中类', trigger: 'blur' }
        ],
        illegactTypeS: [
          { required: true, message: '请输入违法行为小类', trigger: 'blur' }
        ],
        illegact: [
          { required: true, message: '请输入具体违法行为', trigger: 'blur' }
        ]
      },
      opinion: '',
      opinionOptions: [
        {
          value: 0,
          label: '拟同意。'
        },
        {
          value: 1,
          label: '同意。'
        },
        {
          value: 2,
          label: '回退。'
        },
        {
          value: 3,
          label: '不同意。'
        }
      ],
      user: JSON.parse(sessionStorage.getItem('user')),
      reviewer: [],
      handleReviewer: [],
      props: {
        label: 'name',
        children: 'zones'
      },
      count: 1,
      curDate: '',
      curDateStr: '',
      year: '',
      month: '',
      day: '',
      deadlineDays: 30, // 公示期限日期天数
      hearingReportInfo: {},
      isShowNewReport: false,
      isShowRemRecord: false,
      showRemDialog: false,
      batchHearReportLoading: false,
      reportLoading: false,
      // 分页数据,这里用来保存每页切割后的数据
      totalPageData: [],
      // 共几页
      pageNum: '',
      // 每页显示数量
      pageSize: 10,
      // 当前显示页码
      currentPage: 1,
      // 总共多少条数据
      total: 1,
      // 当前要显示的数据
      dataShow: [],
      fileDataShow: [],
      checkList: [],
      nextNode: '',
      processList: [{
        value: '0',
        label: '线索录入'
      }, {
        value: '1',
        label: '立案审批--经办'
      }, {
        value: '2',
        label: '立案审批--审核'
      }, {
        value: '3',
        label: '立案审批--审批'
      }, {
        value: '4',
        label: '调查与听证--经办'
      }, {
        value: '5',
        label: '调查--审核'
      }, {
        value: '6',
        label: '调查--审批'
      }, {
        value: '7',
        label: '听证告知--经办'
      }, {
        value: '8',
        label: '调查与听证--审核'
      }, {
        value: '24',
        label: '调查与听证--法规部门分派'
      }, {
        value: '25',
        label: '调查与听证--法规部门经办'
      }, {
        value: '26',
        label: '调查与听证--法规部门审核'
      }, {
        value: '9',
        label: '调查与听证--审批'
      }, {
        value: '10',
        label: '行政处罚决定--经办'
      }, {
        value: '11',
        label: '行政处罚决定--审核'
      }, {
        value: '27',
        label: '行政处罚决定--法规部门分派'
      }, {
        value: '28',
        label: '行政处罚决定--法规部门经办'
      }, {
        value: '29',
        label: '行政处罚决定--法规部门审核'
      }, {
        value: '12',
        label: '行政处罚决定--法规部门审核'
      }, {
        value: '13',
        label: '行政处罚决定--审批'
      }, {
        value: '14',
        label: '送达--经办'
      }, {
        value: '15',
        label: '送达--审核'
      }, {
        value: '16',
        label: '送达--审批'
      }],
      // 意见-经办人
      handleOpinion: {
        handler: '',
        handleDate: '',
        opinionContent: ''
      },
      // 意见-审核人
      reviewOpinion: {
        handler: '',
        handleDate: '',
        opinionContent: ''
      },
      // 意见-法规分派
      lawSendOpinion: {
        handler: '',
        handleDate: '',
        opinionContent: ''
      },
      // 意见-法规经办
      lawHandleOpinion: {
        handler: '',
        handleDate: '',
        opinionContent: ''
      },
      // 意见-法规审核
      lawReviewOpinion: {
        handler: '',
        handleDate: '',
        opinionContent: ''
      },
      // 意见-审批人
      approvalOpinion: {
        handler: '',
        handleDate: '',
        opinionContent: ''
      },
      // 调查办案人1日期
      handleDateOne: {
        year: '',
        month: '',
        day: ''
      },
      // 调查办案人2日期
      handleDateTwo: {
        year: '',
        month: '',
        day: ''
      },
      // 调查办案负责人日期
      leaderDate: {
        year: '',
        month: '',
        day: ''
      },
      firstTabName: '',
      tswrittemplate: {
        content: '',
        bizseq: '',
        writsType: '',
        isTemplate: '',
        needTemplate: ''
      },
      tswrittemplateHearing: {
        content: '',
        bizseq: '',
        writsType: '',
        isTemplate: '',
        needTemplate: ''
      },
      tswrittemplatePunish: {
        content: '',
        bizseq: '',
        writsType: '',
        isTemplate: '',
        needTemplate: ''
      },
      paramStr: {
        eBaseinfoList: [],
        bizEntType: '',
        illegalType: ''
      },
      revokeReaList: [],
      checkSearchForm: {
        enableAndCheckListId: '',
        status: '',
        result: ''
      },
      statusList: [
        {
          value: '0',
          label: '无现场检查任务'
        },
        {
          value: '1',
          label: '待检查'
        },
        {
          value: '2',
          label: '已检查'
        }
      ],
      resultList: [
        {
          value: '0',
          label: '无检查结果'
        },
        {
          value: '1',
          label: '未发现问题'
        },
        {
          value: '4',
          label: '通过登记住所（经营场所）无法取得联系'
        }
      ],
      enableAndCheckList: [],
      enableAndCheckListId: '',
      checkLoading: false,
      checkSelectRows: []
    }
  },
  computed: {
    editDisable() {
      if (this.hearingPublishLeftDay !== null && this.bizStatus === '10' && (this.deadlineDays - this.hearingPublishLeftDay) > 0) {
        return true
      } else if (this.decisionPublishLeftDay !== null && this.bizStatus === '14' && (this.deadlineDays - this.decisionPublishLeftDay) > 0) {
        return true
      }
      return false
    }
  },
  // 监控data中的数据变化
  watch: {
    illegalAct() {
      if (this.bizStatus === '1') {
        let str = ''
        this.illegalAct.forEach(each => {
          str += (each + ',')
        })
        this.caseForm.illegalAct = str.substring(0, str.length - 1)
      }
    },
    // shexian() {
    //   if (this.shexianSize - this.shexian.length < 10) {
    //     // this.shexianSize = this.shexian.length + 8
    //     console.log(this.shexian.length)
    //     this.$set(this, 'shexianSize', this.shexianSize + 20)
    //   }
    // },
    basisType() {
      var content = document.getElementById('basis' + this.basisType).innerText
      this.$set(this.hearingNoticeInfo, 'rightBasis', content)
      console.log(content)
    },
    activeName() {
      if (this.activeName === 'fourth') {
        this.getAttachmentList(this.subActiveName3)
      } else if (this.activeName === 'third') {
        this.getSystemAttachmentList()
      }
    },
    'nextNodeID': {
      handler(newVal, oldVal) {
        this.$set(this.caseForm, 'nextNodeID', newVal)
        this.$refs.caseForm.validateField('nextNodeID')
        let nextOne = ''
        let flag = false
        if (newVal === 'handleCase' && this.bizStatus === '32') {
          nextOne = 'revokeHandleCase'
          flag = true
        } else if (newVal === 'handleHearing' && this.bizStatus === '8') {
          nextOne = 'revokeHandleInvestigate'
          flag = true
        } else if (newVal === 'handleDecision' && this.bizStatus === '11') {
          nextOne = 'revokeHandleDecision'
          flag = true
        }
        if (flag) {
          getUsersWithPermission(nextOne, this.user.orgId).then(res => {
            if (res.code === 0) {
              let flag = false
              let obj = {}
              for (const item of res.data) {
                if (item.primaryKey === this.user.primaryKey) {
                  flag = true
                  obj = item
                  break
                }
              }
              if (flag) {
                res.data.splice(res.data.indexOf(obj), 1)
              }
              this.handleReviewer = res.data
              console.log(this.handleReviewer)
            }
          })
        }
      },
      deep: true
    },
    // 意见渲染
    opinion() {
      let name = ''
      this.opinionOptions.forEach((each) => {
        if (this.opinion === each.value) {
          name = each.label
        }
      })
      this.$set(this.caseForm, 'opinion', name)
      this.$refs.caseForm.validateField('opinion')
    },
    $route: {
      handler: function(route) {
      },
      immediate: true
    }
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  async created() {
    this.searchNameP = this.$route.query.searchName
    if (this.searchNameP !== undefined) {
      this.pageParam.customParamMap.entname = this.searchNameP
    }
    this.bizseq = this.$route.query.bizseq // 获取跳转携带的参数bizseq
    this.workflowid = this.$route.query.workflowid
    this.bizStatus = this.$route.query.bizStatus
    this.tasklistid = this.$route.query.tasklistid
    this.active = parseInt(this.$route.query.active || this.active)
    this.active_top = parseInt(this.$route.query.active_top || this.active_top)
    this.onlyShow = this.$route.query.onlyShow === 'true'

    const allLoading = this.$loading({
      lock: true,
      text: '正在加载..',
      spinner: 'el-icon-loading',
      background: 'rgba(0, 0, 0, 0.7)'
    })
    const ps = []
    // 加载常用语
    this.opinionOptions = this.$util.getCommonWords(this.user.primaryKey)
    // 加载拟吊销主体列表
    if (this.active >= 3) {
      ps.push(this.loadRevListPage())
    }
    if (this.active_top >= 1) {
      // 加载审批表
      await this.getForceLogoutNoticeInfo()
      ps.push(this.getIllegalAactOptions())
      ps.push(this.getRevokeReaList())
      if (this.active_top >= 2) {
        // this.getFirstEnt()
      }
    }
    // 对应审批流程标题 及当前流程节点
    if (this.bizStatus === '32') {
      this.nextNode = 'startApproveZx'
      this.bodyTitle = '注销公告-经办'
      this.illegalActDisable = this.onlyShow
    } else if (this.bizStatus === '2') {
      this.nextNode = 'revokeApprovalCase'
      this.bodyTitle = '注销公告-审核'
      this.$set(this, 'nextNodeID', 'approvalCase')
      // this.loadAssistantList()
    } else if (this.bizStatus === '3') {
      this.bodyTitle = '注销公告-审批'
    }
    switch (this.active_top) {
      case 1 :
        this.firstTabName = '注销公告'
        this.opinionOptions = this.$util.getCommonWordsWithModule(this.user.primaryKey, '批量注销-注销公告')
        this.collapseActiveNames = ['1']
        ps.push(this.getForceLogoutReport())
        ps.push(this.getHandleOpinion(this.workflowid, '31'))
        ps.push(this.getReviewOpinion(this.workflowid, '32'))
        ps.push(this.getApprovalOpinion(this.workflowid, '33'))
        break
      case 2 :
        this.firstTabName = '行政处罚建议审批表'
        this.opinionOptions = this.$util.getCommonWordsWithModule(this.user.primaryKey, '批量吊销-调查与听证')
        ps.push(this.getCaseReport())
        ps.push(this.getHearingNotice())
        ps.push(this.getHandleOpinion(this.workflowid, '4'))
        ps.push(this.getReviewOpinion(this.workflowid, '8'))
        ps.push(this.getApprovalOpinion(this.workflowid, '9'))
        ps.push(this.getLawReviewOpinion(this.workflowid, '26'))
        ps.push(this.getLawHandleOpinion(this.workflowid, '25'))
        ps.push(this.getLawSendOpinion(this.workflowid, '24'))
        break
      case 3 : {
        this.firstTabName = '行政处罚决定审批表'
        this.opinionOptions = this.$util.getCommonWordsWithModule(this.user.primaryKey, '批量吊销-行政处罚决定')
        ps.push(this.getPunishDecision())
        ps.push(this.getHandleOpinion(this.workflowid, '10'))
        ps.push(this.getReviewOpinion(this.workflowid, '11'))
        ps.push(this.getApprovalOpinion(this.workflowid, '13'))
        ps.push(this.getLawReviewOpinion(this.workflowid, '29'))
        ps.push(this.getLawHandleOpinion(this.workflowid, '28'))
        ps.push(this.getLawSendOpinion(this.workflowid, '27'))
        break
      }
      case 4 :
        this.firstTabName = '送达信息'
        ps.push(this.getHandleOpinion(this.workflowid, '14'))
        break
      default :
        this.firstTabName = '案件信息'
        break
    }
    // 获取当前时间
    this.curDate = this.$util.formatDate.format(new Date(), 'yyyy-MM-dd hh:mm:ss')
    this.handlerDate = this.curDate
    const dateArray = this.curDate.split('-')
    this.year = dateArray[0]
    this.month = dateArray[1]
    this.day = dateArray[2]
    this.curDateStr = this.$util.formatDate.format(new Date(), 'yyyy年MM月dd日')
    // 控制流程跟踪步骤可不可点击
    this.stepControl(this.active_top >= 2 ? this.active_top + 1 + '' : this.active_top)
    // 加载审核人
    ps.push(this.loadReviewer())
    // 业务中企业状态判断
    if (this.bizseq) {
      const ps1 = this.entsRegstateValid().then(() => {
        return getNoOpenAndNoRemoveNum(this.bizseq).then((res) => {
          if (res.data > 0) {
            this.pageParamNoOpen.total = res.data
            this.$confirm(`业务中存在${res.data}家企业状态为非开业状态，不符合吊销条件，请查看确认`, '提示').then(() => {
              this.collapseActiveNames = ['1']
              this.collapseTabActiveName = 'second'
              this.loadRevListNoOpenPage()
            })
          }
        })
      })
      ps.push(ps1)
    }
    // 证据材料文档 当前环节对应高亮
    this.subActiveName3 = this.active_top + ''
    Promise.all(ps).finally(() => {
      allLoading.close()
    })
  },
  // 方法集合
  methods: {
    // 调查与听证经办环节判断是否上传过材料
    validUpLoaded() {
      return getUploadFileList(this.bizseq, '2').then(data => {
        var flag = false
        if (data.length > 0) {
          flag = true
        }
        return flag
      })
    },
    // 批量生成行政处罚听证告知书
    createHearingBatch() {
      // 校验是否保存模板
      if (this.$util.isEmpty(this.tswrittemplateHearing.content) || this.tswrittemplateHearing.isTemplate === '1') {
        return this.$message.warning('请先保存行政处罚听证告知书（模板）！')
      }
      // 还没生成过
      this.$confirm('请先确认名单及文书模板内容是否无误，点击确定将预生成行政处罚听证告知书，完成后在文书资料可查看（数据量大时，花费时间会较长，请耐心等候）', '提示').then(() => {
        this.bacthLoading = true
        createHearingBatch(this.bizseq).then(res => {
          this.bacthLoading = false
          if (res.code === 0) {
            this.$message.success('生成成功！')
            this.loadRevListPage()
          }
        })
      })
    },
    // 批量生成行政处罚决定书
    createDecBatch() {
      // 校验是否保存模板
      if (this.$util.isEmpty(this.tswrittemplatePunish.content) || this.tswrittemplatePunish.isTemplate === '1') {
        return this.$message.warning('请先保存行政处罚决定书（模板）！')
      }
      // 还没生成过
      this.$confirm('请先确认名单及文书模板内容是否无误，点击确定将预生成行政处罚决定书，完成后在文书资料可查看（数据量大时，花费时间会较长，请耐心等候）', '提示').then(() => {
        this.bacthLoading = true
        createPunishDecBatch(this.bizseq).then(res => {
          this.bacthLoading = false
          if (res.code === 0) {
            this.$message.success('生成成功！')
            this.loadRevListPage()
          }
        })
      })
    },
    // 第一份处罚决定书预览
    previewPunishDec() {
      window.open(`${process.env.VUE_APP_BASE_API}/tsbizrevlist/downFirstPunishDec?bizseq=${encodeURIComponent(this.bizseq)}`, '_blank')
    },
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 === 1) {
        return 'warning-row'
      }
    },
    seeDetail(row) {
      // this.$router.push({
      //   path: '/comprehensive/details', query: { pripid: row.pripid, shrink: true }
      // })

      const url = this.$router.resolve({
        path: '/comprehensive/details',
        query: { pripid: row.pripid, shrink: true }
      })
      window.open(url.href, '_blank')
      // const routeUrl = this.$router.resolve({
      //   path: '/comprehensive/query',
      //   query: { pripid: row.pripid }
      // })
      // if (window.parent) {
      //   window.open(window.parent.location.origin + window.parent.location.pathname + '#/aiccs/comprehensive/query?pripid=' + row.pripid, '_blank')
      // }
    },
    // 跳转综合查询列表页
    searchDiffer() {
      // const routeUrl = this.$router.resolve({
      //   path: '/comprehensive/query',
      //   query: { type: 'abn' }
      // })
      if (window.parent) {
        window.open(window.parent.location.origin + window.parent.location.pathname + '#/aiccs/comprehensive/query?type=abn', '_blank')
      }
    },
    getIllegalAactOptions() {
      return getDictTreeList('illegalAct').then((res) => {
        if (res.data.length > 0) {
          this.illegactOptions = res.data
        }
      })
    },
    // 获取吊销依据列表
    getRevokeReaList() {
      var reasonNo = this.caseForm.bizEntType === '2' ? 'DX02' : 'DX01'
      return getConstant(reasonNo).then(res => {
        if (res.code === 0) {
          const list = []
          res.data.forEach(each => {
            list.push({
              value: each.code,
              label: each.name
            })
          })
          this.revokeReaList = list
        }
      })
    },
    // 获取业务中第一个主体及基本信息
    getFirstEnt() {
      getFirstEntInBiz(this.bizseq).then((res) => {
        if (res.code === 0) {
          this.firstEnt = res.data
        }
      })
    },
    // 接收子组件的传参
    changeEditor(val) {
      //   console.log(val)
      //   this.eidtContent = val
    },
    // 保存模板编辑内容
    async saveTempalte(alertMsg, type) {
      // console.log(this.hearingNoticeInfo)
      this.loading = true
      var resData = false
      if (type === 'report') {
        this.tswrittemplate.content = this.eidtContent
        await saveOrUpdateRevContent(this.tswrittemplate).then(res => {
          resData = res.data
          this.tswrittemplate.isTemplate = resData ? '0' : '1'
        })
      } else if (type === 'hearing') {
        this.tswrittemplateHearing.content = this.eidtContent
        await saveOrUpdateRevContent(this.tswrittemplateHearing).then(res => {
          resData = res.data
          this.tswrittemplateHearing.isTemplate = resData ? '0' : '1'
        })
      } else if (type === 'punish') {
        this.tswrittemplatePunish.content = this.eidtContent
        await saveOrUpdateRevContent(this.tswrittemplatePunish).then(res => {
          resData = res.data
          this.tswrittemplatePunish.isTemplate = resData ? '0' : '1'
        })
      }
      this.loading = false
      if (resData === true) {
        this.eidtDialog = false
        if (alertMsg) {
          if (type === 'report') {
            this.$alert('保存成功', '提示')
          } else {
            this.$message.success('保存成功')
          }
        }

      } else {
        if (alertMsg) {
          return this.$message.error('保存失败')
        } else {
          return false
        }
      }
    },
    // 保存案件调查报告
    saveCaseReport() {
      this.caseReportInfo.reportContent = this.eidtContent
      saveReportInfo(this.caseReportInfo).then(res => {
        if (res.data === true) {
          this.eidtDialog = false
          this.$message.success('保存成功')
          // this.getCaseReport()
          this.openDialog('hearing')
        } else {
          this.$message.error('保存失败')
        }
      })
    },
    saveCaseReportNoMessage() {
      var suspectedAtc = document.getElementById('suspectedAtc')
      this.$set(this.caseReportInfo, 'suspectedAtc', suspectedAtc.innerText)
      saveReportInfo(this.caseReportInfo)
    },
    openDialog(type) {
      var title = ''
      if (type === 'forceLogout') {
        title = '拟强制注销公司登记公告'
        this.eidtDialog = true
        this.clearEditorContent(type)
        this.$nextTick(() => {
          this.eidtContent = this.tswrittemplate.content
          this.editorDialogType = type
          if (this.editorDisable && this.$refs.editorDialog) {
            this.$refs.editorDialog.$emit('disable')
          }
        })
      } else if (type === 'hearing') {
        title = '行政处罚听证告知书（模板）'
        this.eidtDialog = true
        this.clearEditorContent(type)
        this.$nextTick(() => {
          this.eidtContent = this.tswrittemplateHearing.content
          this.editorDialogType = type
          if (this.editorDisable && this.$refs.editorDialog) {
            this.$refs.editorDialog.$emit('disable')
          }
        })
      } else if (type === 'punish') {
        title = '行政处罚决定书（模板）'
        this.eidtDialog = true
        // this.firstEnt = this.revList[0]
        this.clearEditorContent(type)
        this.$nextTick(() => {
          this.eidtContent = this.tswrittemplatePunish.content
          this.editorDialogType = type
          if (this.editorDisable && this.$refs.editorDialog) {
            this.$refs.editorDialog.$emit('disable')
          }
        })
      }
      this.dialogTitle = title
    },
    // 获取调查报告
    getCaseReport() {
      this.tswrittemplate.bizseq = this.bizseq
      this.tswrittemplate.writsType = '31'
      if (this.bizStatus === '4' && !this.onlyShow) {
        this.tswrittemplate.needTemplate = '1'
      } else {
        this.tswrittemplate.needTemplate = '0'
      }
      return getRevContentsWithBizseq(this.tswrittemplate).then(res => {
        if (res.code === 0 && this.$util.isNotEmpty(res.data.content)) {
          this.$nextTick(() => {
            this.$set(this.tswrittemplate, 'content', res.data.content)
            this.$set(this.tswrittemplate, 'isTemplate', res.data.isTemplate)
          })
        }
      })
    },
    // 获取注销公告模版
    getForceLogoutReport() {
      this.tswrittemplate.bizseq = this.bizseq
      this.tswrittemplate.writsType = '64'
      if (this.bizStatus === '31' && !this.onlyShow) {
        this.tswrittemplate.needTemplate = '1'
      } else {
        this.tswrittemplate.needTemplate = '0'
      }
      return getForceLogoutContentsWithBizseq(this.tswrittemplate).then(res => {
        if (res.code === 0 && this.$util.isNotEmpty(res.data.content)) {
          this.$nextTick(() => {
            this.$set(this.tswrittemplate, 'content', res.data.content)
            this.$set(this.tswrittemplate, 'isTemplate', res.data.isTemplate)
          })
        }
      })
    },
    async clearEditorContent(type) {
      if (this.$refs.editorDialog && type !== this.editorDialogType) {
        await this.$refs.editorDialog.$emit('clear')
      }
    },
    getEditorText() {
      this.$refs.editorDialog.$emit('getText')
      // console.log(txt)
    },
    getTextVal(res) {
      const list = []
      res.forEach(each => {
        console.log(each)
      })
    },
    getChildrenTxt(data) {
      return
    },
    // 获取听证告知书
    getHearingNotice() {
      this.tswrittemplateHearing.bizseq = this.bizseq
      this.tswrittemplateHearing.writsType = '32'
      if (this.bizStatus === '4' && !this.onlyShow) {
        this.tswrittemplateHearing.needTemplate = '1'
      } else {
        this.tswrittemplateHearing.needTemplate = '0'
      }
      return getRevContentsWithBizseq(this.tswrittemplateHearing).then(res => {
        if (res.code === 0 && this.$util.isNotEmpty(res.data.content)) {
          this.$nextTick(() => {
            this.$set(this.tswrittemplateHearing, 'content', res.data.content)
            this.$set(this.tswrittemplateHearing, 'isTemplate', res.data.isTemplate)
          })
        }
      })
    },
    // 保存听证告知书内容
    saveHearingNotice() {
      // console.log(this.hearingNoticeInfo)
      this.hearingNoticeInfo.hearingContent = this.eidtContent
      saveHearingNoticeInfo(this.hearingNoticeInfo).then(res => {
        if (res.data === true) {
          this.eidtDialog = false
          this.$message.success('保存成功')
          // this.getHearingNotice()
        } else {
          this.$message.error('保存失败')
        }
      })
    },
    // 获取处罚决定书信息
    getPunishDecision() {
      // getPunishDecisionInfo(this.bizseq).then(res => {
      //   if (res.code === 0) {
      //     this.punishDecisionInfo = res.data
      //     if (this.$util.isEmpty(res.data.punishContent)) {
      //       this.openDialog('punish')
      //     }
      //   } else {
      //     this.$message.error(res.msg)
      //   }
      // })
      this.tswrittemplatePunish.bizseq = this.bizseq
      this.tswrittemplatePunish.writsType = '33'
      if (this.bizStatus === '10' && !this.onlyShow) {
        this.tswrittemplatePunish.needTemplate = '1'
      } else {
        this.tswrittemplatePunish.needTemplate = '0'
      }
      getRevContentsWithBizseq(this.tswrittemplatePunish).then(res => {
        if (res.code === 0 && res.data != null) {
          this.$nextTick(() => {
            this.$set(this.tswrittemplatePunish, 'content', res.data.content)
            this.$set(this.tswrittemplatePunish, 'isTemplate', res.data.isTemplate)
            // if (this.bizStatus === '10') {
            //   this.openDialog('punish')
            // }
            // this.tswrittemplate.content = res.data.content
            // this.eidtContent = res.data.content
          })
        }
      })
    },
    // 保存处罚决定书信息
    savePunishDecision() {
      // console.log(this.hearingNoticeInfo)
      this.punishDecisionInfo.punishContent = this.eidtContent
      savePunishDecisionInfo(this.punishDecisionInfo).then(res => {
        if (res.data === true) {
          this.eidtDialog = false
          this.$message.success('保存成功')
          // this.getPunishDecision()
        } else {
          this.$message.error('保存失败')
        }
      })
    },
    // 查看列异信息
    showAbnDialog(row) {
      this.abnDialog = true
      this.abnDialogTitle = row.entname
      listAbnormalRecord(row.pripid).then(res => {
        if (res.code === 0) {
          this.abnInRecordList = res.data
        }
      })
    },
    // 批量名单展开事件
    handleExpandChange(data) {
      console.log(data)
    },
    // 获取最新经办意见
    getHandleOpinion(workflowid, opinionType) {
      return getNewestOpinion(workflowid, opinionType, this.caseForm.status, this.bizStatus).then(res => {
        if (res.code === 0 && res.data !== null) {
          this.handleOpinion.opinionContent = res.data.opinioncontent
          this.handleOpinion.handler = res.data.handler
          this.handleOpinion.handleDate = this.$util.formatDate.format(new Date(Date.parse(res.data.handledate)), 'yyyy-MM-dd hh:mm:ss')
          if (this.bizStatus === '31' || this.bizStatus === '32' || this.bizStatus === '33') {
            this.$nextTick(() => {
              this.$set(this.caseForm, 'situation', res.data.opinioncontent)
              this.$set(this.caseForm, 'handledate', this.$util.formatDate.format(new Date(Date.parse(res.data.handledate)), 'yyyy-MM-dd hh:mm:ss'))
              if (this.$util.isNotEmpty(res.data.nexthandlerid)) {
                this.$set(this.caseForm, 'reviewerId', res.data.nexthandlerid)
              }
            })
          }
        } else {
          this.$set(this.caseForm, 'handledate', this.$util.formatDate.format(new Date(), 'yyyy-MM-dd hh:mm:ss'))
        }
      })
    },
    // 获取最新审核意见
    getReviewOpinion(workflowid, opinionType) {
      return getNewestOpinion(workflowid, opinionType, this.caseForm.status, this.bizStatus).then(res => {
        if (res.code === 0 && res.data !== null) {
          this.reviewOpinion.opinionContent = res.data.opinioncontent
          this.reviewOpinion.handler = res.data.handler
          this.reviewOpinion.handleDate = this.$util.formatDate.format(new Date(Date.parse(res.data.handledate)), 'yyyy-MM-dd hh:mm:ss')
          if (this.bizStatus === '2' || this.bizStatus === '5' || this.bizStatus === '8' || this.bizStatus === '11' || this.bizStatus === '15') {
            this.$nextTick(() => {
              this.$set(this.caseForm, 'opinion', res.data.opinioncontent)
              this.$set(this.caseForm, 'handledate', res.data.handledate)
              if (this.$util.isNotEmpty(res.data.nexthandlerid)) {
                this.$set(this.caseForm, 'reviewerId', res.data.nexthandlerid)
              }
            })
          }
        } else {
          this.$set(this.caseForm, 'handledate', this.$util.formatDate.format(new Date(), 'yyyy-MM-dd hh:mm:ss'))
        }
      })
    },
    // 获取最新审批意见
    getApprovalOpinion(workflowid, opinionType) {
      return getNewestOpinion(workflowid, opinionType, this.caseForm.status, this.bizStatus).then(res => {
        if (res.code === 0 && res.data !== null) {
          this.approvalOpinion.handler = res.data.handler
          this.approvalOpinion.handleDate = this.$util.formatDate.format(new Date(Date.parse(res.data.handledate)), 'yyyy-MM-dd hh:mm:ss')
          this.approvalOpinion.opinionContent = res.data.opinioncontent
          if (this.bizStatus === '3' || this.bizStatus === '6' || this.bizStatus === '9' || this.bizStatus === '13' || this.bizStatus === '16') {
            this.$nextTick(() => {
              this.$set(this.caseForm, 'opinion', res.data.opinioncontent)
              this.$set(this.caseForm, 'handledate', res.data.handledate)
              if (this.$util.isNotEmpty(res.data.nexthandlerid)) {
                this.$set(this.caseForm, 'reviewerId', res.data.nexthandlerid)
              }
            })
          }
        } else {
          this.$set(this.caseForm, 'handledate', this.$util.formatDate.format(new Date(), 'yyyy-MM-dd hh:mm:ss'))
        }
      })
    },
    // 保存调查报告内容
    saveReportContent() {
      console.log(this.invesRportcontent)
      this.reportEditorDisable = true
    },
    // 保存听证告知书内容
    saveHearingContent(alertMsg) {
      const list = []
      const pra1 = {
        bizseq: this.bizseq,
        paragraphContent: document.getElementById('pra1').innerHTML,
        paragraphNo: '1',
        writsType: '32'
      }
      list.push(pra1)
      const pra2 = {
        bizseq: this.bizseq,
        paragraphContent: document.getElementById('pra2').innerHTML,
        paragraphNo: '2',
        writsType: '32'
      }
      list.push(pra2)
      this.hearingContentList = list
      // console.log(this.hearingContentList)
      saveOrUpdateContent(this.hearingContentList).then(res => {
        this.editHearingContent = false
        if (alertMsg) {
          if (res.data === true) {
            this.getHearingContent()
            this.$message.success('保存成功')
          } else {
            this.$message.error('保存失败')
          }
        }
      })
    },
    // 保存处罚决定书内容
    saveDecisionContent(alertMsg) {
      const list = []
      for (let i = 1; i <= 7; i++) {
        const par = {
          bizseq: this.bizseq,
          paragraphContent: document.getElementById('par' + i).innerHTML,
          paragraphNo: i + '',
          writsType: '33'
        }
        list.push(par)
      }
      this.decisionContentList = list
      // console.log(this.decisionContentList)
      saveOrUpdateContent(this.decisionContentList).then(res => {
        this.editHearingContent = false
        if (alertMsg) {
          if (res.data === true) {
            this.getDecisionContent()
            this.$message.success('保存成功')
          } else {
            this.$message.error('保存失败')
          }
        }
      })
    },
    // 获取调查报告内容
    getReportContent() {
      this.tswritscontent.bizseq = this.bizseq
      this.tswritscontent.writsType = '31'
      return getContentsWithBizseq(this.tswritscontent).then(res => {
        if (res.code === 0) {
          this.reportContentList = res.data
        } else {
          this.$message.error(res.msg)
        }
      })
    },
    // 获取处罚决定书内容模板
    getDecisionContent() {
      this.tswritscontent.bizseq = this.bizseq
      this.tswritscontent.writsType = '33'
      getContentsWithBizseq(this.tswritscontent).then(res => {
        if (res.code === 0) {
          this.decisionContentList = res.data
        } else {
          this.$message.error(res.msg)
        }
      })
    },
    // 获取听证告知书内容模板
    getHearingContent() {
      this.tswritscontent.bizseq = this.bizseq
      this.tswritscontent.writsType = '32'
      getContentsWithBizseq(this.tswritscontent).then(res => {
        if (res.code === 0) {
          this.hearingContentList = res.data
        } else {
          this.$message.error(res.msg)
        }
      })
    },
    showDownDialog(size) {
      const total = Math.ceil(size / this.batchSize)
      this.btnList = []
      for (let i = 0; i < total; i++) {
        let end = (i + 1) * this.batchSize
        if (end >= size) {
          end = size
        }
        const each = {
          id: i + 1,
          start: i * this.batchSize,
          end: end,
          loading: false,
          disable: false
        }
        this.btnList.push(each)
      }
      this.downDialog = true
    },
    // 批量文件压缩下载
    downloadZip(item) {
      item.loading = true
      this.btnList.forEach(each => {
        if (each.id !== item.id) {
          each.disable = true
        }
      })
      const that = this
      downZip(this.bizseq, this.subActiveName1, item.id, this.batchSize).then(data => {
        item.loading = false
        const blob = new Blob([data], { type: 'application/zip' })
        const fileName = this.caseForm.caseName + (this.subActiveName1 === '13' ? '-听证告知书（' : '-处罚决定书（') + (item.start + 1) + '至' + item.end + '）.zip'
        if ('download' in document.createElement('a')) {
          const elink = document.createElement('a')
          elink.download = fileName
          elink.style.display = 'none'
          elink.href = window.URL.createObjectURL(blob)
          document.body.appendChild(elink)
          elink.click()
          window.URL.revokeObjectURL(elink.href)
          document.body.removeChild(elink)
        } else {
          navigator.msSaveBlob(blob, fileName)
        }
      }).catch(function(error) {
        item.loading = false
        console.log(error.status)
        if (error.status === 404) {
          that.$message.error('系统后台正在生成文书，请耐心等候，稍后再试')
        } else if (error.status === 405) {
          that.$message.error('已有下载任务进行中，请耐心等候，稍后再试')
        }
      }).finally(() => {
        this.btnList.forEach(each => {
          each.disable = false
        })
      })
    },
    // pdf格式在线查看
    toOnlinePdf(row) {
      if (row.attachtype === '13' || row.attachtype === '14') { // 告知书、决定书
        if (this.$util.isEmpty(row.temppath)) {
          revokeDown('', row.filename, this.bizseq, row.pripid, row.attachtype).then(data => {
            const blob = new Blob([data], { type: 'application/pdf' })
            const binaryData = []
            binaryData.push(data)
            // 获取blob链接
            this.pdfUrl = window.URL.createObjectURL(blob)
            window.open(this.pdfUrl)
          })
        } else {
          window.open(row.url)
        }
      } else if (row.attachtype === '12') { // 案件报告
        window.open(row.url)
      } else if (this.$util.isNotEmpty(row.temppath)) {
        // row.url = `${process.env.VUE_APP_DOWNLOAD_URL}/` + row.url
        word2Pdf(row.id, this.bizseq, row.writsid).then(data => {
          const blob = new Blob([data], { type: 'application/pdf' })
          const binaryData = []
          binaryData.push(data)
          // 获取blob链接
          this.pdfUrl = window.URL.createObjectURL(blob)
          window.open(this.pdfUrl)
        })
      }
    },
    download(row) {
      if (row.attachtype === '13' || row.attachtype === '14') {
        window.open(`${process.env.VUE_APP_BASE_API}/attachment/revokeDown?filePath=${encodeURIComponent(row.temppath)}&fileName=${encodeURIComponent(row.filename)}&bizseq=${encodeURIComponent(this.bizseq)}&pripid=${encodeURIComponent(row.pripid)}&attachtype=${encodeURIComponent(row.attachtype)}`, '_blank')
      } else {
        window.open(`${process.env.VUE_APP_BASE_API}/attachment/down?filePath=${encodeURIComponent(row.temppath)}&fileName=${encodeURIComponent(row.filename)}`, '_blank')
      }
      // window.open(row.url, '_blank')
    },
    /**
     * 文件流下载
     */
    downFile(content, fileName) {
      const blob = new Blob([content])
      const a = document.createElement('a')
      const url = window.URL.createObjectURL(blob)
      const filename = fileName
      a.href = url
      a.download = filename
      a.click()
      window.URL.revokeObjectURL(url)
    },
    saveCaseTemplate() {
      const editHtml = document.getElementById('caseFinalPaper').innerHTML
      saveCaseFinalTemplate(encodeURIComponent(editHtml))
    },
    // 格式化流程跟踪环节回显
    opiniontypeFormat(row) {
      let name = ''
      this.processList.forEach(each => {
        if (each.value === row.opiniontype) {
          name = each.label
        }
      })
      return name
    },
    // 加载审核人
    loadReviewer() {
      return getUsersWithPermission(this.nextNode, this.user.orgId).then(res => {
        if (res.code === 0) {
          this.reviewer = res.data
        }
      })
    },
    // 加载协办人列表
    // loadAssistantList() {
    //   listRevokeAssistantUSer(this.user.orgId, this.bizseq).then(res => {
    //     if (res.code === 0) {
    //       this.assistantList = res.data
    //     }
    //   })
    // },
    closeRemFileDialog() {
      this.remFileList = []
    },
    // 查看剔除记录材料
    showRemAttachment(remNo) {
      debugger
      this.attachementDialogVisible = true
      this.fileLoading = true
      // 加载剔除记录附件
      getRemFileListZx(this.bizseq, remNo).then(data => {
        data.forEach(each => {
          each.id = each.attachmentid
          each.name = each.filename
          each.url = `${process.env.VUE_APP_DOWNLOAD_URL}/` + each.temppath
        })
        this.remFileList = data
        this.fileLoading = false
      })
    },
    // 证据材料加载附件清单
    getAttachmentList(attachtype) {
      this.fileLoading = true
      getUploadFileList(this.bizseq, attachtype).then(data => {
        this.fileLoading = false
        data.forEach(each => {
          each.id = each.attachmentid
          each.name = each.filename
          each.url = `${process.env.VUE_APP_DOWNLOAD_URL}/` + each.temppath
        })
        this.bizAttachmentList = data
        this.calcPageData(this.bizAttachmentList, 'file')
      })
    },
    // 听证告知书、处罚决定书查询
    revHearOrDecSearch() {
      const val = this.$options.data().filePageParam
      this.filePageParam = val
      this.filePageParam.customParamMap.uniscid = this.fileSearchForm.searchCode
      this.filePageParam.customParamMap.entname = this.fileSearchForm.searchName
      this.getSystemAttachmentList()
    },
    // 文书材料加载文书清单
    getSystemAttachmentList() {
      this.fileLoading = true
      this.filePageParam.customParamMap.bizseq = this.bizseq
      this.filePageParam.customParamMap.attachtype = this.subActiveName1
      getSystemFileList(this.filePageParam).then(res => {
        this.fileLoading = false
        let i = 1
        const pageStart = (this.filePageParam.curPage - 1) * this.filePageParam.pageSize
        res.data.records.forEach(each => {
          each.index = pageStart + i++
          each.id = each.attachmentid
          each.name = each.filename
          each.url = `${process.env.VUE_APP_DOWNLOAD_URL}/` + each.temppath
          if (this.subActiveName1 === '13') {
            each.writsno = each.preHearNotWritsno
            each.uploaddate = each.hearingpublishdate
          } else if (this.subActiveName1 === '14') {
            each.writsno = each.prePunDecWritsno
            each.uploaddate = each.decisionpublishdate
          }
        })
        this.filePageParam.total = res.data.total
        this.systemAttachmentList = res.data.records
      })
    },
    // 不可导入主体清单导出Excel
    exportDisableListExcel() {
      this.$confirm('是否确认导出', '提示').then(() => {
        const url = location.origin + process.env.VUE_APP_BASE_API + `/tsbizrevlist/exportDisableEntList?disableListId=${encodeURIComponent(this.disableListId)}`
        window.open(url)
      })
    },
    // 批量吊销主体名单分类导出Excel
    exportEntListExcelbyType() {
      if (this.$util.isEmpty(this.exportType)) {
        return this.$message.warning('请先选择导出类型！')
      }
      exportValid(this.bizseq, this.exportType).then(res => {
        if (res.code === 0) {
          this.$confirm('是否确认导出', '提示').then(() => {
            // const url = location.origin + process.env.VUE_APP_BASE_API + '/tsbizrevlist/exportEntListbyType?bizseq=' + this.bizseq + '&exportType=' + this.exportType
            window.open(`${process.env.VUE_APP_BASE_API}/tsbizrevlist/exportEntListbyType?bizseq=${encodeURIComponent(this.bizseq)}&exportType=${encodeURIComponent(this.exportType)}`, '_blank')
          })
        }
      })
    },
    // 加载注销公告表
    getForceLogoutNoticeInfo() {
      return getForceLogoutNoticeInfoByBizseq(this.bizseq).then((res) => {
        if (res.code === 0) {
          this.caseForm = { ...this.caseForm, ...res.data }
        }
      })
    },
    // 一键批量生成听证报告
    batchHearReport() {
      this.$confirm('是否确认批量生成听证报告？', '提示').then(() => {
        this.batchHearReportLoading = true
        insertHearReportBatch(this.bizseq).then((res) => {
          this.batchHearReportLoading = false
          if (res.code === 0) {
            this.$message.success('批量生成听证报告成功')
            this.loadRevListPage()
          } else {
            this.$message.error(res.msg)
          }
        })
      })
    },
    // 批量生成决定书
    // batchDecision() {
    //   if (this.paperList.length > 0) { return this.$message.error('处罚决定书已生成，请勿重复操作！') }
    //   this.batchHearReportLoading = true

    //   insertDecision(this.bizseq).then((res) => {
    //     if (res.code === 0) {
    //       this.$message.success('批量生成处罚决定书成功。')
    //       this.batchHearReportLoading = false
    //       this.getPaperList()
    //     } else {
    //       this.$message.error(res.msg)
    //     }
    //   })
    // },
    // 获取决定书列表
    // getPaperList() {
    //   getDecisionList(this.bizseq).then(res => {
    //     if (res.code === 0) {
    //       this.paperList = res.data
    //     }
    //   })
    // },
    // 移除记录对话框
    showRemRecord() {
      this.getRemRecord()
      this.isShowRemRecord = !this.isShowRemRecord
    },
    showRemRecordOff() {
      this.isShowRemRecord = !this.isShowRemRecord
    },
    getRemRecord() {
      if (this.remRecordLoading) return
      this.remRecordLoading = true
      this.remPageParam.customParamMap.bizseq = this.bizseq
      getRemoveRecordZx(this.remPageParam).then(res => {
        this.remRecordLoading = false
        if (res.code === 0) {
          const list = []
          let i = 1
          const pageStart = (this.remPageParam.curPage - 1) * this.remPageParam.pageSize
          res.data.records.forEach(each => {
            each.index = pageStart + i++
            each.uniscid = each.uniscid || each.regno
            list.push(each)
          })
          this.remRecordList = list
          this.remPageParam.total = res.data.total
        }
      })
    },
    selectInit(row, index) {
      if (row.isRemove === '1') {
        return false
      } else {
        return true
      }
    },
    // 计算页数
    // calcPageData() {
    //   // 计算页数(根据后台数据的条数和每页显示数量算出一共几页,得0时设为1)
    //   if (this.toDelSelection.length >= 1) {
    //     this.pageNum = Math.ceil(this.toDelSelection.length / this.pageSize) || 1
    //   }
    //   // 数据分组
    //   for (let i = 0; i < this.pageNum; i++) {
    //     this.totalPageData[i] = this.toDelSelection.slice(this.pageSize * i, this.pageSize * (i + 1))
    //   }
    //   this.dataShow = this.totalPageData[this.currentPage - 1]
    // },
    // 计算页数-抽取
    calcPageData(dataList, type) {
      // 计算页数(根据后台数据的条数和每页显示数量算出一共几页,得0时设为1)
      if (dataList.length >= 1) {
        this.pageNum = Math.ceil(dataList.length / this.pageSize) || 1
      }
      // 数据分组
      for (let i = 0; i < this.pageNum; i++) {
        this.totalPageData[i] = dataList.slice(this.pageSize * i, this.pageSize * (i + 1))
        let j = 1
        const pageStart = i * this.pageSize
        this.totalPageData[i].forEach(each => {
          each.index = pageStart + j++
        })
      }
      if (type === 'file') {
        this.fileDataShow = this.totalPageData[this.currentPage - 1]
      } else {
        this.dataShow = this.totalPageData[this.currentPage - 1]
      }
    },
    // 每页条数发生变化
    handleSizeChange(newPageSize, dataList) {
      this.pageSize = newPageSize
      // 重新计算页数并分组
      this.calcPageData(dataList)
    },
    // 当前页码发生变化
    handleCurrentChange(newPageNum) {
      this.currentPage = newPageNum
      // 这里仍然不要忘记减去1
      this.dataShow = this.totalPageData[newPageNum - 1]
    },
    // 当前分页改变-生成文书列表
    handleFileCurrentChange(curPage) {
      this.filePageParam.curPage = curPage
      this.getSystemAttachmentList()
    },
    // 剔除拟吊销主体对话框
    showRemDia() {
      if (this.toDelSelection.length === 0) { return this.$message.error('请至少选择一个企业以移除') }
      this.removeReason = ''
      this.calcPageData(this.toDelSelection)
      this.showRemDialog = !this.showRemDialog
    },
    // 赋值到illegactForm
    toIllegactForm(index, val) {
      this.illegactForm[index] = val
    },
    // 步骤对应意见记录
    showStepTab(stepNo) {
      getStepTableList(this.tasklistid, stepNo).then(res => {
        if (res.code === 0) {
          this.stepTabList = res.data
        }
      })
    },
    stepControl(active) {
      for (let i = 0; i <= active; i++) {
        this.stepDisable.push(false)
      }
      for (let i = active + 1; i <= 5; i++) {
        this.stepDisable.push(true)
      }
    },
    // 预览文书界面
    getContent() {
      if (this.paperList.length === 0 && this.bizStatus === '10') {
        return this.$message.error('暂未生成处罚决定书')
      }
      this.showReport = !this.showReport
    },
    // 保存听证报告
    saveHearReport() {
      // this.hearingReportInfo.arriveTime = this.hearingReportInfo.arriveTime === undefined ? '' : this.hearingReportInfo.arriveTime
      saveHearingReport(this.hearingReportInfo).then(res => {
        if (res.data === true) {
          this.$message.success('保存成功')
        }
      })
    },
    // 新增、查看报告界面
    showNewReport(pripid, isNew) {
      this.reportLoading = true
      getHearingReport(pripid, this.bizseq).then(res => {
        if (res.code === 0) {
          this.hearingReportInfo = res.data
          this.reportLoading = false
          if (isNew) { this.$message.success('新增报告成功') }
        }
      })
      this.isShowNewReport = !this.isShowNewReport
    },
    // 送达详情
    showSendInfo(pripid) {
      this.reportLoading = true
      getHearingReport(pripid, this.bizseq).then(res => {
        if (res.code === 0) {
          this.hearingReportInfo = res.data
          this.reportLoading = false
        }
      })
      this.isShowNewReport = !this.isShowNewReport
    },
    showNewReportOff() {
      this.loadRevListPage()
      this.isShowNewReport = !this.isShowNewReport
    },
    // 保存违法记录
    handleSave(index, rows) {
      this.illegactForm.illegactTypeL = rows[index].illegactTypeL
      this.illegactForm.illegactTypeM = rows[index].illegactTypeM
      this.illegactForm.illegactTypeS = rows[index].illegactTypeS
      this.illegactForm.illegact = rows[index].illegact

      this.$refs.illegactForm.validate((valid) => {
        if (!valid) return
        this.$set(rows[index], 'edit', false)
      })
    },
    // 编辑违法记录
    handleEdit(row) {
      this.$set(row, 'edit', true)
    },
    // 查看违法记录
    handleShow(row) {
      this.$set(row, 'showAll', true)
    },
    // 取消
    handleOff(row) {
      this.$set(row, 'edit', false)
      this.$set(row, 'showAll', false)
    },
    // 删除违法列表记录
    deleteRow(index, rows) {
      this.$confirm('是否确认删除', '提示').then(() => {
        rows.splice(index, 1)
      })
    },
    // 新增自定义违法记录
    addRow() {
      const newLine = {
        illegactTypeL: '',
        illegactTypeM: '',
        illegactTypeS: '',
        illegact: '',
        edit: true
      }
      this.illegactList.push(newLine)
    },
    // 新增拟吊销主体
    insertRevList() {
      // if (this.selection_dialog.length === 0) { return this.$message.error('请至少选择一个企业以添加至拟吊销列表中') }
      if (this.addRevList.length > 1) {
        return this.$message.warning('仅支持个案新增，请核对数据')
      }
      this.$confirm(`是否确认新增主体：${this.addRevList[0].entname}`, '提示').then(() => {
        this.insertRevListLoading = true
        // let id = ''
        // this.selection_dialog.forEach((each) => {
        //   ids += each.pripid + ';'
        // })
        const id = this.addRevList[0].pripid
        // 添加接口
        insertZxRevListByPripid(
          id,
          this.bizseq,
          this.bizStatus,
          this.caseForm.bizEntType
        ).then((res) => {
          if (res.code === 0) {
            this.$message.success('新增成功')
            this.selection_dialog = []
            this.loadAddRevListPage()
            this.showAddRevListOff()
            this.loadRevListPage()
            this.$set(this.caseForm, 'caseName', res.data)
          }
        }).finally(() => {
          this.insertRevListLoading = false
        })
      })
    },
    // 移除拟吊销主体
    removeRevList() {
      // console.log(this.$refs.remUpload.uploadFiles)
      if (this.removeReason === '') {
        return this.$message.error('请填写剔除原因')
      }
      if (this.$refs.remUpload.uploadFiles.length === 0) {
        return this.$message.error('请先上传相关附件')
      }
      // 材料上传校验 要改
      this.$confirm('是否确认从业务中剔除所选主体，剔除可能会造成此笔业务中的文书号不连续的情况', '提示').then(() => {
        let ids = ''
        this.toDelSelection.forEach((each) => {
          ids += each.pripid + ';'
        })
        removeRevListByPripidZx(
          ids.substring(0, ids.length - 1),
          this.bizseq,
          this.removeReason,
          this.remNo
        ).then((res) => {
          if (res.code === 0) {
            this.showRemDialog = false
            this.$message.success('删除成功')
            this.toDelSelection = []
            this.fileList = []
            this.loadRevListPage()
            this.loadRevListNoOpenPage()
            this.$set(this.caseForm, 'caseName', res.data)
          } else {
            this.$message.error(res.msg)
          }
        })
      })
    },
    // 处理tabs点击事件
    handleTabClick(tab, event) {
      // 加载当前步骤流程跟踪
      if (tab.name === 'fifth') {
        if (this.active_top === 6) {
          this.showStepTab(5)
        } else {
          this.showStepTab(this.active_top >= 2 ? this.active_top + 1 + '' : this.active_top)
        }
      }
    },
    handleTopTabClick(tab, event) {
      if (tab.name === 'first') {
        this.loadRevListPage()
      } else if (tab.name === 'second') {
        this.loadRevListNoOpenPage()
      }
    },
    // 处理证据材料-材料列表tabs点击事件
    handleFileTabClick(tab, event) {
      this.getAttachmentList(tab.name)
    },
    // 处理文书资料-已生成文书tabs点击事件
    handleWritsTabClick(tab, event) {
      const val = this.$options.data().filePageParam
      this.filePageParam = val
      // this.filePageParam.curPage = 1
      this.getSystemAttachmentList()
    },
    resetForm(formName) {
      this.$refs[formName].resetFields()
    },
    // 验证并提交
    checkandSubmit() {
      if (this.$util.isEmpty(this.caseForm.nextNodeID)) {
        return this.$message.warning('请选择是否通过')
      }
      if (this.bizStatus === '7') { // 听证告知经办
        let listCheck = false
        const checkPageParam = {
          customParamMap: {
            bizseq: this.bizseq
          },
          curPage: 1,
          total: 0,
          pageSize: this.pageParam.total
        }
        getForceLogoutNoticetPage(checkPageParam).then((res) => {
          if (res.code === 0) {
            this.checkList = res.data.records
            for (let i = 0, len = this.checkList.length; i < len; i++) {
              if (this.checkList[i].isHearing === '0' && this.checkList[i].isRemove === '0') {
                listCheck = true
                break
              }
            }
            if (listCheck) {
              this.$message.error('有主体未生成听证报告，请检查')
            } else {
              this.submitForm()
            }
            return
          }
        })
      } else {
        this.submitForm()
      }
    },
    // 保存违法行为
    saveIllegalacts() {
      this.illegactList.forEach(each => {
        this.$set(each, 'caseId', this.caseForm.caseId)
      })
      var save = saveIllegalactList(this.illegactList)
      if (!save) {
        return this.$message.error('保存违法行为失败')
      }
    },
    // 案件提交
    submitCaseForm() {
      this.submitForm()
    },
    // 信息暂存
    subimtTemp() {
      this.saveLoading = true
      this.caseForm.bizStatus = this.bizStatus
      this.caseForm.bizseq = this.bizseq
      this.caseForm.workflowid = this.workflowid
      // 意见信息--开始
      this.caseForm.opiniontype = this.bizStatus
      this.caseForm.handler = this.user.username
      this.caseForm.handlerid = this.user.primaryKey
      this.caseForm.opinioncontent = this.bizStatus === '31' ? this.caseForm.situation : this.caseForm.opinion
      if (this.caseForm.opinioncontent === undefined) {
        this.caseForm.opinioncontent = ''
      }
      // 意见信息--结束
      this.caseForm.tasklistid = this.tasklistid
      this.caseForm.nextPerformerids = this.caseForm.reviewerId === undefined ? '' : this.caseForm.reviewerId
      tempSave(this.caseForm).then((res) => {
        this.saveLoading = false
        if (res.code === 0) {
          this.$message.success('暂存成功')
        } else {
          this.$message.error(res.msg)
        }
      })
    },
    // 案件提交抽取
    submitForm() {
      this.$refs.caseForm.validate((valid) => {
        if (!valid) {
          return this.$message.error('请填完所有必填信息')
        }
        // 意见isagree必传
        var msg = '提交前请检查是否已上传所需的附件材料,点击确定继续提交'
        var type = 'info'
        this.$confirm(msg, '提示', { type: type }).then(() => {
          this.submitLoading = true
          this.caseForm.bizseq = this.bizseq
          this.caseForm.workflowid = this.workflowid
          this.caseForm.isagree = '1'
          // if (this.bizStatus === '1') { // 立案经办
          //   this.caseForm.handlerDate = this.caseForm.handledate
          //   this.caseForm.nextNodeID = 'handleCase'
          // } else if (this.bizStatus === '2') { // 立案审核
          //   // '0'不同意 '1'同意 '2'回退
          //   this.caseForm.isagree =
          //     this.caseForm.nextNodeID === 'approvalCase' || this.caseForm.nextNodeID === 'handleCase' ? '1' : '2'
          // } else if (this.bizStatus === '3') { // 立案审批
          //   this.caseForm.isagree =
          //     this.caseForm.nextNodeID === 'investigateEnter' ? '1' : this.caseForm.nextNodeID === 'handleCase' ? '2' : '0'
          // }
          // 意见信息--开始
          this.caseForm.opiniontype = this.bizStatus
          this.caseForm.handler = this.user.username
          this.caseForm.handlerid = this.user.primaryKey
          this.caseForm.opinioncontent = this.bizStatus === '1' ? this.caseForm.situation : this.caseForm.opinion
          // 意见信息--结束
          this.caseForm.tasklistid = this.tasklistid
          this.caseForm.nextPerformerids = (this.caseForm.isagree === '2' || this.caseForm.reviewerId === undefined) ? '' : this.caseForm.reviewerId
          for (const i in this.reviewer) {
            if (this.reviewer[i].primaryKey === this.caseForm.reviewerId) {
              this.caseForm.nextPerformerNames = this.reviewer[i].name
            }
          }
          bizRevNextZ({
            tasklistid: this.tasklistid,
            bizseq: this.bizseq,
            nextNodeID: this.caseForm.nextNodeID,
            opinion: {
              opiniontype: this.bizStatus,
              handler: this.user.username,
              handlerid: this.user.primaryKey,
              isagree: this.caseForm.isagree,
              handledate: this.caseForm.handledate,
              opinioncontent: this.bizStatus === '31' ? this.caseForm.situation : this.caseForm.opinion
            },
            nextPerformerIds: [this.caseForm.nextPerformerids],
            nextPerformerNames: [this.caseForm.nextPerformerNames],
            caseModel: this.caseForm
          }).then((res) => {
            this.submitLoading = false
            if (res.code === 0) {
              this.$message.success('提交成功')
              this.$router.push('/todo/list')
            } else {
              this.$message.error(res.msg)
            }
          })
        })
      })
    },
    // 加载待新增主体分页
    loadAddRevListPage() {
      if (this.dialogLoading) return
      this.dialogLoading = true
      this.pageParam_dialog.customParamMap.bizseq = this.bizseq
      this.pageParam_dialog.customParamMap.type = this.addRevType
      this.addRevShowType = this.addRevType
      enableAddList(this.pageParam_dialog).then((res) => {
        this.dialogLoading = false
        const list = []
        let i = 1
        const pageStart =
          (this.pageParam_dialog.curPage - 1) * this.pageParam_dialog.pageSize
        res.data.records.forEach((each) => {
          each.index = pageStart + i++
          each.uniscid = each.uniscid || each.regno
          list.push(each)
        })
        this.addRevList = list
        this.pageParam_dialog.total = res.data.total
        const selection = JSON.parse(JSON.stringify(this.selection_dialog))
        this.$nextTick(() => {
          for (const i in list) {
            const each = list[i]
            for (const j in selection) {
              if (each.pripid === selection[j].pripid) {
                this.$refs.dialogTable.toggleRowSelection(each, true)
              }
            }
          }
        })
      })
    },
    // 上传模板格式Excel之前校验
    beforeUpload(file) {
      this.uploadLoading = true
      return new Promise((resolve, reject) => {
        // 上传前先选择名单类型
        if (this.$util.isEmpty(this.illegalType)) {
          this.uploadLoading = false
          this.$message.warning('请先选择名单类型')
          reject()
        }
        var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
        const extension = testmsg === 'xls'
        const extension2 = testmsg === 'xlsx'
        if (!extension && !extension2) {
          this.uploadLoading = false
          this.$message({
            message: '上传文件只能是 xls、xlsx格式！',
            type: 'warning'
          })
          reject()
        }
        // 大小判断
        const isLt10M = file.size / 1024 / 1024 < 10
        if (!isLt10M) {
          this.uploadLoading = false
          this.$message({
            message: '上传文件大小不能超过 10MB！',
            type: 'warning'
          })
          reject()
        }
        if ((extension || extension2) && isLt10M) {
          templateValid(file, 'company').then(res => {
            if (res.code === 0) {
              resolve()
            } else {
              this.uploadLoading = false
              this.$message({
                message: '上传文件模板参数格式有误，请下载指定模板重新上传！',
                type: 'warning'
              })
              reject()
            }
          })
        }
      })
    },
    // 上传文件之前校验格式为 ".doc,.docx,.xlsx,.xls,.pdf"
    beforeFileUpload(file) {
      this.fileUploadLoading = true
      var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
      const isExcel = testmsg === 'xls' || testmsg === 'xlsx'
      const isDoc = testmsg === 'doc' || testmsg === 'docx'
      const isPdf = testmsg === 'pdf'
      const isJpg = testmsg === 'jpg'
      const isPng = testmsg === 'png'
      const isZip = testmsg === 'zip'

      const isLt50M = file.size / 1024 / 1024 < 50

      if (!isExcel && !isDoc && !isPdf && !isZip && !isJpg && !isPng) {
        this.fileUploadLoading = false
        this.$message.error('不支持该上传格式!')
      }
      if (!isLt50M) {
        this.fileUploadLoading = false
        this.$message.error('上传附件大小不能超过 50MB!')
      }
      const flag = (isExcel || isDoc || isPdf || isZip || isJpg || isPng) && isLt50M
      if (!flag) {
        this.fileUploadLoading = false
      }
      return flag
    },
    // 移除文件前
    beforeRemove(file, fileList) {
      if (file && file.status === 'success') {
        return this.$confirm(`确定移除 ${file.name} ？`)
      }
    },
    // 模板下载
    downLoadTemp() {
      const name = 'revokeImport.xls'
      window.open(process.env.NODE_ENV === '"development"' ? `/${name}` : `/aiccs/${name}`)
    },
    handleCheckChange(data, checked, indeterminate) {
      // console.log(data, checked, indeterminate);
    },

    // 下一步
    next() {
      if (this.showUpload) {
        this.$message.warning('请先上传文件')
        return
      }
      if (this.$util.isEmpty(this.illegalType)) {
        this.$message.warning('请先选择名单类型')
        return
      }
      if (this.enableSize === 0) {
        this.$message.warning('无可导入主体，请重新上传')
        return
      }
      if (this.active === 0) {
        this.active++
        this.calcPageData(this.disableList)
        return
      }
      // 可导主体开启线索录入
      if (this.active === 1) {
        if (this.disableList.length > 0) {
          this.$confirm('请先保存不可导入企业清单至本地', '提示', {
            confirmButtonText: '继续导入',
            cancelButtonText: '保存清单',
            distinguishCancelAndClose: true,
            callback: (action) => {
              if (action === 'confirm') {
                this.getZXEnableList()
                this.active++
                return
              } else if (action === 'cancel') {
                this.nextLoading = false
                const url = location.origin + process.env.VUE_APP_BASE_API + `/tsbizrevlist/exportDisableEntList?disableListId=${encodeURIComponent(this.disableListId)}`
                window.open(url)
              }
            }
          })
        } else {
          this.$confirm('确认导入?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消'
          }).then(() => {
            this.getZXEnableList()
            this.active++
            return
          }).catch(() => {
          })
        }
      }
      // 导入完成
      if (this.active === 2) {
        this.nextLoading = true
        this.active++
        return
      }

      if (this.active === 3) {
        const length = this.checkSelectRows.length
        if (length == 0) {
          this.$message.warning('请先选择主体')
          return
        }
        this.$confirm('已选择' + length + '家主体，确定发起批量注销流程?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消'
        }).then(() => {
          const selectList = []
          for (const row of this.checkSelectRows) {
            selectList.push(row.pripid)
          }
          this.nextLoading = true
          this.paramStr.selectList = selectList
          this.paramStr.illegalType = this.illegalType
          startZXCase(this.paramStr).then((res) => {
            if (res.code === 0) {
              this.$set(this, 'bizseq', res.data.bizseq)
              this.$set(this, 'workflowid', res.data.workflowid)
              this.$set(this, 'tasklistid', res.data.tasklistid)
              this.active++
              location.href = this.$router.resolve({ path: '/bBulkDeactivation/batchDeactivation/registerZXAccept', query: { active_top: 1, active: 3, bizStatus: '91', bizseq: this.bizseq, workflowid: this.workflowid, tasklistid: this.tasklistid }}).href
              location.reload()
            } else {
              this.$message.error(res.msg)
            }
            this.nextLoading = false
            return
          })
        })
      }
    },
    // 返回重新上传
    back() {
      this.showUpload = true
      this.active--
    },
    // 移除文件回调
    removeFile(file) {
      this.showUpload = true
      // removeAttachementById(file.id).then((res) => {
      //   if (res.code === 0) {
      //     this.$message.success('删除成功')
      //   } else {
      //     this.$message.error(res.msg)
      //   }
      // })
    },
    uploadCallback(res, file) {
      this.uploadLoading = false
      if (res.code === 0) {
        // file.id = res.data.attachmentid
        this.enableListId = res.data.enableListId
        this.disableListId = res.data.disableListId
        this.enableSize = res.data.enableSize
        this.disableList = res.data.disableList
        this.showUpload = false

        if (res.data.enableSize === 0) {
          this.fileList = []
          this.$message.warning('无可导入主体，请重新确认企业类型及上传的文件内容再重新上传!')
          this.active = 1
        } else {
          this.$message.success('上传成功')
          this.active = 1
        }
      } else {
        this.$message.error(res.msg)
      }
    },
    commonUploadCallback(res, file) {
      this.fileUploadLoading = false
      if (res.code === 0) {
        file.id = res.data.attachmentid
        this.$message.success('上传成功')
        this.getAttachmentList(this.subActiveName3)
      } else {
        this.fileList = []
        this.$message.error(res.msg)
      }
    },
    // 移除文件回调
    remFileCallback(file) {
      if (file && file.status === 'success') {
        removeAttachementById(file.id).then((res) => {
          if (res.code === 0) {
            this.$message.success('删除成功')
          } else {
            this.$message.error(res.msg)
          }
        })
      }
    },
    btnRemoveAttachementById(row) {
      this.$confirm(`确定删除 ${row.filename} ？`).then(() => {
        removeAttachementById(row.attachmentid).then((res) => {
          if (res.code === 0) {
            this.$message.success('删除成功')
            if (this.activeName === 'fourth') {
              this.getAttachmentList(this.subActiveName3)
            } else if (this.activeName === 'third') {
              this.getSystemAttachmentList()
            }
          } else {
            this.$message.error(res.msg)
          }
        })
      })
    },
    remUploadCallback(res, file) {
      this.fileUploadLoading = false
      if (res.code === 0) {
        file.id = res.data.attachmentid
        this.remNo = res.data.remNo
        this.$message.success('上传成功')
      } else {
        this.fileList = []
        this.$message.error(res.msg)
      }
    },
    // 上传失败回调
    uploadErrorCallback(file) {
      this.fileUploadLoading = false
      this.$message.error('上传失败')
    },
    // 导入失败
    handleImportError(res, file) {
      this.uploadLoading = false
      this.$message.error(res.msg)
    },
    // 上传文件预览
    previewFile(file) {
      window.open(file.url, '_blank')
    },
    // 对话框内搜索
    search_dialog() {
      if (this.$util.isEmpty(this.searchForm_dialog.searchCode) && this.$util.isEmpty(this.searchForm_dialog.searchName)) {
        return this.$message.warning('请先输入统一码/注册号/主体名称')
      }
      this.addRevList = []
      this.pageParam_dialog.customParamMap.searchCode = this.searchForm_dialog.searchCode
      this.pageParam_dialog.customParamMap.searchName = this.searchForm_dialog.searchName
      this.pageParam_dialog.curPage = 1
      this.loadAddRevListPage()
    },
    // 剔除对话框内搜索
    remReocrdSearch() {
      console.log(this.remSearchDate)
      this.remPageParam.customParamMap = this.remSearchForm
      this.remPageParam.customParamMap.remStartDate = this.remSearchDate[0]
      this.remPageParam.customParamMap.remEndDate = this.remSearchDate[1]
      this.remPageParam.curPage = 1
      this.getRemRecord()
    },
    // 搜索
    search() {
      this.pageParam.customParamMap.searchCode = this.searchForm.searchCode
      this.pageParam.customParamMap.bizseq = this.bizseq
      this.pageParam.curPage = 1
      this.loadRevListPage()
    },
    // 搜索
    searchNoOpen() {
      this.pageParamNoOpen.customParamMap.searchCode = this.searchFormNoOpen.searchCode
      this.pageParamNoOpen.customParamMap.bizseq = this.bizseq
      this.pageParamNoOpen.curPage = 1
      this.loadRevListNoOpenPage()
    },
    // 新增拟吊销主体对话框
    showAddRevList() {
      // this.loadAddRevListPage()
      this.showAddRev = !this.showAddRev
    },
    showAddRevListOff() {
      this.showAddRev = !this.showAddRev
    },
    // 分页多选插件回调
    removeDelCallback(index, row) {
      this.$refs.revList.toggleRowSelection(row, false)
    },
    // 对话框分页多选插件回调
    removeAddCallback(index, row) {
      this.$refs.dialogTable.toggleRowSelection(row, false)
    },
    // 全选按钮事件
    selectAll() {
      const table = this.$refs.revList
      for (const i in table.data) {
        const each = table.data[i]
        table.toggleRowSelection(each, true)
      }
    },
    // 全选按钮事件
    noOpenSelectAll() {
      const table = this.$refs.revNoOpenList
      for (const i in table.data) {
        const each = table.data[i]
        table.toggleRowSelection(each, true)
      }
    },
    // 对话框选项变更事件
    handleSelectionChange_dialog(selectData) {
      const cancel = []
      if (selectData.length !== this.addRevList.length) {
        // 找出没有选中的内容
        this.addRevList.forEach((each) => {
          for (const i in selectData) {
            const atom = selectData[i]
            if (atom.pripid === each.pripid) {
              return
            }
          }
          cancel.push(each)
        })
      }
      // 取消选中的内容
      for (const i in cancel) {
        const each = cancel[i]
        let index
        for (const j in this.selection_dialog) {
          const select = this.selection_dialog[j]
          if (select.pripid === each.pripid) {
            index = parseInt(j)
            break
          }
        }
        if (index !== undefined) {
          this.selection_dialog.splice(index, 1)
        }
      }
      // 增加选中内容
      for (const i in selectData) {
        const each = selectData[i]
        let exist = false
        for (const j in this.selection_dialog) {
          const select = this.selection_dialog[j]
          if (select.pripid === each.pripid) {
            exist = true
            break
          }
        }
        if (!exist) {
          const obj = {}
          Object.assign(obj, each)
          this.selection_dialog.push(obj)
        }
      }
    },
    // 选项变更事件
    handleSelectionChange(selectData) {
      const cancel = []
      if (selectData.length !== this.revList.length) {
        // 找出没有选中的内容
        this.revList.forEach((each) => {
          for (const i in selectData) {
            const atom = selectData[i]
            if (atom.pripid === each.pripid) {
              return
            }
          }
          cancel.push(each)
        })
      }
      // 取消选中的内容
      for (const i in cancel) {
        const each = cancel[i]
        let index
        for (const j in this.toDelSelection) {
          const select = this.toDelSelection[j]
          if (select.pripid === each.pripid) {
            index = parseInt(j)
            break
          }
        }
        if (index !== undefined) {
          this.toDelSelection.splice(index, 1)
        }
      }
      // 增加选中内容
      for (const i in selectData) {
        const each = selectData[i]
        let exist = false
        if (each.isRemove !== '1') {
          for (const j in this.toDelSelection) {
            const select = this.toDelSelection[j]
            if (select.pripid === each.pripid) {
              exist = true
              break
            }
          }
          if (!exist) {
            const obj = {}
            Object.assign(obj, each)
            this.toDelSelection.push(obj)
          }
        }
      }
    },
    // 当前分页改变
    pageIndexChange(curPage) {
      this.pageParam.curPage = curPage
      this.loadRevListPage()
    },
    // 新增对话框当前分页改变
    pageIndexChange_dialog(curPage) {
      this.pageParam_dialog.curPage = curPage
      this.loadAddRevListPage()
    },
    // 剔除记录对话框当前分页改变
    remRecordPageIndexChange(curPage) {
      this.remPageParam.curPage = curPage
      this.getRemRecord()
    },
    // 非开业主体列表当前分页改变
    noOpenPageIndexChange(curPage) {
      this.pageParamNoOpen.curPage = curPage
      this.loadRevListNoOpenPage()
    },
    // 非开业主体列表分页大小改变
    noOpenPageSizeChange(pageSize) {
      this.pageParamNoOpen.pageSize = pageSize
      this.loadRevListNoOpenPage()
    },
    // 分页大小改变
    pageSizeChange(pageSize) {
      this.pageParam.pageSize = pageSize
      this.loadRevListPage()
    },
    // 校验主体企业状态
    entsRegstateValid() {
      return getZxEntByBizseq(this.bizseq).then(res => {
        if (res.data === false) {
          console.log(res.msg)
        }
      })
    },
    // 加载过滤出的非开业主体
    loadRevListNoOpenPage() {
      if (this.loadingNoOpen) return
      this.loadingNoOpen = true
      this.pageParamNoOpen.customParamMap.bizseq = this.bizseq
      this.pageParamNoOpen.customParamMap.searchCode = this.searchFormNoOpen.searchCode
      return getNoOpenRevListPage(this.pageParamNoOpen).then((res) => {
        this.loadingNoOpen = false
        const list = []
        let i = 1
        const pageStart =
          (this.pageParamNoOpen.curPage - 1) * this.pageParamNoOpen.pageSize
        res.data.records.forEach((each) => {
          each.index = pageStart + i++
          each.uniscid = each.uniscid || each.regno
          list.push(each)
        })
        this.revNoOpenList = list
        this.pageParamNoOpen.total = res.data.total
      })
    },
    // 加载拟吊销主体分页
    loadRevListPage() {
      if (this.loading) return
      this.loading = true
      this.pageParam.customParamMap.bizseq = this.bizseq
      this.pageParam.customParamMap.searchCode = this.searchForm.searchCode
      // 加多个参数区分获取剔除的主体
      // if (this.active_top === 4) {
      //   this.$set(this.pageParam.customParamMap, 'type', 'all')
      // }
      return getForceLogoutNoticetPage(this.pageParam).then((res) => {
        this.loading = false
        const list = []
        let i = 1
        const pageStart =
          (this.pageParam.curPage - 1) * this.pageParam.pageSize
        res.data.records.forEach((each) => {
          each.index = pageStart + i++
          each.uniscid = each.uniscid || each.regno
          list.push(each)
        })
        this.revList = list
        if (this.bizStatus === '10') {
          for (const item of res.data.records) {
            if (item.isRemove === '0' && item.regstate === '1' && item.isHearingPublish === '1') {
              this.$set(this, 'hearingPublishDate', item.hearingPublishDate)
              this.hearingPublishLeftDay = this.$util.DateDiff(this.hearingPublishDate)
              this.hearingEndDate = this.$util.getDateByDate(this.hearingPublishDate, this.deadlineDays)
              // this.hearingPublishLeftDay = this.$util.DateDiff('2021-06-15')
              break
            }
          }
        } else if (this.bizStatus === '14') {
          for (const item of res.data.records) {
            if (item.isRemove === '0' && item.regstate === '1' && item.isDecisionPublish === '1') {
              this.$set(this, 'decisionPublishDate', item.decisionPublishDate)
              this.decisionPublishLeftDay = this.$util.DateDiff(this.decisionPublishDate)
              break
            }
          }
        }
        this.pageParam.total = res.data.total
        const selection = JSON.parse(JSON.stringify(this.toDelSelection))
        this.$nextTick(() => {
          for (const i in list) {
            const each = list[i]
            for (const j in selection) {
              if (each.pripid === selection[j].pripid) {
                this.$refs.revList.toggleRowSelection(each, true)
              }
            }
          }
        })
      })
    },
    getZXEnableList() {
      this.checkLoading = true
      getZXEnableList(this.enableListId).then((res) => {
        this.checkLoading = false
        if (res.code === 0) {
          this.enableAndCheckList = res.data.enableAndCheckList
          this.enableAndCheckListId = res.data.enableAndCheckListId
          this.checkSearchForm.enableAndCheckListId = res.data.enableAndCheckListId
        } else {
          this.$message.error(res.msg)
        }
      })
    },
    checkSearch() {
      this.checkLoading = true
      searchEnableList(this.checkSearchForm).then((res) => {
        this.checkLoading = false
        if (res.code === 0) {
          this.enableAndCheckList = res.data.enableAndCheckList
        } else {
          this.$message.error(res.msg)
        }
      })
    },
    querySearch(queryString, cb) {
      var restaurants = this.revokeReaList
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
    },
    createFilter(queryString) {
      return (restaurant) => {
        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
      }
    },
    handleSelect(item) {
      console.log(item)
    },
    // 全选按钮事件
    checkSelectAll() {
      const table = this.$refs.checkTable
      for (const i in table.data) {
        const each = table.data[i]
        table.toggleRowSelection(each, true)
      }
    },
    // 选项变更事件
    handleCheckSelectionChange(selectData) {
      this.checkSelectRows = selectData
    },
    // 现场检查主体清单导出Excel
    exportCheckListExcel() {
      if (this.checkSelectRows.length == 0) {
        this.$message.warning('请先选择主体')
        return
      }
      this.$confirm('是否确认导出', '提示').then(() => {
        const paramStr = {}
        const pripids = []
        for (const row of this.checkSelectRows) {
          pripids.push(row.pripid)
        }
        paramStr.pripids = pripids
        paramStr.enableAndCheckListId = this.enableAndCheckListId
        exportCheckListExcel(paramStr).then(res => {
          const url = window.URL.createObjectURL(new Blob([res], { type: 'application/vnd.ms-excel;charset=utf-8' }))
          const link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.setAttribute('download', '批吊-现场核查企业名单.xlsx')
          link.click()
        }).finally(() => {
          this.exportLoading = false
        })
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.required::before{
  content: "*";
  color: red;
}
.mb4{
  margin-bottom: 4px;
}
.revoke {
  padding: 5pt;
  .content-header {
    background: white;

    .body {
      padding: 20px;
      border: 1px solid #eee;
      border-top: none;
      margin-bottom: 20px;
    }
  }
  .content-body_out {
    background: rgb(238, 240, 238);
  }
  .body_out {
    padding: 10px;
    border: 1px solid #eee;
    border-top: none;
    margin-bottom: 20px;
  }
  .content-body {
    background: white;
    .tab {
      .tab-title {
        label {
          background: $color-primary;
          display: inline-block;
          color: $color-title-color;
          padding: 5px;
        }
      }
    }
    .form {
      margin-bottom: 20pt;
      .btn-box {
        text-align: center;
        padding: 10px;
        margin-top: 0;
        border-right: 1px solid $color-border;
        border-left: 1px solid $color-border;
      }
      .scale {
        background-color: white;
        border: 1px solid $color-border;
      }
    }
  }
  .label-name {
    text-align: right;
    display: inline-block; //转成行内快，才可定义宽度
    width: 190px;
    font-size: 15px;
  }
  .search-input-box {
    display: inline-block;
    width: calc(100% - 200px);
  }
  .step_box {

    text-align: center;
    .icon {
      display: block;
      text-align: center;
      padding: 20px 0;
      font-size: 68PX;
      border-right: 1px solid $color-border;
      background: $color-form-label;
    }
    .icon_green {
      text-align: center;
      padding: 20px 0;
      width: -webkit-fill-available;
      font-size: 45PX;
      color: green;
      border-right: 1px solid $color-border;
      background: $color-form-label;
    }
    .icon_red {
      text-align: center;
      padding: 20px 0;
      width: -webkit-fill-available;
      font-size: 45PX;
      color: red;
      border-right: 1px solid $color-border;
      background: $color-form-label;
    }
    .icon_success {
      font-size: 50PX;
      color: green;
    }
  }
  .btn_center {
    text-align: center;
  }
  .step {
    // height: 90px;
    padding: 10px 10px;
    border: 1px solid #eee;
    margin-bottom: 10px;
  }
  .step1 {
    //   display: inline-block;
    width: auto;
    height: 110px;
    border: 1px solid $color-border;
    text-align: left;
    .checkNum {
      padding-left: 10px;
      display: inline-block;
      width: auto;
      text-align: left;
    }
    margin-bottom: 10px;
  }
  .step2 {
    //   display: inline-block;
    width: auto;
    min-height: 85px;
    border: 1px solid $color-border;
    text-align: left;
    .checkNum {
      padding-left: 10px;
      display: inline-block;
      width: auto;
      text-align: left;
    }
    margin-bottom: 10px;
  }
  .header_out {
    background: white;
    height: 40px;
    border: 1px solid #eee;
    .title {
      font-weight: 600;
      //   font-size: $font-size-sub-title;
    }
  }
  .header {
    background-color: white;
    line-height: 32px;
    padding: 5px;
    border: 1px solid #eee;
    .title {
      font-weight: 700;
      font-size: 1.0rem;
    }
  }
  .page-box {
    margin: 10px;
    text-align: right;
  }
  .mb10 {
    margin-bottom: 10px;
  }
  .btn-box {
    display: inline-block;
    padding-left: 10px;
    margin-top: 10px;
  }
  .back-btn {
    margin-top: 4px;
    position: absolute;
    right: 40pt;
  }
  .doc_box {
    height: 80px;
    background-color: $color-form-label;
    .el-checkbox {
      padding: 10px;
      display: block;
    }
  }
  .table_box {
    background-color: $color-form-label;
    padding: 30px 60px;
  }
  .tab_pane {
    .el-row {
      padding: 15px 10px;
    }
  }
  .dialog-box {
    text-align: right;
    padding: 5px 5px;
  }
  div.label{
    margin:15px 10px;
    border: 1px solid $color-border;
    background: #eee;
    padding:10px 5px
  }
  .mini-btn{
    padding: 3px 15px;
  }
  .paper-content{
    p {
      margin-top: 0px;
      text-indent: 2em;
      text-align: left;
      line-height: 30px;
    }
  }
  .caseFinalPaper{
    p {
      text-indent: 2em;
      text-align: left;
      line-height: 30px;
    }
  }
  .inputBottomLine{
    border-bottom:1px solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
  }
}
/* /deeep/样式穿透*/
/*1.取消原本展开的旋转动效*/
/deep/.el-table__expand-icon{
  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);
}
/deep/.el-table .warning-row {
  background: #eaf4fe!important;
}
/*2.展开按钮未点击的样式是加号带边框*/
/deep/.el-table__expand-icon .el-icon-arrow-right:before{
  content: "\e6d9";
  border: 1px solid #ccc;
  padding: 1px;
}
/*2.按钮已点击展开之后的样式是减号带边框*/
/deep/.el-table__expand-icon--expanded .el-icon-arrow-right:before{
  content: "\e6d8";
}
</style>
<style lang="scss">
.revoke {
  // .el-collapse-item__header{
  //   height: auto;
  // }
  .el-radio{
    margin-bottom: 8px;
  }
  .el-range-editor--mini.el-input__inner{
    width: 100%;
  }
  .el-input.is-disabled .el-input__inner {
    color: unset;
  }
  .removeUpload{
    .el-upload-list__item{
      display: inline-block;
      width: auto;
    }
  }
  .templateUpload {
    max-width: 600px;
    .el-upload{
      display: block;
      text-align: left;
    }
  }
  .handle-dialog.mid>.main-dialog{
    min-height: 300px;
    width: 75vw;
  }
  .no_border {
    .el-step__icon.is-text {
      border: none;
    }
  }
  .clueForm {
    margin-top: 10px;
    .el-form-item__content {
      width: calc(100% - 180px);
      font-size: 14px;
      .custom {
        width: 100%;
        display: inline-block;
      }
      .el-date-editor.el-input {
        width: 100%;
        display: inline-block;
      }
    }
  }
  .paper-header{text-align: center;line-height: 35PX;}
  .baseinfoForm {
    .tab {
      .tab-title {
        label {
          background: $color-primary;
          display: inline-block;
          color: $color-title-color;
          padding: 5px;
        }
      }
    }
    .el-row {
      padding-top: 10px;
    }
    .el-form-item {
      margin-bottom: 0;
      background: $color-form-label;
      .el-form-item__label {
        padding-left: 20px;
      }
      .el-form-item__content {
        font-size: unset;
        // line-height: normal;
        background: white;
      }
    }

    .el-input.is-disabled .el-input__inner {
      color: unset;
    }
    .el-textarea.is-disabled .el-textarea__inner {
      color: unset;
    }
  }
  .firstEnt {
    .el-form-item {
      margin-bottom: 0;
      background: $color-form-label;
      .el-form-item__label {
        padding-left: 20px;
        border-top: 1px solid $color-border;
        border-left: 1px solid $color-border;
      }
      .el-form-item__content {
        padding-left: 10px;
        font-size: 16px;
        // line-height: normal;
        background: white;
        border-right: 1px solid $color-border;
        border-left: 1px solid $color-border;
      }
      .el-form-item__error{
        position: unset;
      }
    }
    .el-row:first-child{
      .el-col:nth-of-type(1),.el-col:nth-of-type(2){
        .el-form-item__content{
          border-top: 1px solid $color-border;
        }
      }
    }
    .el-form-item:first-child {
      border-top: 1px solid $color-border;
    }
    .el-form-item:last-child {
      border-bottom: 1px solid $color-border;
    }
  }
  .caseForm {
    .el-form-item {
      margin-bottom: 0;
      background: $color-form-label;
      .el-form-item__label {
        padding-left: 20px;
        border-top: 1px solid $color-border;
        border-left: 1px solid $color-border;
      }
      .el-form-item__content {
        padding-left: 10px;
        font-size: 16px;
        // line-height: normal;
        background: white;
        border-right: 1px solid $color-border;
        border-left: 1px solid $color-border;
      }
      .el-form-item__error{
        position: unset;
      }
    }
    .opinion-form{
      .el-form-item {
        margin-bottom: 0;
        background: $color-form-label;
        .el-form-item__label {
          padding-left: 20px;
          border-top: 1px solid $color-border;
          border-left: 1px solid $color-border;
        }
        .el-form-item__content {
          padding-left: 10px;
          font-size: unset;
          // line-height: normal;
          background: white;
          border-top: 1px solid $color-border;
          border-right: 1px solid $color-border;
          border-left: 1px solid $color-border;
        }
        .el-form-item__error{
          position: unset;
        }
      }
    }
    .scale .el-form-item .el-form-item__content {
      padding-left: 0;
    }
    .el-row:first-child{
      .el-col:nth-of-type(1),.el-col:nth-of-type(2){
        .el-form-item__content{
          border-top: 1px solid $color-border;
        }
      }
    }
    .el-form-item:last-child {
      border-bottom: 1px solid $color-border;
    }
    .form-body.history {
      padding: 15px;
      border: 1px solid $color-border;
    }
    .form-body.history.none {
      font-size: 14px;
    }
  }
  .step_box {
    .el-collapse-item__header {
      height: unset;
      font-size: unset;
      span {
        font-size: unset;
        line-height: 1;
      }
    }
  }
  .showApart{
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
  }
  // .el-textarea__inner{
  //   padding: 0;
  // }
  .step-btn{
    padding: 0px 0px 5px 0px;
    color: unset;
  }
  .step-btn:hover{
    color: #409EFF;
    border-bottom: 1px solid #409EFF;
  }
  .step-btn.is-disabled:hover{
    color: #C0C4CC;
    border-bottom: none;
  }
  .showAll{

  }
  .illegactForm{
    .el-form-item .el-form-item__content{
      padding-left: 0px;
    }
  }
  .remFileDialog{
    .el-dialog__body {
      padding: 0px 20px;
    }
  }
  .writName{
    .el-link.el-link--primary {
      font-size: medium;
      color: #409EFF;
    }
  }
  .el-dialog__header{
    background:#e4e4e4;
  }
}
</style>
