<!--  -->
<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 == -1" class="content-body">
      <!-- <div class="header">
        <span class="title">名单导入</span>
      </div> -->
      <div class="body">
        <el-steps
          :active="active"
          finish-status="success"
          align-center
          class="no_border"
        >
          <el-step title="上传文件" />
          <el-step title="执行导入" />
          <el-step title="现场核查情况" />
          <el-step title="导入完成" />
        </el-steps>
        <el-row v-if="active == 0" v-loading="uploadLoading" element-loading-text="上传中" class="bl0">
          <el-col :span="16" :offset="4" class="step_box">
            <el-row style="border: 1px solid #8CC3FB;text-align: left;margin-bottom: 10px;background: #eaf4fe;">
              <el-col :span="4" class="required" style="text-align: right;padding: 10px 20px 10px 10px">
                名单类型
              </el-col>
              <el-col :span="20" style="background: #fff;padding: 10px">
                <el-radio v-model="illegalType" label="2" style="display:block;font-size: unset;margin-bottom:10px">连续两年未年报且未纳税</el-radio>
                <el-radio v-model="illegalType" label="3" style="display:block;font-size: unset;margin-bottom:10px">因实地查无或通过登记住所无法联系被列异超过两年的</el-radio>
                <el-radio v-model="illegalType" label="1" style="display:block;font-size: unset;margin-bottom:10px">未年报、未纳税且通过登记住所无法联系的</el-radio>
                <el-radio v-model="illegalType" label="9" style="display:block;font-size: unset;margin-bottom:10px">其他情况</el-radio>
              </el-col>
            </el-row>
            <el-row style="border: 1px solid #8CC3FB;text-align: left;margin-bottom: 10px;background: #eaf4fe;">
              <el-col class="required" :span="4" style="text-align: right;padding: 10px 20px 10px 10px;">
                企业类型
              </el-col>
              <el-col :span="20" style="background: #fff;padding: 10px">
                <el-radio v-model="bizEntType" label="1">公司</el-radio>
                <el-radio v-model="bizEntType" label="2">个人独资企业</el-radio>
              </el-col>
            </el-row>
            <el-row class="step1">
              <el-col :span="4">
                <i class="el-icon-download icon" />
              </el-col>
              <el-col :span="20">
                <div class="checkNum">
                  <h4
                    style="
                    display: block;
                    margin-bottom: 10px;
                    margin-top: 0px;
                    padding-top: 8px;
                  "
                  >
                    下载填写导入批量吊销的企业名单
                  </h4>
                  <span
                    style="display: block; font-size: 0.37333rem; margin-bottom: 10px;"
                  >请按照数据模板的格式准备导入数据，模板中的表头名称不可更改，表头行不能删除</span>

                  <el-link
                    style="font-size: medium"
                    type="primary"
                    @click="downLoadTemp"
                  >下载模板</el-link>
                </div>
              </el-col>
            </el-row>
            <el-row class="step1">
              <el-col :span="4">
                <i class="el-icon-upload2 icon" />
              </el-col>
              <el-col :span="20">
                <div class="checkNum">
                  <h4
                    style="
                    display: block;
                    margin-bottom: 10px;
                    margin-top: 0px;
                    padding-top: 8px;
                  "
                  >
                    上传填好的企业名单
                  </h4>
                  <!-- <span style="display: block;font-size: 0.37333rem;">文件后缀名必须为xls 或xlsx (即Excel格式)，文件大小不得大于10M</span>
                                <el-link style="font-size: small" type="primary">上传文件</el-link> -->
                  <span
                    style="display: block; font-size: 0.37333rem"
                  >文件后缀名必须为xls 或xlsx
                    (即Excel格式)，文件大小不得大于10M</span>

                  <el-upload
                    :action="uploadPath"
                    :data="{ model: 'company', bizEntType: bizEntType, illegalType: illegalType}"
                    :on-success="uploadCallback"
                    :on-error="handleImportError"
                    :on-preview="previewFile"
                    accept=".xls,.xlsx"
                    :on-remove="removeFile"
                    :before-upload="beforeUpload"
                    :before-remove="beforeRemove"
                    multiple
                    :file-list="fileList"
                    class="templateUpload"
                  >
                    <el-link
                      v-if="showUpload"
                      style="font-size: medium;margin-top: 10px"
                      type="primary"
                    >上传文件</el-link>
                  </el-upload>
                </div>
              </el-col>
            </el-row>

          </el-col>
        </el-row>
        <el-row v-else-if="active == 1" class="bl0">
          <el-col :span="16" :offset="4" class="step_box">
            <el-row class="step2">
              <el-col :span="4">
                <i class="el-icon-success icon_green" />
              </el-col>
              <el-col :span="20">
                <div class="checkNum">
                  <span style="display: block; line-height: 2">本次可导入数量</span>
                  <span style="color: green">{{ enableSize }}</span>
                </div>
              </el-col>
            </el-row>
            <el-row v-if="disableList.length > 0" class="step2">
              <el-collapse>
                <el-collapse-item>
                  <template slot="title" style="height: unset">
                    <!-- <div class="step2"> -->
                    <el-col :span="4">
                      <i class="el-icon-warning icon_red" />
                    </el-col>
                    <el-col :span="20">
                      <div style="padding-left: 10px; text-align: left; width: 100%">
                        <el-col :span="6">
                          <span style="display: block">本次不可导入数量</span>
                          <span style="color: red">{{ disableList.length }}</span>
                        </el-col>
                      </div>
                    </el-col>

                    <!-- </div> -->
                  </template>
                  <el-row>
                    <el-col :span="6" :offset="9">
                      <h2 style="font-size: initial;line-height: 1;">不可导入企业列表</h2>
                    </el-col>
                    <el-col :span="4" :offset="5">
                      <el-button style="margin: 5px 0px" size="mini" @click.stop="exportDisableListExcel">导出Excel</el-button>
                    </el-col>
                  </el-row>
                  <el-table
                    :data="dataShow"
                    border
                    style="width: 100%"
                  >
                    <el-table-column prop="index" label="序号" width="80" align="center" />
                    <el-table-column prop="uniscid" show-overflow-tooltip label="统一社会信用代码" min-width="100" class-name="" />
                    <el-table-column prop="regno" show-overflow-tooltip label="注册号" min-width="100" />
                    <el-table-column prop="entname" show-overflow-tooltip label="主体名称" min-width="120" />
                    <el-table-column prop="regstateCn" show-overflow-tooltip label="主体状态" min-width="100" />
                    <el-table-column prop="reason" show-overflow-tooltip label="原因" min-width="120" />
                  </el-table>
                  <el-row>
                    <el-col style="text-align: right">
                      <el-pagination
                        :current-page="currentPage"
                        small
                        layout="prev, pager, next"
                        :total="disableList.length"
                        @current-change="handleCurrentChange"
                      />
                    </el-col>
                  </el-row>
                </el-collapse-item>
              </el-collapse>
            </el-row>
          </el-col>
        </el-row>
        <div v-else-if="active == 2" class="step_box">
          <i class="el-icon-success icon_success" />
          <h3>批量导入完成</h3>
        </div>
        <div v-else-if="active == 3" class="step_box" style="margin:10px">
          <el-row style="margin-bottom: 20px;margin-top: 20px">
            <el-col :span="7" style="margin-left: 50px;">
              <label class="label-name_1">现场核查任务状态：</label> <!-- clearable 可以清空选项  -->
              <el-select v-model="checkSearchForm.status" clearable size="mini" placeholder="请选择现场核查任务状态：" class="custom">
                <el-option
                  v-for="item in statusList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-col>
            <el-col :span="7">
              <label class="label-name_1">现场核查结果：</label> <!-- clearable 可以清空选项  -->
              <el-select v-model="checkSearchForm.result" clearable size="mini" placeholder="请选择现场核查结果：" class="custom">
                <el-option
                  v-for="item in resultList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-col>
            <el-col :span="2">
              <el-button size="mini" type="primary" @click="checkSearch">查询</el-button>
            </el-col>
            <el-col :span="2">
              <el-button size="mini" type="primary" @click="next">下一步</el-button>
            </el-col>
          </el-row>
          <el-row style="margin-bottom: 10px;">
            <!-- <el-col :span="1">
              <el-button size="mini" type="primary" @click="checkSelectAll">全选</el-button>
            </el-col>
            <el-col :span="2">
              <el-button size="mini" type="primary" @click="$util.toggleSelect($refs.checkTable)">反选</el-button>
            </el-col> -->
            <el-col :span="1">
              <el-button size="mini" type="primary" @click.stop="exportCheckListExcel">导出表格</el-button>
            </el-col>
          </el-row>
          <el-table
            ref="checkTable"
            v-loading="checkLoading"
            :data="enableAndCheckList"
            border
            :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
            style="width: 100%"
            @selection-change="handleCheckSelectionChange"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column prop="index" label="序号" width="80" align="center">
              <template slot-scope="scope">
                {{ scope.$index + 1 }}
              </template>
            </el-table-column>
            <el-table-column prop="uscc" show-overflow-tooltip label="统一社会信用代码" min-width="100" class-name="" />
            <el-table-column prop="entname" show-overflow-tooltip label="企业名称" min-width="100" />
            <el-table-column prop="regOrgCN" show-overflow-tooltip label="登记机关" min-width="120" />
            <el-table-column prop="supOrgCn" show-overflow-tooltip label="属地监管机关" min-width="100" />
            <el-table-column prop="checkStatusCN" show-overflow-tooltip label="现场核查任务状态" min-width="120" />
            <el-table-column prop="checkResultCN" show-overflow-tooltip label="现场核查结果" min-width="120" />
          </el-table>
          <el-row>
            <div style="height:10px" />
          </el-row>
        </div>
        <div class="btn_center">
          <el-button
            v-if="active < 2"
            :loading="nextLoading"
            :disabled="showUpload"
            size="mini"
            type="primary"
            style="margin-top: 12px"
            @click="next"
          >下一步</el-button>
          <el-button
            v-if="active == 1"
            size="mini"
            style="margin-top: 12px"
            @click="back"
          >返回重新上传</el-button>
          <el-button
            v-if="active == 2"
            size="mini"
            type="primary"
            style="margin-top: 12px;margin-bottom: 12px"
            @click="next"
          >现场核查</el-button>
        </div>
      </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: #1A77FF;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="11">
                  <div style="display: inline-block;">
                    <span v-if="bizStatus === '10' &&(60 - hearingPublishLeftDay) > 0" style="margin-left: 10px;font-size: 16px">提示:</span>
                    <span v-if="bizStatus === '10' &&(60 - hearingPublishLeftDay) > 0" style="color: red;margin-left: 10px;font-size: 16px">听证告知书已在{{ this.hearingPublishDate }}发出，公告期满60天后才能进入下一步骤。(剩余{{ 60 - hearingPublishLeftDay }}天)</span>
                  </div>
                </el-col> -->
                <el-col :span="10" :offset="11" style="text-align: right">
                  <!-- <label class="label-name">统一社会信用代码/注册号：</label> -->
                  <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: #1A77FF;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
                    prop="settime"
                    label="立案时间"
                    min-width="60"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.settime }}</span>
                      <span v-else>{{ scope.row.settime }}</span>
                    </template>
                  </el-table-column> -->
                  <el-table-column
                    v-if="active_top >= 3"
                    prop="hearingPublishDate"
                    label="听证告知公示日期"
                    min-width="60"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.hearingPublishDate }}</span>
                      <span v-else>{{ scope.row.hearingPublishDate }}</span>
                    </template>
                  </el-table-column>
                  <!-- <el-table-column
            v-if="active_top === 4"
            prop="isHearingPublish"
            label="状态"
            min-width="60"
            align="left"
          >
            <template slot-scope="scope">
              <span v-if="scope.row.isHearingPublish === '1'" :style="scope.row.isRemove === '1'? 'color: red': ''">听证告知公示中</span>
              <span v-else style="color: red">未公示</span>
            </template>
          </el-table-column> -->
                  <el-table-column
                    v-if="active_top === 4"
                    prop="decisionPublishDate"
                    label="处罚决定公示日期"
                    min-width="60"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.decisionPublishDate }}</span>
                      <span v-else>{{ scope.row.decisionPublishDate }}</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-column
            label="操作"
            min-width="50"
            align="left"
          >
            <template v-if="scope.row.uniscid" slot-scope="scope">
              <el-button type="primary" size="mini" @click="showAbnDialog(scope.row)">查看列异信息</el-button>
            </template>
          </el-table-column> -->
                  <!-- <el-table-column type="expand">
            <template v-if="scope.row.uniscid" slot-scope="props">
              <el-table :data="annualReportList" size="mini" style="width: 100%">
                <el-table-column type="index" label="序号" width="50" align="center" />
                <el-table-column prop="year" label="年度" min-width="100" align="center" />
                <el-table-column prop="status" label="年报状态" min-width="100" align="center" />
              </el-table>
            </template>
          </el-table-column> -->
                  <!-- <el-table-column
            v-if="active_top == 3"
            label="状态"
            min-width="50"
            align="left"
          >
            <template slot-scope="scope">
              <span v-if="scope.row.isHearing === '0'" style="color:#f91111;">未生成听证报告</span>
              <span v-if="scope.row.isHearing === '1'" style="color:#11f911;">已生成听证报告</span>
            </template>
          </el-table-column>
          <el-table-column
            v-if="active_top == 3"
            prop="settime"
            label="操作"
            min-width="50"
            align="left"
          >
            <template slot-scope="scope">
              <el-button v-if="scope.row.isHearing === '0'" :disabled="scope.row.isRemove === '1'" type="primary" size="mini" @click="showNewReport(scope.row.pripid, true)">新增报告</el-button>
              <el-button v-if="scope.row.isHearing === '1'" type="primary" size="mini" @click="showNewReport(scope.row.pripid, false)">查看报告</el-button>
            </template>
          </el-table-column> -->
                  <!-- <el-table-column
            v-if="active_top == 5"
            prop="settime"
            label="操作"
            min-width="50"
            align="center"
          >
            <template slot-scope="scope">
              <el-button type="primary" size="mini" @click="showSendInfo(scope.row.pripid)">{{ bizStatus === '14'? '编辑送达详情':'查看送达详情' }}</el-button>
            </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 === '1' && !onlyShow"
                        size="mini"
                        type="primary"
                        icon="el-icon-circle-plus-outline"
                        @click="showAddRevList"
                      >新增</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-button
                        size="mini"
                        type="primary"
                        icon="el-icon-download"
                        @click="exportDialogVisible = true"
                      >导出到Excel</el-button>
                      <el-button
                        v-if="bizStatus === '4' && !onlyShow"
                        size="mini"
                        type="primary"
                        icon="el-icon-folder-add"
                        :loading="bacthLoading"
                        @click="createHearingBatch"
                      >批量生成行政处罚听证告知书</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-button
                        size="mini"
                        type="primary"
                        icon="el-icon-search"
                        @click="searchDiffer"
                      >因实地查无列异两年主体查询</el-button> -->
                      <!-- <el-button v-if="bizStatus == '7'" type="primary" size="mini" :loading="batchHearReportLoading" icon="el-icon-receiving" @click="batchHearReport">批量生成《行政处罚听证报告》</el-button> -->
                      <!-- <el-button v-if="bizStatus == '10'" type="primary" size="mini" :loading="batchHearReportLoading" icon="el-icon-receiving" @click="batchDecision">批量生成处罚决定书</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="11">
                  <div style="display: inline-block;">
                    <span v-if="bizStatus === '10' &&(15 - hearingPublishLeftDay) > 0" style="margin-left: 10px;font-size: 16px">提示:</span>
                    <span v-if="bizStatus === '10' &&(15 - hearingPublishLeftDay) > 0" style="color: red;margin-left: 10px;font-size: 16px">听证告知书已在{{ this.hearingPublishDate }}发出，公告期满15天后才能进入下一步骤。(剩余{{ 15 - hearingPublishLeftDay }}天)</span>
                  </div>
                </el-col> -->
                <el-col :span="10" :offset="11" style="text-align: right">
                  <!-- <label class="label-name">统一社会信用代码/注册号：</label> -->
                  <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: #1A77FF;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 >= 3"
                    prop="hearingPublishDate"
                    label="听证告知公示日期"
                    min-width="60"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.hearingPublishDate }}</span>
                      <span v-else>{{ scope.row.hearingPublishDate }}</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-column
                    v-if="active_top === 5"
                    prop="decisionPublishDate"
                    label="公示日期"
                    min-width="60"
                    align="left"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.isRemove === '1'" style="color: red">{{ scope.row.decisionPublishDate }}</span>
                      <span v-else>{{ scope.row.decisionPublishDate }}</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="active_top <= 2 && !onlyShow"
                        size="mini"
                        type="primary"
                        icon="el-icon-circle-plus-outline"
                        @click="showAddRevList"
                      >新增</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-button
                        size="mini"
                        type="primary"
                        icon="el-icon-download"
                        @click="exportDialogVisible = true"
                      >导出到Excel</el-button>
                      <el-button
                        size="mini"
                        type="primary"
                        icon="el-icon-search"
                        @click="searchDiffer"
                      >因实地查无列异两年主体查询</el-button> -->
                      <!-- <el-button v-if="bizStatus == '7'" type="primary" size="mini" :loading="batchHearReportLoading" icon="el-icon-receiving" @click="batchHearReport">批量生成《行政处罚听证报告》</el-button> -->
                      <!-- <el-button v-if="bizStatus == '10'" type="primary" size="mini" :loading="batchHearReportLoading" icon="el-icon-receiving" @click="batchDecision">批量生成处罚决定书</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>
                <!--分页多选组件-->
                <!-- <pageSelector :selection="toDelSelection" :columns="toDelSelectionColumn" @removeCallback="removeCallback" /> -->
              </div>
            </el-tab-pane>
          </el-tabs>
        </el-collapse-item>
      </el-collapse>

    </div>
    <!-- 步骤1 名单导入 -->
    <!-- <div v-if="active >= 3 && active_top == 0" class="content-body">
      <el-row class="header">
        <el-col :span="13">
          <div><label style="font-weight: bolder;">线索录入</label></div>
        </el-col>
      </el-row>
      <div class="body">
        <el-form
          ref="clueForm"
          class="clueForm"
          :model="clueForm"
          label-width="180px"
          :rules="clueFormRules"
        >
          <el-row>
            <el-col :span="18">
              <el-row>
                <el-form-item label="线索名称" prop="clueName">
                  <el-input
                    v-model="clueForm.clueName"
                    placeholder="请输入线索名称"
                  />
                </el-form-item>
              </el-row>
              <el-row>
                <el-form-item label="线索来源" prop="clueFrom">
                  <el-select
                    v-model="clueForm.clueFrom"
                    clearable
                    filterable
                    placeholder="请选择线索来源"
                    class="custom"
                  >
                    <el-option
                      v-for="item in cluefromOptions"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                  </el-select>
                </el-form-item>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-row>
                    <el-form-item label="接收人" prop="acceptName">
                      <el-input
                        v-model="clueForm.acceptName"
                        placeholder="请输入接收人"
                      />
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="转办函流号" prop="traLetterNo">
                      <el-input
                        v-model="clueForm.traLetterNo"
                        placeholder="请输入转办函流号"
                      />
                    </el-form-item>
                  </el-row>
                </el-col>
                <el-col :span="12">
                  <el-row>
                    <el-form-item label="接收时间" prop="acceptTime">
                      <el-date-picker
                        v-model="clueForm.acceptTime"
                        editable
                        clearable
                        value-format="yyyy-MM-dd"
                        type="date"
                        placeholder="请选择接收时间"
                      />
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="限期改正时间" prop="correctDeadLine">
                      <el-date-picker
                        v-model="clueForm.correctDeadLine"
                        editable
                        clearable
                        value-format="yyyy-MM-dd"
                        type="date"
                        placeholder="请选择限期改正时间"
                      />
                    </el-form-item>
                  </el-row>
                </el-col>
              </el-row>
              <el-row>
                <el-form-item label="线索内容" prop="clueContent">
                  <el-input
                    v-model="clueForm.clueContent"
                    type="textarea"
                    :autosize="{ minRows: 2 }"
                    placeholder="请输入线索内容"
                  />
                </el-form-item>
              </el-row>
              <el-row>
                <el-form-item label="核查情况" prop="situation">
                  <el-input
                    v-model="clueForm.situation"
                    type="textarea"
                    :autosize="{ minRows: 2 }"
                    placeholder="请输入核查情况"
                  />
                </el-form-item>
              </el-row>
            </el-col>
            <el-col :span="6" />
          </el-row>

          <el-form-item>
            <el-button type="primary" @click="submitClueForm">提交</el-button>
            <el-button @click="resetForm('clueForm')">重置</el-button>
            <el-button @click="$router.push({path:'/todo'})">返回</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div> -->
    <!-- <div v-if="active >= 3 && active_top >= 1" class="content-body_out"> -->
    <!-- <div class="body_out"> -->
    <!-- 步骤2->6 -->
    <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="案件编号">{{
                      caseForm.caseNo
                    }}</el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col>
                    <el-form-item label="案件名称" prop="caseName">
                      <el-input
                        v-if="bizStatus == '1' && !onlyShow"
                        v-model="caseForm.caseName"
                      />
                      <span v-else style="display: block">{{ caseForm.caseName }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <!-- <el-row>
                  <el-col>
                    <el-form-item v-if="bizStatus == '1'" label="是否立案">
                      <el-radio
                        v-model="isRegister"
                        label="1"
                      >立案</el-radio>
                      <el-radio
                        v-model="isRegister"
                        label="0"
                      >不予立案</el-radio>
                    </el-form-item>
                  </el-col>
                </el-row> -->
                <el-row>
                  <el-col>
                    <!-- <el-form-item v-if="bizStatus == '1'" label="企业类型" prop="bizEntType">
                      <el-radio
                        v-model="caseForm.bizEntType"
                        label="1"
                      >公司</el-radio>
                      <el-radio
                        v-model="caseForm.bizEntType"
                        label="2"
                      >个人独资企业</el-radio>
                    </el-form-item> -->
                    <el-form-item label="企业类型">
                      <span style="display: block">{{ caseForm.bizEntType === '2'? '个人独资企业': '公司' }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-form-item label="违法类型">
                    <!-- <span>{{ caseForm.illegalTypeCn }}</span> -->
                    <span>注册登记违法行为</span><!-- 后改为固定"注册登记违法行为"  -->
                  </el-form-item>
                </el-row>
                <!-- 违法行为 -->
                <el-row>
                  <!-- <el-form-item label="违法行为" prop="illegactList">
                    <div v-if="bizStatus == '1' || bizStatus == '4'" style="padding: 15px 15px 15px 0px">
                      <el-form ref="illegactForm" :rules="illegactFormRules" :model="illegactForm" class="illegactForm">
                        <el-table
                          :data="illegactList"
                          border
                          style="width: 100%"
                          :row-class-name="tableRowClassName"
                          :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
                        >
                          <el-table-column
                            prop="illegactTypeL"
                            label="违法行为大类"
                            min-width="80"
                          >
                            <template slot-scope="scope">
                              <span v-if="!scope.row.edit" :class="{'showApart': !scope.row.showAll}">{{ scope.row.illegactTypeL }}</span>
                              <el-form-item v-else prop="illegactTypeL">
                                <el-input v-model="scope.row.illegactTypeL" :autosize="{ minRows: 4 }" type="textarea" @blur="toIllegactForm('illegactTypeL', scope.row.illegactTypeL)" />
                              </el-form-item>
                            </template>
                          </el-table-column>
                          <el-table-column
                            prop="illegactTypeM"
                            label="违法行为中类"
                            min-width="100"
                          >
                            <template slot-scope="scope">
                              <span v-if="!scope.row.edit" :class="{'showApart': !scope.row.showAll}">{{ scope.row.illegactTypeM }}</span>
                              <el-form-item v-else prop="illegactTypeM">
                                <el-input v-model="scope.row.illegactTypeM" :autosize="{ minRows: 4 }" type="textarea" @blur="toIllegactForm('illegactTypeM', scope.row.illegactTypeM)" />
                              </el-form-item>
                            </template>
                          </el-table-column>
                          <el-table-column
                            prop="illegactTypeS"
                            label="违法行为小类"
                            min-width="100"
                          >
                            <template slot-scope="scope">
                              <span v-if="!scope.row.edit" :class="{'showApart': !scope.row.showAll}">{{ scope.row.illegactTypeS }}</span>
                              <el-form-item v-else prop="illegactTypeS">
                                <el-input v-model="scope.row.illegactTypeS" :autosize="{ minRows: 4 }" type="textarea" @blur="toIllegactForm('illegactTypeS', scope.row.illegactTypeS)" />
                              </el-form-item>
                            </template>
                          </el-table-column>
                          <el-table-column
                            prop="illegact"
                            label="具体违法行为"
                            min-width="100"
                          >
                            <template slot-scope="scope">
                              <span v-if="!scope.row.edit" :class="{'showApart':!scope.row.showAll}">{{ scope.row.illegact }}</span>
                              <el-form-item v-else prop="illegact">
                                <el-input v-model="scope.row.illegact" :autosize="{ minRows: 4 }" type="textarea" @blur="toIllegactForm('illegact', scope.row.illegact)" />
                              </el-form-item>
                            </template>
                          </el-table-column>
                          <el-table-column
                            prop="address"
                            min-width="80"
                            label="操作"
                          >
                            <template slot="header" slot-scope="scope">
                              <label>操作</label>
                              <el-button
                                v-if="!onlyShow"
                                style="padding: 5px;margin-left:10px"
                                type="primary"
                                @click.native.prevent="addRow(scope.$index, illegactList)"
                              >新增</el-button>
                            </template>
                            <template slot-scope="scope">
                              <div v-if="scope.row.edit === true">
                                <el-button
                                  style="padding: 5px"
                                  type="danger"
                                  @click.native.prevent="deleteRow(scope.$index, illegactList)"
                                >删除</el-button>
                                <el-button
                                  style="padding: 5px"
                                  size="mini"
                                  type="primary"
                                  @click.native.prevent="handleSave(scope.$index, illegactList)"
                                >保存</el-button>
                              </div>
                              <div v-else>
                                <el-button
                                  v-if="!onlyShow"
                                  style="padding: 5px"
                                  size="mini"
                                  type="primary"
                                  @click="handleEdit(scope.row)"
                                >编辑</el-button>
                                <el-button
                                  v-if="scope.row.showAll === true"
                                  style="padding: 5px"
                                  size="mini"
                                  type="primary"
                                  @click="handleOff(scope.row)"
                                >取消</el-button>
                                <el-button
                                  v-else
                                  style="padding: 5px"
                                  size="mini"
                                  type="primary"
                                  @click="handleShow(scope.row)"
                                >查看</el-button>
                              </div>
                            </template>
                          </el-table-column>
                        </el-table>
                      </el-form>
                    </div>
                    <div v-else style="padding: 15px 15px 15px 0px">
                      <el-table
                        :data="illegactList"
                        border
                        style="width: 100%"
                        :row-class-name="tableRowClassName"
                        :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
                      >
                        <el-table-column
                          prop="illegactTypeL"
                          label="违法行为大类"
                          min-width="80"
                        />
                        <el-table-column
                          prop="illegactTypeM"
                          label="违法行为中类"
                          min-width="80"
                        />
                        <el-table-column
                          prop="illegactTypeS"
                          label="违法行为小类"
                          min-width="110"
                        />
                        <el-table-column
                          prop="illegact"
                          label="具体违法行为"
                          min-width="110"
                        />
                      </el-table>
                    </div>
                  </el-form-item> -->
                  <el-form-item label="违法事实" prop="illegalAct">
                    <el-cascader v-model="illegalAct" :show-all-levels="false" style="width: 100%" clearable filterable :options="illegactOptions" />
                  </el-form-item>
                </el-row>
                <el-row>
                  <!-- :disabled="illegalActDisable" -->
                  <el-form-item label="吊销依据" prop="revokeRea">
                    <el-select
                      v-model="caseForm.revokeRea"
                      filterable
                      clearable
                      allow-create
                      placeholder="请选择吊销依据"
                      style="width:100%"
                    >
                      <el-option
                        v-for="item in revokeReaList"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-row>
                <el-row>
                  <el-form-item label="发现线索时间">
                    <el-date-picker
                      v-if="bizStatus == '1' && !onlyShow"
                      v-model="caseForm.registTime"
                      :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.registTime }}</span>
                  </el-form-item>
                </el-row>
                <el-row v-if="active_top > 1">
                  <el-form-item label="立案时间">
                    <span style="display: block">{{ caseForm.setTime }}</span>
                  </el-form-item>
                </el-row>
                <el-row>
                  <el-form-item label="办案人员" prop="assistantName">
                    {{ caseForm.handlerName }} 、
                    <template v-if="bizStatus === '1' && !onlyShow">
                      <el-input v-model="caseForm.assistantName" placeholder="请输入办案人员姓名" style="width: 20%" />
                    </template>
                    <template v-else-if="this.$util.isNotEmpty(caseForm.assistantName)">
                      <span>{{ caseForm.assistantName }}</span>
                    </template>
                  </el-form-item>
                </el-row>
                <el-row v-if="active_top === 2" class="writName">
                  <el-form-item label="案件文书">
                    <el-row style="border-left:0">
                      <el-link type="primary" @click="openDialog('report')">案件调查终结报告</el-link>
                    </el-row>
                    <el-row style="border-left:0">
                      <el-link type="primary" @click="openDialog('hearing')">行政处罚听证告知书（模板）</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 == '1' && !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 == '1'">{{
                          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 == '1' && !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 === '2' && !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-select
                          v-if="bizStatus == '2'"
                          v-model="caseForm.assistantName"
                          filterable
                          clearable
                          placeholder="请选择协办人"
                          class="custom"
                        >
                          <el-option
                            v-for="item in reviewer"
                            :key="'reviewer' + item.primaryKey"
                            :label="item.name"
                            :value="item.name"
                          />
                        </el-select> -->

                        <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="font-size: 0.37333rem;margin-left:10px">协办人:</label>
                          <span>{{ caseForm.assistantName }}</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 == '1' && !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 == '2' && !onlyShow">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="approvalCase"
                        >通过</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="caseEnter"
                        >回退至经办人</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleCase"
                        >流转至其他审核人</el-radio>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'approvalCase'" 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 == '3' && !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>
                <el-row v-if="active_top === 3" class="writName">
                  <el-form-item label="案件文书">
                    <el-row style="border-left:0">
                      <el-link type="primary" @click="openDialog('punish')">行政处罚决定书（模板）</el-link>
                      <!-- <div style="display: inline-block;margin-left: 10px">
                        <el-button v-if="bizStatus !== '10'" type="primary" size="medium" @click="previewPunishDec">
                          查看行政处罚决定书模板
                        </el-button>
                      </div> -->
                    </el-row>
                  </el-form-item>
                </el-row>
                <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 === '10'" 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 style="font-size: 0.37333rem">经办人:</label>
                          <span>{{ user.nickname }}</span>
                          <label
                            style="font-size: 0.37333rem; margin-left: 10px"
                          >经办日期:</label>
                          <el-date-picker
                            v-model="caseForm.handledate"
                            style="display: inline-block"
                            :clearable="false"
                            value-format="yyyy-MM-dd"
                            size="small"
                            type="date"
                            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="font-size: 0.37333rem">经办人:</label>
                          <span>{{ handleOpinion.handler }}</span>
                          <label
                            style="font-size: 0.37333rem; 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>
                  <!-- <el-row v-if="bizStatus === '15'">
                    <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="8" :offset="4">
                        <label style="font-size: 0.37333rem">审核人:</label>
                        <span>{{ user.nickname }}</span>
                        <label
                          style="font-size: 0.37333rem; 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"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                      </el-col>

                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item v-if="this.$util.isNotEmpty(reviewOpinion.opinionContent) && bizStatus !== '15'" label="审核意见">
                      <div>
                        <span style="display: block">{{ reviewOpinion.opinionContent }}</span>
                        <el-col :span="8" :offset="16">
                          <label style="font-size: 0.37333rem">审核人:</label>
                          <span>{{ reviewOpinion.handler }}</span>
                          <label
                            style="font-size: 0.37333rem; 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 === '16'">
                    <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 style="font-size: 0.37333rem">审批人:</label>
                        <span style="border-bottom: 1px solid">{{ user.nickname }}</span>
                        <label
                          style="font-size: 0.37333rem; margin-left: 10px"
                        >审批日期:</label>
                        <el-date-picker
                          v-if="bizStatus === '16'"
                          v-model="caseForm.handledate"
                          :clearable="false"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd"
                          size="small"
                          type="datetime"
                          placeholder="选择日期"
                        />
                        <span v-else style="display: inline-block">{{ approvalOpinion.handleDate }}</span>
                      </el-col>
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item v-if="this.$util.isNotEmpty(approvalOpinion.opinionContent) && bizStatus != '16'" label="审批意见">
                      <div>
                        <span style="display: block">{{ approvalOpinion.opinionContent }}</span>
                        <el-col :span="8" :offset="16">

                          <label style="font-size: 0.37333rem">审批人:</label>
                          <span>{{ approvalOpinion.handler }}</span>
                          <label
                            style="font-size: 0.37333rem; 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 == '14'" 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 == '15' && !onlyShow">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="approvalSend"
                        >通过</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="sendEnter"
                        >回退</el-radio>
                      </el-form-item>
                    </el-row>
                    <el-row>
                      <el-form-item v-if="caseForm.nextNodeID == 'approvalSend'" 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 == '16' && !onlyShow" class="form">
                    <el-row>
                      <el-form-item label="是否通过" prop="nextNodeID">
                        <el-radio
                          v-model="nextNodeID"
                          label="endRevoke"
                        >通过</el-radio>
                        <el-radio
                          v-model="nextNodeID"
                          label="handleSend"
                        >回退</el-radio>
                      </el-form-item>
                    </el-row>
                  </div> -->
                </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 class="baseinfoForm" label="线索信息" name="second">
          <div class="tab">
            <div class="tab-title"><label>线索信息</label></div>
          </div>
          <div style="height: 1050px; background-color: #e9e9e9">
            <el-form
              ref="clueInfo"
              style="margin-top: 0"
              class="clueForm"
              :model="clueInfo"
              label-width="180px"
            >
              <el-row>
                <el-col :span="18">
                  <el-row>
                    <el-form-item label="线索名称" prop="clueName">
                      <el-input
                        v-model="clueInfo.clueName"
                        disabled
                        placeholder="请输入线索名称"
                      />
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <el-form-item label="线索来源" prop="clueFrom">
                        <el-select
                          v-model="clueInfo.clueFrom"
                          disabled
                          filterable
                          placeholder="请选择线索来源"
                          class="custom"
                        >
                          <el-option
                            v-for="item in cluefromOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          />
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <el-row>
                        <el-form-item label="接收人" prop="acceptName">
                          <el-input
                            v-model="clueInfo.acceptName"
                            disabled
                            placeholder="请输入接收人"
                          />
                        </el-form-item>
                      </el-row>
                      <el-row>
                        <el-form-item
                          label="转办函流号"
                          prop="traLetterNo"
                        >
                          <el-input
                            v-model="clueInfo.traLetterNo"
                            disabled
                            placeholder="请输入转办函流号"
                          />
                        </el-form-item>
                      </el-row>
                    </el-col>
                    <el-col :span="12">
                      <el-row>
                        <el-form-item label="接收时间" prop="acceptTime">
                          <el-date-picker
                            v-model="clueInfo.acceptTime"
                            disabled
                            value-format="yyyy-MM-dd"
                            type="date"
                            placeholder="请选择接收时间"
                          />
                        </el-form-item>
                      </el-row>
                      <el-row>
                        <el-form-item
                          label="限期改正时间"
                          prop="correctDeadLine"
                        >
                          <el-date-picker
                            v-model="clueInfo.correctDeadLine"
                            disabled
                            value-format="yyyy-MM-dd"
                            type="date"
                            placeholder="请选择限期改正时间"
                          />
                        </el-form-item>
                      </el-row>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-form-item label="线索内容" prop="clueContent">
                      <el-input
                        v-model="clueInfo.clueContent"
                        disabled
                        type="textarea"
                        :autosize="{ minRows: 2 }"
                        placeholder="请输入线索内容"
                      />
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="核查情况" prop="situation">
                      <el-input
                        v-model="clueInfo.situation"
                        disabled
                        type="textarea"
                        :autosize="{ minRows: 2 }"
                        placeholder="请输入核查情况"
                      />
                    </el-form-item>
                  </el-row>
                </el-col>
                <el-col :span="6" />
              </el-row>
            </el-form>
          </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-tab-pane
                  disabled
                  label="视频"
                  name="second"
                >视频</el-tab-pane> -->
                <!-- <el-tab-pane label="图片" name="third">
                  <el-upload
                    class="upload-demo"
                    drag
                    action="https://jsonplaceholder.typicode.com/posts/"
                    multiple
                  >
                    <i class="el-icon-upload" />
                    <div class="el-upload__text">
                      将文件拖到此处，或<em>点击上传</em>
                    </div>
                    <div slot="tip" class="el-upload__tip">
                      只能上传jpg/png文件，且不超过500kb
                    </div>
                  </el-upload>
                </el-tab-pane> -->
                <!-- <el-tab-pane
                  disabled
                  label="其他"
                  name="fourth"
                >其他</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" />
                <!-- <el-tab-pane :disabled="active_top < 3" label="听证告知" name="3" /> -->
                <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" />
              <!-- <el-tab-pane :disabled="active_top <= 2" label="调查审批表" name="15" /> -->
              <el-tab-pane :disabled="active_top < 2" label="案件终结报告书" name="12" />
              <!-- <el-tab-pane :disabled="active_top <= 3" label="听证告知审批表" name="16" /> -->
              <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" />
              <!-- <el-tab-pane :disabled="active_top <= 4" label="送达审批表" name="18" /> -->  <!-- 19行政处罚建议审批表 -->
              <!-- <el-tab-pane :disabled="active_top <= 1" label="审批表" name="11" /> -->
            </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>
                <!-- <el-table-column prop="username" label="上传用户" min-width="50" /> -->
                <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-row>
                <label>当前环节文书</label>
              </el-row> -->
          <!-- <el-row>
                <div class="tab">
                  <div class="tab-title"><label>通用文书</label></div>
                </div>
                <div class="doc_box">
                  <el-checkbox-group v-model="clueForm.clueFrom">
                    <el-col :span="6">
                      <el-checkbox label="案卷" name="clueFrom" />
                      <el-checkbox label="指定管辖通知书" name="clueFrom" />
                    </el-col>
                    <el-col :span="6">
                      <el-checkbox label="送达回证" name="clueFrom" />
                      <el-checkbox label="督办案件通知书" name="clueFrom" />
                    </el-col>
                    <el-col :span="6">
                      <el-checkbox label="调整通知书" name="clueFrom" />
                      <el-checkbox label="案件来源登记表" name="clueFrom" />
                    </el-col>
                    <el-col :span="6">
                      <el-checkbox label="卷内目录" name="clueFrom" />
                      <el-checkbox label="询问（调查）笔录" name="clueFrom" />
                    </el-col>
                  </el-checkbox-group>
                </div>
              </el-row>
              <el-row>
                <div class="tab">
                  <div class="tab-title"><label>其他文书</label></div>
                </div>
                <div class="doc_box">
                  <el-checkbox-group v-model="clueForm.clueFrom">
                    <el-col :span="6">
                      <el-checkbox label="有关会议文书" name="clueFrom" />
                    </el-col>
                    <el-col :span="6">
                      <el-checkbox label="无固定格式文书" name="clueFrom" />
                    </el-col>
                    <el-col :span="6">
                      <el-checkbox label="其它文书" name="clueFrom" />
                    </el-col>
                  </el-checkbox-group>
                </div>
              </el-row>
              <el-row style="text-align: center">
                <el-button
                  size="mini"
                  type="success"
                  icon="el-icon-download"
                >下载文书模版</el-button>
              </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[1]" @click.native="showStepTab('1')">立案审批</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-row
        style="width: 100%; border-bottom: 1px solid #dfdfdf; padding: 10px 0"
      >
        <el-col :span="20" style="text-align: left">
          <el-radio v-model="addRevType" label="abn">因实地查无列异两年</el-radio>
          <el-radio v-model="addRevType" label="wnb">连续两年未年报</el-radio>
          <el-radio v-model="addRevType" label="wnb5">连续五年未年报</el-radio>
          <el-radio v-model="addRevType" label="wnbsdcw">一年未年报实地查无</el-radio>
        </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-column
          v-if="addRevShowType === 'abn'"
          prop="spereasons"
          :show-overflow-tooltip="true"
          label="列入原因"
          min-width="150"
          align="left"
        />
        <el-table-column
          v-if="addRevShowType === 'abn'"
          prop="abntime"
          :show-overflow-tooltip="true"
          label="列入时间"
          min-width="100"
          align="left"
        /> -->
      </el-table>
      <div>
        <el-row>
          <!-- <el-col :span="12">
            <el-pagination
              small
              layout="prev, pager, next"
              :total="pageParam_dialog.total"
              @current-change="pageIndexChange_dialog"
            />
          </el-col> -->
          <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>
    <!-- <HandleDialog :show.sync="showRemDialog" title="剔除" style="width: 50vw;">
      <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"
          :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>
    </HandleDialog> -->
    <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>
        <!-- <el-col :span="10" style="text-align: left">
          <label class="label-name">剔除类型：</label>
          <el-select v-model="remSearchForm.searchRemType" clearable size="mini" placeholder="请选择">
            <el-option
              v-for="item in remTypeOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </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>
        <!-- <el-upload
          v-loading="fileLoading"
          action=""
          :on-preview="previewFile"
          multiple
          :file-list="remFileList"
        /> -->
        <span slot="footer" class="dialog-footer">
          <el-button type="primary" size="mini" @click="attachementDialogVisible = false">确 定</el-button>
        </span>
      </el-dialog>
    </el-dialog>
    <!-- <HandleDialog :show.sync="isShowRemRecord" title="剔除记录">
      <el-row
        style="border-bottom: 1px solid #dfdfdf; padding: 5px 0"
      >
        <el-col :span="10" 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="12" 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-col :span="10" 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" 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-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-col :span="10" style="text-align: left">
          <label class="label-name">剔除类型：</label>
          <el-select v-model="remSearchForm.searchRemType" clearable size="mini" placeholder="请选择">
            <el-option
              v-for="item in remTypeOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-col>
      </el-row>
      <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="intosponsor"
          label="处理人"
          min-width="50"
          align="left"
        />
        <el-table-column
          prop="removeTime"
          :show-overflow-tooltip="true"
          label="剔除时间"
          min-width="80"
          align="left"
        />
        <el-table-column
          label="附件"
          min-width="80"
          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="附件列表"
        :modal="false"
        :visible.sync="attachementDialogVisible"
        width="30%"
        @close="closeRemFileDialog"
      >
        <el-upload
          v-loading="fileLoading"
          action=""
          multiple
          :file-list="remFileList"
        />
        <span slot="footer" class="dialog-footer">
          <el-button type="primary" size="mini" @click="attachementDialogVisible = false">确 定</el-button>
        </span>
      </el-dialog>
      <pageSelector
        :selection="selection_dialog"
        :columns="toAddSelectionColumn"
        @removeCallback="removeAddCallback"
      />
    </HandleDialog> -->
    <!--分页多选组件 拟吊销主体选中-->
    <!-- <pageSelector
      :selection="toDelSelection"
      :columns="toDelSelectionColumn"
      @removeCallback="removeDelCallback"
    /> -->
    <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-row v-if="dialogTitle === '行政处罚决定书'">
            <el-col :span="12">
              <el-form-item label="当事人">
                <span>{{ firstEnt.entname }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="主体资格证照名称">
                <span />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="dialogTitle === '行政处罚决定书'">
            <el-col :span="12">
              <el-form-item label="法定代表人">
                <span>{{ firstEnt.lerep }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="身份证件号码">
                <span>{{ firstEnt.cerno }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="dialogTitle === '行政处罚决定书'">
            <el-form-item label="住所">
              <span>{{ firstEnt.dom }}</span>
            </el-form-item>
          </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-row>
            <el-col :span="12">
              <el-form-item label="处罚决定机关">
                <span>{{ user.orgName }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="文书名称">
                <span>{{ dialogTitle }}</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>
    <!-- <el-dialog
      title="听证告知书"
      :visible.sync="hearingDialog"
      width="60%"
    >
      <div class="firstEnt">
        <el-form label-position="left" label-width="200px" :model="firstEnt">
          <el-row>
            <el-form-item label="主标题">
              <span>{{ user.orgName }}</span>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="副标题">
              <span>听证告知书</span>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="当事人">
              <span>{{ firstEnt.entname }}</span>
            </el-form-item>
          </el-row>
        </el-form>
      </div>
      <Editor v-model="hearingContent" :is-clear="isClear" :is-disable="hearingEditorDisable" @change="changeEditor" />

      <span slot="footer" class="dialog-footer">
        <el-button type="primary" size="mini" @click="exportEntListExcelbyType">导出</el-button>
      </span>
    </el-dialog> -->
  </div>
  <!-- <div v-else-if="maintain == true">
    <div class="notice">
			<h1>批量吊销业务处罚功能模块维护，暂时无法办理。</h1>
		</div>
  </div> -->
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import {
  savePunishDecisionInfo,
  getPunishDecisionInfo,
  getHearingNoticeInfo,
  saveHearingNoticeInfo,
  saveReportInfo,
  getReportInfo,
  getRevContentsWithBizseq,
  saveCaseFinalTemplate,
  getUploadFileList,
  getSystemFileList,
  exportValid,
  getRemFileList,
  templateValid,
  removeRevListByPripid,
  insertRevListByPripid,
  startCase,
  getBizRevListPage,
  getNoOpenRevListPage,
  bizRevNext,
  tempSave,
  getClueByTaskListid,
  getCaseByBizseq,
  enableAddList,
  getStepTableList,
  saveIllegalactList,
  getRemoveRecord,
  insertHearReportBatch,
  getHearingReport,
  saveHearingReport,
  getDecisionList,
  insertDecision,
  validEntsRegstate,
  getNewestOpinion,
  saveOrUpdateRevContent,
  downZip,
  word2Pdf,
  revokeDown,
  getFirstEntInBiz,
  listRevokeAssistantUSer,
  getNoOpenAndNoRemoveNum,
  createPunishDecBatch,
  createHearingBatch,
  getEnableList,
  searchEnableList,
  exportCheckListExcel
} 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}/tsbizrevlist/fileParamExplain`,
      remUploadPath: `${process.env.VUE_APP_BASE_API}/revokeUpload/remUploadAdvance`,
      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()
      }
    },
    // 是否立案 对应节点
    // isRegister() {
    //   // 立案审核
    //   if (this.isRegister === '0' || this.isRegister === '1') {
    //     this.$set(this.caseForm, 'nextNodeID', 'approvalCase')
    //   } else if (this.isRegister === '2') {
    //     this.$set(this.caseForm, 'nextNodeID', 'caseEnter')
    //   }
    //   this.$refs.caseForm.validateField('nextNodeID')
    // },
    // 监听通过单选框给表单nextNodeID赋值
    '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 === '2') {
          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
    },
    // 案件违法类型
    // illegalType() {
    //   if (this.caseForm.illegactList.length === 0) {
    //     if (this.illegalType === '1') {
    //       this.$set(this.caseForm, 'illegalType', '1')
    //       this.$set(this, 'illegalTypeCn', this.illegalTypeCn1)
    //       // this.illegalTypeCn = this.illegalTypeCn1
    //       // console.log(this.caseForm.illegalType)
    //       this.illegactList = this.illegactListExample
    //     } else if (this.illegalType === '2') {
    //       this.illegalTypeCn = this.illegalTypeCn2
    //       const emptyLine = [{
    //         illegactTypeL: '',
    //         illegactTypeM: '',
    //         illegactTypeS: '',
    //         illegact: '',
    //         edit: true
    //       }]
    //       this.illegactList = emptyLine
    //     }
    //     this.$set(this.caseForm, 'illegalTypeCn', this.illegalTypeCn)
    //   }
    // },
    // 意见渲染
    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')
    },
    // currentNode() {
    //   if (this.currentNode == 'caseEnter') {
    //     this.caseForm.nextNodeID = 'handleCase'
    //   } else if (this.currentNode == 'handleCase') {
    //     this.caseForm.nextNodeID = 'approvalCase'
    //   }
    // }
    $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())
    }

    // 加载线索来源(trbasecode表 'CE03')
    // getConstant('CE03').then((res) => {
    //   if (res.code === 0) {
    //     const list = []
    //     res.data.forEach((each) => {
    //       list.push({
    //         value: each.code,
    //         label: each.name
    //       })
    //     })
    //     this.cluefromOptions = list
    //   }
    // })
    if (this.active_top >= 1) {
      // 加载审批表
      await this.getCaseInfo()
      ps.push(this.getIllegalAactOptions())
      ps.push(this.getRevokeReaList())
      if (this.active_top >= 2) {
        // this.getFirstEnt()
      }
      // 加载线索录入信息
      // getClueByTaskListid(this.tasklistid).then((res) => {
      //   if (res.code === 0) {
      //     this.clueInfo = res.data
      //   }
      // })
    }
    // 对应审批流程标题 及当前流程节点
    if (this.bizStatus === '1') {
      this.nextNode = 'revokeHandleCase'
      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 = '立案审批-审批'
    } else if (this.bizStatus === '4') {
      this.nextNode = 'revokeHandleInvestigate'
      this.collapseActiveNames = ['1']
      this.bodyTitle = '调查终结报告-经办'
    } else if (this.bizStatus === '5') {
      this.nextNode = 'revokeApprovalInvestigate'
      this.bodyTitle = '调查终结报告-审核'
      this.editorDisable = true
    } else if (this.bizStatus === '6') {
      this.bodyTitle = '调查终结报告-审批'
      this.editorDisable = true
    } else if (this.bizStatus === '7') {
      this.nextNode = 'revokeHandleHearing'
      this.bodyTitle = '听证告知-经办'
    } else if (this.bizStatus === '8') {
      this.nextNode = 'hearingRegDepLeader'
      this.bodyTitle = '听证告知-审核'
      this.editorDisable = true
    } else if (this.bizStatus === '24') {
      this.nextNode = 'hearingRegDepHandle'
      this.bodyTitle = '听证告知-法规部门分派'
      this.editorDisable = true
    } else if (this.bizStatus === '25') {
      this.nextNode = 'hearingRegDepLeader'
      this.bodyTitle = '听证告知-法规部门经办'
      this.editorDisable = true
    } else if (this.bizStatus === '26') {
      this.nextNode = 'revokeApprovalHearing'
      this.bodyTitle = '听证告知-法规部门审核'
      this.editorDisable = true
    } else if (this.bizStatus === '9') {
      this.bodyTitle = '听证告知-审批'
      this.editorDisable = true
    } else if (this.bizStatus === '10') {
      this.nextNode = 'revokeHandleDecision'
      this.bodyTitle = '行政处罚决定-经办'
      this.collapseActiveNames = ['1']
      // this.getCaseReport()
      // getHearingNoticeInfo(this.bizseq).then(res => {
      //   if (this.$util.isEmpty(this.punishDecisionInfo.illegalActSoOn)) {
      //     this.punishDecisionInfo.illegalActSoOn = res.data.punishReason + res.data.punishBasis + res.data.punishContent
      //   }
      // })
      // const revObj = this.revList.filter(v => (v.isRemove === '0' && v.regstate === '1' && v.isHearingPublish === '1'))
      // console.log(revObj)
      // this.hearingPublishDate = revObj.hearingPublishDate
      // console.log(this.hearingPublishDate)
      // this.hearingPublishLeftDay = this.$util.DateDiff(this.hearingPublishDate)
    } else if (this.bizStatus === '11') {
      this.nextNode = 'decisionRegDepLeader'
      this.bodyTitle = '行政处罚决定-审核'
      this.editorDisable = true
    } else if (this.bizStatus === '27') {
      this.nextNode = 'decisionRegDepHandle'
      this.bodyTitle = '行政处罚决定-法规部门分派'
      this.editorDisable = true
    } else if (this.bizStatus === '28') {
      this.nextNode = 'decisionRegDepLeader'
      this.bodyTitle = '行政处罚决定-法规部门经办'
      this.editorDisable = true
    } else if (this.bizStatus === '29') {
      this.nextNode = 'revokeApprovalDecision'
      this.bodyTitle = '行政处罚决定-法规部门分派'
      this.editorDisable = true
    } else if (this.bizStatus === '12') {
      this.nextNode = 'revokeApprovalDecision'
      this.bodyTitle = '行政处罚决定-法规部门审查'
      this.editorDisable = true
    } else if (this.bizStatus === '13') {
      this.bodyTitle = '行政处罚决定-审批'
      this.editorDisable = true
    } else if (this.bizStatus === '14') {
      this.nextNode = 'revokeHandleSend'
      this.bodyTitle = '送达-经办'
    }
    switch (this.active_top) {
      case 1 :
        this.firstTabName = '立案审批表'
        this.opinionOptions = this.$util.getCommonWordsWithModule(this.user.primaryKey, '批量吊销-立案审批')
        this.collapseActiveNames = ['1']
        ps.push(this.getHandleOpinion(this.workflowid, '1'))
        ps.push(this.getReviewOpinion(this.workflowid, '2'))
        ps.push(this.getApprovalOpinion(this.workflowid, '3'))
        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.illegactList = this.illegactListExample
    // 获取当前时间
    this.curDate = this.$util.formatDate.format(new Date(), 'yyyy-MM-dd hh:mm:ss')
    this.handlerDate = this.curDate
    // this.registTime = 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('保存成功', '提示', {
              confirmButtonText: '编辑听证告知书',
              callback: action => {
                if (action === 'confirm') {
                  this.openDialog('hearing')
                }
              }
            })
          } else {
            this.$message.success('保存成功')
          }
        }
        //   this.$message.success('保存成功')
        //   if (type === 'report') {
        //     this.openDialog('hearing')
        //   }
        //   return
        // } else {
        //   return true
        // }

        // this.getHearingNotice()
      } else {
        if (alertMsg) {
          return this.$message.error('保存失败')
        } else {
          return false
        }
      }
    },
    // 保存案件调查报告
    saveCaseReport() {
      // var suspectedAtc = document.getElementById('suspectedAtc')
      // this.$set(this.caseReportInfo, 'suspectedAtc', suspectedAtc.innerText)
      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 === 'report') {
        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)
            // if (this.bizStatus === '4') {
            //   this.openDialog('report')
            // }
            // this.tswrittemplate.content = res.data.content
            // this.eidtContent = res.data.content
          })
        }
      })
      // getReportInfo(this.bizseq).then(res => {
      //   if (res.code === 0) {
      //     this.caseReportInfo = res.data
      //     if (this.$util.isEmpty(res.data.reportContent)) {
      //       this.openDialog('report')
      //     }
      //   } else {
      //     this.$message.error(res.msg)
      //   }
      // })
    },
    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() {
      // getHearingNoticeInfo(this.bizseq).then(res => {
      //   if (res.code === 0) {
      //     this.hearingNoticeInfo = res.data
      //     if (this.$util.isEmpty(this.hearingNoticeInfo.punishBasis)) {
      //       this.hearingNoticeInfo.punishBasis = this.caseForm.bizEntType === '1' ? '根据《中华人民共和国公司法》第二百一十一条“公司成立后无正当理由超过六个月未开业的，或者开业后自行停业连续六个月以上的，可以由公司登记机关吊销营业执照”' : '根据《个人独资企业法》第三十六条“个人独资企业成立后无正当理由超过六个月未开业的，或者开业后自行停业连续六个月以上的，吊销营业执照。”'
      //     }
      //   } else {
      //     this.$message.error(res.msg)
      //   }
      // })
      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)
            // this.tswrittemplate.content = res.data.content
            // this.eidtContent = res.data.content
          })
        }
      })
    },
    // 保存听证告知书内容
    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 === '1' || this.bizStatus === '4' || this.bizStatus === '7' || this.bizStatus === '10' || this.bizStatus === '14') {
            this.$nextTick(() => {
              this.$set(this.caseForm, 'opinion', 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'))
        }
      })
    },
    // 获取最新法规分派意见
    getLawSendOpinion(workflowid, opinionType) {
      return getNewestOpinion(workflowid, opinionType, this.caseForm.status, this.bizStatus).then(res => {
        if (res.code === 0 && res.data !== null) {
          this.lawSendOpinion.opinionContent = res.data.opinioncontent
          this.lawSendOpinion.handler = res.data.handler
          this.lawSendOpinion.handleDate = this.$util.formatDate.format(new Date(Date.parse(res.data.handledate)), 'yyyy-MM-dd hh:mm:ss')
          if (this.bizStatus === '24' || this.bizStatus === '27') {
            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'))
        }
      })
    },
    // 获取最新法规经办意见
    getLawHandleOpinion(workflowid, opinionType) {
      return getNewestOpinion(workflowid, opinionType, this.caseForm.status, this.bizStatus).then(res => {
        if (res.code === 0 && res.data !== null) {
          this.lawHandleOpinion.opinionContent = res.data.opinioncontent
          this.lawHandleOpinion.handler = res.data.handler
          this.lawHandleOpinion.handleDate = this.$util.formatDate.format(new Date(Date.parse(res.data.handledate)), 'yyyy-MM-dd hh:mm:ss')

          if (this.bizStatus === '25' || this.bizStatus === '28') {
            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'))
        }
      })
    },
    // 获取最新法规审核意见
    getLawReviewOpinion(workflowid, opinionType) {
      return getNewestOpinion(workflowid, opinionType, this.caseForm.status, this.bizStatus).then(res => {
        if (res.code === 0 && res.data !== null) {
          this.lawReviewOpinion.opinionContent = res.data.opinioncontent
          this.lawReviewOpinion.handler = res.data.handler
          this.lawReviewOpinion.handleDate = this.$util.formatDate.format(new Date(Date.parse(res.data.handledate)), 'yyyy-MM-dd hh:mm:ss')
          if (this.bizStatus === '26' || this.bizStatus === '29') {
            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)
        })
      }
      // window.open(row.url)
    },
    // 文件下载
    // download(row) {
    //   try {
    //    var response = await downFile(row.temppath, row.filename)
    //    if (response.type === 'application/json') {
    //      this.$message({ message: '源文件已不存在或下载时发生错误' })
    //      return
    //    }
    //    console.log(response)
    //    this.downFile(response, row.filename)
    //  } catch (error) {
    //    ErrMessage(error)
    //  }
    // },
    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) {
      this.attachementDialogVisible = true
      this.fileLoading = true
      // 加载剔除记录附件
      getRemFileList(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')
          })
        }
      })
    },
    // 加载审批表
    getCaseInfo() {
      return getCaseByBizseq(this.bizseq).then((res) => {
        if (res.code === 0) {
          this.caseForm = { ...this.caseForm, ...res.data }
          this.isRegister = this.caseForm.isRegister === undefined ? this.isRegister : this.caseForm.isRegister
          if (res.data.illegactList && res.data.illegactList.length > 0) {
            this.illegactList = res.data.illegactList
          }
          if (this.$util.isNotEmpty(res.data.illegalAct)) {
            const list = res.data.illegalAct.split(',')
            this.illegalAct = list
          }
          this.caseForm.uniscid = res.data.uniscid || res.data.regno
          if (this.bizStatus === '1' && this.$util.isEmpty(res.data.illegalAct)) {
            if (this.caseForm.bizEntType === '1') {
              this.illegalAct = ['01', '0101', '010101']
            } else if (this.caseForm.bizEntType === '2') {
              this.illegalAct = ['01', '0102', '010201']
            }
          }
          if (this.bizStatus === '1' && this.$util.isEmpty(this.caseForm.revokeRea)) {
            this.caseForm.revokeRea = this.caseForm.bizEntType === '2' ? '016' : '015'
          }
        }
      })
    },
    // 一键批量生成听证报告
    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
      getRemoveRecord(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
        // 添加接口
        insertRevListByPripid(
          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 + ';'
        })
        removeRevListByPripid(
          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)
            // if (this.active_top >= 1) {
            //   this.getCaseInfo()
            // }
            // if (
            //   this.$refs.revList.data.length <= this.toDelSelection.length && this.pageParam.curPage > 1
            // ) {
            //   this.pageParam.curPage = this.pageParam.curPage - 1
            // }
            // if (this.pageParam.curPage > 0) {
            //   this.toDelSelection = []

            // }
          } else {
            this.$message.error(res.msg)
          }
        })
      })
    },
    // 处理tabs点击事件
    handleTabClick(tab, event) {
      // // 查看立案审批表
      if (tab.name === 'first') {
        // this.getCaseInfo()
      }
      // 查看线索录入信息
      // if (tab.name === 'second') {
      //   getClueByTaskListid(this.tasklistid).then((res) => {
      //     if (res.code === 0) {
      //       this.clueInfo = res.data
      //     }
      //   })
      // }
      // 加载当前步骤流程跟踪
      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()
    },
    // 线索表单提交
    // submitClueForm() {
    //   this.$refs.clueForm.validate((valid) => {
    //     if (!valid) return
    //     this.$confirm('是否确认提交？', '提示')
    //       .then(() => {
    //         this.clueForm.tasklistid = this.tasklistid
    //         this.clueForm.bizseq = this.bizseq
    //         this.clueForm.nextNodeID = 'caseEnter'
    //         this.clueForm.nextPerformerids = this.user.primaryKey
    //         this.clueForm.nextPerformerNames = this.user.username
    //         bizRevNext(this.clueForm).then((res) => {
    //           if (res.code === 0) {
    //             this.$message.success('提交成功')
    //             this.$router.push({ path: '/todo' })
    //           } else {
    //             this.$message.error('提交失败')
    //           }
    //         })
    //       })
    //       .catch(() => {})
    //   })
    // },
    // 重置表单
    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
        }
        getBizRevListPage(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() {
      if (this.bizStatus === '4') {
        this.validUpLoaded().then((flag) => {
          if (!flag) {
            this.$alert('请先上传证据材料', '提示', {
              type: 'info',
              confirmButtonText: '前往上传',
              callback: action => {
                if (action === 'confirm') {
                  this.activeName = 'fourth'
                }
              }
            })
          } else if (this.$util.isEmpty(this.tswrittemplate.content) || this.tswrittemplate.isTemplate === '1') {
            this.$alert('请先编辑保存案件调查终结报告', '提示', {
              type: 'info',
              confirmButtonText: '编辑案件调查终结报告',
              callback: action => {
                if (action === 'confirm') {
                  this.openDialog('report')
                }
              }
            })
          } else if (this.$util.isEmpty(this.tswrittemplateHearing.content) || this.tswrittemplateHearing.isTemplate === '1') {
            this.$alert('请先编辑保存听证告知书', '提示', {
              type: 'info',
              confirmButtonText: '编辑听证告知书',
              callback: action => {
                if (action === 'confirm') {
                  this.openDialog('hearing')
                }
              }
            })
          } else if (this.$util.isEmpty(this.revList[0].preHearNotWritsno)) {
            this.$message.warning('请先批量生成行政处罚听证告知书')
          } else {
            this.submitForm()
          }
        })
      } else if (this.bizStatus === '10') {
        if ((this.deadlineDays - this.hearingPublishLeftDay) > 0) {
          return this.$message.error(`听证告知公示期满${this.deadlineDays}天后才可进行下一步操作`)
        } else if (this.$util.isEmpty(this.tswrittemplatePunish.content) || this.tswrittemplatePunish.isTemplate === '1') {
          this.$alert('请先编辑保存行政处罚决定书', '提示', {
            type: 'info',
            confirmButtonText: '编辑行政处罚决定书',
            callback: action => {
              if (action === 'confirm') {
                this.openDialog('punish')
              }
            }
          })
        } else if (this.$util.isEmpty(this.revList[0].prePunDecWritsno)) {
          return this.$message.warning('请先批量生成行政处罚决定书')
        } else if (this.$util.isEmpty(this.caseForm.isReviewHearing)) {
          return this.$message.error('请选择是否经过复核（听证）程序')
        } else if (this.caseForm.isReviewHearing === '2' && this.$util.isEmpty(this.caseForm.pleadOpinion)) {
          return this.$message.error('请填写当事人陈述、申辩或者听证中提出的主要意见')
        } else if (this.caseForm.isReviewHearing === '2' && this.$util.isEmpty(this.caseForm.reviewHearingOpinion)) {
          return this.$message.error('请填写复核意见或者听证意见')
        } else if (this.$util.isEmpty(this.caseForm.punishBasis)) {
          return this.$message.error('请先填写处罚依据')
        } else if (this.$util.isEmpty(this.caseForm.punishPerformWay)) {
          return this.$message.error('请先填写行政处罚履行方式')
        } else if (this.$util.isEmpty(this.caseForm.punishPerformDeadline)) {
          return this.$message.error('请先填写行政处罚履行期限')
        } else {
          this.submitForm()
        }
      } else if (this.bizStatus === '14') {
        if (this.decisionPublishLeftDay != null && (this.deadlineDays - this.decisionPublishLeftDay) > 0) {
          return this.$message.error(`行政处罚决定公示期满${this.deadlineDays}天后才可进行下一步操作`)
        } else {
          this.submitForm()
        }
      } else {
        if (this.bizStatus === '1') {
          // this.caseForm.illegalTypeCn = this.illegalTypeCn
          // this.caseForm.illegalType = this.illegalType
          this.caseForm.isRegister = this.isRegister
          // this.caseForm.registTime = this.registTime
        }
        if (this.bizStatus === '14') {
          this.caseForm.deliverWay = this.deliverWay
        }
        this.submitForm()
      }
      // if (this.bizStatus === '1') {
      //   this.caseForm.illegalTypeCn = this.illegalTypeCn
      //   this.caseForm.illegalType = this.illegalType
      //   this.caseForm.isRegister = this.isRegister
      // }
      // this.submitForm()
    },
    // 信息暂存
    subimtTemp() {
      this.saveLoading = true
      this.caseForm.bizStatus = this.bizStatus
      this.caseForm.bizseq = this.bizseq
      this.caseForm.workflowid = this.workflowid
      // this.caseForm.handlerName = this.user.nickname
      // this.caseForm.handlerDate = this.handlerDate
      // 意见信息--开始
      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
      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'
        if (this.bizStatus === '9' && this.nextNodeID === 'decisionEnter') {
          msg = '审批通过后将自动通过内蒙古自治区市场监督管理局（知识产权局）网站公示《行政处罚听证告知书》，以公告方式送达当事人。自公告发布之日起经过三十日，视为送达。'
          type = 'warning'
        } else if (this.bizStatus === '13' && this.nextNodeID === 'sendEnter') {
          msg = '审批通过后将自动通过内蒙古自治区市场监督管理局（知识产权局）网站公示《行政处罚决定书》，以公告方式送达当事人。自公告发布之日起经过三十日，视为送达。'
          type = 'warning'
        }

        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.saveIllegalacts()
            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'
          } else if (this.bizStatus === '4') { // 调查经办
            this.caseForm.hearingToApprRea = this.caseForm.opinion
            // 保存违法行为
            // this.saveIllegalacts()
            // 保存调查报告
            // this.saveCaseReportNoMessage()
            // this.caseForm.nextNodeID = 'handleInvestigate'
            this.caseForm.nextNodeID = 'handleHearing'
          } else if (this.bizStatus === '5') { // 调查审核
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'approvalInvestigate' ? '1' : this.caseForm.nextNodeID === 'investigateEnter' ? '2' : '0'
          } else if (this.bizStatus === '6') { // 调查审批
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'hearingEnter' ? '1' : this.caseForm.nextNodeID === 'handleInvestigate' ? '2' : '0'
          } else if (this.bizStatus === '7') { // 听证告知经办
            this.caseForm.hearingToApprRea = this.caseForm.opinion
            // 保存违法行为
            // this.saveIllegalacts()
            // 保存听证告知书内容
            // this.saveHearingContent(false)
            // 保存听证告知书信息
            // this.saveHearingNotice()
            this.caseForm.nextNodeID = 'handleHearing'
          } else if (this.bizStatus === '8') { // 听证告知审核
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'hearingRegDepLeader' || this.caseForm.nextNodeID === 'handleHearing' ? '1' : this.caseForm.nextNodeID === 'hearingEnter' ? '2' : '0'
          } else if (this.bizStatus === '24') { // 听证告知法规部门分派
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'hearingRegDepHandle' ? '1' : this.caseForm.nextNodeID === 'handleHearing' ? '2' : '0'
          } else if (this.bizStatus === '25') { // 听证告知法规部门经办
            this.caseForm.nextNodeID = 'hearingRegDepLeader'
          } else if (this.bizStatus === '26') { // 听证告知法规部门审核
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'approvalHearing' ? '1' : this.caseForm.nextNodeID === 'hearingRegDepHandle' ? '2' : '0'
          } else if (this.bizStatus === '9') { // 听证告知审批
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'decisionEnter' ? '1' : this.caseForm.nextNodeID === 'hearingRegDepLeader' ? '2' : '0'
          } else if (this.bizStatus === '10') { // 决定经办
            this.caseForm.advicePunishContent = this.caseForm.opinion
            // 保存违法行为
            // this.saveIllegalacts()
            this.caseForm.nextNodeID = 'handleDecision'

            // 保存处罚决定书书内容
            // this.saveDecisionContent(false)
            // this.savePunishDecision()
          } else if (this.bizStatus === '11') { // 处罚决定审核
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'decisionRegDepLeader' || this.caseForm.nextNodeID === 'handleDecision' ? '1' : this.caseForm.nextNodeID === 'decisionEnter' ? '2' : '0'
          } else if (this.bizStatus === '27') { // 处罚决定法规部门分派
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'decisionRegDepHandle' ? '1' : this.caseForm.nextNodeID === 'handleDecision' ? '2' : '0'
          } else if (this.bizStatus === '28') { // 处罚决定法规部门经办
            this.caseForm.nextNodeID = 'decisionRegDepLeader'
          } else if (this.bizStatus === '29') { // 处罚决定法规部门审核
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'approvalDecision' ? '1' : this.caseForm.nextNodeID === 'decisionRegDepHandle' ? '2' : '0'
          } else if (this.bizStatus === '13') { // 处罚决定审批
            this.caseForm.isagree =
              this.caseForm.nextNodeID === 'sendEnter' ? '1' : this.caseForm.nextNodeID === 'decisionRegDepLeader' ? '2' : '0'
          } else if (this.bizStatus === '14') { // 送达经办
            this.caseForm.nextNodeID = 'endRevoke'
          }
          // else if (this.bizStatus === '15') { // 送达审核
          //   this.caseForm.isagree =
          //     this.caseForm.nextNodeID === 'approvalSend' ? '1' : this.caseForm.nextNodeID === 'sendEnter' ? '2' : '0'
          // } else if (this.bizStatus === '16') { // 送达审批
          //   this.caseForm.isagree =
          //     this.caseForm.nextNodeID === 'endRevoke' ? '1' : this.caseForm.nextNodeID === 'handleSend' ? '2' : '0'
          // }
          // this.caseForm.handlerName = this.user.nickname
          // this.caseForm.handlerDate = this.handlerDate
          // 意见信息--开始
          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.opinioncontent = this.bizStatus === '1' ? this.caseForm.situation : this.bizStatus === '7' ? this.caseForm.hearingToApprRea : 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
            }
          }
          bizRevNext({
            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 === '1' ? 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.currentNode = res.data.currentNode
              this.$message.success('提交成功')
              // if (this.bizStatus === '1') {
              //   this.$router.push({ path: '/todo' })
              // } else {
              //   this.$router.back()
              // }
              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()
        }
        // 上传前先选择企业类型
        else if (this.$util.isEmpty(this.bizEntType)) {
          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.$util.isEmpty(this.bizEntType)) {
        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.nextLoading = true
                // this.paramStr.enableListId = this.enableListId
                // this.paramStr.bizEntType = this.bizEntType
                // this.paramStr.illegalType = this.illegalType
                // startCase(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++
                //   }
                //   this.nextLoading = false
                //   return
                // })
                this.getEnableList()
                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.paramStr.enableListId = this.enableListId
            // this.paramStr.bizEntType = this.bizEntType
            // this.paramStr.illegalType = this.illegalType
            // this.nextLoading = true
            // startCase(this.paramStr).then((res) => {
            //   this.nextLoading = false
            //   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++
            //   }
            //   return
            // })
            this.getEnableList()
            this.active++
            return
          }).catch(() => {
          })
        }
      }
      // 导入完成
      if (this.active === 2) {
        this.nextLoading = true
        this.active++
        // location.href = this.$router.resolve({ path: '/revoke/register/accept', query: { active_top: 1, active: 3, bizStatus: '1', bizseq: this.bizseq, workflowid: this.workflowid, tasklistid: this.tasklistid }}).href
        // this.loadRevListPage()
        // location.reload()
        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.bizEntType = this.bizEntType
          this.paramStr.illegalType = this.illegalType
          startCase(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: '/revoke/register/accept', query: { active_top: 1, active: 3, bizStatus: '1', 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 validEntsRegstate(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 getBizRevListPage(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)
              }
            }
          }
        })
      })
    },
    getEnableList() {
      this.checkLoading = true
      getEnableList(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: #1A77FF;
    border-bottom: 1px solid #1A77FF;
  }
  .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: #1A77FF;
    }
  }
  .el-dialog__header{
    background:#e4e4e4;
  }
}
</style>
