<template>
  <div class="main-content revoke">
    <div class="content-body">

      <div class="body">
        <div style="margin-left: 30px;padding-top:20px;font-size: 20px">虚假地址注册主体名单</div>
        <div class="body search-body">
          <el-row style="margin-bottom:10px">
            <el-col :span="10" >
              <label class="label-name_1">统一社会信用代码：</label>
              <div class="search-input-box_1">
                <el-input v-model="pageParam.customParamMap.uniscid" size="mini" type="text" class="search-input" placeholder="请输入统一社会信用代码" @keyup.enter.native="loadFraudBatchBaseinfoPage" />
              </div>
            </el-col>
            <el-col :span="10" >
              <el-button size="mini" style="margin-left: 10px;" type="primary" icon="el-icon-search" :loading="loading" @click="loadFraudBatchBaseinfoPage">查询</el-button>
              <el-button size="mini" style="margin-left: 10px;" @click="resetSearchForm">重置</el-button>
            </el-col>
          </el-row>
        </div>
        <el-row style="padding-bottom: 10px;text-align: right">
          <el-col :span="24" style="padding-right: 30px">
            <!--            <el-button  size="mini" @click="selectAll">全选</el-button>-->
            <!--            <el-button size="mini" @click="$util.toggleSelect($refs.revList)">反选</el-button>-->
            <el-button size="mini" type="danger" icon="el-icon-delete" @click="showRemDia">剔除</el-button>
            <el-button size="mini" type="primary" icon="el-icon-plus" @click="showAdd = true">新增</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="exportExcelFraudBatchBaseinfo" v-loading="exportExcelLoading">导出到Excel</el-button>
          </el-col>
        </el-row>
        <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="datalist"
          tooltip-effect="dark"
          style="width: 95%;padding: 0;margin:10px auto"
          :fit="true"
          @selection-change="handleSelectionChange"
        >
          <el-table-column type="selection" min-width="30" align="center" />
          <el-table-column prop="index" label="序号" min-width="30" align="center" />
          <el-table-column prop="uniscid" :show-overflow-tooltip="true" label="统一社会信用代码/注册号" min-width="90" align="left" />
          <el-table-column prop="entname" :show-overflow-tooltip="true" label="主体名称" min-width="100" align="left" />
          <el-table-column prop="lerep" label="法定代表人" min-width="50" align="left" />
          <el-table-column prop="dom" :show-overflow-tooltip="true" label="经营地址" min-width="70" align="left" />
          <el-table-column prop="regorgCn" :show-overflow-tooltip="true" label="登记机关" min-width="70" align="left" />
          <el-table-column prop="isnb" :show-overflow-tooltip="true" label="是否年报" min-width="40" align="left" />
        </el-table>
        <div class="page-box">
          <el-row style="padding-bottom: 10px;text-align: right">
            <el-col :span="24">
              <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>
      </div>
      <!-- 剔除原因 -->
      <el-dialog
        title="剔除原因"
        :visible.sync="showRemDialog"
        width="80%"
      >
        <el-row style="margin-bottom: 5px;margin-top:2px;border: unset">
          <label style="float: left;margin-left:10px;font-size:16px">剔除原因：</label>
          <el-input v-model="removeReason" style="width: 90%;" :autosize="{ minRows: 1 }" type="textarea" />
        </el-row>
        <el-row style="text-align: center">
          <el-button size="mini" type="danger" v-loading="remloading" @click="remDataList">确认剔除</el-button>
        </el-row>
      </el-dialog>
      <!-- 已剔除主体名单 -->
      <el-dialog
        title="已剔除主体名单"
        :visible.sync="showRemEnt"
        width="80%"
      >
        <el-table
          v-loading="showRemloading"
          :data="remList"
          tooltip-effect="dark"
          style="width: 100%; min-height: 380px"
          :fit="true"
          :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
          :row-class-name="tableRowClassName"
        >
          <el-table-column prop="index" label="序号" min-width="50" align="center" />
          <el-table-column prop="uniscid" label="统一社会信用代码/注册号" min-width="160" align="left" />
          <el-table-column prop="entname" :show-overflow-tooltip="true" label="主体名称" min-width="210" align="left" />
          <el-table-column prop="reasons" :show-overflow-tooltip="true" label="剔除原因" min-width="180" align="left" />
          <el-table-column prop="updateTime" :show-overflow-tooltip="true" label="剔除时间" min-width="80" align="left" />
          <el-table-column prop="removeHandler" label="剔除处理人" min-width="80" align="left" />
        </el-table>
        <div>
          <el-row class="bl0">
            <el-col :span="12">
              <el-pagination
                :current-page="remPageParam.curPage"
                small
                layout="prev, pager, next"
                :total="remPageParam.total"
                @size-change="remPageSizeChange"
                @current-change="remPageIndexChange"
              />
            </el-col>
            <el-col :span="12">
              <div class="dialog-box">
                <el-button type="primary" size="mini" @click="showRemEnt = false">确定</el-button>
              </div>
            </el-col>
          </el-row>
        </div>
      </el-dialog>
      <!-- 新加主体 -->
      <el-dialog
        title="新增"
        :visible.sync="showAdd"
        width="80%"
      >
        <el-form ref="oneAddForm" :model="oneAddForm" label-width="130px">
          <el-form-item label="统一社会信用代码" prop="uniscid">
            <el-input v-model="oneAddForm.uniscid" type="text" clearable :autosize="{ minRows: 1, maxRows: 6}" />
          </el-form-item>
        </el-form>
        <el-row style="text-align: center">
          <el-button size="mini" type="primary" v-loading="addloading" @click="addEnt">确认新增</el-button>
        </el-row>
      </el-dialog>
    </div>
    <div class="content-body">
      <el-tabs v-model="activeName" type="border-card" style="min-height: 700px" @tab-click="handleTabClick">
        <el-tab-pane label="批量撤销设立登记听证信息" class="caseForm" name="first">
          <el-form ref="caseForm" :rules="revokeFraudBatchRules" :model="revokeFraudBatch" label-width="210px" label-position="right">
            <div class="form">
              <div class="form-body">
                <el-row>
                  <el-col :span="24">
                    <el-form-item label="投诉原因">
                      <span class="span-content">{{ revokeFraudBatch.complaintreason }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-form-item label="现场核查材料" class="upload bt0">
                    <el-upload
                      :action="uploadPath"
                      :data="{bizseq:bizseq, attachtype: '1'}"
                      :on-remove="removeFile"
                      :on-success="uploadCallback"
                      :on-preview="previewXCHCFile"
                      :before-upload="beforeFileUpload"
                      :before-remove="beforeRemove"
                      accept=".doc,.docx,.xlsx,.xls,.pdf,.jpg,.zip,.rar,.7z"
                      multiple
                      :file-list="xzhcfileList"
                      style="max-width:800px;display: inline-block"
                      class="uploadFileList"
                    >
                      <div style="display: inline-block;">
                        <el-button size="medium" style="display: inline-block;margin-right:10px" type="primary">点击上传</el-button>
                        <div slot="tip" style="display: inline-block;" class="el-upload__tip">只能上传jpg/png/pdf/doc/docx/xls/xlsx/rar/zip/7z文件，且单个文件不能超过20M</div>
                      </div>

                    </el-upload>
                  </el-form-item>
                </el-row>
                <el-row>
                  <el-col :span="24">
                    <el-form-item prop="handlereason" label="处理原因">
                      <el-select
                        :disabled="currentnode !== 'startTZAccept'"
                        v-model="revokeFraudBatch.handlereason"
                        placeholder="请选择"
                        clearable
                        style="width: 80%"
                        class="custom"
                        value-key="value"
                        @change="reasonchange"
                      >
                        <el-option
                          v-for="item in handlreaList"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        />
                      </el-select>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="24">
                    <el-form-item label="处理结果" >
                      <span class="span-content">{{ revokeFraudBatch.handleresult }}</span>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="24">
                    <el-form-item label="案件文书" >
                      <el-link type="primary" @click="openDialog()">撤销设立登记决定书（模板）</el-link>
                      <el-button :disabled="currentnode !== 'startDJAccept'" style="margin-right:20px;margin-left: 31px" type="primary" size="mini" v-loading="createTZDocumentBathchloading" @click="createTZDocumentBathch()">批量生成撤销设立登记决定书</el-button>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row>
                  <el-form-item label="相关审批材料" class="upload bt0">
                    <el-upload
                      :action="uploadPath"
                      :data="{bizseq:bizseq, attachtype: '2'}"
                      :on-remove="removeFile"
                      :on-success="uploadCallback"
                      :on-preview="previewSPXGFile"
                      :before-upload="beforeFileUpload"
                      :before-remove="beforeRemove"
                      accept=".doc,.docx,.xlsx,.xls,.pdf,.jpg,.zip,.rar,.7z"
                      multiple
                      :file-list="xgspfileList"
                      style="max-width:800px;display: inline-block"
                      class="uploadFileList"
                    >
                      <div style="display: inline-block;">
                        <el-button size="medium" style="display: inline-block;margin-right:10px" type="primary">点击上传</el-button>
                        <div slot="tip" style="display: inline-block;" class="el-upload__tip">只能上传jpg/png/pdf/doc/docx/xls/xlsx/rar/zip/7z文件，且单个文件不能超过20M</div>
                      </div>

                    </el-upload>
                  </el-form-item>
                </el-row>
                <el-row>
                  <el-form-item label="备注">
                    <el-input
                      :disabled="currentnode !== 'startDJAccept'"
                      v-model="revokeFraudBatch.djremarks"
                      :autosize="{ minRows: 2 }"
                      type="textarea"
                      placeholder="请输入备注"
                    />
                  </el-form-item>
                </el-row>
              </div>
            </div>
            <el-dialog
              :title="dialogTitle"
              :visible.sync="eidtDialog"
              :close-on-click-modal="false"
              width="80%"
              center
            >
              <el-form label-position="left" label-width="200px" class="decForm">
                <el-row>
                  <el-form-item label="文书标题标题">
                    <span>广州市市场监督管理局撤销设立登记决定书（模板）</span>
                  </el-form-item>
                </el-row>
              </el-form>
              <Editor
                style="height: 300px; overflow-y: hidden;"
                ref="editorDialog"
                v-model="eidtContent"
                :is-clear="isClear"
                :is-disable="editorDisable"
                @getTextVal="getTextVal" />
              <span slot="footer" class="dialog-footer">
                <el-button v-if="!editorDisable" type="primary" :loading="saveTempalteLoading" @click="saveTempalte()">保存</el-button>
                <!-- <el-button size="mini" @click="getEditorText">输出纯文本</el-button> -->
              </span>
            </el-dialog>
            <div class="form">
              <div class="tab">
                <div class="tab-title">
                  <label>处理意见</label>
                </div>
              </div>
              <div class="form-body history">
                <div v-if="opinions.length == 0" class="none">暂无处理意见</div>
                <el-steps direction="vertical">
                  <el-step
                    v-for="(each,index) in opinions"
                    :key="'opinions'+index"
                    :title="each.step + '人：' + each.handler + ' ' + each.step +'日期：' + each.handledate "
                    :description=" each.opinioncontent "
                    status="finish" />
                </el-steps>
              </div>
            </div>

            <div class="form">
              <div class="tab">
                <div class="tab-title">
                  <label>{{ titleLabel }}</label>
                </div>
              </div>
              <div class="form-body">
                <el-row v-if="currentnode !== 'startDJAccept'">
                  <el-form-item label="选择操作" prop="endApply">
                    <el-radio v-if="currentnode === 'handleCancelDJ'" v-model="operateSelect" label="1">回退至经办人</el-radio>
                    <el-radio v-if="currentnode === 'handleCancelDJ'" v-model="operateSelect" label="2">审核通过</el-radio>
                    <el-radio v-if="currentnode === 'approvalCancelDJ'" v-model="operateSelect" label="3">回退至审核人</el-radio>
                    <el-radio v-if="currentnode === 'approvalCancelDJ'" v-model="operateSelect" label="4">审批通过</el-radio>
                  </el-form-item>
                </el-row>
                <el-row>
                  <el-form-item prop="opinion" class="bt0">
                    <span slot="label">{{ opinionLabel }}</span>
                    <el-col :span="24" class="mb10" style="margin-top: 10px">
                      <el-input v-model="opinion" type="textarea" placeholder="请输入处理意见" :autosize="{ minRows: 2, maxRows: 6 }" />
                    </el-col>
                    <el-col :span="12" style="margin-bottom: 10px">
                      <label style="line-height:32px">常用语</label>
                      <el-select v-model="opinion" placeholder="请选择" clearable class="custom" style="width: 100%;">
                        <el-option
                          v-for="item in opinionOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        />
                      </el-select>
                    </el-col>
                  </el-form-item>
                </el-row>
                <el-row v-if="(operateSelect !== '1' && operateSelect !== '3' && currentnode !== 'approvalCancelDJ')">
                  <el-form-item prop="nextPerformerids" class="bt0">
                    <span slot="label">{{ nextPerformerLabel }}</span>
                    <el-col :span="12" style="margin-bottom: 10px;margin-top: 10px;">
                      <el-select
                        v-model="nextPerformerids"
                        placeholder="请选择接收人"
                        class="custom"
                        value-key="primaryKey"
                        clearable
                      >
                        <el-option
                          v-for="item in reviewer"
                          :key="'reviewer'+item.primaryKey"
                          :label="item.name"
                          :value="item.primaryKey"
                        />
                      </el-select>
                    </el-col>
                  </el-form-item>
                </el-row>

              </div>
            </div>
          </el-form>
          <div class="submit-box" style="text-align: center">
            <el-button type="primary" :loading="submitLoading" @click="submit">提交</el-button>
            <el-button type="primary" :loading="submitLoading" @click="saveTemp">暂存</el-button>
            <el-button @click="$router.back()">返回</el-button>
          </div>

        </el-tab-pane>

        <el-tab-pane class="tab_pane" label="听证告知书">
          <div class="body search-body">
            <el-row style="margin-bottom:10px">
              <el-col :span="10">
                <label class="label-name_1">统一社会信用代码：</label>
                <div class="search-input-box_1">
                  <el-input v-model="filePageParam.customParamMap.uniscid" clearable size="mini" type="text" class="search-input" placeholder="请输入统一社会信用代码" @keyup.enter.native="loadFraudBatchBaseinfoPage" />
                </div>
              </el-col>
              <el-col :span="10">
                <label class="label-name_1">主体名称：</label>
                <div class="search-input-box_1">
                  <el-input v-model="filePageParam.customParamMap.entname" clearable size="mini" type="text" class="search-input" placeholder="请输入统一社会信用代码" @keyup.enter.native="loadFraudBatchBaseinfoPage" />
                </div>
              </el-col>
              <el-col :span="4">
                <el-button size="mini" style="margin-left: 10px;" type="primary" icon="el-icon-search" :loading="tsWritLoading" @click="getTSWritList">查询</el-button>
              </el-col>
            </el-row>
          </div>
          <el-row class="mb10">
            <div>
              <el-table
                v-loading="tsWritLoading"
                :data="tsWritList"
                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 prop="uniscid" label="统一社会信用代码" min-width="90" />
                <el-table-column prop="entname" label="主体名称" min-width="100" />
                <el-table-column prop="writsname" label="文件名" min-width="150">
                  <!--                  <template slot-scope="scope">-->
                  <!--                    <span>{{ scope.row.writsname }}</span>-->
                  <!--                  </template>-->
                </el-table-column>
                <el-table-column prop="writsno" label="文书号" min-width="120" />
                <el-table-column key="6" label="操作" min-width="100">
                  <template slot-scope="scope">
                    <el-button
                      size="mini"
                      type="primary"
                      v-loading="writsDownloading"
                      @click="writsDownload(scope.row)"
                    >下载</el-button>
                    <el-button
                      size="mini"
                      type="primary"
                      @click="previewTSWrits(scope.row)"
                    >查看</el-button>
                  </template>
                </el-table-column>
              </el-table>
              <el-row>
                <el-col style="text-align: right">
                  <el-pagination
                    :page-sizes="[5, 10, 20, 30]"
                    :page-size="filePageParam.pageSize"
                    layout="total, prev, pager, next, sizes"
                    :total="filePageParam.total"
                    @size-change="handleFilepageSizeChange"
                    @current-change="handleFileCurrentChange"
                    small
                  />
                </el-col>
              </el-row>
            </div>
          </el-row>
        </el-tab-pane>

        <el-tab-pane class="tab_pane" label="撤销决定书">
          <div class="body search-body">
            <el-row style="margin-bottom:10px">
              <el-col :span="10">
                <label class="label-name_1">统一社会信用代码：</label>
                <div class="search-input-box_1">
                  <el-input v-model="tswritPageParam.customParamMap.uniscid" clearable size="mini" type="text" class="search-input" placeholder="请输入统一社会信用代码" @keyup.enter.native="loadFraudBatchBaseinfoPage" />
                </div>
              </el-col>
              <el-col :span="10">
                <label class="label-name_1">主体名称：</label>
                <div class="search-input-box_1">
                  <el-input v-model="tswritPageParam.customParamMap.entname" clearable size="mini" type="text" class="search-input" placeholder="请输入统一社会信用代码" @keyup.enter.native="loadFraudBatchBaseinfoPage" />
                </div>
              </el-col>
              <el-col :span="4">
                <el-button size="mini" style="margin-left: 10px;" type="primary" icon="el-icon-search" :loading="tsWritCXLoading" @click="getTSWritCXList">查询</el-button>
              </el-col>
            </el-row>
          </div>
          <el-row class="mb10">
            <div>
              <el-table
                v-loading="tsWritCXLoading"
                :data="tsWritCXList"
                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 prop="uniscid" label="统一社会信用代码" min-width="90" />
                <el-table-column prop="entname" label="主体名称" min-width="100" />
                <el-table-column prop="writsname" label="文件名" min-width="150">
                  <!--                  <template slot-scope="scope">-->
                  <!--                    <span>{{ scope.row.writsname }}</span>-->
                  <!--                  </template>-->
                </el-table-column>
                <el-table-column prop="writsno" label="文书号" min-width="120" />
                <el-table-column key="6" label="操作" min-width="100">
                  <template slot-scope="scope">
                    <el-button
                      size="mini"
                      type="primary"
                      v-loading="writsCXDownloading"
                      @click="writsDownload(scope.row)"
                    >下载</el-button>
                    <el-button
                      size="mini"
                      type="primary"
                      @click="previewTSWrits(scope.row)"
                    >查看</el-button>
                  </template>
                </el-table-column>
              </el-table>
              <el-row>
                <el-col style="text-align: right">
                  <el-pagination
                    :page-sizes="[5, 10, 20, 30]"
                    :page-size="tswritPageParam.pageSize"
                    layout="total, prev, pager, next, sizes"
                    :total="tswritPageParam.total"
                    @size-change="handletsWritspageSizeChange"
                    @current-change="handletsWritsCurrentChange"
                    small
                  />
                </el-col>
              </el-row>
            </div>
          </el-row>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import {
  getFraudBatchBaseinfoPage,
  remFraudBatchBaseinfo,
  exportExcel,
  addFraudBatchBaseinfo,
  saveContent,
  createDocument,
  queryTSWrits,
  queryRevokeFraudBatchInfo,
  processControlFraudBatch,
  tempSave,
  temGet
} from '@/api/batchTFraudList'
import { downloadTSWrits } from '@/api/writs'
import { taskOpinion } from '@/api/task'
import { getUsersWithPermission } from '@/api/user'
import { removeAttachementById, listAttachmentByBizseq } from '@/api/attachment'
import { validBeforeUpload } from '@/api/fileUpload'
import HandleDialog from '@/components/HandleDialog'
import pageSelector from '@/components/PageSelector'
import PaperScale from '@/components/PaperScale'
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 {
      bizseq: '',
      workflowid: '',
      tasklistid: '',
      // 当前节点
      currentnode: '',
      // 下一个节点
      nextNodeID: '',
      collapseActiveNames: [],
      collapseTabActiveName: 'first',
      loading: false,
      datalist: [],
      pageParam: {
        customParamMap: {
          bizseq: '',
          uniscid: '',
          isremove: '0'
        },
        curPage: 1,
        total: 0,
        pageSize: 5
      },
      // 剔除的主体列表
      toDelSelection: [],
      // 剔除原因
      removeReason: '',
      showRemDialog: false,
      remloading: false,
      showRemEnt: false,
      showRemloading: false,
      remList: [],
      remPageParam: { // 移除接口分页参数
        customParamMap: {
          bizseq: '',
          isremove: '1'
        },
        curPage: 1,
        total: 0,
        pageSize: 10
      },
      exportExcelLoading: false,
      showAdd: false,
      oneAddForm: {
        bizseq: '',
        uniscid: ''
      },
      addloading: false,
      revokeFraudBatch: {
        complaintreason: '冒用地址信息登记',
        handlereason: '',
        handlereasonCn: '',
        handleresult: '撤销设立',
        cxsltzcontent: '',
        cxsldjcontent: '',
        tzremarks: '',
        djremarks: ''
      },
      revokeFraudBatchRules: {
        // 这里对应prop的值，需和字段对应v-model的命名一样
        handlereason: [
          { required: true, message: '请选择处理原因', trigger: ['blur', 'change'] }
        ]
      },
      handlreaList: [],
      eidtDialog: false,
      dialogTitle: '',
      editorDisable: false,
      saveTempalteLoading: false,
      eidtContent: '',
      createTZDocumentBathchloading: false,
      tsWritLoading: false,
      tsWritList: [],
      writsDownloading: false,
      tsWritCXLoading: false,
      tsWritCXList: [],
      writsCXDownloading: false,
      filePageParam: { // 已生成文书列表分页参数
        customParamMap: {
          writstype: '43',
          bizseq: '',
          uniscid: '',
          entname: ''
        },
        curPage: 1,
        total: 0,
        pageSize: 10
      },
      tswritPageParam: { // 已生成文书列表分页参数
        customParamMap: {
          writstype: '44',
          bizseq: '',
          uniscid: '',
          entname: ''
        },
        curPage: 1,
        total: 0,
        pageSize: 10
      },
      opinions: [],
      opinion: '',
      opiniontype: '',
      opinionOptions: [],
      user: JSON.parse(sessionStorage.getItem('user')),
      reviewer: [],
      nextPerformerids: '',
      nextPerformerNames: '',
      activeName: 'first',
      submitLoading: false,
      nextPerformerLabel: '',
      opinionLabel: '',
      titleLabel: '',
      operateSelect: '',
      isClear: false, // 清除富文本编辑器内容
      uploadPath: `${process.env.VUE_APP_BASE_API}/attachment/uploadFileByBizseq`,
      xzhcfileList: [],
      xgspfileList: []
    }
  },
  computed: {},
  // 监控data中的数据变化
  watch: {
    // 意见渲染
    opinion() {
      let name = ''
      this.opinionOptions.forEach(each => {
        if (this.opinion === each.value) {
          name = each.label
        }
      })
      if (this.$util.isNotEmpty(name)) {
        this.$set(this.fraudEntInfo, 'opinion', name)
        this.$refs.form.validateField('opinion')
      }
    }
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  async created() {},
  // 方法集合
  mounted() {
    this.bizseq = this.$route.query.bizseq
    this.workflowId = this.$route.query.workflowId
    this.tasklistid = this.$route.query.tasklistid
    this.getRevokeFraudBatchInfo().then(res => {
      this.getTempInfo()
      this.loadReviewer()
      return
    })
    this.loadFraudBatchBaseinfoPage()
    this.getTSWritList()
    this.getTSWritCXList()
    getConstant('CD96').then(res => {
      if (res.code === 0) {
        const list = []
        res.data.forEach(each => {
          list.push({
            value: each.code,
            label: each.name
          })
        })
        this.handlreaList = list
      }
    })
    taskOpinion(this.workflowId).then(res => {
      if (res.code === 0) {
        res.data.forEach(each => {
          switch (each.opiniontype) {
            case '1': each.step = '听证经办'
              break
            case '2': each.step = '听证审核'
              break
            case '3': each.step = '听证审批'
              break
            case '4': each.step = '撤销经办'
              break
            case '5': each.step = '撤销审核'
              break
            case '6': each.step = '撤销审批'
              break
          }
          this.opinions.push(each)
        })
      } else {
        this.$message.error('加载处办记录失败')
      }
    })
    // 加载常用语
    this.opinionOptions = this.$util.getCommonWords(this.user.primaryKey)
    // 加载附件清单
    listAttachmentByBizseq(this.bizseq).then(data => {
      const cxhclist = []
      const xgsplist = []
      data.forEach(each => {
        each.id = each.attachmentid
        each.name = each.filename
        each.url = `${process.env.VUE_APP_DOWNLOAD_URL}/` + each.temppath
        if (each.attachtype === '1') {
          cxhclist.push(each)
        } else if (each.attachtype === '2') {
          xgsplist.push(each)
        }
      })
      this.xzhcfileList = cxhclist
      this.xgspfileList = xgsplist
    })
  },
  methods: {
    getRevokeFraudBatchInfo() {
      return queryRevokeFraudBatchInfo(this.bizseq).then(res => {
        if (res.code === 0) {
          this.currentnode = res.data.currentnode
          switch (this.currentnode) {
            case 'startDJAccept':
              this.nextNodeID = 'handleCancelDJ'
              this.opiniontype = '4'
              this.nextPerformerLabel = '审核人'
              this.opinionLabel = '经办意见'
              this.titleLabel = '经办意见'
              break
            case 'handleCancelDJ':
              this.nextNodeID = 'approvalCancelDJ'
              this.opiniontype = '5'
              this.nextPerformerLabel = '审批人'
              this.opinionLabel = '审核意见'
              this.titleLabel = '审核意见'
              break
            case 'approvalCancelDJ':
              this.nextNodeID = 'endApprovalplcx'
              this.opiniontype = '6'
              this.nextPerformerLabel = '接收人'
              this.opinionLabel = '审批意见'
              this.titleLabel = '审批意见'
              break
          }
          // 表单信息赋值
          this.revokeFraudBatch.complaintreason = this.$util.isNotEmpty(res.data.revokeFraudBatch.complaintreason) ? res.data.revokeFraudBatch.complaintreason : '冒用地址信息登记'
          this.revokeFraudBatch.handlereason = this.$util.isNotEmpty(res.data.revokeFraudBatch.handlereason) ? res.data.revokeFraudBatch.handlereason : ''
          this.revokeFraudBatch.handlereasonCn = this.$util.isNotEmpty(res.data.revokeFraudBatch.handlereasonCn) ? res.data.revokeFraudBatch.handlereasonCn : ''
          this.revokeFraudBatch.handleresult = this.$util.isNotEmpty(res.data.revokeFraudBatch.handleresult) ? res.data.revokeFraudBatch.handleresult : '撤销设立'
          this.revokeFraudBatch.cxsltzcontent = this.$util.isNotEmpty(res.data.revokeFraudBatch.cxsltzcontent) ? res.data.revokeFraudBatch.cxsltzcontent : ''
          this.revokeFraudBatch.tzremarks = this.$util.isNotEmpty(res.data.revokeFraudBatch.tzremarks) ? res.data.revokeFraudBatch.tzremarks : ''
          this.revokeFraudBatch.cxsldjcontent = this.$util.isNotEmpty(res.data.revokeFraudBatch.cxsldjcontent) ? res.data.revokeFraudBatch.cxsldjcontent : ''
          this.revokeFraudBatch.djremarks = this.$util.isNotEmpty(res.data.revokeFraudBatch.djremarks) ? res.data.revokeFraudBatch.djremarks : ''
        }
      })
    },
    loadFraudBatchBaseinfoPage() {
      if (this.loading) return
      this.loading = true
      this.pageParam.customParamMap.bizseq = this.bizseq
      return getFraudBatchBaseinfoPage(this.pageParam).then(res => {
        const list = []
        let i = 1
        const pageStart = (this.pageParam.curPage - 1) * this.pageParam.pageSize
        res.data.records.forEach((each) => {
          each.index = pageStart + i++
          each.uscc = each.uniscid ? each.uniscid : each.regno
          list.push(each)
        })
        this.datalist = list
        this.loading = false
      })
    },
    resetSearchForm() {
      this.pageParam.customParamMap.uniscid = ''
    },
    // 分页大小改变
    pageSizeChange(pageSize) {
      this.pageParam.pageSize = pageSize
      this.loadFraudBatchBaseinfoPage()
    },
    // 当前分页改变
    pageIndexChange(curPage) {
      this.pageParam.curPage = curPage
      this.loadFraudBatchBaseinfoPage()
    },
    // 选项变更事件
    handleSelectionChange(selectData) {
      const cancel = []
      if (selectData.length !== this.datalist.length) {
        // 找出没有选中的内容
        this.datalist.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)
          }
        }
      }
    },
    // 全选按钮事件
    selectAll() {
      const table = this.$refs.revList
      for (const i in table.data) {
        const each = table.data[i]
        table.toggleRowSelection(each, true)
      }
    },
    // 剔除拟吊销主体对话框
    showRemDia() {
      if (this.toDelSelection.length === 0) { return this.$message.warning('请至少选择一个企业以移除') }
      this.removeReason = ''
      // this.calcPageData(this.toDelSelection)
      this.showRemDialog = !this.showRemDialog
    },
    remDataList() {
      if (this.$util.isEmpty(this.removeReason)) return this.$message.warning('请输入剔除原因')
      if (this.toDelSelection.length === 0) return this.$message.warning('请至少选择一个企业以移除')
      let ids = ''
      this.toDelSelection.forEach(each => {
        ids += (each.id + ';')
      })
      this.remloading = true
      remFraudBatchBaseinfo(ids, this.removeReason).then(res => {
        if (res.code === 0) {
          this.toDelSelection = []
          this.remloading = false
          this.showRemDialog = false
          this.loadFraudBatchBaseinfoPage()
          return this.$message.success('剔除成功')
        } else {
          this.$message.error(res.msg)
        }
      })
    },
    // 分页大小改变
    remPageSizeChange(pageSize) {
      this.pageParam.pageSize = pageSize
      this.loadFraudBatchBaseinfoPage()
    },
    // 当前分页改变
    remPageIndexChange(curPage) {
      this.pageParam.curPage = curPage
      this.loadFraudBatchBaseinfoPage()
    },
    showRemRecord() {
      this.showRemEnt = !this.showRemEnt
      this.getRemRecord()
    },
    getRemRecord() {
      if (this.showRemloading) return
      this.showRemloading = true
      this.remPageParam.customParamMap.bizseq = this.bizseq
      getFraudBatchBaseinfoPage(this.remPageParam).then(res => {
        this.showRemloading = 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
            each.updateTime = this.$util.formatDate.format(new Date(Date.parse(each.updateTime)), 'yyyy-MM-dd hh:mm:ss')
            list.push(each)
          })
          this.remList = list
          this.remPageParam.total = res.data.total
        }
      })
    },
    download(data, fileName) {
      if (!data) {
        return
      }
      const url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel;charset=utf-8' }))
      const link = document.createElement('a')
      link.style.display = 'none'
      link.href = url
      link.setAttribute('download', fileName)
      link.click()
    },
    exportExcelFraudBatchBaseinfo() {
      this.$confirm('是否确认导出', '提示').then(() => {
        this.exportExcelLoading = true
        this.pageParam.customParamMap.bizseq = this.bizseq
        exportExcel(this.pageParam).then(res => {
          this.exportExcelLoading = false
          this.download(res, '主体名单')
        }).catch(req => {
          this.exportExcelLoading = false
          console.log('下载失败', req)
        })
      })
    },
    addEnt() {
      if (this.$util.isEmpty(this.oneAddForm.uniscid)) return this.$message.warning('请输入新增主体统一码')
      this.oneAddForm.bizseq = this.bizseq
      this.addloading = true
      addFraudBatchBaseinfo(this.oneAddForm).then(res => {
        this.addloading = false
        this.loadFraudBatchBaseinfoPage()
        if (res.code === 0) {
          this.showAdd = false
          return this.$message.success('新增成功')
        } else {
          console.log(res.msg)
          // return this.$message.error(res.msg)
        }
      }).catch(req => {
        this.addloading = false
        console.log('下载失败', req)
      })
    },
    reasonchange() {
      this.handlreaList.forEach(each => {
        if (each.value === this.revokeFraudBatch.handlereason) {
          this.revokeFraudBatch.handlereasonCn = each.label
        }
      })
    },
    openDialog() {
      var title = ''
      title = '撤销设立登记决定书'
      this.eidtDialog = true
      // this.clearEditorContent()
      this.$nextTick(() => {
        if (this.$util.isNotEmpty(this.revokeFraudBatch.cxsldjcontent)) {
          this.eidtContent = this.revokeFraudBatch.cxsldjcontent
        } else {
          this.eidtContent = '<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经查明，你（单位）在办理商事登记过程中提交虚假材料取得公司登记。以上事实，有申请人提交的相关证明材料以及天河区市场监督管理局的相关调查材料予以证实。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上述行为违反了《中华人民共和国行政许可法（2019修正）》第三十一条的规定，根据《中华人民共和国行政许可法（2019修正）》第六十九条，本局作出决定如下：</p><p>撤销你（单位）的虚假登记，撤销虚假登记并不免除违法行为人的行政责任。如不服本决定，可以自收到本决定之日起六十日内向&nbsp;<u>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </u>人民政府（地址：<u>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</u><span style="text-align: initial;">电话：<u>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</u>提起行政复议；或依法在六个月内向广州铁路运输法院（地址：广州市荔湾区花地大道中荔胜广场南塔，电话：020-37890836）提起行</span><span style="text-align: initial;">政诉讼。</span></p>'
        }
        if (this.currentnode !== 'startDJAccept') {
          this.editorDisable = true
        }
        if (this.editorDisable && this.$refs.editorDialog) {
          this.$refs.editorDialog.$emit('disable')
        }
      })
      this.dialogTitle = title
    },
    async clearEditorContent() {
      if (this.$refs.editorDialog) {
        await this.$refs.editorDialog.$emit('clear')
      }
    },
    // 保存模板编辑内容
    async saveTempalte() {
      console.log(this.eidtContent + '---------=============')
      if (this.$util.isEmpty(this.eidtContent)) return this.$message.warning('文书模板不能为空')
      const contentData = {
        bizseq: this.bizseq,
        cxsldjcontent: this.eidtContent,
        contentType: 'cx'
      }
      this.saveTempalteLoading = true
      saveContent(contentData).then(res => {
        this.saveTempalteLoading = false
        if (res.code === 0) {
          return this.$message.success('保存模板成功')
        }
      }).catch(req => {
        this.saveTempalteLoading = false
        console.log('保存模板失败', req)
      })
    },
    createTZDocumentBathch() {
      this.createTZDocumentBathchloading = true
      createDocument(this.bizseq, 'cx').then(res => {
        this.createTZDocumentBathchloading = false
        if (res.code === 0) {
          this.$message.success('生成听证文书成功')
        }
      }).catch(req => {
        this.saveTempalteLoading = false
        console.log('生成听证文书失败', req)
      })
      this.getTSWritCXList()
    },
    // 当前分页改变-生成文书列表
    handleFileCurrentChange(curPage) {
      this.filePageParam.curPage = curPage
      this.getTSWritList()
    },
    handleFilepageSizeChange(pageSize) {
      this.filePageParam.pageSize = pageSize
      this.getTSWritList()
    },
    // 当前分页改变-生成文书列表
    handletsWritsCurrentChange(curPage) {
      this.tswritPageParam.curPage = curPage
      this.getTSWritCXList()
    },
    handletsWritspageSizeChange(pageSize) {
      this.tswritPageParam.pageSize = pageSize
      this.getTSWritCXList()
    },
    getTSWritList() {
      if (this.tsWritLoading) return
      this.tsWritLoading = true
      this.filePageParam.customParamMap.bizseq = this.bizseq
      queryTSWrits(this.filePageParam).then(res => {
        const list = []
        let i = 1
        const pageStart = (this.filePageParam.curPage - 1) * this.filePageParam.pageSize
        res.data.records.forEach((each) => {
          each.index = pageStart + i++
          list.push(each)
        })
        this.tsWritList = list
        this.tsWritLoading = false
      })
    },
    getTSWritCXList() {
      if (this.tsWritCXLoading) return
      this.tsWritCXLoading = true
      this.tswritPageParam.customParamMap.bizseq = this.bizseq
      queryTSWrits(this.tswritPageParam).then(res => {
        const list = []
        let i = 1
        const pageStart = (this.tswritPageParam.curPage - 1) * this.tswritPageParam.pageSize
        res.data.records.forEach((each) => {
          each.index = pageStart + i++
          list.push(each)
        })
        this.tsWritCXList = list
        this.tsWritCXLoading = false
      })
    },
    previewTSWrits(row) {
      window.open(`${process.env.VUE_APP_DOWNLOAD_URL}/` + row.path, '_blank')
    },
    writsDownload(row) {
      this.writsDownloading = true
      downloadTSWrits(row.writsid).then(res => {
        this.writsDownloading = false
        this.download(res, row.writsname)
      }).catch(req => {
        this.writsDownloading = false
        console.log('下载失败', req)
      })
    },
    getEditorText() {
      this.$refs.editorDialog.$emit('getText')
      // console.log(txt)
    },
    getTextVal(res) {
      res.forEach(each => {
        console.log(each)
      })
    },
    getChildrenTxt(data) {
      return
    },
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 === 1) {
        return 'warning-row'
      }
    },
    // 处理tabs点击事件
    handleTabClick(tab, event) {
      console.log(tab, event)
    },
    // 加载审核人
    loadReviewer() {
      let permission = ''
      // console.log(this.nextNodeID + '==========================')
      switch (this.currentnode) {
        case 'startDJAccept':
          permission = 'handleCancelCxBatch'
          break
        case 'handleCancelDJ':
          permission = 'approvalCancelCxBatch'
          break
        case 'approvalCancelDJ':
          permission = ''
          break
      }
      return getUsersWithPermission(permission, this.user.orgId).then(res => {
        if (res.code === 0) {
          this.reviewer = res.data
        }
      })
    },
    submit() {
      if (this.currentnode !== 'startDJAccept') {
        if (this.$util.isEmpty(this.operateSelect)) return this.$message.warning('请选择需要的操作')
      }
      if (this.$util.isEmpty(this.revokeFraudBatch.handlereason)) return this.$message.warning('请选择处理原因')
      if (this.$util.isEmpty(this.opinion)) return this.$message.warning('请输入处理意见')
      if (this.$util.isEmpty(this.nextPerformerids) && this.operateSelect !== '1' && this.operateSelect !== '3' && this.currentnode !== 'approvalCancelDJ') return this.$message.warning('请选择接收人')
      this.$confirm('确认提交', '提示', { type: 'info' }).then(() => {
        for (const i in this.reviewer) {
          if (this.reviewer[i].primaryKey === this.nextPerformerids) {
            this.nextPerformerNames = this.reviewer[i].name
          }
        }
        // 回退操作
        if (this.operateSelect === '1' || this.operateSelect === '3') {
          this.nextPerformerids = ''
          this.nextPerformerNames = ''
          if (this.operateSelect === '1') {
            this.nextNodeID = 'startDJAccept'
          }
          if (this.operateSelect === '3') {
            this.nextNodeID = 'handleCancelDJ'
          }
        }
        const param = {
          tasklistid: this.tasklistid,
          bizseq: this.bizseq,
          nextNodeID: this.nextNodeID,
          opinion: {
            opiniontype: this.opiniontype,
            handler: this.user.username,
            handlerid: this.user.primaryKey,
            opinioncontent: this.opinion
          },
          nextPerformerIds: [this.nextPerformerids],
          nextPerformerNames: [this.nextPerformerNames],
          revokeFraudBatch: this.revokeFraudBatch
        }
        this.submitLoading = true
        processControlFraudBatch(param).then(res => {
          this.submitLoading = false
          if (res.code === 0) {
            this.$message.success('提交成功')
            this.$router.back()
          }
        }).catch(() => {})
      })
    },

    // 上传文件预览
    previewXCHCFile(file) {
      if (['.jpg', '.png', '.jpeg', '.bmp'].includes(file.fileext)) {
        const fileList = this.xzhcfileList
        const imges = []
        let index = 0
        let indextemporary = 0
        for (let i = 0; i < fileList.length; i++) {
          if (['.jpg', '.png', '.jpeg', '.bmp'].includes(fileList[i].fileext) && fileList[i].createtype !== '2') {
            imges.push(fileList[i].url)
            if (file.id === fileList[i].id) {
              index = indextemporary
            }
            // 下一张图片的下标
            indextemporary++
          }
        }
        this.$hevueImgPreview({
          multiple: true, // 开启多图预览模式
          nowImgIndex: index, // 多图预览，默认展示第几张图片
          imgList: imges
        })
      } else {
        window.open(file.url, '_blank')
      }
    },
    previewSPXGFile(file) {
      if (['.jpg', '.png', '.jpeg', '.bmp'].includes(file.fileext)) {
        const fileList = this.xgspfileList
        const imges = []
        let index = 0
        let indextemporary = 0
        for (let i = 0; i < fileList.length; i++) {
          if (['.jpg', '.png', '.jpeg', '.bmp'].includes(fileList[i].fileext) && fileList[i].createtype !== '2') {
            imges.push(fileList[i].url)
            if (file.id === fileList[i].id) {
              index = indextemporary
            }
            // 下一张图片的下标
            indextemporary++
          }
        }
        this.$hevueImgPreview({
          multiple: true, // 开启多图预览模式
          nowImgIndex: index, // 多图预览，默认展示第几张图片
          imgList: imges
        })
      } else {
        window.open(file.url, '_blank')
      }
    },
    uploadCallback(res, file) {
      if (res.code === 0) {
        // console.log(res.data.attachtype + '==================yazai++++')
        file.id = res.data.attachmentid
        file.filename = res.data.filename
        file.url = `${process.env.VUE_APP_DOWNLOAD_URL}` + res.data.temppath
        file.fileext = res.data.fileext
        file.createtype = res.data.createtype
        file.attachtype = res.data.attachtype
        if (res.data.attachtype === '1') {
          this.xzhcfileList.push(file)
        } else if (res.data.attachtype === '2') {
          this.xgspfileList.push(file)
        }
        // this.fileList.push(file)
        this.$message.success('上传成功')
      }
    },
    // 上传文件之前校验大小
    beforeFileUpload(file) {
      var that = this
      return validBeforeUpload(file, that)
    },
    // 移除文件前
    beforeRemove(file, fileList) {
      if (file && file.status === 'success') {
        return this.$confirm(`确定移除 ${file.name} ？`)
      }
    },
    removeFile(file) {
      if (file && file.status === 'success') {
        console.log(file.attachtype + '===============yazai')
        removeAttachementById(file.id).then(res => {
          if (res.code === 0) {
            this.$message.success('删除成功')
            if (file.attachtype === '1') {
              // 移除列表中元素
              const fileList = this.xzhcfileList
              let index = 0
              for (let i = 0; i < fileList.length; i++) {
                if (file.id === fileList[i].id) {
                  index = i
                }
              }
              this.xzhcfileList.splice(index, 1)
            } else if (file.attachtype === '2') {
              // 移除列表中元素
              const fileList = this.xgspfileList
              let index = 0
              for (let i = 0; i < fileList.length; i++) {
                if (file.id === fileList[i].id) {
                  index = i
                }
              }
              this.xgspfileList.splice(index, 1)
            }
            // this.fileList.splice(index, 1)
          } else {
            this.$message.error(res.msg)
          }
        })
      }
    },
    saveTemp() {
      const tempData = {
        complaintreason: this.revokeFraudBatch.complaintreason,
        handlereason: this.revokeFraudBatch.handlereason,
        handlereasonCn: this.revokeFraudBatch.handlereasonCn,
        handleresult: this.revokeFraudBatch.handleresult,
        cxsltzcontent: this.revokeFraudBatch.cxsltzcontent,
        tzremarks: this.revokeFraudBatch.tzremarks,
        cxsldjcontent: this.revokeFraudBatch.cxsldjcontent,
        djremarks: this.revokeFraudBatch.djremarks,
        opinion: this.opinion
      }
      const param = {
        id: this.tempSaveId,
        bizseq: this.bizseq,
        module: '批量撤销登记案件',
        flow: this.currentnode,
        data: tempData,
        creator: this.user.nickname,
        creator_id: this.user.primaryKey
      }
      tempSave(param).then(res => {
        if (res.code === 0) {
          this.tempSaveId = res.data
          this.$message.success('提交成功')
        }
      }).catch(() => {})
    },
    getTempInfo() {
      console.log('批量撤销登记案件暂存')
      temGet(this.bizseq, '批量撤销登记案件', this.currentnode).then(res => {
        if (res.data) {
          const temInfo = JSON.parse(res.data.dataJson)
          console.log(temInfo + '===+++')
          this.tempSaveId = res.data.id
          this.revokeFraudBatch.complaintreason = temInfo.complaintreason
          this.revokeFraudBatch.handlereason = temInfo.handlereason
          this.revokeFraudBatch.handlereasonCn = temInfo.handlereasonCn
          this.revokeFraudBatch.handleresult = temInfo.handleresult
          this.revokeFraudBatch.cxsltzcontent = temInfo.cxsltzcontent
          this.revokeFraudBatch.tzremarks = temInfo.tzremarks
          this.revokeFraudBatch.cxsldjcontent = temInfo.cxsldjcontent
          this.revokeFraudBatch.djremarks = temInfo.djremarks
          this.opinion = temInfo.opinion
        }
      })
    }
  }
}
</script>
<style lang="scss" scoped>
  .required::before{
    content: "*";
    color: red;
  }
  .mb4{
    margin-bottom: 4px;
  }
  .revoke {
    padding: 5pt;
    .search-body{
      margin-top: 10px;
      .label-name_1{
        text-align: right;
        display: inline-block;//转成行内快，才可定义宽度
        width: 180px;
        font-size: $table-content-font-size;
      }
      .search-input-box_1{
        display: inline-block;
        width: calc(100% - 220px);
      }
    }
    .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 {
            color: #fff;
            font-size: 20px;
            display:inline-block;
            padding:5px;
            // 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: $table-content-font-size;
    }
    .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 {
          font-size: $table-content-font-size;
          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 {
          font-size: $table-content-font-size;
          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;
        // 表单disable之后自定义字体样式
        .el-textarea.is-disabled .el-textarea__inner{
          color:#000000;
        }
        .el-form-item__label {
          font-size: $table-content-font-size;
          padding-left: 20px;
          border-top: 1px solid $color-border;
          border-left: 1px solid $color-border;
        }
        .el-form-item__content {
          padding: 5px;
          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;
        }
      }
      .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 {
        font-size: 16px;
        padding: 15px;
        border: 1px solid $color-border;
      }
      .form-body.history.none {
        font-size: 16px;
      }
    }
    .step_box {
      .el-collapse-item__header {
        height: unset;
        font-size: unset;
        span {
          font-size: unset;
          line-height: 1;
        }
      }
    }
    .showApart{
      width: 80px;
      overflow: hidden;
      white-space: nowrap;
    }
    // .el-textarea__inner{
    //   padding: 0;
    // }
    .step-btn{
      padding: 0px 0px 5px 0px;
      color: unset;
    }
    .step-btn:hover{
      color: #409EFF;
      border-bottom: 1px solid #409EFF;
    }
    .step-btn.is-disabled:hover{
      color: #C0C4CC;
      border-bottom: none;
    }
    .showAll{

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