front / ningxia-credit-web · Files

<template>
  <div class="body_wrap">
    <div class="w80">
      <div class="common_con mb10">
        <el-row :gutter="40">
          <el-col :span="2" style="position: relative">
            <div class="col_title title_color_0" v-if="state.enterpriseInfo.ename">
              <div>{{state.enterpriseInfo.ename.substring(0, 2)}} <br> {{state.enterpriseInfo.ename.substring(2, 4)}}</div>
            </div>
          </el-col>
          <el-col :span="21">
            <el-row>
              <el-col :span="14">
                <div class="mb10" style="color: #222222;display: flex;font-weight: bold;font-size: 20px;color: #333333;line-height: 28px;">
                  {{state.enterpriseInfo.ename}}
                  <div style="font-size:14px;font-weight: 400;background: linear-gradient( 90deg, #ECF6FD 0%, #F8F2FB 100%);padding: 0 5px;color: #6F6BF7;margin-left: 10px;">{{state.enterpriseInfo.creditFraction}}</div>
                </div>
              </el-col>
              <el-col :span="10" style="text-align: right">
                <!--        <el-button type="primary" icon="Download" v-if="state.isDownload">下载报告</el-button>-->
                <!-- <el-button type="success" icon="CirclePlus" size="small" v-if="isHaveButton('front:creditCalculate')" v-debounceClick="()=>handleCredit(state.enterpriseInfo)">授信测算</el-button> -->
                <el-button type="primary" size="small" v-debounceClick="()=>handleSubmit('reportOrderOpen', state.enterpriseInfo)">
                  企业关联关系查询<el-icon class="el-icon--right"><CaretRight /></el-icon>
                </el-button>
                <el-button type="primary" icon="Position" size="small" v-debounceClick="()=>handleSubmit('reportOrderOpen', state.enterpriseInfo)">报告下单</el-button>
                <el-button type="warning" icon="Watch" size="small" :loading="state.isLoading" v-debounceClick="()=>handleSubmitMonitor(state.enterpriseInfo)">添加监控</el-button>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="16">
                <div class="col_tag">
                  <div style="background-color: #EFF2F8;color: #376DFF;" v-if="state.enterpriseInfo.aaa">{{ state.enterpriseInfo.regStatus }}</div>
                  <div style="background-color: #EFF8F2;color: #33B46C;" v-if="state.enterpriseInfo.regStatus">{{ state.enterpriseInfo.regStatus }}</div>
                  <div style="background-color: #F8F8EF;color: #BEB805;" v-if="state.enterpriseInfo.industryName&&state.enterpriseInfo.industryName!='null'">{{ state.enterpriseInfo.industryName }}</div>
                  <div style="background-color: #E2F1FC;color: #26AFD0;" v-if="state.enterpriseInfo.enterpriseTypeList?.length">{{ state.enterpriseInfo.enterpriseTypeList.join(',') }}</div>
                  <div style="background-color: #F6E5E7;color: #E94A48;" v-if="executedPerson.length">被执行人</div>
                  <div style="background-color: #F6E5E7;color: #E94A48;" v-if="xgbzxrorg.length">限制高消费</div>
                </div>
              </el-col>
              <el-col :span="8" style="text-align: right">
                <div style="display: flex;align-items: center;color: #333;justify-content: flex-end;">
                  <img src="../../assets/images/update.png" alt="" style="margin-right: 10px;">
                  <span style="color: #999999;">更新时间：</span>{{ state.enterpriseInfo.updateTime }}
                </div>
              </el-col>
            </el-row>
            <!--企业信息模块-->
            <div class="descriptions">
              <template v-for="col in state.columnsList">
                <div v-if="col.prop != 'regStatus'">
                  <div class="label">{{ col.label }}:</div>
                  <template v-if="col.prop.indexOf(',') > -1">
                    {{state.enterpriseInfo[col.prop.split(',')[0]] + '至' + state.enterpriseInfo[col.prop.split(',')[1]]}}
                  </template>
                  <template v-else-if="col.type && col.type === 'date'">
                    {{DateUtil.formatDate(state.enterpriseInfo[col.prop])}}
                  </template>
                  <template v-else-if="col.prop && col.prop === 'status'">
                    宁夏回族自治区 - {{contentFormat(state.enterpriseInfo['regLocation'])}}
                  </template>
                  <template v-else-if="col.type && col.type === 'link'">
                    <template v-if="state.enterpriseInfo[col.prop]">
                      <el-link :href="state.enterpriseInfo[col.prop]" target="_blank" type="primary">
                        {{contentFormat(state.enterpriseInfo[col.prop])}}
                      </el-link>
                    </template>
                    <template v-else>-</template>
                  </template>
                  <template v-else>
                    {{contentFormat(state.enterpriseInfo[col.prop])}}
                  </template>
                </div>
              </template>
            </div>
            <!-- <el-descriptions :column="3" class="mb20">
              <template v-for="col in state.columnsList">
                <el-descriptions-item v-if="col.prop != 'regStatus'" :label="col.label+':'">
                  <template v-if="col.prop.indexOf(',') > -1">
                    {{state.enterpriseInfo[col.prop.split(',')[0]] + '至' + state.enterpriseInfo[col.prop.split(',')[1]]}}
                  </template>
                  <template v-else-if="col.type && col.type === 'date'">
                    {{DateUtil.formatDate(state.enterpriseInfo[col.prop])}}
                  </template>
                  <template v-else-if="col.type && col.type === 'link'">
                    <template v-if="state.enterpriseInfo[col.prop]">
                      <el-link :href="state.enterpriseInfo[col.prop]" target="_blank" type="primary">
                        {{contentFormat(state.enterpriseInfo[col.prop])}}
                      </el-link>
                    </template>
                    <template v-else>-</template>
                  </template>
                  <template v-else>
                    {{contentFormat(state.enterpriseInfo[col.prop])}}
                  </template>
                </el-descriptions-item>
              </template>
              <template #title>
                <div class="history_name" v-if="state.enterpriseInfo.historyNameList && state.enterpriseInfo.historyNameList.length > 0">
                  曾用名司法涉诉：
                  <template v-for="item in state.enterpriseInfo.historyNameList">
                    <router-link :to="'/historyRiskDetail?name=' + item">
                      <el-tag class="mr10" type="warning" size="small">{{item}}</el-tag>
                    </router-link>
                  </template>
                </div>
              </template>
            </el-descriptions> -->
          </el-col>
        </el-row>
      </div>
    </div>
    
    <div class="w80">
      <!--基本信息模块-->
      <el-tabs type="card" @tab-click="handleTabClick" v-model="state.tabLabel" class="detail_tabs">
        <el-tab-pane v-for="(tab, tabIndex) in state.tabList" :label="tab.name" :name="tabIndex" style="padding: 0">
          <template #label>
            <span class="custom-tabs-label">
              <inline-svg :src="getIcon(tab.icon)" />
              <span>{{ tab.name }}</span>
            </span>
          </template>
          <div class="common_con">
            <!--二级锚点-->
            <el-row ref="cardRef"></el-row>
            <el-anchor direction="horizontal" class="mb20" :class="state.isMenuFixed ? 'cardFixed':''" type="underline" :offset="100" v-if="(tab.prop === 'glxx' && state.showCwDataStatus !== 0) || tab.prop !== 'glxx'">
              <el-anchor-link v-for="item in state.modelList[tab.prop]" :href="`#${item.id}-${tabIndex}`">
                <span>{{item.name}}</span>
              </el-anchor-link>
            </el-anchor>
            
            <div v-if="tab.prop === 'cwxx'" class="mb20">
              <el-button v-if="state.showCwDataStatus !== 0 && isHaveButton('front:cwxx')" type="primary" @click="handleUpdateCwData(2)">更新财务数据</el-button>
              <template v-else>
                <el-row>
                  <el-col style="text-align: center; padding-top: 50px">
                    <el-button type="primary" v-if="isHaveButton('front:cwxx')" @click="handleUpdateCwData(1)">一键获取财务数据</el-button>
                  </el-col>
                  <el-col :offset="2" :span="20">
                    <el-image style="width: 100%;" :src="getImage('demo.png', '/report')"></el-image>
                  </el-col>
                </el-row>
              </template>
            </div>
            
            <!--模块数据-->
            <div :style="{'padding-top': state.isMenuFixed ? '60px': '0'}" v-if="(tab.prop === 'cwxx' && state.showCwDataStatus !== 0) || tab.prop !== 'cwxx'">
              <div v-for="model in state.modelList[tab.prop]">
                <div :id="`${model.id}-${tabIndex}`" class="mb20">
                  <div class="mb10 model_title">
                    <i></i>
                    <span>{{model.name}}</span>
                    <span v-if="model.id === 'cwInfo'" class="mr10 right_desc">万元</span>
                  </div>
            
                  <!--表格描述-->
                  <template v-if="state.detailItem[model.id] && state.detailItem[model.id].type === 'desc'">
                    <!--              {{state.detailData[model.id]}}-->
                    <el-descriptions border :column="2" class="mb20">
                      <template v-for="item in state.detailItem[model.id].data">
                        <el-descriptions-item v-if="item.types === undefined" :label="item.label" :span="item.span" width="500px">
                          <template v-if="state.detailData[model.id]">
                            <template v-if="item.prop.indexOf(',') > -1">
                              {{state.detailData[model.id][item.prop.split(',')[0]]}}
                              <template v-if="state.detailData[model.id][item.prop.split(',')[1]]">
                                至{{state.detailData[model.id][item.prop.split(',')[1]]}}
                              </template>
                            </template>
                            <template v-else-if="item.type && item.type === 'date'">
                              {{DateUtil.formatDate(state.detailData[model.id][item.prop])}}
                            </template>
                            <template v-else-if="item.type && item.type === 'toDetail'">
                              <span @click="toDetail(state.detailData[model.id][item.prop])">{{state.detailData[model.id][item.prop]}}</span>
                            </template>
                            <template v-else>
                              {{contentFormat(state.detailData[model.id][item.prop])}}
                            </template>
                          </template>
                        </el-descriptions-item>
                      </template>
                    </el-descriptions>
                  </template>
            
                  <template v-if="state.detailItem[model.id] && state.detailItem[model.id].type === 'table'">
                    <el-table :data="state.detailData[model.id] && state.detailData[model.id].rows" border class="own_table" style="width: 100%" :row-class-name="tableRowClassName" show-overflow-tooltip>
                      <el-table-column v-for="item in state.detailItem[model.id].data" :prop="item.prop" :label="item.label">
                        <template #default="scope">
                          <template v-if="item.type && item.type === 'date' && ((typeof scope.row[item.prop] === 'string' && scope.row[item.prop].indexOf('-') === -1) || (typeof scope.row[item.prop] === 'number'))">
                            {{DateUtil.formatDate(scope.row[item.prop])}}
                          </template>
                          <template v-else-if="item.type && item.type === 'image'">
                            <el-image :src="scope.row[item.prop]" style="width: 30px" :fit="'contain'"></el-image>
                          </template>
                          <template v-else-if="item.type && item.type === 'link'">
                            <el-link :href="scope.row[item.prop]" target="_blank" type="primary">
                              查看
                            </el-link>
                          </template>
                          <template v-else-if="item.type && item.type === 'array'">
                            {{scope.row[item.prop].join(",")}}
                          </template>
                          <template v-else-if="item.type && item.type === 'dict'">
                            {{formatterDict(item.options, scope.row[item.prop])}}
                          </template>
                          <template v-else-if="item.type && item.type === 'precent'">
                            {{parseInt(scope.row[item.prop] * 100) + '%'}}
                          </template>
                          <template v-else-if="item.type && item.type === 'list'">
                            {{getSonList(scope.row[item.prop], item.listNames)}}
                          </template>
                          <template v-else-if="item.type && item.type === 'lists'">
                            {{getSonLists(scope.row[item.prop], item.listName)}}
                          </template>
                          <template v-else-if="item.type && item.type === 'toDetail'">
                            <span style="cursor: pointer" @click="toDetail(scope.row[item.prop])">{{scope.row[item.prop]}}</span>
                          </template>
                          <template v-else>
                            {{scope.row[item.prop] || '-'}}
                          </template>
                        </template>
                      </el-table-column>
                      <el-table-column v-if="['goudxx','ztbxx'].includes(model.id)" label="操作">
                        <template #default="scope">
                          <el-button type="primary" link @click="handleDetail(scope.row, model.name, model.id)">详情</el-button>
                        </template>
                      </el-table-column>
                    </el-table>
            
                    <pagination
                        v-show="state.detailData[model.id] && state.detailData[model.id].total > 0"
                        :total="state.detailData[model.id] && state.detailData[model.id].total"
                        :page.sync="state.queryParams[model.id] && state.queryParams[model.id].pageNum"
                        :limit.sync="model.id === 'ztbxx' ? 20 : state.queryParams[model.id] && state.queryParams[model.id].pageSize"
                        :pageSizes="model.id === 'ztbxx' ? [20] : [10, 20, 30, 50]"
                        @pagination="({page, limit})=>getTableInfoFun(page, limit, state.curUrlList, model.id)"
                        :auto-scroll="false"
                    />
                  </template>
                </div>
              </div>
            </div>
            
          </div>
    
        </el-tab-pane>
      </el-tabs>
    </div>
    
    <el-dialog :title="state.title" v-model="state.dialogOpen" width="1000px" append-to-body destroy-on-close @close="handleClose('dialogOpen', false, false)">
          <div v-if="state.bidsDetails && state.dialogType === 'ztbxx'" class="bid_detail_wrap">
            <div class="mb20">
              <div class="bids_title">
                <el-tag>{{state.bidsDetails.type}}</el-tag>
                {{state.bidsDetails.title}}</div>
              <div class="bids_date">发布日期：{{state.bidsDetails.date}}</div>
            </div>
            <el-row class="content_wrap mb20">
              <el-col :span="12">
                <span>项目编号：{{state.bidsDetails.proj_num}}</span>
              </el-col>
              <el-col :span="12">
                <span>招标采购方式：{{state.bidsDetails.tender_method}}</span>
              </el-col>
              <el-col :span="12">
                <span>招标行业标签：{{state.bidsDetails.nace}}</span>
              </el-col>
              <el-col :span="12">
                <span>地区：{{state.bidsDetails.location}}</span>
              </el-col>
              <el-col :span="24">
                <span>原文连接：{{state.bidsDetails.url}}</span>
              </el-col>
            </el-row>
            <div class="content_wrap mb20" v-if="state.bidsDetails.content">
              <div v-html="state.bidsDetails.content"></div>
            </div>
    
            <div v-if="state.bidsDetails.tender !== '[]' && JSON.parse(state.bidsDetails.tender) && JSON.parse(state.bidsDetails.tender).length > 0" class="mb20">
              <div class="md10">招标方</div>
              <el-table :data="JSON.parse(state.bidsDetails.tender)" class="own_table">
                <el-table-column label="招标机构名称" prop="name"></el-table-column>
                <el-table-column label="联系人" prop="contacts"></el-table-column>
                <el-table-column label="联系手机号" prop="phones"></el-table-column>
                <el-table-column label="联系地址" prop="address"></el-table-column>
                <el-table-column label="邮箱" prop="email"></el-table-column>
              </el-table>
            </div>
    
            <div v-if="state.bidsDetails.agency !== '-' && JSON.parse(state.bidsDetails.agency) && JSON.parse(state.bidsDetails.agency).length > 0" class="mb20">
              <div class="md10">招标代理机构</div>
              <el-table :data="JSON.parse(state.bidsDetails.agency)" class="own_table">
                <el-table-column label="代理机构名称" prop="name"></el-table-column>
                <el-table-column label="联系人" prop="contacts"></el-table-column>
                <el-table-column label="联系手机号" prop="phones"></el-table-column>
                <el-table-column label="联系地址" prop="address"></el-table-column>
                <el-table-column label="邮箱" prop="email"></el-table-column>
              </el-table>
            </div>
    
            <div v-if="state.bidsDetails.winner !== '-' && JSON.parse(state.bidsDetails.winner) && JSON.parse(state.bidsDetails.winner).length > 0">
              <div class="md10">中标单位</div>
              <el-table :data="JSON.parse(state.bidsDetails.winner)" class="own_table">
                <el-table-column label="招标机构名称" prop="name"></el-table-column>
                <el-table-column label="中标金额" prop="project_bid_money"></el-table-column>
                <el-table-column label="联系人" prop="contacts"></el-table-column>
                <el-table-column label="联系手机号" prop="phones"></el-table-column>
                <el-table-column label="联系地址" prop="address"></el-table-column>
                <el-table-column label="邮箱" prop="email"></el-table-column>
              </el-table>
            </div>
          </div>
          <div v-if="state.dialogType === 'ztbxx' && state.bidsDetails === undefined">
            <el-empty description="暂无数据"/>
          </div>
    
          <div v-if="state.dialogType === 'goudxx' && state.goudxxDetail">
            <el-descriptions border :column="2">
              <el-descriptions-item label="项目名称" :span="2">{{state.goudxxDetail.projectName}}</el-descriptions-item>
              <el-descriptions-item label="项目位置" :span="2">{{state.goudxxDetail.location}}</el-descriptions-item>
              <el-descriptions-item label="行政区">{{state.goudxxDetail.province}}</el-descriptions-item>
              <el-descriptions-item label="电子监管号">{{state.goudxxDetail.electNo}}</el-descriptions-item>
              <el-descriptions-item label="供地总面积（公顷）">{{state.goudxxDetail.area}}</el-descriptions-item>
              <el-descriptions-item label="土地来源">{{state.goudxxDetail.landSource}}</el-descriptions-item>
              <el-descriptions-item label="土地用途">{{state.goudxxDetail.landUse}}</el-descriptions-item>
              <el-descriptions-item label="供地方式">{{state.goudxxDetail.signingMode}}</el-descriptions-item>
              <el-descriptions-item label="土地使用年限">{{state.goudxxDetail.useYear}}</el-descriptions-item>
              <el-descriptions-item label="行业分类">{{state.goudxxDetail.industry}}</el-descriptions-item>
              <el-descriptions-item label="土地级别">{{state.goudxxDetail.landLevel}}</el-descriptions-item>
              <el-descriptions-item label="成交价款（万元）">{{state.goudxxDetail.price}}</el-descriptions-item>
    <!--          <el-descriptions-item label="土地使用权人">{{state.goudxxDetail.landUseRightPerson}}</el-descriptions-item>-->
    <!--          <el-descriptions-item label="约定交地时间">{{state.goudxxDetail.committedTime}}</el-descriptions-item>-->
              <el-descriptions-item label="约定开工时间">{{state.goudxxDetail.ydkgrq}}</el-descriptions-item>
              <el-descriptions-item label="约定竣工时间">{{state.goudxxDetail.ydjgrq	}}</el-descriptions-item>
              <el-descriptions-item label="批准单位">{{state.goudxxDetail.pzdw}}</el-descriptions-item>
              <el-descriptions-item label="合同签订日期">{{state.goudxxDetail.releaseTime}}</el-descriptions-item>
              <el-descriptions-item label="约定容积率下限">{{state.goudxxDetail.ydrjlXx}}</el-descriptions-item>
              <el-descriptions-item label="约定容积率上限">{{state.goudxxDetail.ydrjlSx}}</el-descriptions-item>
            </el-descriptions>
          </div>
        </el-dialog>
  </div>
</template>

<script setup lang="ts">

  import {TabsPaneContext} from "element-plus";
  import * as api from '../../interface/api.ts'
  import DateUtil from "../../utils/date.js"
  import ReportOrder from "../../components/reportOrder/reportOrder.vue";
  import {ElMessageBox} from "element-plus";
  import inlineSvg from 'vue-inline-svg'
  import { orderInfo } from './../../store/index'
  let orderInfoAct = orderInfo()

  import { storeToRefs } from 'pinia';
  import getImage from "../../assets/getImage.ts";
  import router from "../../router";
  import {isHaveButton} from "../../utils/until.ts";
  let { getReportOrder } = storeToRefs(orderInfoAct)
  const getIcon = (d: any) => {
    return new URL('/icon/'+d+'.svg', import.meta.url).href
  }
  let state = reactive({
    searchName: "" as string,
    enterpriseInfo: {} as Object,
    columnsList: [
      {
        label: "法定代表人",
        prop: "legalpersonName"
      }, {
        label: "注册资本",
        prop: "newRegCapital"
      }, {
        label: "成立日期",
        prop: "estiblishTime",
      }, {
        label: "电话",
        prop: "telephone",
      }, {
        label: "邮箱",
        prop: "email",
      }, {
        label: "网址",
        prop: "homeUrl",
        type: "link",
      }, {
        label: "状态",
        prop: "status",
      }, {
        label: "地址",
        prop: "enterpriseAddress"
      }
    ],
    cardList: [{name: '企业架构图', imgUrl:'tupu1.png', to: '/atlas'}, {name: '股权穿透图', imgUrl:'tupu2.png', to: '/equity'}, {name: '实际控制权', imgUrl:'tupu3.png', to: '/actualController'}],
    riskList: [],
    sifaList: [],
    // 一级模块数据
    tabList: [
      {
        name: "工商信息",
        prop: 'gsxx',
        icon: '合作商-工商信息'
      }, {
        name: "关联信息",
        prop: 'glxx',
        icon: '关联信息'
      }, {
        name: "经营信息",
        prop: 'jyxx',
        icon: '经营信息'
      }, {
        name: "经营风险",
        prop: 'jyfx',
        icon: '合作商-经营风险'
      }, {
        name: "知识产权",
        prop: 'zscq',
        icon: '知识产权'
      }, {
        name: "司法风险",
        prop: 'sffx',
        icon: '司法风险'
      }, {
        name: "评级信息",
        prop: 'pjxx',
        icon: '评级信息'
      }
    ],
    //二级模块数据
    modelList: {
      gsxx: [
        {
          name: "基本信息",
          icon: "Bell",
          id: 'jbxx'
        }, {
          name: "主要人员",
          icon: "Bell",
          id: 'zyglr'
        }, {
          name: "股东信息",
          icon: "Bell",
          id: 'gdxx',
        }, {
          name: "变更记录",
          icon: "Bell",
          id: 'bgjl',
        }
      ],
      pjxx: [
        {
          name: "评级信息",
          icon: "Bell",
          id: 'pjxx'
        }
      ],
      glxx: [
        {
          name: "法人对外投资",
          icon: "Bell",
          id: 'fddbrdwtz'
        }, {
          name: "法人对外任职人员",
          icon: "Bell",
          id: 'fddbrzwrz'
        }, {
          name: "分支机构",
          icon: "Bell",
          id: 'fzjg'
        }, {
          name: "对外投资",
          icon: "Bell",
          id: 'dwtz'
        }
      ],
      jyxx: [
        {
          name: "招投标信息",
          icon: "Bell",
          id: 'ztbxx'
        }, {
          name: "融资历史",
          icon: "Bell",
          id: 'rzls'
        }, {
          name: "债券信息",
          icon: "Bell",
          id: 'zqxx'
        }, {
          name: "购地信息",
          icon: "Bell",
          id: 'goudxx'
        }, {
          name: "抽查检查",
          icon: "Bell",
          id: 'ccjc'
        }, {
          name: "进出口信用",
          icon: "Bell",
          id: 'jckxy'
        }, {
          name: "资格许可",
          icon: "Bell",
          id: 'zgxk'
        }, {
          name: "行政许可",
          icon: "Bell",
          id: 'xzxk'
        },
      ],
      jyfx: [
        {
          name: "经营异常",
          icon: "Bell",
          id: 'jyyc'
        }, {
          name: "行政处罚",
          icon: "Bell",
          id: 'xzcf'
        }, {
          name: "严重违法",
          icon: "Bell",
          id: 'yzwf'
        }, {
          name: "股权出质",
          icon: "Bell",
          id: 'gqcz'
        }, {
          name: "动产抵押",
          icon: "Bell",
          id: 'dcdy'
        }, {
          name: "欠税公告",
          icon: "Bell",
          id: 'qsgg'
        }, {
          name: "清算信息",
          icon: "Bell",
          id: 'qsxx'
        }, {
          name: "税收违法",
          icon: "Bell",
          id: 'sswf'
        }, {
          name: "简易注销",
          icon: "Bell",
          id: 'jyzx'
        }, {
          name: "环保处罚",
          icon: "Bell",
          id: 'hbcf'
        },
        // {
        //   name: "土地抵押",
        //   icon: "Bell",
        //   id: 'tddy'
        // }, 
        {
          name: "股权质押",
          icon: "Bell",
          id: 'gqzy'
        }
      ],
      zscq: [
        {
          name: '商标信息',
          icon: "Bell",
          id: 'sbxx'
        }, {
          name: '专利信息',
          icon: "Bell",
          id: 'zlxx'
        }, {
          name: '软件著作权',
          icon: "Bell",
          id: 'rjzzq'
        }
      ],
      sffx: [
        {
          name: '开庭公告',
          icon: "Bell",
          id: 'ktgg'
        }, {
          name: '法院公告',
          icon: "Bell",
          id: 'fygg'
        }, {
          name: '立案信息',
          icon: "Bell",
          id: 'laxx'
        }, {
          name: '失信被执行人',
          icon: "Bell",
          id: 'sxbzxr'
        }, {
          name: '被执行人',
          icon: "Bell",
          id: 'bzxr'
        }, {
          name: '限制高消费',
          icon: "Bell",
          id: 'xzgxf'
        }, {
          name: '司法拍卖',
          icon: "Bell",
          id: 'sfpm'
        }, {
          name: '司法协助',
          icon: "Bell",
          id: 'sfxz'
        }
      ]
    },
    // 表格表头
    detailItem: {
      jbxx: {
        type: 'desc',
        data: [
          {
            prop: "name",
            label: "企业名称",
            type: "toDetail"
          }, {
            prop: "regNo",
            label: "工商注册号",
          }, {
            prop: "creditNo",
            label: "统一社会信用代码",
          }, {
            prop: "operName",
            label: "法定代表人",
          }, {
            prop: "orgNo",
            label: "组织机构代码",
          }, {
            prop: "econKind",
            label: "企业性质",
          }, {
            prop: "startDate",
            label: "成立日期",
          }, {
            prop: "registCapiNew",
            label: "注册资本(万)",
          }, {
            prop: "status",
            label: "登记状态",
          }, {
            prop: "termStart,termEnd",
            label: "营业期限",
          }, {
            prop: "address",
            label: "注册地址",
          }, {
            prop: "industryName",
            label: "行业分类",
          }, {
            prop: "taxpayerQualificationType",
            label: "纳税人资质",
          }, {
            prop: "creditCode",
            label: "纳税人识别号",
          }, {
            prop: "belongOrg",
            label: "登记机关",
          }, {
            prop: "checkDate",
            label: "核准日期",
          }, {
            prop: "actualCapi",
              label: "实缴资本(万)",
          }, {
            prop: "colleguesNum",
            label: "员工人数",
          }, {
            prop: "yanglaobxNum",
            label: "参保人数",
          }, {
            prop: "bondNum",
            label: "股票名称和代码",
          }, {
            prop: "scope",
            label: "经营范围",
          }
        ]
      },
      lxxx: {
        type: 'desc',
        data: [
          {
            prop: "telephone",
            label: "电话号码",
          }, {
            prop: "email",
            label: "电子邮箱",
          }, {
            prop: "address",
            label: "经营地址",
          }
        ]
      },
      gsjj: {
        type: 'desc',
        data: [
          {
            label: "公司简介",
            prop: "businessScope",
          }
        ]
      },
      gdxx: {
        type: 'table',
        data: [
          {
            prop: 'stockName',
            label: '股东名称',
            type: 'toDetail',
          }, {
            prop: 'stockType',
            label: '股东类型',
          }, {
            prop: 'shouldCapiConv',
            label: '认缴出资额',
          }, {
            prop: 'stockPercent',
            label: '出资比例',
            type: 'precent'
          }
        ]
      },
      zyglr: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'name',
            label: '姓名'
          }, {
            prop: 'jobTitle',
            label: '职务',
          }
        ]
      },
      gqzy: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'name',
            label: '股东名称'
          }, {
            prop: 'jobTitle',
            label: '标的企业',
          },{
            prop: 'name',
            label: '质押冻结类型'
          }, {
            prop: 'jobTitle',
            label: '质押冻结进度',
          },{
            prop: 'name',
            label: '本次质押股数'
          }, {
            prop: 'jobTitle',
            label: '占持股比',
          },{
            prop: 'name',
            label: '占总股比'
          }, {
            prop: 'jobTitle',
            label: '起止日',
          }
        ]
      },
      ktgg: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'caseNo',
            label: '案号'
          }, {
            prop: 'hearingDate',
            label: '开庭日期',
          },{
            prop: 'causeAction',
            label: '案由'
          }, {
            prop: 'relatedCompanies',
            label: '当事人',
            type: 'lists',
            listName: 'name'
          },{
            prop: 'court',
            label: '开庭法院'
          }
        ]
      },
      pjxx: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'caseNo',
            label: '评级时间'
          }, {
            prop: 'hearingDate',
            label: '评级结果',
          },{
            prop: 'causeAction',
            label: '评级机构'
          }
        ]
      },
      fygg: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'type',
            label: '公告类型'
          }, {
            prop: 'people',
            label: '当事人',
            type: 'lists',
            listName: 'name'
          },{
            prop: 'causeAction',
            label: '案由'
          }, {
            prop: 'court',
            label: '公告法院',
          },{
            prop: 'date',
            label: '公告日期'
          }
        ]
      },
      laxx: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'caseNo',
            label: '案号'
          }, {
            prop: 'caseCause',
            label: '案由',
          },{
            prop: 'relatedCompanies',
            label: '当事人',
            type: 'lists',
            listName: 'name'
          }, {
            prop: 'court',
            label: '法院名称',
          },{
            prop: 'startDate',
            label: '立案日期'
          },{
            prop: 'caseStatus',
            label: '案件状态'
          }
        ]
      },
      sxbzxr: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'caseNumber',
            label: '案号'
          }, {
            prop: 'executionDesc',
            label: '失信行为',
          },{
            prop: 'docNumber',
            label: '执行依据文书号'
          }, {
            prop: 'province',
            label: '省份',
          },{
            prop: 'court',
            label: '执行法院'
          },{
            prop: 'executionStatus',
            label: '履行情况'
          },{
            prop: 'date',
            label: '立案时间'
          },{
            prop: 'publishDate',
            label: '发布日期'
          }
        ]
      },
      bzxr: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'date',
            label: '立案时间'
          }, {
            prop: 'caseNumber',
            label: '案号',
          },{
            prop: 'docNumber',
            label: '执行金额（万元）'
          }, {
            prop: 'court',
            label: '执行法院',
          },{
            prop: 'court',
            label: '被执行人'
          }
        ]
      },
      sfpm: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'caseNumber',
            label: '案号'
          }, {
            prop: 'fullName',
            label: '拍卖标的',
          },{
            prop: 'startPrice',
            label: '起拍价'
          }, {
            prop: 'estPrice',
            label: '评估价',
          },{
            prop: 'startDate',
            label: '拍卖日期'
          }, {
            prop: 'court',
            label: '处置法院',
          },{
            prop: 'transactionDate',
            label: '交易日期'
          }, {
            prop: 'transactionPrice',
            label: '交易价格',
          },{
            prop: 'caseNumber',
            label: '交易结果'
          }
        ]
      },
      sfxz: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'executeNoticeNum',
            label: '执行通知书文号'
          }, {
            prop: 'typeState',
            label: '类型|状态',
          },{
            prop: 'executedPerson',
            label: '被执行人'
          }, {
            prop: 'estPrice',
            label: '受让人',
          },{
            prop: 'equityAmount',
            label: '数额'
          }, {
            prop: 'court',
            label: '协助执行日期',
          }
        ]
      },
      xzgxf: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'caseNo',
            label: '案号'
          }, {
            prop: 'name',
            label: '限消法人或组织',
          },{
            prop: 'executionApplicant',
            label: '申请人'
          }, {
            prop: 'companyName',
            label: '关联对象',
          },{
            prop: 'court',
            label: '执行法院'
          }, {
            prop: 'releaseDate',
            label: '发布日期',
          },{
            prop: 'caseReason',
            label: '案由'
          }
        ]
      },
      // tddy: {
      //   type: 'table',
      //   data: [
      //     {
      //       prop: 'index',
      //       label: '序号',
      //     },{
      //       prop: 'landLoc',
      //       label: '土地坐落'
      //     }, {
      //       prop: 'startDate',
      //       label: '起止时间',
      //     },{
      //       prop: 'landAministrativeArea',
      //       label: '行政区'
      //     }, {
      //       prop: 'mortgageArea',
      //       label: '抵押面积（公顷）',
      //     },{
      //       prop: 'mortgageToUser',
      //       label: '抵押土地用途'
      //     }
      //   ]
      // },
      hbcf: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'documentNo',
            label: '决定文书号'
          }, {
            prop: 'punishmentType',
            label: '处罚类型',
          },{
            prop: 'punishments',
            label: '处罚内容',
            type: 'lists',
            listName: 'punishment_reason'
          }, {
            prop: 'punishAmnt',
            label: '罚款金额（万元）',
          },{
            prop: 'punishmentDept',
            label: '处罚机关'
          },{
            prop: 'punishDate',
            label: '处罚日期'
          }
        ]
      },
      jyzx: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'department',
            label: '登记机关'
          }, {
            prop: 'noticePeriod',
            label: '公告期',
          },{
            prop: 'gsScaResult',
            label: '简易注销结果',
            type: 'lists',
            listName: 'result'
          }, {
            prop: 'gsScaObjections',
            label: '异议信息',
            type: 'lists',
            listName: 'proposer'
          }
        ]
      },
      sswf: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'startDate',
            label: '违法事实中开始时间'
          }, {
            prop: 'endDate',
            label: '违法事实中结束时间',
          },{
            prop: 'caseType',
            label: '案件性质'
          }, {
            prop: 'truth',
            label: '违法事实',
          },{
            prop: 'lawPunishment',
            label: '法律依据及处罚'
          }, {
            prop: 'checkDepartment',
            label: '检查机关',
          }
        ]
      },
      qsgg: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'overdueType',
            label: '欠税税种'
          }, {
            prop: 'historyOverdueAmount',
            label: '欠税金额',
          },{
            prop: 'currOverdueAmount',
            label: '当前新发生的欠税'
          }, {
            prop: 'overdueAmount',
            label: '欠税余额',
          },{
            prop: 'pubDepartment',
            label: '机关名称'
          }, {
            prop: 'pubDate',
            label: '公布时间',
          }
        ]
      },
      dcdy: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'date',
            label: '登记日期'
          }, {
            prop: 'number',
            label: '登记编号',
          },{
            prop: 'department',
            label: '登记机关'
          }, {
            prop: 'type',
            label: '被担保债券类型',
          },{
            prop: 'debitAmount',
            label: '被担保债券数额'
          }, {
            prop: 'status',
            label: '担保状态',
          }
        ]
      },
      gqcz: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'date',
            label: '登记日期'
          }, {
            prop: 'number',
            label: '登记编号',
          },{
            prop: 'pledgor',
            label: '出质人'
          }, {
            prop: 'objectCompany',
            label: '标的方',
          },{
            prop: 'pawnee',
            label: '质权人'
          }, {
            prop: 'pledgorAmount',
            label: '出质股权数额',
          },{
            prop: 'status',
            label: '状态'
          }, {
            prop: 'publicDate',
            label: '公告时间',
          }
        ]
      },
      qsxx: {
        type: 'desc',
        data: [
          {
            prop: 'leader',
            label: '清算组负责人',
          },{
            prop: 'employees',
            label: '清算组成员'
          }
        ]
      },
      ccjc: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          },{
            prop: 'date',
            label: '日期'
          }, {
            prop: 'type',
            label: '类型',
          },{
            prop: 'result',
            label: '结果'
          }, {
            prop: 'department',
            label: '检查实施机关',
          }
        ]
      },
      jyyc: {
        type: 'table',
        data: [
          {
            prop: 'inReason',
            label: '列入原因',
          },{
            prop: 'inDate',
            label: '列入日期'
          }, {
            prop: 'department',
            label: '作出列入决定机关',
          },{
            prop: 'outReason',
            label: '移出原因'
          }, {
            prop: 'outDate',
            label: '移出日期',
          }, {
            prop: 'outDepartment',
            label: '作出移出决定机关',
          }
        ]
      },
      xzcf: {
        type: 'table',
        data: [
          {
            prop: 'document',
            label: '决定文书号',
          },{
            prop: 'department',
            label: '处罚机关'
          }, {
            prop: 'reason',
            label: '处罚事由',
          },{
            prop: 'punishmentText',
            label: '处罚内容'
          }, {
            prop: 'basedOn',
            label: '处罚依据',
          }, {
            prop: 'illegalType',
            label: '违法行为类型',
          }, {
            prop: 'date',
            label: '处罚日期',
          }
        ]
      },
      yzwf: {
        type: 'table',
        data: [
          {
            prop: 'putReason',
            label: '列入原因',
          },{
            prop: 'putDate',
            label: '列入日期'
          }, {
            prop: 'putDepartment',
            label: '作出列入决定机关',
          },{
            prop: 'removeReason',
            label: '移出原因'
          }, {
            prop: 'removeDate',
            label: '移出日期',
          }, {
            prop: 'removeDepartment',
            label: '作出移出决定机关',
          }
        ]
      },
      hxtd: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '姓名',
          }, {
            prop: 'position',
            label: '职位',
          }, {
            prop: 'brief',
            label: '介绍',
          }
        ]
      },
      bgjl: {
        type: 'table',
        data: [
          {
            prop: 'index',
            label: '序号',
          }, {
            prop: 'changeDate',
            label: '变更日期',
          }, {
            prop: 'type',
            label: '变更事项',
          }, {
            prop: 'beforeContent',
            label: '变更前内容',
          }, {
            prop: 'afterContent',
            label: '变更后内容',
          }
        ]
      },
      cwInfo: {
        type: 'table',
        data: [
          {
            prop: 'year',
            label: '年份',
          }, {
            prop: 'totAssets',
            label: '资产总额',
          }, {
            prop: 'totLiab',
            label: '负债总额',
          }, {
            prop: 'operRev',
            label: '营业总收入',
          }, {
            prop: 'mainBusinessRevenue',
            label: '主营业务收入',
          }, {
            prop: 'totProfit',
            label: '利润总额',
          }, {
            prop: 'netProfit',
            label: '净利润',
          }, {
            prop: 'payTaxesTotal',
            label: '纳税总额',
          }, {
            prop: 'totalEquity',
            label: '所有者权益',
          }
        ]
      },
      cwzb: {
        type: 'table',
        data: [
          {
            prop: 'year',
            label: '年份',
          }, {
            prop: 'zzczzlc',
            label: '总资产周转率（次）',
          }, {
            prop: 'zcfzl',
            label: '资产负债率（%）',
          }, {
            prop: 'srfzb',
            label: '收入负债比（倍）',
          }, {
            prop: 'jzcsyl',
            label: '净资产收益率（%）',
          }
        ]
      },
      dwtz: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '企业名称',
            type: "toDetail"
          }, {
            prop: 'investStatus',
            label: '企业状态',
          }, {
            prop: 'investStartDate',
            label: '成立日期',
            type: 'date'
          },/* {
            prop: 'base',
            label: '注册省份',
          },*/ {
            prop: 'industryName',
            label: '所属行业',
          }, {
            prop: 'shouldCapiConv',
            label: '投资金额（万元）',
          }, {
            prop: 'investRegistCapi',
            label: '注册资本（万元）',
          }
        ]
      },
      fddbrdwtz: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '企业名称',
            type: "toDetail"
          }, {
            prop: 'type',
            label: '类型',
          }, {
            prop: 'base',
            label: '省份',
          }, {
            prop: 'regStatus',
            label: '企业状态',
          }
        ]
      },
      fddbrzwrz: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '企业名称',
            type: "toDetail"
          }, {
            prop: 'isFaRen',
            label: '是否法定代表人',
          }, {
            prop: 'type',
            label: '职务',
          }, {
            prop: 'regStatus',
            label: '企业状态',
          }
        ]
      },
      fzjg: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '企业名称',
          }, {
            prop: 'operName',
            label: '负责人',
          }, {
            prop: 'provinceName',
            label: '注册省份',
          }, {
            prop: 'termStart',
            label: '成立日期',
            type: 'date'
          }, {
            prop: 'status',
            label: '经营状态',
          }
        ]
      },
      qyyw: {
        type: 'table',
        data: [
          {
            prop: 'product',
            label: '产品',
          }, {
            prop: 'yewu',
            label: '业务',
          }, {
            prop: 'hangye',
            label: '行业',
          }
        ]
      },
      cpxx: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '产品名称',
          }, {
            prop: 'filterName',
            label: '产品简称',
          }, {
            prop: 'classes',
            label: '领域',
          }, {
            prop: 'type',
            label: '产品分类',
          }, {
            prop: 'brief',
            label: '描述',
          }, {
            prop: 'icon',
            label: 'ICON',
            type: 'image'
          }
        ]
      },
      ztbxx: {
        type: 'table',
        data: [
          {
            prop: 'title',
            label: '标题',
          }, {
            prop: 'noticeType',
            label: '公告类型',
          }, {
            prop: 'publishTime',
            label: '发布日期',
          }, {
            prop: 'provinceName',
            label: '省份',
          }, {
            prop: 'role',
            label: '当前企业角色',
            type: 'dict',
            options: 'roleOptions',
          }, {
            prop: 'winnerCompany',
            label: '中标单位|中标金额',
            type: 'list',
            listNames: ['name', 'project_bid_money']
          }
        ]
      },
      zqxx: {
        type: 'table',
        data: [
          {
            prop: 'bondName',
            label: '债券简称',
          }, {
            prop: 'bondType',
            label: '债券类型',
          }, {
            prop: 'realIssuedQuantity',
            label: '实际发行总量（亿元）',
          }, {
            prop: 'debtRating',
            label: '信用评级',
          }, {
            prop: 'publishTime',
            label: '发行日',
            type: 'date'
          }, {
            prop: 'publishExpireTime',
            label: '到期日',
            type: 'date'
          }
        ]
      },
      jckxy: {
        type: 'desc',
        data: [
          {
            prop: 'customsReg',
            label: '注册海关',
          }, {
            prop: 'regDate',
            label: '注册日期',
          }, {
            prop: 'vailDate',
            label: '报关有效期',
          }, {
            prop: 'administrativeDivisions',
            label: '行政区划',
          }, {
            prop: 'businessCategory',
            label: '经营类别',
          }, {
            prop: 'industryType',
            label: '行业种类',
          }, {
            prop: 'economicRegions',
            label: '经济区划',
          }, {
            prop: 'cancelFlag',
            label: '海关注销标志',
          }, {
            prop: 'electType',
            label: '跨境贸易电子商务类型',
          }, {
            prop: 'creditLevelsNew',
            label: '信用等级',
          }, {
            prop: 'creditTime',
            label: '认证时间',
          }, {
            prop: 'creditNum',
            label: '证书编号',
          }
        ]
      },
      rzls: {
        type: 'table',
        data: [
          {
            prop: 'date',
            label: '融资时间',
            type: 'date'
          }, {
            prop: 'investorName',
            label: '投资企业',
          }, {
            prop: 'money',
            label: '金额',
          }, {
            prop: 'newsTitle',
            label: '新闻标题',
          }, {
            prop: 'newsUrl',
            label: '新闻URL',
            type: 'link'
          }, {
            prop: 'round',
            label: '轮次',
          }, {
            prop: 'share',
            label: '投资比例',
          }, {
            prop: 'value',
            label: '估值',
          }
        ]
      },
      swpj: {
        type: 'table',
        data: [
          {
            prop: 'year',
            label: '年份',
          }, {
            prop: 'grade',
            label: '纳税等级',
          }, {
            prop: 'name',
            label: '纳税人识名称',
          }, {
            prop: 'taxNum',
            label: '纳税人识别号',
          }
        ]
      },
      tzsj: {
        type: 'table',
        data: [
          {
            prop: 'location',
            label: '地区',
          }, {
            prop: 'yewu',
            label: '业务范围',
          }, {
            prop: 'hangye1',
            label: '行业',
          }, {
            prop: 'tzdate',
            label: '投资时间',
            type: 'date'
          }, {
            prop: 'product',
            label: '产品名',
          }, {
            prop: 'money',
            label: '金额',
          }, {
            prop: 'lunci',
            label: '轮次',
          }, {
            prop: 'organizationName',
            label: '投资公司',
          }
        ]
      },
      zgxk: {
        type: 'table',
        data: [
          {
            prop: 'licenseName',
            label: '资格许可名称',
          }, {
            prop: 'registerNo',
            label: '许可文件编号',
          }, {
            prop: 'validStart',
            label: '颁发日期',
          }, {
            prop: 'validEnd',
            label: '有效期至',
          }
        ]
      },
      xzxk: {
        type: 'table',
        data: [
          {
            prop: 'licenseDate',
            label: '起始日期',
            type: 'date'
          }, {
            prop: 'endDate',
            label: '截止日期',
          }, {
            prop: 'number',
            label: '许可文书编号',
          }, {
            prop: 'licenseName',
            label: '许可证名称',
          }, {
            prop: 'department',
            label: '发证机关',
          }, {
            prop: 'content',
            label: '范围',
          }
        ]
      },
      goudxx: {
        type: 'table',
        data: [
          {
            prop: 'location',
            label: '宗地位置',
          }, {
            prop: 'price',
            label: '成交价款（万元）',
          }, {
            prop: 'province',
            label: '行政区',
          }, {
            prop: 'area',
            label: '供地总面积（公顷）',
          }, {
            prop: 'landUse',
            label: '土地用途',
          }, {
            prop: 'releaseTime',
            label: '签订日期',
            type: 'date'
          }
        ]
      },
      sbxx: {
        type: 'table',
        data: [
          {
            prop: 'applyDate',
            label: '申请日期',
            type: 'date'
          }, {
            prop: 'trademarkName',
            label: '商标名称',
          }, {
            prop: 'imageUrl',
            label: '商标',
            type: 'image'
          }, {
            prop: 'trademarkType',
            label: '类别',
          }, {
            prop: 'regNumber',
            label: '注册号',
          }, {
            prop: 'trademarkStatus',
            label: '流程状态',
          }
        ]
      },
      zlxx: {
        type: 'table',
        data: [
          {
            prop: 'outhorDate',
            label: '公布日',
          }, {
            prop: 'typeName',
            label: '专利名称',
          }, {
            prop: 'type',
            label: '专利类型',
          }, {
            prop: 'outhorNum',
            label: '公开号',
          }, {
            prop: 'requestNumStandard',
            label: '申请号',
          }
        ]
      },
      zzqxx: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '作品名称',
          }, {
            prop: 'typeName',
            label: '类别',
          }, {
            prop: 'number',
            label: '登记号',
          }, {
            prop: 'approvalDate',
            label: '登记日期',
            type: 'date'
          }, {
            prop: 'firstDate',
            label: '首次发布日期',
            type: 'date'
          }
        ]
      },
      rjzzq: {
        type: 'table',
        data: [
          {
            prop: 'name',
            label: '软件全称',
          }, {
            prop: 'version',
            label: '版本号',
          }, {
            prop: 'number',
            label: '登记号',
          }, {
            prop: 'firstDate',
            label: '发布日期',
            type: 'date'
          }, {
            prop: 'approvalDate',
            label: '登记批准日期',
            type: 'date'
          }
        ]
      },
      wzbah: {
        type: 'table',
        data: [
          {
            prop: 'homeUrl',
            label: '网站首页',
          }, {
            prop: 'domain',
            label: '域名',
          }, {
            prop: 'number',
            label: '备案号',
          }, {
            prop: 'checkDate',
            label: '审核日期',
          }
        ]
      },
      zpxx: {
        type: 'table',
        data: [
          {
            prop: 'title',
            label: '职位',
          }, {
            prop: 'education',
            label: '学历',
          }, {
            prop: 'city',
            label: '地区',
          }, {
            prop: 'salary',
            label: '薪水',
          }, {
            prop: 'experience',
            label: '工作经验',
          }, {
            prop: 'startDate',
            label: '发布日期',
            type: 'date'
          }, {
            prop: 'source',
            label: '数据来源',
          }
        ]
      },
      xwxx: {
        type: 'table',
        data: [
          {
            prop: 'title',
            label: '新闻标题',
          }, {
            prop: 'website',
            label: '新闻来源',
          }, {
            prop: 'rtm',
            label: '发布时间',
            type: 'date'
          }, {
            prop: 'uri',
            label: '新闻网址',
            type: 'link'
          }
        ]
      },
      wxggh: {
        type: 'table',
        data: [
          {
            prop: 'publicNum',
            label: '微信号',
          }, {
            prop: 'title',
            label: '微信号名称',
          }, {
            prop: 'codeImg',
            label: '二维码',
            type: 'image'
          }, {
            prop: 'recommend',
            label: '功能介绍',
          }, {
            prop: 'titleImgURL',
            label: 'LOGO',
            type: 'image'
          }
        ]
      },
    } as any,
    //表格数据
    detailData: {
      gsdj: {},
      lxxx: {},
      gsjj: {},
    } as any,
    queryParams: {
    } as any,
    activeIndex: 0,
    tabProp: "gsxx",
    curUrlList: {} as any,
    isMenuFixed: false,
    tabLabel: 0,
    // 地址列表
    urlList: {
      jbxx: 'basic/base', //股东信息
      zyglr: 'basic/staff ', //主要管理人
      bgjl: 'basic/changeInfo', //变更记录
      gdxx: 'basic/holder', //股东信息
    },
    glxxInfoList: {
      dwtz: 'affiliates/inverst', //对外投资
      fddbrdwtz: 'affiliates/allCompanys',  //法定代表人对外投资
      fddbrzwrz: 'affiliates/allCompanys/roles',  //法定代表人在外任职
      fzjg: 'affiliates/branch', //分支机构
    },
    urlList2: {
      dwtz: 'affiliates/inverst', //对外投资
      fddbrdwtz: 'affiliates/allCompanys',  //法定代表人对外投资
      fddbrzwrz: 'affiliates/allCompanys/roles',  //法定代表人在外任职
      fzjg: 'affiliates/branch', //分支机构
    },
    urlList3: {
      ztbxx:'operate/bids',  //招投标信息
      zqxx:'operate/bond',  //债券信息
      jckxy:'operate/importAndExport',  //进出口信用
      rzls:'operate/historyRongZi',  //融资历史
      swpj: 'operate/taxCredit',  //税务评级
      zgxk: 'operate/qualification',  //资质许可
      xzxk: 'operate/getAdministrativeLicense',  //行政许可
      goudxx: 'operate/purchaseLand',  //购地信息
      sbxx: 'propertyRight/trademark',  //商标信息
    },
    urlList4: {
      zlxx: 'propertyRight/patents',   //企业专利信息
      rjzzq: 'propertyRight/copyReg',  //软件著作权
      sbxx: 'propertyRight/trademark',  //网站备案号
    },
    urlList5: {
      ktgg: 'judicial/getCourtNoticeByName',
      fygg: 'judicial/courtAnnouncement',
      laxx: 'judicial/entoutdetail',
      sxbzxr: 'judicial/humanDishonest',
      bzxr: 'judicial/executedPerson',
      xzgxf: 'judicial/xgbzxrorg',
      sfpm: 'judicial/judicialSale',
      sfxz: 'judicial/judicial'
    },
    urlList6: {
      jyyc: 'abnormal/abnormal',
      xzcf: 'abnormal/punishmentInfo',
      yzwf: 'abnormal/illegalInfo',
      gqcz: 'abnormal/equityInfo',
      dcdy: 'abnormal/mortgageInfo',
      qsgg: 'abnormal/ownTax',
      qsxx: 'abnormal/liquidating',
      sswf: 'abnormal/taxViolation',
      jyzx: 'abnormal/simpleCancellation',
      hbcf: 'abnormal/environmentalPenalty',
      // tddy: 'judicial/news',
      gqzy: 'abnormal/stockPledge',
    },
    title: "",
    dialogOpen: false,
    reportOrderOpen: false,
    dialogType: "",
    projectInfo: {},
    isDownload: false,
    isLoading: false,
    roleOptions: [{dictValue:'10', dictLabel: '招采单位/建设单位'}, {dictValue:'20', dictLabel: '代理单位'}, {dictValue:'30', dictLabel: '中标单位'}, {dictValue:'40', dictLabel: '中标候选人'}, {dictValue:'50', dictLabel: '其他相关企业'}],
    cityOptions: [{dictValue: '34', dictLabel: '安徽'}, {dictValue: '11', dictLabel: '北京'}, {dictValue: '50', dictLabel: '重庆'}, {dictValue: '35', dictLabel: '福建'},
      {dictValue: '44', dictLabel: '广东'}, {dictValue: '45', dictLabel: '甘肃'}, {dictValue: '45', dictLabel: '广西'}, {dictValue: '52', dictLabel: '贵州'}, {dictValue: '46', dictLabel: '海南'}
      , {dictValue: '13', dictLabel: '河北'}, {dictValue: '23', dictLabel: '黑龙江'}, {dictValue: '河南', dictLabel: '41'}, {dictValue: '湖北', dictLabel: '42'}, {dictValue: '湖南', dictLabel: '43'}
      , {dictValue: '22', dictLabel: '吉林'}, {dictValue: '32', dictLabel: '江苏'}, {dictValue: '36', dictLabel: '江西'}, {dictValue: '21', dictLabel: '辽宁'}, {dictValue: '15', dictLabel: '内蒙古'}, {dictValue: '64', dictLabel: '宁夏'}
      , {dictValue: '63', dictLabel: '青海'}, {dictValue: '51', dictLabel: '四川'}, {dictValue: '37', dictLabel: '山东'}, {dictValue: '31', dictLabel: '上海'}, {dictValue: '61', dictLabel: '陕西'}, {dictValue: '14', dictLabel: '山西'}
      , {dictValue: '12', dictLabel: '天津'}, {dictValue: '65', dictLabel: '新疆'}, {dictValue: '54', dictLabel: '西藏'}, {dictValue: '33', dictLabel: '浙江'}],
    gdTypeOptions: [{dictValue: 'E', dictLabel: '企业'},{dictValue: 'P', dictLabel: '其他'},],
    bidsDetails: undefined as any,
    goudxxDetail: undefined as any,
    showCwDataStatus: 0,
  }) as any;

  let contentFormat = (content: any) => {
    if (content === undefined) {
      return "--"
    } else if (typeof content === 'string' && content.indexOf("[{") > -1) {
      let json = JSON.parse(content)
      let temp: any = []
      json.forEach((item: object) => {
        temp.push(JSON.stringify(item))
      })
      return temp.join(",")
    } else if (content instanceof Array) {
      return content.join(",")
    }
    return content
  }

  let getStatistics = () => {
    api.getStatisticsInfo({name: state.searchName}, "statistics/prompt/statistics").then((res: any)=> {
      // state.riskList = res.data
      Object.keys(res.data).forEach(key=> {
        let temp = {name: "", count: ""}
        let siFaTemp = {name: "", count: "", unit: "", span: 1}
        switch (key) {
          case 'xzcfNum':
            temp.name = '行政处罚'
            break
          case 'gqczNum':
            temp.name = '股权出质'
            break
          case 'dcdyNum':
            temp.name = '动产抵押'
            break
          case 'tddyNum':
            temp.name = '土地抵押'
            break
          case 'jyycNum':
            temp.name = '经营异常'
            break
          case 'yzwfNum':
            temp.name = '严重违法'
            break
          case 'qsggNum':
            temp.name = '欠税公告'
            break
          case 'sfxz':
            temp.name = '司法协助'
            break
          case 'sfpmNum':
            temp.name = '司法拍卖'
            break
          case 'sfssNum':
            siFaTemp.name = '司法涉诉'
            siFaTemp.unit = '件'
            siFaTemp.span = 2
            break
          case 'wjaajNum':
            siFaTemp.name = '未结案件'
            siFaTemp.unit = '件'
            break
          case 'wjbgNum':
            siFaTemp.name = '未结被告案件'
            siFaTemp.unit = '件'
            break
          case 'wjsaDetail':
            siFaTemp.name = '未结涉案金额'
            siFaTemp.unit = '万元'
            break
        }
        if (['xzcfNum', 'gqczNum', 'dcdyNum', 'jyycNum', 'yzwfNum', 'qsggNum', 'sfxz', 'sfpmNum'].includes(key)) {
          temp.count = res.data[key]
          state.riskList.push(temp)
        }
        if (['sfssNum', 'wjaajNum', 'wjbgNum', 'wjsaDetail'].includes(key)) {
          siFaTemp.count = res.data[key]
          state.sifaList.push(siFaTemp)
        }
      })
      state.riskList.push({name: "更多", count: ""})
      /*state.riskList.forEach(item=> {
        switch (item.name) {
          case '行政处罚' :
            item.count = res.data.xzcfNum
        }
      })*/
    })
  }

  let handleTabClick = (pane: TabsPaneContext, ev: Event) => {
    state.activeIndex = pane.props.name
    state.tabList.forEach((item: any, index: any)=> {
      if (state.activeIndex === index) {
        state.tabProp = item.prop
      }
    })
    let list = {}
    if (state.tabProp === 'gsxx') {
      list = state.urlList
    } else if (state.tabProp === 'glxx') {
      list = state.urlList2
    } else if (state.tabProp === 'jyxx') {
      list = state.urlList3
    } else if (state.tabProp === 'jyfx') {
      list = state.urlList6
    } else if (state.tabProp === 'zscq') {
      list = state.urlList4
    } else if (state.tabProp === 'sffx') {
      list = state.urlList5
    }
    state.curUrlList = Object.assign({}, list);
    // 循环调接口
    Object.keys(list).forEach(item=> {
      getTableInfoFun(1, 10, state.curUrlList, item)
    })
  }

  let tableRowClassName = ({ row, rowIndex }) =>{
    row.index = rowIndex + 1;
  }

  let cardRef = ref(null) as any;
  let handleScroll = () => {
    if (cardRef.value[state.activeIndex].$el.getBoundingClientRect().top <= 60) {
      state.isMenuFixed = true
    } else {
      state.isMenuFixed = false
    }
  }

  let getBaseInfo = () => {
    api.getInfoList({},'/business/info/getEnterpriseInfoByEname?ename='+state.searchName).then((res: any)=> {
      console.log(res)
      state.detailData.gsdj = Object.assign(state.detailData.gsdj, res.data)
      state.detailData.lxxx = Object.assign(state.detailData.lxxx, res.data)
      state.detailData.gsjj = Object.assign(state.detailData.gsjj, res.data)
      state.enterpriseInfo = Object.assign( {}, res.data)
      console.log(state.enterpriseInfo)
    })
  }

  let getTableInfoFun = (page: Number, limit: Number, curUrlList: any, prop: string) => {
    // 动态添加请求参数
    state.queryParams = Object.assign(state.queryParams, {[prop]: {name: state.searchName, pageNum: page, pageSize: limit}})
    // 动态添加返回参数
    if (state.detailData[prop] === undefined) {
      if (['cwInfo'].includes(prop)) {
        state.detailData = Object.assign(state.detailData, {'cwInfo': {total: 0, rows: []}})
        state.detailData = Object.assign(state.detailData, {'cwzb': {total: 0, rows: []}})
      } else {
        state.detailData = Object.assign(state.detailData, {[prop]: {total: 0, rows: []}})
      }
    }
    let isV2 = true
    if (['cwInfo'].includes(prop)) {
      state.queryParams[prop] = {}
      curUrlList[prop] = curUrlList[prop] + "?name=" + state.searchName
      isV2 = false
    }
    api.getTableInfoMix(state.queryParams[prop], curUrlList[prop], isV2).then((res: any)=> {
      if (['fddbrzwrz'].includes(prop)) {
        res.data.legalList.forEach((item: any) => {
          item['isFaRen'] = '是'
        })
        res.data.officeList.forEach((item: any) => {
          item['isFaRen'] = '否'
        })
        state.detailData[prop].rows = res.data.legalList.concat(res.data.officeList)
      } else if (['cwInfo'].includes(prop)) {
        state.showCwDataStatus = res.data.status
        if (state.showCwDataStatus === 1) {
          state.detailData['cwInfo'].rows = res.data.list1
          state.detailData['cwzb'].rows = res.data.list2
        }
      } else {
        if (res) {
          state.detailData[prop] = Object.assign({}, res.data)
        }
      }
      if (['fddbrdwtz'].includes(prop)) {
        state.detailData[prop].total = 0
      }
    })
  }

  let handleUpdateCwData = (val: number) => {
    let con1 = "是否确认调取财务数据，确认调取可能将计入服务费用"
    let con2 = "是否确认更新财务数据，确认更新可能将计入服务费用"
    let con = val === 1 ? con1 : con2
    ElMessageBox.confirm(
        con,
        '警告',
        {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        }
    ).then(() => {
      // 用户点击了确定按钮后的操作
      api.getInfoList({}, "web/financeInfo/reflushedFinance?name=" + state.searchName).then((res: any)=> {
        state.showCwDataStatus = res.data.status
        if (state.showCwDataStatus === 1) {
          state.detailData['cwInfo'].rows = res.data.list1
          state.detailData['cwzb'].rows = res.data.list2
        } else {
          ElMessage.success("刷新成功")
        }
      })
    }).catch(() => {
      // 用户点击了取消按钮后的操作
    });

  }

  let handleDetail = (row: object, dialogTitle: string, dialogType: string) => {
    state.title = dialogTitle + '详情'
    state.dialogOpen = true
    state.dialogType = dialogType
    if (dialogType === 'ztbxx') {
      api.getTableInfo({id: row.id, name: state.searchName}, 'operate/bidsDetail').then((res: any) => {
        state.bidsDetails = res.data
      })
    }
    if (dialogType === 'goudxx') {
      state.goudxxDetail = row
    }
  }

  // 立即下单
  let handleSubmit = (name: string, row: Object) => {
    state[name] = true
    orderInfoAct.setProjectInfo(row)
  }

  let handleCredit = (row: object) => {
    router.push('/databaseDetail?name=' + row.name)
  }

  let getMonitorStatus = () => {
    api.getInfoList({ename: state.searchName}, "/web/monitorCompany/compinfo").then((res: any)=> {
      state.projectInfo = res.data
      state.isDownload = false
      if (res.data.reportList) {
        res.data.reportList.forEach((item: any) => {
          if (item.hasReport === '0') {
            state.isDownload = true
          }
        })
      }
    }).finally(()=> {
      state.isLoading = false
    })
  }

  // 添加监控
  let handleSubmitMonitor = (row: any) => {
    state.isLoading = true
    let tempJson = {
      ename: row.ename, 
      lrName: row.legalpersonName, 
      regStatus: row.regStatus, 
      regCapital: row.regCapital, 
      establishDate: row.estiblishTime, 
      creditCode: row.creditCode}
    api.addMonitor(tempJson).then((res: Object)=> {
      ElMessage.success("添加成功")
      getMonitorStatus()
    })
  }

  let formatterDict = (options: any, value: any) => {
    let dictLabel = ""
    state[options].forEach((item: any)=> {
      if (item.dictValue == value) {
        dictLabel = item.dictLabel
      }
    })
    return dictLabel
  }

  let getSonList = (list: any, names: any) => {
    let contentList = [] as any;
    if (list && JSON.parse(list).length > 0) {
      JSON.parse(list).forEach((item:any)=> {
        let content = [] as any;
        names.forEach((ns: any)=> {
          if (item[ns]) {
            content.push(item[ns])
          }
        })
        if (content.length > 1) {
          contentList.push(content.join("|"))
        }
      })
    }
    return contentList.join(";")
  }
  
  const getSonLists = (list: any, names: any) => {
    console.log(list,names)
    let contentList = [] as any;
    if (list && JSON.parse(list).length > 0) {
      JSON.parse(list).forEach((item:any)=> {
        contentList.push(item[names])
      })
    }
    return contentList.join("; ")
  }

  let handleClose = (name: string, value: boolean, isRefresh: boolean) => {
    state[name] = value
    if (state.dialogType === 'ztbxx') {
      state.bidsDetails = undefined
    }
  }

  let toDetail = (name: string) => {
    window.open('/enterpriseDetail?name=' + name, "_blank")
  }
  
  const executedPerson:any = ref([])
  const xgbzxrorg:any = ref([])
  
  onMounted(()=> {
    const route = useRoute();
    state.searchName = route.query.name
    // getStatistics()
    // 基本信息
    
    api.getStatisticsInfo({},'judicial/executedPerson').then(res => {
      if(res&&res.code==200) {
        executedPerson.value = res.data
      }
    })
    api.getStatisticsInfo({},'judicial/xgbzxrorg').then(res => {
      if(res&&res.code==200) {
        xgbzxrorg.value = res.data
      }
    })
    
    getBaseInfo()
    state.curUrlList = Object.assign({}, state.urlList)
    Object.keys(state.curUrlList).forEach(item=> {
      getTableInfoFun(1, 10, state.curUrlList, item)
    })
    state.projectInfo = getReportOrder.value.projectInfo

    /*if (!isHaveButton("front:glxx")) {
      state.tabList.splice(1, 1)
    }*/
    // 查询状态
    // getMonitorStatus()

    // window.addEventListener('scroll', handleScroll);
  })

  onUnmounted(()=> {
    window.removeEventListener('scroll', handleScroll);
  })

</script>

<style scoped lang="scss">
.body_wrap {
  background: linear-gradient( 179deg, #F5FBFF 0%, #FBFBFB 100%);
  .descriptions {
    background: #E4F1FF;
    margin-top: 20px;
    padding: 5px 0;
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    &>div {
      display: flex;
      width: 33.33%;
      padding-left: 25px;
      border-bottom: 1px dashed #BACFE5;
      box-sizing: border-box;
      padding-bottom: 14px;
      padding-top: 14px;
      color: #333333;
    }
    &>div:nth-child(7) {
      border-bottom: none;
    }
    &>div:nth-child(8) {
      border-bottom: none;
      width: 66.66%;
      div {
        width: 55px;
      }
    }
    .label {
      color: #999999;
      margin-right: 10px;
    }
  }
}
::v-deep .el-tabs__nav{
  background: #fff !important;
}
::v-deep .el-anchor__marker {
  display: none;
}
::v-deep .el-descriptions__label.el-descriptions__cell.is-bordered-label {
  background: #E4F1FF;
  height: 52px;
}
::v-deep .el-table.own_table .el-table__header-wrapper th, .el-table.own_table .el-table__fixed-header-wrapper th {
  background: #E4F1FF;
}
::v-deep .detail_tabs.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  background: #fff !important;
  .blue-path { fill: #1983E9 !important; }
}
.custom-tabs-label {
  display: flex;
  align-items: center;
  svg {
    margin-right: 5px;
  }
}
.risk_info {
  display: flex;
  align-items: center;
  color: #f56c6c;
}
.cardFixed {
  position: fixed;
  top: 60px;
  background-color: #fff;
  z-index: 99;
  width: calc(80% - 20px);
}

.card_name {
  text-align: center;
  color: #515a6e;
  background-color: #E5F0FF;
  padding: 10px 0;
}
.col_tag {
  display: flex;
  flex-wrap: wrap;
  div {
    padding: 2px 6px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    border-radius: 1px;
    margin-right: 10px;
  }
}
.col_title {
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  width: 57px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  &.title_color_0, &.title_color_5 {
    background-color: #93BBF2;
  }
  &.title_color_1, &.title_color_6 {
    background-color: #93DDF2;
  }
  &.title_color_2, &.title_color_7 {
    background-color: #B693F2;
  }
  &.title_color_3, &.title_color_8 {
    background-color: #F6AEAE;
  }
  &.title_color_4, &.title_color_9 {
    background-color: #EEC5AB;
  }
}

:deep(.detail_tabs .el-tabs__header) {
  margin: 0;
}
:deep(.detail_tabs.el-tabs--card>.el-tabs__header .el-tabs__nav) {
  width: 100%;
  background-color: #F0F0F0;
  border: 0;
}
:deep(.detail_tabs .el-tabs__item) {
  height: 47px;
}
:deep(.detail_tabs.el-tabs--card>.el-tabs__header .el-tabs__item.is-active) {
  background-color: #DFE9FC;
  border-bottom: 2px #2969E7 solid;
  color: #2969E7;
}
:deep(.detail_tabs.el-tabs--card>.el-tabs__header .el-tabs__item) {
  width: 25%;
  border: 0;
  color: #909399;
}
:deep(.tu_wrap .el-card__body) {
  padding: 0;
}
.model_title {
  color: #222222;
  position: relative;
  .right_desc {
    float: right;
    color: #999999;
    font-size: 14px;
  }
  i {
    position: absolute;
    width: 4px;
    height: 14px;
    background: #1983E9;
    left: -20px;
    top: 5px;
  }
}

.bid_detail_wrap {
  .bids_title {
    text-align: center;
  }
  .bids_date {
    text-align: right;
  }
  .content_wrap {
    padding: 20px;
    background-color: #eeeeee;
  }
}
.history_name {
  font-size: 14px;
}
</style>