0320-北仑：企业九维数据+客户分层导入+消息提醒；版本更新通知公告限制部门可见

ruoyi-ui/src/views/customer/charts/360charts/firm/index.vue

@@ -1024,6 +1024,77 @@
           </el-table-column>
         </el-table>
       </el-collapse-item>
+
+      <el-collapse-item v-if="is825" name="11">
+        <template slot="title">
+          <p class="common-title">企业九维数据</p>
+        </template>
+        <div v-if="ent9vPortrait || nineVFinalInfo" class="nine-dimension-data">
+          <!-- 企业九维画像 -->
+          <div v-if="ent9vPortrait" class="nine-dimension-section">
+            <h4 class="section-title">1.企业九维画像</h4>
+            <div class="nine-dimension-chart-container">
+              <div class="radar-chart-wrapper">
+                <div ref="nineDimensionRadar" class="nine-dimension-radar"></div>
+              </div>
+              <div class="nine-dimension-summary">
+                <div class="summary-item">
+                  <span class="summary-label">综合评分</span>
+                  <div class="summary-content">
+                    <span class="summary-value">{{ formatPortraitDisplay(ent9vPortrait.scoreAll) }}</span>
+                    <span class="summary-unit">分</span>
+                  </div>
+                </div>
+                <div class="summary-item">
+                  <span class="summary-label">总分排名</span>
+                  <div class="summary-content">
+                    <span class="summary-value is-rank">{{ formatPortraitDisplay(ent9vPortrait.scoreAllRank) }}</span>
+                    <span class="summary-unit">名</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 九维细项指标 -->
+          <div v-if="nineVFinalInfo" class="nine-dimension-section">
+            <h4 class="section-title">2.九维细项指标</h4>
+            <div class="nine-dimension-detail-table">
+              <table class="detail-table">
+                <tbody>
+                  <template v-for="group in nineDimensionDetailGroups">
+                    <tr
+                      v-for="(row, rowIndex) in group.rows"
+                      :key="`${group.title}-${rowIndex}`"
+                    >
+                      <td
+                        v-if="rowIndex === 0"
+                        class="category-cell"
+                        :rowspan="group.rows.length"
+                      >
+                        {{ group.title }}
+                      </td>
+                      <template v-for="metric in row">
+                        <td :key="`${group.title}-${metric.key}-label`" class="metric-label-cell">
+                          {{ metric.label }}
+                        </td>
+                        <td :key="`${group.title}-${metric.key}-value`" class="metric-value-cell">
+                          {{ formatNineDimensionValue(metric) }}
+                        </td>
+                      </template>
+                      <template v-if="row.length === 1">
+                        <td class="metric-label-cell is-empty"></td>
+                        <td class="metric-value-cell is-empty"></td>
+                      </template>
+                    </tr>
+                  </template>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <el-empty v-else description="暂无企业九维数据"></el-empty>
+      </el-collapse-item>
     </el-collapse>
     <el-dialog
       title="该客户尚未建档，请先进行营销建档"
@@ -1215,7 +1286,120 @@ import { downloadFiles } from '@/utils'
 import { mapGetters } from 'vuex'
 import { cloneDeep, isEmpty } from 'lodash'
 import _ from 'lodash'
+import * as echarts from 'echarts'
 import Custom from '../custom.vue'
+
+const NINE_DIMENSION_DETAIL_CONFIG = [
+  {
+    title: '企业合规经营模块',
+    metrics: [
+      { key: 'score11', label: '是否存在经营异常名录信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score12', label: '是否存在严重违法失信企业名单信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score13', label: '企业环境行为信用等级是否为“E”或“D”', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score14', label: '是否存在税务重大税收违法黑名单信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score15', label: '是否存在拖欠工资黑名单', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score16', label: '是否存在工商吊销企业信息', valueMap: { '1': '是', '2': '否' } }
+    ]
+  },
+  {
+    title: '企业风险准入模块',
+    metrics: [
+      { key: 'score21', label: '是否存在注销企业信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score22', label: '是否存在执行案件信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score23', label: '是否存在查封信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score24', label: '是否存在单位未履行生效裁判信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score25', label: '是否存在企业破产清算信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score26', label: '是否失信被执行人', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score27', label: '是否为诉讼案件被告', valueMap: { '1': '是', '2': '否' } }
+    ]
+  },
+  {
+    title: '高管信用评价模块',
+    metrics: [
+      { key: 'score31', label: '是否存在查封信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score32', label: '是否存在执行案件信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score33', label: '是否存在个人未履行生效裁判信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score34', label: '是否存在拖欠工资黑名单', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score35', label: '是否失信被执行人', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score36', label: '是否存在刑事案件被告人生效判决信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score37', label: '是否为诉讼案件被告', valueMap: { '1': '是', '2': '否' } }
+    ]
+  },
+  {
+    title: '股东信用评价模块',
+    metrics: [
+      { key: 'score41', label: '是否存在查封信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score42', label: '是否存在执行案件信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score43', label: '是否存在个人未履行生效裁判信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score44', label: '是否存在拖欠工资黑名单', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score45', label: '是否失信被执行人', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score46', label: '是否存在刑事案件被告人生效判决信息', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score47', label: '是否为诉讼案件被告', valueMap: { '1': '是', '2': '否' } },
+      { key: 'score48', label: '是否存在企业未履行生效裁判信息', valueMap: { '1': '是', '2': '否' } }
+    ]
+  },
+  {
+    title: '企业社会贡献模块',
+    metrics: [
+      { key: 'score51', label: '前12个月纳税金额', valueMap: { '1': '0', '2': '0－5（含）万元', '3': '5-10（含）万元', '4': '10-50（含）万元', '5': '50-100（含）万元', '6': '100-500（含）万元', '7': '500-1000（含）万元', '8': '1000万元以上' } },
+      { key: 'score52', label: '纳税等级', valueMap: { '1': 'A', '2': 'B', '3': 'M', '4': 'C、D', '5': '未评' } },
+      { key: 'score53', label: '缴纳社保人数', valueMap: { '1': '0', '2': '3（含）人以内', '3': '3-10（含）人', '4': '10-30（含）人', '5': '30-50（含）人', '6': '50-100（含）人', '7': '100-500（含）人', '8': '500人以上' } },
+      { key: 'score54', label: '公积金缴纳人数', valueMap: { '1': '0', '2': '3（含）人以内', '3': '3-10（含）人', '4': '10-30（含）人', '5': '30-50（含）人', '6': '50-100（含）人', '7': '100-500（含）人', '8': '500人以上' } },
+      { key: 'score55', label: '是否为出口退税生产清单企业', valueMap: { '1': '是', '2': '否' } }
+    ]
+  },
+  {
+    title: '企业稳定经营模块',
+    metrics: [
+      { key: 'score61', label: '市场主体经营年限', valueMap: { '1': '1年以内', '2': '1-3年', '3': '3-5年', '4': '5-10年', '5': '10年以上' } },
+      { key: 'score62', label: '股东（或发起人）或投资人信息认缴出资人数', valueMap: { '1': '1人独资', '2': '2-5人', '3': '5人以上' } },
+      { key: 'score63', label: '股东（或发起人）或投资人信息最大股东持股占比', valueMap: { '1': '10%以内（含）', '2': '10%-30%（含）', '3': '30%-50%（含）', '4': '50%-66.6%（含）', '5': '66.6%以上' } },
+      { key: 'score64', label: '近三年法定代表人变更次数', valueMap: { '1': '0次', '2': '1次', '3': '2次', '4': '3次及以上' } },
+      { key: 'score65', label: '近三年股东变更次数', valueMap: { '1': '0次', '2': '1次', '3': '2次', '4': '3次及以上' } },
+      { key: 'score66', label: '近三年经营范围变更次数', valueMap: { '1': '0次', '2': '1次', '3': '2次', '4': '3次及以上' } },
+      { key: 'score67', label: '近三年经营地址变更次数', valueMap: { '1': '0次', '2': '1次', '3': '2次', '4': '3次及以上' } },
+      { key: 'score68', label: '近三年缴税年数', valueMap: { '1': '0', '2': '1年', '3': '2年', '4': '3年' } },
+      { key: 'score69', label: '法人户籍', valueMap: { '1': '户籍本地、原籍本地', '2': '户籍本地、原籍浙江其他地区', '3': '户籍本地、原籍未浙江', '4': '非本地户籍、浙江籍', '5': '非本地户籍、未浙江籍' } },
+      { key: 'score610', label: '法人婚姻状况', valueMap: { '1': '未婚', '2': '已婚', '3': '丧偶', '4': '离婚' } }
+    ]
+  },
+  {
+    title: '企业经营能力模块',
+    metrics: [
+      { key: 'score71', label: '上年增值税金额', valueMap: { '1': '0', '2': '0－5（含）万元', '3': '5-10（含）万元', '4': '10-30（含）万元', '5': '30-50（含）万元', '6': '50-100（含）万元', '7': '100-500（含）万元', '8': '500-1000（含）万元', '9': '1000万元以上' } },
+      { key: 'score72', label: '今年增值税同比变动', valueMap: { '1': '0及以下', '2': '0－5%（含）', '3': '5%－10%（含）', '4': '10%-20%(含）', '5': '20%以上' } },
+      { key: 'score73', label: '上年企业所得税金额', valueMap: { '1': '0', '2': '0－5（含）万元', '3': '5-10（含）万元', '4': '10-30（含）万元', '5': '30-50（含）万元', '6': '50-100（含）万元', '7': '100-500（含）万元', '8': '500-1000（含）万元', '9': '1000万元以上' } },
+      { key: 'score74', label: '今年所得税同比变动', valueMap: { '1': '0及以下', '2': '0－5%（含）', '3': '5%－10%（含）', '4': '10%-20%(含）', '5': '20%以上' } },
+      { key: 'score75', label: '缴纳社保人数同比变动', valueMap: { '1': '0及以下', '2': '0－5%（含）', '3': '5%－10%（含）', '4': '10%-20%(含）', '5': '20%以上' } },
+      { key: 'score76', label: '公积金缴纳人数同比变动', valueMap: { '1': '0及以下', '2': '0－5%（含）', '3': '5%－10%（含）', '4': '10%-20%(含）', '5': '20%以上' } },
+      { key: 'score77', label: '当年纳税金额同比变动', valueMap: { '1': '0及以下', '2': '0－5%（含）', '3': '5%－10%（含）', '4': '10%-20%(含）', '5': '20%以上' } },
+      { key: 'score78', label: '上年出口退税金额', valueMap: { '1': '0', '2': '0－5（含）万元', '3': '5-10（含）万元', '4': '10-50（含）万元', '5': '50-100（含）万元', '6': '100万元以上' } }
+    ]
+  },
+  {
+    title: '企业偿债能力模块',
+    metrics: [
+      { key: 'score81', label: '房产套数', valueMap: { '1': '0', '2': '1套', '3': '2套', '4': '3套', '5': '4套及以上' } },
+      { key: 'score82', label: '房产面积', valueMap: { '1': '0', '2': '0－500（含）平方米', '3': '500－1000（含）平方米以下', '4': '1000-3000（含）平方米', '5': '3000-5000（含）平方米', '6': '5000-10000（含）平方米', '7': '10000平方米及以上' } },
+      { key: 'score83', label: '未抵押房产套数', valueMap: { '1': '0', '2': '1套', '3': '2套', '4': '3套', '5': '4套及以上' } },
+      { key: 'score84', label: '未抵押房产面积', valueMap: { '1': '0', '2': '0－500（含）平方米', '3': '500－1000（含）平方米以下', '4': '1000-3000（含）平方米', '5': '3000-5000（含）平方米', '6': '5000-10000（含）平方米', '7': '10000平方米及以上' } },
+      { key: 'score85', label: '已抵押房产被担保债权数额', valueMap: { '1': '0', '2': '0－100（含）万元', '3': '100－500（含）万元', '4': '500－1000（含）万元', '5': '1000－3000（含）万元', '6': '3000－5000（含）万元', '7': '5000－10000（含）万元', '8': '10000万元以上' } },
+      { key: 'score86', label: '企业车产金额', valueMap: { '1': '0', '2': '0－20（含）万元', '3': '20－40（含）万元', '4': '40－60（含）万元', '5': '60－80（含）万元', '6': '80－100（含）万元', '7': '100万元以上' } }
+    ]
+  },
+  {
+    title: '潜在代偿资源模块',
+    metrics: [
+      { key: 'score91', label: '法人代表及股东房产面积合计', valueMap: { '1': '0', '2': '0－500（含）平方米', '3': '500－1000（含）平方米以下', '4': '1000-3000（含）平方米', '5': '3000-5000（含）平方米', '6': '5000-10000（含）平方米', '7': '10000平方米及以上' } },
+      { key: 'score92', label: '法人代表及股东房产套数合计', valueMap: { '1': '0', '2': '1套', '3': '2套', '4': '3套', '5': '4套及以上' } },
+      { key: 'score93', label: '法人代表及股东未抵押房产套数合计', valueMap: { '1': '0', '2': '1套', '3': '2套', '4': '3套', '5': '4套及以上' } },
+      { key: 'score94', label: '法人代表及股东未抵押房产面积', valueMap: { '1': '0', '2': '0－500（含）平方米', '3': '500－1000（含）平方米以下', '4': '1000-3000（含）平方米', '5': '3000-5000（含）平方米', '6': '5000-10000（含）平方米', '7': '10000平方米及以上' } },
+      { key: 'score95', label: '法人代表及股东已抵押房产被担保债权数额合计', valueMap: { '1': '0', '2': '0－100（含）万元', '3': '100－500（含）万元', '4': '500－1000（含）万元', '5': '1000－3000（含）万元', '6': '3000－5000（含）万元', '7': '5000－10000（含）万元', '8': '10000万元以上' } },
+      { key: 'score96', label: '法人代表车产金额', valueMap: { '1': '0', '2': '0－20（含）万元', '3': '20－40（含）万元', '4': '40－60（含）万元', '5': '60－80（含）万元', '6': '80－100（含）万元', '7': '100万元以上' } }
+    ]
+  }
+]
+
 export default {
   data() {
     var validatePhone = (rule, value, callback) => {
@@ -1347,6 +1531,12 @@ export default {
       showTagsList:[],
       addTagName:"",
       newCustTag:[],
+      // 企业九维数据
+      ent9vPortrait: null,
+      nineVFinalInfo: null,
+      nineDimensionRadarChart: null,  // 九维画像雷达图实例
+      nineDimensionRadarResizeObserver: null,
+      nineDimensionRadarRenderTimer: null,
       regAddress: {
         lazy: true,
         lazyLoad(node, resolve) {
@@ -1403,13 +1593,40 @@ export default {
         this.managerOptions = []
         this.authUser = ''
       }
+    },
+    ent9vPortrait: {
+      handler(newVal) {
+        if (!newVal) {
+          this.destroyNineDimensionRadar()
+          return
+        }
+        this.scheduleNineDimensionRadarRender()
+      },
+      deep: true
     }
   },
   components: {
     Custom
   },
   computed: {
-    ...mapGetters(['roles', 'userName']),
+    ...mapGetters(['roles', 'userName', 'deptId']),
+    nineDimensionDetailGroups() {
+      return NINE_DIMENSION_DETAIL_CONFIG.map(group => ({
+        title: group.title,
+        rows: this.buildNineDimensionRows(group.metrics)
+      }))
+    },
+    nineDimensionScores() {
+      if (!this.ent9vPortrait) {
+        return []
+      }
+      return [1, 2, 3, 4, 5, 6, 7, 8, 9].map(index =>
+        this.normalizePortraitScore(this.ent9vPortrait[`score${index}`])
+      )
+    },
+    nineDimensionRadarScale() {
+      return this.getAdaptiveRadarScale(this.nineDimensionScores)
+    },
     isHeadAdmin() {
       return this.roles.includes('headAdmin')
     },
@@ -1443,6 +1660,9 @@ export default {
     // 海宁
     is875() {
       return this.userName.slice(0, 3) === '875'
+    },
+    is825() {
+      return String(this.deptId || '').substring(0, 3) === '825'
     }
   },
   created() {
@@ -1464,6 +1684,16 @@ export default {
     // systemUserAllTreeUser().then(res => {
     //   this.secoureOption = res
     // })
+    window.addEventListener('resize', this.handleRadarResize);
+  },
+  activated() {
+    this.scheduleNineDimensionRadarRender(120)
+  },
+  beforeDestroy() {
+    this.clearNineDimensionRadarRenderTimer()
+    this.destroyNineDimensionRadarObserver()
+    this.destroyNineDimensionRadar()
+    window.removeEventListener('resize', this.handleRadarResize);
   },
   methods: {
     handleAddTag(){
@@ -1591,6 +1821,9 @@ export default {
             this.showTagsList=this.tagsList[0].children[0].children||[];
           }
           this.tagManualList = cloneDeep(res.data.tagManual) || []
+          // 企业九维数据
+          this.ent9vPortrait = res.data.ent9vPortrait || null
+          this.nineVFinalInfo = res.data.nineVFinalInfo || null
         }
       })
     },
@@ -2014,6 +2247,381 @@ export default {
         this.managerOptions = response.data;
       });
     },
+    normalizePortraitScore(value) {
+      const numericValue = Number(value)
+      return Number.isFinite(numericValue) ? numericValue : 0
+    },
+    getAdaptiveRadarScale(scores) {
+      const maxScore = Math.max(...scores, 0)
+      if (maxScore <= 0) {
+        return {
+          max: 10,
+          splitNumber: 5,
+          step: 2
+        }
+      }
+
+      const splitNumber = 5
+      const roughStep = maxScore / splitNumber
+      const magnitude = Math.pow(10, Math.floor(Math.log10(roughStep)))
+      const normalized = roughStep / magnitude
+
+      let niceFactor = 10
+      if (normalized <= 1) {
+        niceFactor = 1
+      } else if (normalized <= 2) {
+        niceFactor = 2
+      } else if (normalized <= 2.5) {
+        niceFactor = 2.5
+      } else if (normalized <= 5) {
+        niceFactor = 5
+      }
+
+      const step = niceFactor * magnitude
+      let max = Math.ceil(maxScore / step) * step
+      if (max <= maxScore) {
+        max += step
+      }
+
+      return {
+        max,
+        splitNumber,
+        step
+      }
+    },
+    formatPortraitDisplay(value) {
+      if (value === null || value === undefined || value === '') {
+        return '-'
+      }
+
+      const numericValue = Number(value)
+      if (!Number.isFinite(numericValue)) {
+        return value
+      }
+
+      return Number.isInteger(numericValue) ? `${numericValue}` : numericValue.toFixed(2)
+    },
+    clearNineDimensionRadarRenderTimer() {
+      if (this.nineDimensionRadarRenderTimer) {
+        clearTimeout(this.nineDimensionRadarRenderTimer)
+        this.nineDimensionRadarRenderTimer = null
+      }
+    },
+    scheduleNineDimensionRadarRender(delay = 80) {
+      this.clearNineDimensionRadarRenderTimer()
+      this.nineDimensionRadarRenderTimer = setTimeout(() => {
+        this.initNineDimensionRadar()
+      }, delay)
+    },
+    destroyNineDimensionRadar() {
+      if (this.nineDimensionRadarChart) {
+        this.nineDimensionRadarChart.dispose();
+        this.nineDimensionRadarChart = null;
+      }
+    },
+    destroyNineDimensionRadarObserver() {
+      if (this.nineDimensionRadarResizeObserver) {
+        this.nineDimensionRadarResizeObserver.disconnect()
+        this.nineDimensionRadarResizeObserver = null
+      }
+    },
+    initNineDimensionRadarObserver(chartDom) {
+      if (!chartDom || typeof ResizeObserver === 'undefined' || this.nineDimensionRadarResizeObserver) {
+        return
+      }
+
+      this.nineDimensionRadarResizeObserver = new ResizeObserver((entries) => {
+        const targetRect = entries && entries[0] ? entries[0].contentRect : null
+        if (this.nineDimensionRadarChart) {
+          this.handleRadarResize()
+          return
+        }
+        if (targetRect && targetRect.width >= 360 && targetRect.height >= 260) {
+          this.scheduleNineDimensionRadarRender(0)
+        }
+      })
+      this.nineDimensionRadarResizeObserver.observe(chartDom)
+      if (chartDom.parentElement) {
+        this.nineDimensionRadarResizeObserver.observe(chartDom.parentElement)
+      }
+    },
+    formatRadarLabel(label, chunkSize = 7) {
+      if (!label || label.length <= chunkSize) {
+        return label
+      }
+
+      const segments = []
+      for (let index = 0; index < label.length; index += chunkSize) {
+        segments.push(label.slice(index, index + chunkSize))
+      }
+
+      return segments.join('\n')
+    },
+    // 九维画像分数字段标签映射
+    getPortraitLabel(key) {
+      const labelMap = {
+        uniscid: '统一社会信用代码',
+        cstId: '客户内码',
+        orgNo: '机构号',
+        score1: '企业合规经营模块',
+        score2: '企业风险准入模块',
+        score3: '高管信用评价模块',
+        score4: '股东信用评价模块',
+        score5: '企业社会贡献模块',
+        score6: '企业稳定经营模块',
+        score7: '企业经营能力模块',
+        score8: '企业偿债能力模块',
+        score9: '潜在代偿资源模块',
+        scoreAll: '九维总分',
+        scoreAllRank: '九维总分排名',
+        datDt: '会计日期'
+      };
+      return labelMap[key] || key;
+    },
+    // 获取九维画像维度名称列表
+    getNineDimensionLabels() {
+      return [
+        '企业合规经营模块',
+        '企业风险准入模块',
+        '高管信用评价模块',
+        '股东信用评价模块',
+        '企业社会贡献模块',
+        '企业稳定经营模块',
+        '企业经营能力模块',
+        '企业偿债能力模块',
+        '潜在代偿资源模块'
+      ];
+    },
+    // 初始化九维画像雷达图
+    initNineDimensionRadar() {
+      if (!this.ent9vPortrait) {
+        this.destroyNineDimensionRadar()
+        return;
+      }
+
+      this.$nextTick(() => {
+        const chartDom = this.$refs.nineDimensionRadar;
+        if (!chartDom) return;
+        this.initNineDimensionRadarObserver(chartDom)
+        const chartWidth = chartDom.clientWidth || 0
+        const chartHeight = chartDom.clientHeight || 0
+        if (chartWidth < 360 || chartHeight < 260) {
+          this.scheduleNineDimensionRadarRender(140)
+          return
+        }
+
+        const scores = this.nineDimensionScores
+        const radarScale = this.nineDimensionRadarScale
+        const dimensionLabels = this.getNineDimensionLabels()
+        const isCompactChart = chartWidth > 0 && chartWidth < 760
+
+        const currentInstance = echarts.getInstanceByDom(chartDom)
+        if (currentInstance) {
+          this.nineDimensionRadarChart = currentInstance
+        } else {
+          this.destroyNineDimensionRadar()
+          this.nineDimensionRadarChart = echarts.init(chartDom);
+        }
+
+        const option = {
+          tooltip: {
+            trigger: 'item',
+            backgroundColor: 'rgba(17, 24, 39, 0.92)',
+            borderColor: 'rgba(99, 102, 241, 0.35)',
+            borderWidth: 1,
+            padding: [10, 14],
+            textStyle: {
+              color: '#f8fafc',
+              fontSize: 13
+            },
+            formatter: (params) => {
+              const lines = dimensionLabels.map((name, index) => `${name}: ${this.formatPortraitDisplay(params.value[index])}`)
+              return lines.join('<br/>')
+            }
+          },
+          radar: {
+            indicator: dimensionLabels.map(name => ({ name, max: radarScale.max })),
+            shape: 'polygon',
+            splitNumber: radarScale.splitNumber,
+            radius: isCompactChart ? '76%' : '82%',
+            center: ['50%', '54%'],
+            name: {
+              formatter: name => (isCompactChart ? this.formatRadarLabel(name, 6) : name),
+              textStyle: {
+                color: '#364152',
+                fontSize: isCompactChart ? 13 : 14,
+                fontWeight: 500
+              }
+            },
+            splitLine: {
+              lineStyle: {
+                color: 'rgba(122, 108, 255, 0.34)',
+                width: 1
+              }
+            },
+            splitArea: {
+              show: true,
+              areaStyle: {
+                color: [
+                  'rgba(107, 114, 128, 0.12)',
+                  'rgba(148, 163, 184, 0.1)',
+                  'rgba(203, 213, 225, 0.08)',
+                  'rgba(226, 232, 240, 0.06)',
+                  'rgba(241, 245, 249, 0.04)'
+                ]
+              }
+            },
+            axisLine: {
+              lineStyle: {
+                color: 'rgba(148, 163, 184, 0.4)',
+                width: 1
+              }
+            },
+            axisNameGap: isCompactChart ? 4 : 8
+          },
+          series: [
+            {
+              name: '企业九维画像',
+              type: 'radar',
+              data: [
+                {
+                  value: scores,
+                  name: '当前企业',
+                  itemStyle: {
+                    color: '#ffbf2f'
+                  },
+                  areaStyle: {
+                    color: 'rgba(255, 191, 47, 0.68)'
+                  },
+                  lineStyle: {
+                    color: '#f5b700',
+                    width: 2.5
+                  },
+                  symbol: 'circle',
+                  symbolSize: 6
+                }
+              ]
+            }
+          ],
+          animationDuration: 650
+        };
+
+        this.nineDimensionRadarChart.setOption(option);
+        this.handleRadarResize()
+        setTimeout(() => {
+          this.handleRadarResize()
+        }, 120)
+      });
+    },
+    // 处理雷达图窗口大小变化
+    handleRadarResize() {
+      if (this.nineDimensionRadarChart) {
+        this.$nextTick(() => {
+          this.nineDimensionRadarChart.resize();
+        })
+      }
+    },
+    buildNineDimensionRows(metrics) {
+      const rows = []
+      for (let index = 0; index < metrics.length; index += 2) {
+        const firstMetric = metrics[index]
+        const secondMetric = metrics[index + 1]
+        rows.push([
+          {
+            ...firstMetric,
+            value: this.nineVFinalInfo ? this.nineVFinalInfo[firstMetric.key] : null
+          },
+          ...(secondMetric
+            ? [{
+                ...secondMetric,
+                value: this.nineVFinalInfo ? this.nineVFinalInfo[secondMetric.key] : null
+              }]
+            : [])
+        ])
+      }
+      return rows
+    },
+    formatNineDimensionValue(metric) {
+      const value = metric ? metric.value : null
+      if (value === null || value === undefined || value === '') {
+        return '-'
+      }
+
+      const rawValue = `${value}`.trim()
+      const normalizedValue = /^-?\d+(\.0+)?$/.test(rawValue) ? `${Number(rawValue)}` : rawValue
+
+      if (metric && metric.valueMap) {
+        if (Object.prototype.hasOwnProperty.call(metric.valueMap, normalizedValue)) {
+          return metric.valueMap[normalizedValue]
+        }
+        if (Object.prototype.hasOwnProperty.call(metric.valueMap, rawValue)) {
+          return metric.valueMap[rawValue]
+        }
+      }
+
+      if (metric && metric.label && metric.label.includes('是否')) {
+        if (['1', 1, true, 'true', 'TRUE', '是'].includes(value)) {
+          return '是'
+        }
+        if (['2', 2, false, 'false', 'FALSE', '否'].includes(value)) {
+          return '否'
+        }
+      }
+
+      return value
+    },
+    // 九维详细信息字段标签映射（部分常用字段）
+    getFinalInfoLabel(key) {
+      const labelMap = {
+        uniscid: '统一社会信用代码',
+        orgNo: '机构号',
+        // 维度1 - 合规经营
+        score11: '是否存在经营异常名录信息',
+        score12: '是否存在严重违法失信企业名单信息',
+        score13: '企业环境行为信用等级是否为E或D',
+        score14: '是否存在税务重大税收违法黑名单信息',
+        score15: '是否存在拖欠工资黑名单',
+        score16: '是否存在工商吊销企业信息',
+        // 维度2 - 风险准入
+        score21: '是否存在注销企业信息',
+        score22: '是否存在执行案件信息',
+        score23: '是否存在查封信息',
+        score24: '是否存在单位未履行生效裁判信息',
+        score25: '是否存在企业破产清算信息',
+        score26: '是否失信被执行人',
+        score27: '是否为诉讼案件被告',
+        // 维度5 - 社会贡献度
+        score51: '前12个月纳税金额',
+        score52: '纳税等级',
+        score53: '缴纳社保人数',
+        score54: '公积金缴纳人数',
+        score55: '是否为出口退税生产清单企业',
+        // 维度6 - 稳定经营
+        score61: '市场主体经营年限',
+        score62: '认缴出资人数',
+        score63: '最大股东持股占比',
+        score64: '近三年法定代表人变更次数',
+        score65: '近三年股东变更次数',
+        score69: '法人户籍',
+        score610: '法人婚姻状况',
+        // 维度7 - 经营能力
+        score71: '上年增值税金额',
+        score72: '今年增值税同比变动',
+        score73: '上年企业所得税金额',
+        score74: '今年所得税同比变动',
+        score75: '缴纳社保人数同比变动',
+        score77: '当年纳税金额同比变动',
+        score78: '上年出口退税金额',
+        // 维度8 - 偿债能力
+        score81: '房产套数',
+        score82: '房产面积',
+        score83: '未抵押房产套数',
+        score84: '未抵押房产面积',
+        score85: '已抵押房产被担保债权数额',
+        score86: '企业车产金额'
+      };
+      return labelMap[key] || key;
+    },
   }
 }
 </script>
@@ -2405,4 +3013,210 @@ export default {
     width: 320px !important;
   }
 }
+
+// 企业九维数据样式
+.nine-dimension-data {
+  padding: 20px 0;
+  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
+  border-radius: 14px;
+
+  .nine-dimension-section {
+    margin-bottom: 30px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .section-title {
+      font-size: 15px;
+      font-weight: 600;
+      color: #202938;
+      margin-bottom: 18px;
+      padding-bottom: 12px;
+      border-bottom: 1px solid #edf1f7;
+    }
+
+    .nine-dimension-chart-container {
+      display: flex;
+      align-items: stretch;
+      gap: 30px;
+      padding: 26px 30px;
+      justify-content: space-between;
+      background: linear-gradient(135deg, #ffffff 0%, #fbfcff 100%);
+      border: 1px solid #e7edf7;
+      border-radius: 14px;
+      box-shadow: 0 8px 26px rgba(31, 55, 88, 0.06);
+
+      .radar-chart-wrapper {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: stretch;
+        padding: 4px 18px 4px 0;
+        border-right: 1px solid #edf1f7;
+
+        .nine-dimension-radar {
+          width: 100%;
+          max-width: none;
+          height: 430px;
+          margin: 0 auto;
+        }
+      }
+
+      .nine-dimension-summary {
+        width: 236px;
+        flex-shrink: 0;
+        padding: 18px 20px;
+        background: #fff;
+        border: 1px solid #edf1f7;
+        border-radius: 12px;
+        box-shadow: 0 12px 28px rgba(34, 65, 120, 0.08);
+        align-self: center;
+
+        .summary-item {
+          display: flex;
+          flex-direction: column;
+          gap: 10px;
+          padding: 16px 0;
+          border-bottom: 1px solid #edf1f7;
+
+          &:last-child {
+            padding-bottom: 6px;
+            border-bottom: 0;
+          }
+
+          .summary-label {
+            display: block;
+            font-size: 15px;
+            color: #202938;
+            font-weight: 600;
+          }
+
+          .summary-content {
+            display: flex;
+            align-items: baseline;
+            justify-content: flex-end;
+            gap: 8px;
+          }
+
+          .summary-value {
+            display: block;
+            font-size: 40px;
+            line-height: 1;
+            font-weight: 700;
+            color: #1f6feb;
+            letter-spacing: -1px;
+
+            &.is-rank {
+              color: #22c55e;
+            }
+          }
+
+          .summary-unit {
+            font-size: 18px;
+            font-weight: 600;
+            color: #202938;
+          }
+        }
+      }
+    }
+
+    .nine-dimension-detail-table {
+      overflow-x: auto;
+
+      .detail-table {
+        width: 100%;
+        min-width: 980px;
+        border-collapse: collapse;
+        table-layout: fixed;
+        border: 1px solid #ebeef5;
+
+        td {
+          padding: 18px 16px;
+          border: 1px solid #ebeef5;
+          font-size: 13px;
+          line-height: 1.6;
+          color: #303133;
+          vertical-align: middle;
+          word-break: break-word;
+        }
+
+        .category-cell {
+          width: 184px;
+          background: #eef3f9;
+          color: #1f6feb;
+          font-size: 15px;
+          font-weight: 700;
+          text-align: center;
+        }
+
+        .metric-label-cell {
+          background: #f6f8fb;
+          font-weight: 600;
+        }
+
+        .metric-value-cell {
+          width: 120px;
+          background: #fff;
+          font-weight: 500;
+          text-align: center;
+        }
+
+        .is-empty {
+          background: #fff;
+        }
+      }
+    }
+
+    .data-item {
+      margin-bottom: 12px;
+      padding: 10px;
+      background-color: #f5f7fa;
+      border-radius: 4px;
+
+      .data-label {
+        display: inline-block;
+        width: 120px;
+        font-size: 14px;
+        color: #606266;
+        font-weight: 500;
+      }
+
+      .data-value {
+        font-size: 14px;
+        color: #303133;
+      }
+    }
+  }
+}
+
+@media (max-width: 1400px) {
+  .nine-dimension-data {
+    .nine-dimension-section {
+      .nine-dimension-chart-container {
+        flex-direction: column;
+        align-items: stretch;
+
+        .radar-chart-wrapper {
+          padding-right: 0;
+          border-right: 0;
+          border-bottom: 1px solid #edf1f7;
+          padding-bottom: 18px;
+          margin-bottom: 4px;
+
+          .nine-dimension-radar {
+            max-width: 100%;
+            height: 390px;
+          }
+        }
+
+        .nine-dimension-summary {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
 </style>