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.name">
              <div>{{state.enterpriseInfo.name.substring(0, 2)}}</div>
              <div>{{state.enterpriseInfo.name.substring(2, 4)}}</div>
            </div>
          </el-col>
          <el-col :span="21">
            <!--企业信息模块-->
            <el-descriptions :column="4">
              <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>
                    {{contentFormat(state.enterpriseInfo[col.prop])}}
                  </template>
                </el-descriptions-item>
              </template>
              <template #title>
                <div class="mb10">
                  {{state.enterpriseInfo.name}}
                  <el-tag class="ml20" type="success">{{state.enterpriseInfo.status}}</el-tag>
                </div>
                <!--        <div>
                          <el-tag class="mr10" type="info" v-for="tag in state.enterpriseInfo.tags" size="small">{{tag}}</el-tag>
                        </div>-->
              </template>
              <template #extra>
                <template v-if="state.creditDataInfo.creditReport">
                  <el-button type="primary" size="large" :loading="state.isSubmit" @click="handleSubmit(state.creditDataInfo.creditReport)">查看授信报告</el-button>
                </template>
                <el-button v-else type="primary" size="large" v-if="isHaveButton('front:getCreditReport')" :loading="state.isSubmit" @click="handleSubmit(1)">生成授信报告</el-button>
              </template>
            </el-descriptions>
          </el-col>
        </el-row>
      </div>
    </div>

    <div class="w80">
      <div class="common_con mb10">
        <el-row :gutter="40">
          <el-col :span="12">
            <div id="enterpriseAnalystId" style="width: 100%; height: 400px"></div>
          </el-col>
          <el-col :span="12" style="display: flex; align-items: center">
            <div>
              <h3>企业各维度分析：</h3>
              <div v-for="item in state.creditAnalysis" class="analyst_content">{{item.name}}：{{item.value}}</div>
            </div>
          </el-col>
        </el-row>
      </div>

      <div class="common_con mb10">
        <el-row :gutter="40">
          <el-col :span="10">
            <div id="levelId" style="width: 100%; height: 400px"></div>
          </el-col>
          <el-col :span="14" style="display: flex; align-items: center">
            <div style="width: 100%">
              <el-row style="text-align: center">
                <el-col :span="4">
                  <div style="float: left">
                    <div style="font-size: 40px">{{state.creditDataInfo.creditLv}}</div>
                    <div>信用级别</div>
                  </div>
                </el-col>
                <el-col :span="10">
                  <div style="font-size: 40px">{{state.creditDataInfo.creditLimit}}<span style="font-size: 20px">万元</span></div>
                  <div>建议授信额度</div>
                </el-col>
                <el-col :span="10" v-if="state.creditDataInfo.creditLimitLast">
                  <div style="font-size: 40px">{{state.creditDataInfo.creditLimitLast}}<span style="font-size: 20px">万元</span></div>
                  <div>申请授信额度</div>
                </el-col>
              </el-row>
              <div class="mt20">
                等级释义：目标公司信用良好，目前往来交易无问题。
              </div>
            </div>
          </el-col>
        </el-row>
      </div>

      <div class="common_con mb10">
        <el-tabs type="card" @tab-click="handleTabClick" v-model="state.tabLabel">
          <el-tab-pane v-for="(tab, tabIndex) in state.tabList" :label="tab.name" :name="tabIndex" style="padding: 0">

            <div class="table_wrap" v-for="item in state.modelList[tab.prop]">
              <div class="table_title">
                {{item.name}}
              </div>
              <el-descriptions border v-if="state.detailItem[item.id].type === 'desc'" :column="state.detailItem[item.id].column">
                <template v-for="col in state.detailItem[item.id].data">
                  <el-descriptions-item :label="col.label" :span="col.span" width="100px">
                    <template v-if="col.prop.indexOf(',') > -1">
                      {{state.creditDataInfo[col.prop.split(',')[0]] + '至' + state.creditDataInfo[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 === 'file'">
                      <template v-if="state.creditDataInfo[col.prop]">
                        <template v-if="Array.isArray(JSON.parse(state.creditDataInfo[col.prop]))">
                          <el-link v-for="item in JSON.parse(state.creditDataInfo[col.prop])" :href="item.url" target="_blank">{{item.fileName}}</el-link>
                        </template>
                        <template v-else>
                          <el-link :href="JSON.parse(state.creditDataInfo[col.prop]).url" target="_blank">{{JSON.parse(state.creditDataInfo[col.prop]).fileName}}</el-link>
                        </template>
                      </template>
                    </template>
                    <template v-else>
                      {{contentFormat(state[state.detailItem[item.id].dataSource][col.prop])}}
                    </template>
                  </el-descriptions-item>
                </template>
              </el-descriptions>

              <el-table :data="state.detailData[item.id] && state.detailData[item.id].rows" border class="own_table" v-else>
                <el-table-column v-for="item in state.detailItem[item.id].data" :label="item.label" :prop="item.prop">
                  <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>
                </el-table-column>
              </el-table>

            </div>

            <template v-if="tab.prop === 'score'">
              <table class="scoreTable" v-if="state.creditDataInfo.evaluationModeList">
                <tr>
                  <th>一级指标</th>
                  <th>得分</th>
                  <th>二级级指标</th>
                  <th>得分</th>
                  <th>三级指标</th>
                  <th>得分</th>
                </tr>
                <tr>
                  <td rowspan="4">企业规模</td>
                  <td rowspan="4">{{state.creditDataInfo.evaluationModeList[30].score}}</td>
                  <td rowspan="3">经营规模</td>
                  <td rowspan="3">{{state.creditDataInfo.evaluationModeList[19].score}}</td>
                  <td>注册资本</td>
                  <td>{{state.creditDataInfo.evaluationModeList[0].score}}</td>
                </tr>
                <tr>
                  <td>资产规模</td>
                  <td>{{state.creditDataInfo.evaluationModeList[1].score}}</td>
                </tr>
                <tr>
                  <td>销售规模</td>
                  <td>{{state.creditDataInfo.evaluationModeList[2].score}}</td>
                </tr>
                <tr>
                  <td>对外投资</td>
                  <td>{{state.creditDataInfo.evaluationModeList[20].score}}</td>
                  <td>关联企业数量</td>
                  <td>{{state.creditDataInfo.evaluationModeList[3].score}}</td>
                </tr>

                <tr>
                  <td rowspan="3">基本素质</td>
                  <td rowspan="3">{{state.creditDataInfo.evaluationModeList[31].score}}</td>
                  <td>经营时长</td>
                  <td>{{state.creditDataInfo.evaluationModeList[21].score}}</td>
                  <td>经营时长</td>
                  <td>{{state.creditDataInfo.evaluationModeList[4].score}}</td>
                </tr>
                <tr>
                  <td rowspan="2">企业类型</td>
                  <td rowspan="2">{{state.creditDataInfo.evaluationModeList[22].score}}</td>
                  <td>企业性质</td>
                  <td>{{state.creditDataInfo.evaluationModeList[5].score}}</td>
                </tr>
                <tr>
                  <td>企业类型</td>
                  <td>{{state.creditDataInfo.evaluationModeList[6].score}}</td>
                </tr>

                <tr>
                  <td rowspan="3">高管素质</td>
                  <td rowspan="3">{{state.creditDataInfo.evaluationModeList[32].score}}</td>
                  <td>高管素质</td>
                  <td>{{state.creditDataInfo.evaluationModeList[23].score}}</td>
                  <td>高管从业经验</td>
                  <td>{{state.creditDataInfo.evaluationModeList[7].score}}</td>
                </tr>
                <tr>
                  <td rowspan="2">高管稳定性</td>
                  <td rowspan="2">{{state.creditDataInfo.evaluationModeList[24].score}}</td>
                  <td>股东稳定性</td>
                  <td>{{state.creditDataInfo.evaluationModeList[8].score}}</td>
                </tr>
                <tr>
                  <td>高管稳定性</td>
                  <td>{{state.creditDataInfo.evaluationModeList[9].score}}</td>
                </tr>

                <tr>
                  <td rowspan="4">经营稳定性</td>
                  <td rowspan="4">{{state.creditDataInfo.evaluationModeList[33].score}}</td>
                  <td rowspan="3">经营稳定性</td>
                  <td rowspan="3">{{state.creditDataInfo.evaluationModeList[25].score}}</td>
                  <td>营业收入增长率</td>
                  <td>{{state.creditDataInfo.evaluationModeList[10].score}}</td>
                </tr>
                <tr>
                  <td>盈利稳定性</td>
                  <td>{{state.creditDataInfo.evaluationModeList[11].score}}</td>
                </tr>
                <tr>
                  <td>投资总额增长率</td>
                  <td>{{state.creditDataInfo.evaluationModeList[12].score}}</td>
                </tr>
                <tr>
                  <td>结构稳定性</td>
                  <td>{{state.creditDataInfo.evaluationModeList[26].score}}</td>
                  <td>资产负债变动率</td>
                  <td>{{state.creditDataInfo.evaluationModeList[13].score}}</td>
                </tr>

                <tr>
                  <td rowspan="5">经营稳定性</td>
                  <td rowspan="5">{{state.creditDataInfo.evaluationModeList[34].score}}</td>
                  <td rowspan="2">经营稳定性</td>
                  <td rowspan="2">{{state.creditDataInfo.evaluationModeList[27].score}}</td>
                  <td>利润率</td>
                  <td>{{state.creditDataInfo.evaluationModeList[14].score}}</td>
                </tr>
                <tr>
                  <td>总资产收益率</td>
                  <td>{{state.creditDataInfo.evaluationModeList[15].score}}</td>
                </tr>
                <tr>
                  <td>运营能力</td>
                  <td>{{state.creditDataInfo.evaluationModeList[28].score}}</td>
                  <td>总资产周转率</td>
                  <td>{{state.creditDataInfo.evaluationModeList[16].score}}</td>
                </tr>
                <tr>
                  <td rowspan="2">偿债能力</td>
                  <td rowspan="2">{{state.creditDataInfo.evaluationModeList[29].score}}</td>
                  <td>资产负债率</td>
                  <td>{{state.creditDataInfo.evaluationModeList[17].score}}</td>
                </tr>
                <tr>
                  <td>收入负债比</td>
                  <td>{{state.creditDataInfo.evaluationModeList[18].score}}</td>
                </tr>
              </table>
            </template>

          </el-tab-pane>
        </el-tabs>
      </div>

      <div class="common_con">
        <div style="padding: 30px 50px">
          <h3>企业授信智能测算说明</h3>
          <div class="mb10">1、联合信用征信根据历史交易数据、企业特征、历史账期、历史履约情况、企业征信数据等大数据进行企业授信额度计算；</div>
          <div class="mb10">2、运用创新研发的预测模型计算企业授信额度，样本数据符合率高达90%以上；</div>
          <div class="mb10">3、计算出的企业授信额度仅供参考，不代表任何商业担保或承诺。</div>
        </div>
      </div>
    </div>

    <div class="w80">
      <div style="margin: 50px 0 80px; text-align: center">
        <template v-if="state.creditDataInfo.creditReport">
          <el-button type="primary" size="large" :loading="state.isSubmit" @click="handleSubmit(state.creditDataInfo.creditReport)">查看授信报告</el-button>
        </template>
        <el-button v-else type="primary" size="large" v-if="isHaveButton('front:getCreditReport')" :loading="state.isSubmit" @click="handleSubmit(1)">生成授信报告</el-button>
      </div>
    </div>
  </div>

  <change-quota title="调增授信额度申请" :open="state.changeQuotaOpen" open-name="changeQuotaOpen" @handleClose="handleClose"></change-quota>
</template>

<script setup lang="ts">
  import DateUtil from "../../utils/date.js";
  import * as api from "../../interface/api.ts";
  import * as echarts from 'echarts';
  import router from "../../router";
  import {isHaveButton} from "../../utils/until.ts";

  let state = reactive({
    enterpriseInfo: {},
    columnsList: [{
      label: "法定代表人",
      prop: "legalPersonName"
    }, {
      label: "注册资本",
      prop: "regCapital"
    }, {
      label: "成立日期",
      prop: "estiblishTime",
      type: 'date'
    }, {
      label: "注册地址",
      prop: "regLocation"
    }],
    isSubmit: false,
    changeQuotaOpen: false,
    tabLabel: 0,
    tabList: [
      {
        name: "基础授信信息",
        prop: 'base',
      }, {
        name: "补充授信信息",
        prop: 'supplement',
      }, {
        name: "指标得分",
        prop: 'score',
      }
    ],
    modelList: {
      base: [
        {
          name: "企业基本信息",
          id: 'jbxx'
        }, {
          name: "民事案件",
          icon: "Bell",
          id: 'msaj'
        }, {
          name: "刑事案件",
          icon: "Bell",
          id: 'xsaj'
        }, {
          name: "行政案件",
          icon: "Bell",
          id: 'xzaj',
        }, {
          name: "执行案件",
          icon: "Bell",
          id: 'zxaj',
        }, {
          name: "强制清算与破产",
          icon: "Bell",
          id: 'qzqsypc',
        }, {
          name: "非诉保全案件",
          icon: "Bell",
          id: 'fsbqaj',
        }, {
          name: "失信被执行人",
          icon: "Bell",
          id: 'sxbzxr',
        }, {
          name: "限制高消费",
          icon: "Bell",
          id: 'xzgxf',
        }, {
          name: "司法协助",
          icon: "Bell",
          id: 'sfxz',
        }, {
          name: "司法拍卖",
          icon: "Bell",
          id: 'sfpm',
        }, {
          name: "经营异常",
          icon: "Bell",
          id: 'jyyc',
        }, {
          name: "行政处罚",
          icon: "Bell",
          id: 'xzcf',
        }, {
          name: "海关行政处罚",
          icon: "Bell",
          id: 'hgxzcf',
        }, {
          name: "严重违法",
          icon: "Bell",
          id: 'yzwf',
        }, {
          name: "股权出质",
          icon: "Bell",
          id: 'gqcz',
        }, {
          name: "欠税公告",
          icon: "Bell",
          id: 'qsgg',
        }, {
          name: "清算信息",
          icon: "Bell",
          id: 'qsxx',
        }, {
          name: "动产抵押",
          icon: "Bell",
          id: 'dcdy',
        }, {
          name: "抽样检查检查",
          icon: "Bell",
          id: 'cyjc',
        }
      ],
      supplement: [
        {
          name: "企业信息",
          id: 'info'
        }, {
          name: "财务信息",
          id: 'cwxx'
        }, {
          name: "抵押物信息",
          id: 'dywxx'
        }, {
          name: "担保信息",
          id: 'dbxx'
        }, {
          name: "附件",
          id: 'file'
        },
      ]
    },
    // 表格表头
    detailItem: {
      jbxx: {
        type: 'desc',
        column: 2,
        dataSource: 'enterpriseInfo',
        data: [
          {
            label: "企业名称",
            prop: "name"
          },{
            label: "法定代表人",
            prop: "legalPersonName"
          }, {
            label: "注册资本",
            prop: "regCapital"
          }, {
            label: "成立日期",
            prop: "estiblishTime",
            type: 'date'
          }, {
            label: "企业性质",
            prop: "companyOrgType"
          }, {
            label: "注册地址",
            prop: "regLocation",
          }, {
            label: "经营范围",
            prop: "businessScope",
            span: 2,
          }
        ]
      },
      info: {
        type: 'desc',
        column: 2,
        dataSource: 'creditDataInfo',
        data: [
          {
            label: "企业名称",
            prop: "ename",
            span: 2,
          }, {
            label: "企业性质",
            prop: "companyNature"
          }, {
            label: "企业类型",
            prop: "companyType"
          }, {
            label: "授信有效期",
            prop: "effectiveDate,deadline",
          }
        ]
      },
      msaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSqzxbdje",
            label: "申请执行标的金额"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }]
      },
      xsaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSlcx",
            label: "审理程序"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "经办法院"
          }
        ]
      },
      xzaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSlcx",
            label: "审理程序"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "经办法院"
          }
        ]
      },
      fsbqaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSqbqse",
            label: "申请保全数额"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }
        ]
      },
      zxaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSqzxbdje",
            label: "申请执行标的金额"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }
        ]
      },
      qzqsypc: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }
        ]
      },
      sxbzxr: {
        type: 'table',
        data: [
          {
            prop: "ah",
            label: "案号"
          },
          {
            prop: "larq",
            label: "立案时间"
          },
          {
            prop: "zxfy",
            label: "执行法院"
          },
          {
            prop: "zxyjdw",
            label: "做出执行依据单位"
          },
          {
            prop: "zxyjwh",
            label: "执行依据文号"
          },
          {
            prop: "pjje_gj",
            label: "金额"
          },
          {
            prop: "sf",
            label: "省份"
          },
          {
            prop: "lxqk",
            label: "被执行人的履行情况"
          },
          {
            prop: "fbrq",
            label: "发布时间",
          },
          {
            prop: "yw",
            label: "生效法律文书确定的义务"
          },
          {
            prop: "xwqx",
            label: "失信被执行人行为具体情形"
          }
        ]
      },
      xzgxf: {
        type: 'table',
        data: [
          {
            prop: "ah",
            label: "案号"
          }, {
            prop: "zxfy",
            label: "执行法院"
          }, {
            prop: "fbrq",
            label: "发布时间"
          }
        ]
      },
      sfxz: {
        type: 'table',
        data: [
          {
            prop: "executeNoticeNum",
            label: "执行通知书文号"
          },
          {
            prop: "equityAmount",
            label: "股权数额"
          },
          {
            prop: "typeState",
            label: "类型/状态"
          },
          {
            prop: "executiveCourt",
            label: "执行法院"
          },
          {
            prop: "executedPerson",
            label: "被执行人"
          }
        ]
      },
      sfpm: {
        type: 'table',
        data: [
          {
            prop: "scopeDate",
            label: "拍卖起止时间"
          }, {
            prop: "content",
            label: "拍卖公告",
            type: 'link'
          }, {
            prop: "targetObject",
            label: "拍卖标的"
          }, {
            prop: "startingPrice",
            label: "拍卖价（元）"
          }, {
            prop: "court",
            label: "委托法院"
          }
        ]
      },
      jyyc: {
        type: 'table',
        data: [
          {
            prop: "putReason",
            label: "列入原因"
          }, {
            prop: "putDate",
            label: "列入日期",
            type: 'date'
          }, {
            prop: "putDepartment",
            label: "作出列入决定机关"
          }, {
            prop: "removeReason",
            label: "移出原因"
          }, {
            prop: "removeDate",
            label: "移出日期",
            type: 'date'
          }, {
            prop: "removeDepartment",
            label: "作出移出决定机关"
          }
        ]
      },
      xzcf: {
        type: 'table',
        data: [
          {
            prop: "punishNumber",
            label: "决定书文号"
          }, {
            prop: "reason",
            label: "违法行为类型"
          }, {
            prop: "content",
            label: "处罚内容"
          }, {
            prop: "punishName",
            label: "决定机关名称"
          }, {
            prop: "decisionDate",
            label: "决定日期",
            type: 'date'
          }
        ]
      },
      hgxzcf: {
        type: 'table',
        data: [
          {
            prop: "penaltyDate",
            label: "处罚日期",
            type: 'date'
          }, {
            prop: "natureOfCase",
            label: "案件性质"
          }, {
            prop: "party",
            label: "当事人"
          }, {
            prop: "decisionNumber",
            label: "处罚决定书编号"
          }
        ]
      },
      yzwf: {
        type: 'table',
        data: [
          {
            prop: "putReason",
            label: "列入原因"
          }, {
            prop: "putDate",
            label: "列入日期",
            type: 'date'
          }, {
            prop: "putDepartment",
            label: "作出列入决定机关"
          }, {
            prop: "removeReason",
            label: "移出原因"
          }, {
            prop: "removeDate",
            label: "移出日期",
            type: 'date'
          }, {
            prop: "removeDepartment",
            label: "作出移出决定机关"
          }
        ]
      },
      gqcz: {
        type: 'table',
        data: [
          {
            prop: "putDate",
            label: "公告日期",
            type: "date"
          }, {
            prop: "regNumber",
            label: "登记编号"
          }, {
            prop: "pledgor",
            label: "出质人"
          }, {
            prop: "pledgee",
            label: "质权人"
          }, {
            prop: "equityAmount",
            label: "出质股权数额"
          }, {
            prop: "regDate",
            label: "设立登记日期",
            type: 'date'
          }, {
            prop: "state",
            label: "状态"
          }
        ]
      },
      qsgg: {
        type: 'table',
        data: [
          {
            prop: "taxCategory",
            label: "所欠税种"
          }, {
            prop: "ownTaxBalance",
            label: "欠税金额"
          }, {
            prop: "newOwnTaxBalance",
            label: "当前新发生欠税金额"
          }, {
            prop: "ownTaxBalance",
            label: "欠税余额"
          }, {
            prop: "department",
            label: "发布机关"
          }, {
            prop: "publishDate",
            label: "发布日期",
            type: 'date'
          }
        ]
      },
      qsxx: {
        type: 'table',
        data: [
          {
            prop: "manager",
            label: "清算组负责人"
          }, {
            prop: "member",
            label: "清算组成员"
          }
        ]
      },
      dcdy: {
        type: 'table',
        data: [
          {
            prop: "regDate",
            label: "登记日期"
          }, {
            prop: "regNum",
            label: "登记编号"
          }, {
            prop: "regDepartment",
            label: "登记机关"
          }, {
            prop: "type",
            label: "被担保债权类型"
          }, {
            prop: "amount",
            label: "被担保债权数额"
          }, {
            prop: "status",
            label: "担保状态"
          }
        ]
      },
      cyjc: {
        type: 'table',
        data: [
          {
            prop: "checkDate",
            label: "日期",
            type: 'date'
          }, {
            prop: "checkType",
            label: "类型"
          }, {
            prop: "checkResult",
            label: "结果"
          }, {
            prop: "checkOrg",
            label: "检查实施机关"
          }
        ]
      },
      cwxx: {
        type: "table",
        data: [
          {
            label: '年份',
            prop: 'year'
          }, {
            label: '资产总计',
            prop: 'totAssets'
          }, {
            label: '负债总计',
            prop: 'totLiab'
          }, {
            label: '所有者权益总计',
            prop: 'totalEquity'
          }, {
            label: '营业总收入',
            prop: 'operRev'
          }, {
            label: '利润总额',
            prop: 'totProfit'
          }, {
            label: '净利润',
            prop: 'netProfit'
          },
        ]
      },
      dywxx: {
        type: "table",
        data: [
          {
            label: '抵押物名称',
            prop: 'name'
          }, {
            label: '类型',
            prop: 'type'
          }, {
            label: '账目价格（万元）',
            prop: 'price'
          }, {
            label: '评估价值（万元）',
            prop: 'assessValue'
          }, {
            label: '折扣率',
            prop: 'discountRate'
          }, {
            label: '抵押物价值（万元）',
            prop: 'collateraValue'
          },
        ]
      },
      dbxx: {
        type: "table",
        data: [
          {
            label: '担保合同名称',
            prop: 'name'
          }, {
            label: '担保人名称',
            prop: 'peopleName'
          }, {
            label: '担保金额（万元）',
            prop: 'matters'
          }, {
            label: '担保责任',
            prop: 'responsibility'
          }, {
            label: '担保期限',
            prop: 'term'
          }, {
            label: '担保事项',
            prop: 'matters'
          },
        ]
      },
      file: {
        type: "desc",
        column: 2,
        dataSource: 'creditDataInfo',
        data: [
          {
            label: '增信证明',
            prop: 'creditLimitAddAnnex',
            type: "file",
          }, {
            label: '历史交易数据',
            prop: 'historicalTransactionsAnnex',
            type: "file",
          },
        ]
      }
    },
    creditAnalysis: [],
    creditDataInfo: {},
    detailData: {},
  })

  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(",")
    }
    return content
  }

  let getBaseInfo = () => {
    api.getBaseInfo({name: state.searchName}).then((res: any)=> {
      if (res) {
        state.enterpriseInfo = Object.assign( {}, res.data)
      }
    })
  }

  let getCreditResult = () => {
    // let cgId = getCreditId.value
    let cgId = localStorage.getItem('creditId')
    // let cgId = 78
    api.getInfoList({cgId: cgId}, '/web/creditGrantingInfo/getCreditResult').then((res: any)=> {
      state.creditAnalysis = JSON.parse(res.data.creditAnalysis)
      state.creditDataInfo = res.data

      let keyList:any = {cwxx: 'financeInfoList',dywxx: 'collateralList',dbxx: 'guaranteeContract'}

      state.modelList.supplement.forEach(item=> {
        if (state.detailData[item.id] === undefined) {
          state.detailData = Object.assign(state.detailData, {[item.id]: {total: 0, rows: []}})
          if (res.data[keyList[item.id]]) {
            console.log(typeof res.data[keyList[item.id]])
            if (typeof res.data[keyList[item.id]] === 'string') {
              state.detailData[item.id].rows = JSON.parse(res.data[keyList[item.id]])
            } else {
              state.detailData[item.id].rows = res.data[keyList[item.id]]
            }
          }
        }
      })

      let radarData: any = []
      let radarTitleData: any = []
      state.creditAnalysis.forEach((item: object)=> {
        radarTitleData.push({text: item.name, max: 1})
        radarData.push(item.scoreRate)
      })
      let myChart = echarts.init(document.getElementById("enterpriseAnalystId"))
      myChart.setOption({
        radar: [
          {
            indicator: radarTitleData
          }
        ],
        series:[{
          data: [
            {
              value: radarData,
              areaStyle: {
                color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
                  {
                    color: 'rgba(255, 145, 124, 0.1)',
                    offset: 0
                  },
                  {
                    color: 'rgba(255, 145, 124, 0.9)',
                    offset: 1
                  }
                ])
              }
            }
          ]
        }]
      })
      myChart.resize()

      let levelChart = echarts.init(document.getElementById("levelId"))
      levelChart.setOption({
        series:[{
          data: [
            {
              value: state.creditDataInfo.comprehensiveRate,
              name: "总分"
            }
          ]
        }]
      })
      levelChart.resize()
    })
  }

  let enterpriseRadarInit = () => {
    var chartDom = document.getElementById('enterpriseAnalystId');
    var myChart = echarts.init(chartDom);
    var option;

    option = {
      color: ['#FF917C'],
      legend: {},
      radar: [
        {
          indicator: [
            { text: '资本背景', max: 150 },
            { text: '成长性', max: 150 },
            { text: '企业规模', max: 150 },
            { text: '风险状况', max: 120 },
            { text: '经营质量', max: 108 },
          ],
          center: ['50%', '50%'],
          radius: 120,
          axisName: {
            color: '#fff',
            backgroundColor: '#666',
            borderRadius: 3,
            padding: [3, 5]
          }
        }
      ],
      series: [
        {
          type: 'radar',
          data: [
            {
              value: [100, 93, 50, 90, 70],
              areaStyle: {
                color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
                  {
                    color: 'rgba(255, 145, 124, 0.1)',
                    offset: 0
                  },
                  {
                    color: 'rgba(255, 145, 124, 0.9)',
                    offset: 1
                  }
                ])
              }
            }
          ]
        }
      ]
    };

    option && myChart.setOption(option);

  }

  let levelId = () => {

    var chartDom = document.getElementById('levelId');
    var myChart = echarts.init(chartDom);
    var option;

    option = {
      series: [
        {
          type: 'gauge',
          startAngle: 180,
          endAngle: 0,
          radius: 180,
          center: ['50%', '65%'],
          axisLine: {
            show: true,
            lineStyle: {
              width: 30,
              color: [[0.3, '#E63929'], [0.5, '#F7860E'], [0.7, '#EBD31B'], [0.9, '#91D02A'], [1.0, '#4AA941']]
            }
          },
          pointer: {
            itemStyle: {
              color: 'auto'
            }
          },
          axisTick: {
            distance: -30,
            length: 8,
            lineStyle: {
              color: '#fff',
              width: 2
            }
          },
          splitLine: {
            distance: -30,
            length: 30,
            lineStyle: {
              color: '#fff',
              width: 4
            }
          },
          axisLabel: {
            color: 'inherit',
            distance: 36,
            fontSize: 16
          },
          detail: {
            valueAnimation: true,
            formatter: '{value}',
            offsetCenter: [0, '40%'],
            color: 'inherit'
          },
          data: [
            {
              value: 0,
              name: "总分"
            }
          ]
        }
      ]
    };

    option && myChart.setOption(option);

  }

  let getCreditRisk = () => {
    let cgId = localStorage.getItem('creditId')
    api.getInfoList({cgId: cgId}, '/web/creditGrantingRisk/find').then((res: any)=> {
      state.modelList.base.forEach(item=> {
        if (state.detailData[item.id] === undefined) {
          state.detailData = Object.assign(state.detailData, {[item.id]: {total: 0, rows: []}})
          if (res.data[item.id]) {
            if (item.id === 'dcdy') {
              JSON.parse(res.data[item.id]).forEach(dc=> {
                state.detailData[item.id].rows.push(dc.baseInfo)
              })
            } else {
              state.detailData[item.id].rows = JSON.parse(res.data[item.id])
            }
          }
        }
      })

      console.log(state.detailData)
    })
  }

  let handleTabClick = () => {
  }

  const route = useRoute();

  let handleClose = (name: string, value: boolean, isRefresh: boolean) => {
    state[name] = value
  }

  let handleSubmit = (val: any) => {
    if (val === 1) {
      router.push("/creditResult?name="+ state.creditDataInfo.ename)
    } else {
      window.open(val, "_blank")
    }
  }

  onMounted(()=> {
    state.searchName = route.query.name
    getBaseInfo()

    enterpriseRadarInit()
    levelId()
    getCreditResult()

    getCreditRisk()
  })

</script>

<style scoped>
.col_title {
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  font-size: 22px;
  padding: 5px;
  position: absolute;
  right: 0;
  div {
    letter-spacing: 10px;
    padding-left: 10px;
  }
  &.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;
  }
}
.analyst_content {
  margin-bottom: 10px;
}

.table_wrap {
  padding-bottom: 30px;
}

.table_title {
  text-align: center;
  padding-bottom: 20px;
}

.scoreTable{
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
  th {
    word-break: break-word;
    background-color: #f8f8f9;
    color: #515a6e;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: #dfe6ec;
  }
  th.lf{
    text-align: left;
  }
  td {
    border-width: 1px;
    border-style: solid;
    border-color: #dfe6ec;
    padding:  10px 10px;
    height: 40px;
    text-align: left;
    line-height: 20px;
    background-color: #ffffff;
  }
  td.lf{
    text-align: left;
  }
  td.rg{
    text-align: right;
  }
}
</style>