feat: 维度开发

src/components/CommonList.vue

@@ -6,17 +6,20 @@
     <van-list v-model:loading="loading" :finished="finished" :immediate-check="false" finished-text="没有更多了" @load="onLoad">
       <div v-for="(item,index) in store.dataList" :key="index" class="card" @click="goDetail(item)">
         <div class="list-container">
-          <div v-for="obj in store.selectDemension.viewList" :key="obj.value" class="item">
-
-
+          <div v-for="obj in store.selectDemension.viewList" :key="obj.value" class="item" :class="store.selectDemension.viewList?.find(listItem => listItem.valueType === 'logo') ? 'has-logo' : ''">
 
 
             <!-- 标题 -->
             <p v-if="obj.name" class="name">{{obj.name}}：</p>
 
 
-            <div>
-              <div v-if="obj.solt" @click="obj.customClick!(item)" v-html="item[obj.value] ? obj.solt(item) : '-'"></div>
+            <div :class="obj.valueType === 'tag' ? 'tag' : ''">
+              <img v-if="obj.valueType === 'logo'" :src="obj.solt ? obj.solt(item) : item[obj.value]" alt="" class="logo">
+
+              <div v-else-if="obj.solt" @click="obj.customClick!(item)" v-html="item[obj.value] ? obj.solt(item) : '-'"></div>
+
+              <!-- <div v-else-if="obj.valueType === 'tag'" >{{item[obj.value]}}</div> -->
+
               <!-- 时间数据-->
               <p v-else-if="obj.valueType === 'date'">{{item[obj.value] ? dayjs(item[obj.value]).format('YYYY-MM-DD') : '-'}}</p>
 
@@ -46,6 +49,7 @@
 
 
 
+
           </div>
         </div>
         <van-icon v-if="store.selectDemension.detailList || store.selectDemension.detailCustomRender" name="arrow" color="#969696" class="arrow" />
@@ -118,10 +122,32 @@
   margin-bottom: 15px;
   display: flex;
   align-items: center;
+  position: relative;
   .list-container{
     width: inherit;
     .item{
       display: flex;
+      .logo{
+        width: 56px;
+        border: 1px solid #eee;
+      }
+      .tag{
+        color: #42a7ff;
+        background: #d9eaff;
+        line-height: 20px;
+        height: 20px;
+        padding: 0 4px;
+        border-radius: 2px;
+        position: absolute;
+        right: 30px;
+        top: 20px;
+        div{
+          font-size: 13px;
+          line-height: 22px;
+          // line-height: 20px;
+          // height: 20px;
+        }
+      }
       :deep().source-pdf{
         display: flex;
         align-items: center;
@@ -156,6 +182,13 @@
         color: #088BFE;
       }
     }
+    .has-logo{
+      padding-left: 68px;
+      .logo{
+        position: absolute;
+        left: 14px;
+      }
+    }
     p,a,div{
       font-size: 15px;
     }

src/components/DetailCustom/ShuangSuiJiChouCha.vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <div v-if="store.allRes.companyDoubleRandomCheckResultInfo" style="margin-top: 10px">
+      <van-cell v-for="(item,i) in store.allRes.companyDoubleRandomCheckResultInfo" :key="i">
+        <div class="yhc-rowlist">
+          <div class="rowcol">
+            <div class="lable">抽查事项{{i+1}}</div>
+            <div class="val">{{item.checkItem||'-'}}</div>
+          </div>
+          <div class="rowcol">
+            <div class="lable">抽查结果</div>
+            <div class="val">{{item.checkResult}}</div>
+          </div>
+        </div>
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { useDemensionDetailStore } from '@/store/demensionDetail'
+
+  const store = useDemensionDetailStore()
+</script>
+
+<style lang="scss" scoped>
+   #ShuangSuiJiChouChaDet {
+        display: flex;
+        flex-direction: column;
+        .content {
+            flex: 1;
+            overflow: auto;
+        }
+    }
+    .yhc-rowlist{
+        padding: 0;
+    }
+    .guanlianInfo{
+        border-bottom: 1px solid #ebedf0;
+        padding: 10px 0;
+        &:last-child{
+            border-bottom: none;
+        }
+        .left-top{
+            color:#333;
+        }
+    }
+    .foot{
+        line-height: 30px;
+        text-align: center;
+        color: #666;
+    }
+</style>

src/components/ListCustom/RongZiXinXi.vue

@@ -0,0 +1,210 @@
+<template>
+  <div id="RongZhiXinXi">
+    <div class="contentInfo">
+      <!-- <van-row type="flex" align="center" justify="space-between" class="glqy-info-items-top"> -->
+      <!-- <van-row type="flex" align="center" class="items-det-top">
+          <Logo :companyId="$companyId" :defaultPic="require('../../assets/img/comLogo.png')" class="avatar" />
+          <span class="cpmName">{{$companyName}}</span>
+        </van-row> -->
+      <!-- </van-row> -->
+      <van-row class="case-thir-type">
+        <van-row v-for="(item,index) in state.dataList" :key="item.cid" class="thir-type-item">
+          <van-row class="item-left">
+            <van-row class="left-date">{{(item.reportDate && item.reportDate.substring(0,11)) || '-'}}</van-row>
+            <van-row class="left-lc">{{item.round || '-'}}</van-row>
+            <van-row v-show="item.newsUrl" class="left-source" @click="$goOuterUrl(item.newsUrl)">新闻来源 ></van-row>
+          </van-row>
+          <van-row class="point" :class="index === 0 ? 'slt' : ''">
+            <van-row class="point-line"></van-row>
+          </van-row>
+          <van-row class="item-right">
+            <van-row class="item-type-mc-left">
+              <van-row class="type-name">融资金额：<span>{{item.money || '金额未知'}}</span></van-row>
+              <van-row class="type-name">投资机构：<span>{{item.inverstors || '-'}}</span></van-row>
+            </van-row>
+          </van-row>
+        </van-row>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import $axios from '@/api'
+  import { useDemensionListStore } from '@/store/demensionList'
+  import { $goOuterUrl } from '@/utils/utils'
+  import { onMounted, reactive } from 'vue'
+  const state = reactive({
+    dataList: [] as any
+  })
+
+  const getData = async () => {
+    const params = {
+      dimensionCode: useDemensionListStore().selectDemension?.code,
+      entityId: useDemensionListStore().entityId,
+      entityName: useDemensionListStore().entityName,
+      entityType: useDemensionListStore().entityType
+    }
+    const res:any = await $axios.get('lawyer-workbench/risk/dimension/page',{params})
+    state.dataList = res.dataList
+  }
+  onMounted(() => {
+    getData()
+  })
+  // import Axios from '../../axios'
+  // import Logo from '../../components/Logo'
+
+  // export default {
+  //   name: 'RongZhiXinXi',
+  //   components: {Logo},
+  //   data() {
+  //     return {
+  //       dataList: [],
+  //       loading: false,
+  //       pageNum: 1,
+  //       totalPage: 0,
+  //       totalNum:'',
+  //       companyName:'',
+  //       dataInfo:{}
+  //     }
+  //   },
+  //   mounted() {
+  //     document.querySelector('title').innerText = '融资信息'
+
+  //     if(this.$route.query.fromBusiness == 'dynamic') {
+  //       this.getDynamicData()
+  //     }else if(this.$route.query.fromBusiness == 'caichan') {
+  //       this.getCaiChanData()
+  //     }else{
+  //       this.getData()
+  //     }
+  //   },
+  //   methods: {
+
+  //   }
+  // }
+</script>
+
+<style scoped lang="scss">
+    #RongZhiXinXi {
+        display: flex;
+        flex-direction: column;
+        .contentInfo{
+            background: #ffffff;
+            border-radius: 0rem 0rem 0.24rem 0.24rem;
+            .glqy-info-items-top{
+                .items-det-top{
+                    flex: 1;
+                    margin: 0 0.32rem;
+                    padding: 0.32rem 0;
+                    border-bottom: 0.02rem solid #F8FAFC;
+                    img{
+                        width: 0.48rem;
+                        height: 0.48rem;
+                        margin-right: 0.16rem;
+                    }
+                    span{
+                        line-height: 0.4rem;
+                        flex: 1;
+                        color: #242A32;
+                        font-weight: bold;
+                    }
+                }
+            }
+            .case-thir-type{
+                padding: 0.4rem 0.26rem 0;
+                .thir-type-item{
+                    display: flex;
+                    position: relative;
+                    margin-bottom: 0.5rem;
+                    line-height: 0.36rem;
+                    .item-left{
+                        padding-right: 0.24rem;
+                        text-align: right;
+                        width: 2rem;
+                        .left-date{
+                            font-size: 0.3rem;
+                            color: #919498;
+                        }
+                        .left-lc{
+                            color: #242A32;
+                            font-size: 0.36rem;
+                            font-weight: bold;
+                            margin-top: 0.26rem;
+                        }
+                        .left-source{
+                            color: #0265D9;
+                            font-size: 0.22rem;
+                            margin-top: 0.26rem;
+                        }
+
+                    }
+                    .point{
+                        color: #E8E8E8;
+                        width: 0.12rem;
+                        height: 0.12rem;
+                        margin-top: 0.1rem;
+                        background-image: url('@/assets/img/point.png');
+                        background-repeat: no-repeat;
+                        background-size: 100%;
+                        margin-left: 0.08rem;
+                        &.slt{
+                            background-image: url('@/assets/img/point_slt.png');
+                            background-repeat: no-repeat;
+                            width: 0.28rem;
+                            height: 0.28rem;
+                            margin-left: 0rem;
+                        }
+                    }
+                    .point-line{
+                        position: absolute;
+                        width: 0.02rem;
+                        height: 100%;
+                        background: #E8E8E8;
+                        top: 0.4rem;
+                        left: 2.1rem;
+                        bottom: 0.3rem;
+                    }
+                    .item-right{
+                        flex: 1;
+                        margin-left: 0.24rem;
+                        display: flex;
+                        justify-content: space-between;
+                        &.slt{
+                            margin-left: 0.38rem;
+                        }
+                        .item-type-mc-left{
+                            flex: 1;
+                            font-size: 0.26rem;
+                            flex-direction: column;
+
+                            .type-name{
+                                color: #919498;
+                                margin-top: 0.26rem;
+                                display: flex;
+                                line-height: 0.36rem;
+                                font-size: 14px;
+                                 line-height: 20px;
+                                &:first-child{
+                                    margin-top: 0;
+                                }
+                                span{
+                                    color: #242A32;
+                                    flex: 1;
+                                    font-size: 14px;
+                                     line-height: 20px;
+                                }
+                            }
+
+
+                        }
+
+                    }
+                }
+            }
+        }
+
+
+
+    }
+</style>

src/js-pages/company-detail/JingYingFengXian/index.ts

@@ -70,6 +70,7 @@ export const JingYingFengXian: DemensionPagesInter = {
       code: 'pledge_equity',
       routing: 'GuQuanChuZhi',
       title: '股权出质',
+      companyId: '88f04cbfab150fe2bccdeec3aea32750',
       tabs: 'deleted',
       viewList: [
         {

src/js-pages/company-detail/JingYingXinXi/index.ts

@@ -1,7 +1,9 @@
 import JinChuKouXinYongZhengVue from '@/components/DetailCustom/JinChuKouXinYongZheng.vue'
+import RongZiXinXi from '@/components/ListCustom/RongZiXinXi.vue'
 import { $goOuterUrl } from '@/utils/utils'
 import { shallowRef } from 'vue'
 import { DemensionPagesInter } from './../../types'
+import ShuangSuiJiChouCha from '@/components/DetailCustom/ShuangSuiJiChouCha.vue'
 
 export const JingYingXinXi: DemensionPagesInter = {
   projectName: '基本信息',
@@ -263,6 +265,687 @@ export const JingYingXinXi: DemensionPagesInter = {
       routing: 'XingZhenXuKe',
       title: '行政许可',
       companyId: 'a10a3675d3f4e38af372dcd8eddce29f'
+    },
+    {
+      code: 'land_purchase',
+      routing: 'GouDiXinXi',
+      title: '购地信息',
+      companyId: 'a10a3675d3f4e38af372dcd8eddce29f',
+      detailList: [
+        {
+          name: '项目名称',
+          value: 'projectName'
+        },
+        {
+          name: '项目位置',
+          value: 'projectLoc'
+        },
+        {
+          name: '土地使用权人',
+          value: 'applicationName'
+        },
+        {
+          name: '土地来源实际值',
+          value: 'source'
+        },
+        {
+          name: '土地来源显示值',
+          value: 'sourceView'
+        },
+        {
+          name: '行政区',
+          value: 'district'
+        },
+        {
+          name: '电子监管号',
+          value: 'eNumber'
+        },
+        {
+          name: '面积（公顷）',
+          value: 'area'
+        },
+        {
+          name: '土地用途',
+          value: 'useType'
+        },
+        {
+          name: '供地方式',
+          value: 'supplyMethod'
+        },
+        {
+          name: '土地使用年限',
+          value: 'usePeriod'
+        },
+        {
+          name: '行业分类',
+          value: 'category'
+        },
+        {
+          name: '土地级别',
+          value: 'landLevel'
+        },
+        {
+          name: '成交价格（万元）',
+          value: 'tranPrice'
+        },
+        {
+          name: '分期支付约定期号',
+          listVal: 'instalmentPayment',
+          value: 'instalment_payment_contract_payment_period_number'
+        },
+        {
+          name: '分期支付约定支付日期',
+          listVal: 'instalmentPayment',
+          value: 'instalment_payment_convention_payment_date'
+        },
+        {
+          name: '分期支付约定支付金额（万元）',
+          listVal: 'instalmentPayment',
+          value: 'instalment_payment_agreed_payment_amount'
+        },
+        {
+          name: '分期支付备注',
+          listVal: 'instalmentPayment',
+          value: 'instalment_payment_agreement_notes'
+        },
+        {
+          name: '约定容积率下限',
+          value: 'volumeRate'
+        },
+        {
+          name: '约定容积率上限',
+          value: 'volumeRateCeiling'
+        },
+        {
+          name: '约定交地时间',
+          value: 'commitTime',
+          valueType: 'date'
+        },
+        {
+          name: '约定开工时间',
+          value: 'actualStartTime',
+          valueType: 'date'
+        },
+        {
+          name: '约定竣工时间',
+          value: 'scheduledCompletion',
+          valueType: 'date'
+        },
+        {
+          name: '实际开工时间',
+          value: 'actualStartTime',
+          valueType: 'date'
+        },
+        {
+          name: '实际竣工时间',
+          value: 'actualCompletionTime',
+          valueType: 'date'
+        },
+        {
+          name: '批准单位',
+          value: 'authority'
+        },
+        {
+          name: '合同签订日期',
+          value: 'contractDate',
+          valueType: 'date'
+        }
+
+      ],
+      viewList: [
+        {
+          name: '总面积（公顷）',
+          value: 'area'
+        },
+        {
+          name: '土地用途',
+          value: 'useType'
+        },
+        {
+          name: '供应方式',
+          value: 'supplyMethod'
+        },
+        {
+          name: '签订日期',
+          value: 'contractDate',
+          valueType: 'date'
+        },
+        {
+          name: '行政区',
+          value: 'district'
+        }
+      ]
+    },
+    {
+      code: 'land_public',
+      routing: 'TuDiGongShi',
+      title: '地块公式',
+      companyId: 'a10a3675d3f4e38af372dcd8eddce29f',
+      viewList: [
+        {
+          value: 'location',
+          valueType: 'title'
+        },
+        {
+          name: '土地面积(公顷)',
+          value: 'area'
+        },
+        {
+          name: '土地用途',
+          value: 'useFor'
+        },
+        {
+          name: '发布机关',
+          value: 'publicationOrganize'
+        },
+        {
+          name: '受让单位',
+          value: 'applicationName'
+        },
+        {
+          name: '开始公布日期',
+          value: 'publicationDate',
+          valueType: 'date'
+        }
+      ]
+    },
+    {
+      code: 'land_transfer_new',
+      routing: 'TuDiZhuanRangShouRangRen',
+      title: '土地转让',
+      companyId: 'ca7cfcf883bdc7179980f58a088070b4',
+      detailList: [
+        {
+          name: '宗地坐落',
+          value: 'location'
+        },
+        {
+          name: '宗地编号',
+          value: 'num'
+        },
+        {
+          name: '原土地所有权人',
+          value: 'userPre'
+        },
+        {
+          name: '现有土地使用权人',
+          value: 'userNow'
+        },
+        {
+          name: '宗地标识',
+          value: 'mark'
+        },
+        {
+          name: '土地面积（公顷）',
+          value: 'area'
+        },
+        {
+          name: '土地用途',
+          value: 'useFor'
+        },
+        {
+          name: '所在行政区',
+          value: 'aministrativeArea'
+        },
+        {
+          name: '成交时间',
+          value: 'merchandiseTime',
+          valueType: 'date'
+        },
+        {
+          name: '土地使用权类型',
+          value: 'useType'
+        },
+        {
+          name: '土地使用年限(年)',
+          value: 'yearsOfUse'
+        },
+        {
+          name: '土地利用状况',
+          value: 'situation'
+        },
+        {
+          name: '土地级别',
+          value: 'level'
+        },
+        {
+          name: '转让方式',
+          value: 'merchandiseType'
+        },
+        {
+          name: '转让价格（万元）',
+          value: 'merchandisePrice'
+        }
+      ],
+      viewList: [
+        {
+          value: 'location',
+          valueType: 'title'
+        },
+        {
+          name: '土地面积(公顷)',
+          value: 'area'
+        },
+        {
+          name: '转让价格（万元）',
+          value: 'merchandisePrice'
+        },
+        {
+          name: '原土地使用权人',
+          value: 'userPre'
+        },
+        {
+          name: '现土地使用权人',
+          value: 'userNow'
+        },
+        {
+          name: '成交时间',
+          value: 'merchandiseTime',
+          valueType: 'date'
+        }
+      ]
+    },
+    {
+      //碧桂园地产集团有限公司
+      code: 'credit_rating',
+      routing: 'XinYongPingJi',
+      apiUrl: 'firefly-erp/eci/dimension/detail',
+      title: '信用评级',
+      companyId: 'a10a3675d3f4e38af372dcd8eddce29f',
+      noDataList: true,
+      viewList: [
+        {
+          name: '评级日期',
+          value: 'ratingDate'
+        },
+        {
+          name: '债券信用等级',
+          value: 'bondCreditLevel'
+        },
+        {
+          name: '公司简称',
+          value: 'alias'
+        },
+        {
+          name: '主体等级',
+          value: 'subjectLevel'
+        },
+        {
+          name: '评级展望',
+          value: 'ratingOutlook'
+        },
+        {
+          name: '评级公司',
+          value: 'ratingCompanyName'
+        }
+      ]
+    },
+    {
+      code: 'tax_credit',
+      routing: 'ShuiWuXinYong',
+      title: '税务信用',
+      companyId: '88f04cbfab150fe2bccdeec3aea32750',
+      viewList: [
+        {
+          name: '纳税人名称',
+          value: 'companyName',
+          companyId: 'companyId'
+        },
+        {
+          name: '纳税人识别号',
+          value: 'idNumber'
+        },
+        {
+          name: '评价年度',
+          value: 'year'
+        },
+        {
+          name: '纳税信用等级',
+          value: 'grade'
+        },
+        {
+          name: '评价单位',
+          value: 'evalDepartment'
+        },
+        {
+          name: '类型',
+          value: 'type',
+          solt: (item: { type: string }) => item.type == '0' ? '国税' : item.type == '1' ? '地税' : '-'
+        },
+        {
+          name: '省市',
+          value: 'base'
+        },
+        {
+          name: '来源',
+          value: 'source',
+          solt: (item: { source: string }) => `<span class="link">${item.source}</span>`,
+          customClick: (item: { source: string }) => $goOuterUrl(item.source)
+        }
+      ]
+    },
+    {
+      code: 'company_financing',
+      routing: 'RongZhiXinXi',
+      title: '融资信息',
+      companyId: '88f04cbfab150fe2bccdeec3aea32750',
+      listCustomRender: shallowRef(RongZiXinXi)
+    },
+    {
+      code: 'bond_info',
+      routing: 'ZhaiQuanXinXi',
+      title: '债券信息',
+      companyId: 'eebed7e3d531ba662d5b8f0723286081',
+      detailList: [
+        {
+          name: '债券名称',
+          value: 'bondFullName'
+        },
+        {
+          name: '债券简称',
+          value: 'bondName'
+        },
+        {
+          name: '债券代码',
+          value: 'bondNum'
+        },
+        {
+          name: '债券定义代码',
+          value: 'bondDefinedCode'
+        },
+        {
+          name: '债券类型',
+          value: 'bondType'
+        },
+        {
+          name: '债券类型代码',
+          value: 'bondTypeCode'
+        },
+        {
+          name: '发行人代码',
+          value: 'entyDefinedCode'
+        },
+        {
+          name: '发行人',
+          value: 'publisherName'
+        },
+        {
+          name: '债券面值（元）',
+          value: 'faceValue'
+        },
+        {
+          name: '债券年限',
+          value: 'bondTimeLimit'
+        },
+        {
+          name: '票面利率(%)',
+          value: 'faceInterestRate'
+        },
+        {
+          name: '币种',
+          value: 'bondCcy'
+        },
+        {
+          name: '参考利率',
+          value: 'refInterestRate'
+        },
+        {
+          name: '到期日',
+          value: 'publishExpireTime',
+          valueType: 'date'
+        },
+        {
+          name: '摘牌日',
+          value: 'bondStopTime',
+          valueType: 'date'
+        },
+        {
+          name: '计息方式',
+          value: 'calInterestType'
+        }, {
+          name: '起息日期',
+          value: 'startCalInterestTime',
+          valueType: 'date'
+        }, {
+          name: '发行价格（元）',
+          value: 'issuedPrice'
+        }, {
+          name: '计划发行量(亿)',
+          value: 'planIssuedQuantity'
+        }, {
+          name: '实际发行量(亿)',
+          value: 'realIssuedQuantity'
+        },
+        {
+          name: '发行日期',
+          value: 'publishTime',
+          valueType: 'date'
+        },
+        {
+          name: '上市日期',
+          value: 'bondTradeTime',
+          valueType: 'date'
+        },
+        {
+          name: '债项评级',
+          value: 'debtRating'
+        },
+        {
+          name: '最新债项评级',
+          value: 'debtRtng'
+        },
+        {
+          name: '托管机构',
+          value: 'escrowAgent'
+        },
+        {
+          name: '流通范围',
+          value: 'flowRange'
+        },
+        {
+          name: '信用评级机构',
+          value: 'creditRatingGov'
+        },
+        {
+          name: '行权类型',
+          value: 'exeRightType'
+        },
+        {
+          name: '信用评级机构',
+          value: 'exeRightTime'
+        },
+        {
+          name: '注',
+          value: 'tip'
+        },
+        {
+          name: '外汇交易中心详情页',
+          value: 'sourceUrl',
+          solt: (item: { sourceUrl: string }) => `<span class="link">${item.sourceUrl}</span>`,
+          customClick: (item: { sourceUrl: string }) => $goOuterUrl(item.sourceUrl)
+        }
+      ],
+      viewList: [
+        {
+          name: '债券简称',
+          value: 'bondName'
+        },
+        {
+          name: '债券代码',
+          value: 'bondNum'
+        },
+        {
+          name: '债券类型',
+          value: 'bondType'
+        },
+        {
+          name: '发行日期',
+          value: 'publishTime',
+          valueType: 'date'
+        },
+        {
+          name: '上市日期',
+          value: 'bondTradeTime',
+          valueType: 'date'
+        }
+      ]
+    },
+    {
+      code: 'product_info',
+      routing: 'ChanPinXinXi',
+      title: '产品信息',
+      companyId: '88f04cbfab150fe2bccdeec3aea32750',
+      detailList: [
+        {
+          name: '公司名称',
+          value: 'companyName',
+          companyId: 'companyId'
+        },
+        {
+          name: '产品名称',
+          value: 'name'
+        },
+        {
+          name: '产品领域',
+          value: 'classes'
+        },
+        {
+          name: '产品分类',
+          value: 'type'
+        },
+        {
+          name: '产品简称',
+          value: 'filterName'
+        },
+        {
+          name: '产品描述',
+          value: 'brief'
+        }
+      ],
+      viewList: [
+        {
+          value: 'name',
+          valueType: 'title'
+        },
+        {
+          name: '领域',
+          value: 'classes'
+        },
+        {
+          name: '产品分类',
+          value: 'type'
+        }
+      ]
+    },
+    {
+      code: 'check_info',
+      routing: 'ChouChaJianCha',
+      title: '抽查检查',
+      companyId: '88f04cbfab150fe2bccdeec3aea32750',
+      viewList: [
+        {
+          name: '检查实施机关',
+          value: 'checkOrg'
+        },
+        {
+          name: '检查类型',
+          value: 'checkType'
+        },
+        {
+          name: '结果',
+          value: 'checkResult'
+        },
+        {
+          name: '日期',
+          value: 'checkDate',
+          valueType: 'date'
+        }
+      ]
+    },
+    {
+      code: 'property_rights_transaction',
+      routing: 'ChanQuanJiaoYi',
+      title: '产权交易',
+      companyId: '65e50cd3b9128925fe470046e4e1c911',
+      viewList: [
+        {
+          name: '标的名称',
+          value: 'proName'
+        },
+        {
+          name: '交易价格',
+          value: 'finalPrice'
+        },
+        {
+          name: '标的企业',
+          listVal: 'subjectName',
+          value: 'name',
+          companyId: 'keyno'
+        },
+        {
+          name: '转让/处置方',
+          listVal: 'disposerInfo',
+          value: 'name',
+          companyId: 'keyno'
+        },
+        {
+          name: '披露日期',
+          value: 'revealDate',
+          valueType: 'date'
+        }
+      ]
+    },
+    {
+      code: 'double_random',
+      routing: 'ShuangSuiJiChouCha',
+      title: '双随机抽查',
+      detailValue: 'companyDoubleRandomCheckInfo',
+      detailCustomRender: ShuangSuiJiChouCha,
+      companyId: '88f04cbfab150fe2bccdeec3aea32750',
+      detailList: [
+        {
+          name: '抽查任务编号',
+          value: 'checkTaskNum'
+        },
+        {
+          name: '抽查任务名称',
+          value: 'checkTaskName'
+        },
+        {
+          name: '抽查机关',
+          value: 'checkDepartment'
+        },
+        {
+          name: '抽查类型',
+          value: 'checkType'
+        },
+        {
+          name: '抽查完成日期',
+          value: 'checkDate',
+          valueType: 'date'
+        }
+      ],
+      viewList: [
+        {
+          valueType: 'title',
+          value: 'checkTaskName'
+        },
+        {
+          name: '抽查任务编号',
+          value: 'checkTaskNum'
+        },
+        {
+          name: '抽查机关',
+          value: 'checkDepartment'
+        },
+        {
+          name: '抽查完成日期',
+          value: 'checkDate',
+          companyId: 'date'
+        }
+      ]
     }
   ]
 }
+
+

src/js-pages/company-detail/ZhiShiChanQuan/index.ts

@@ -0,0 +1,118 @@
+import { DemensionPagesInter } from './../../types'
+const shangBiaoSelectList = [
+  { text: '全部分类', value: '' },
+  { text: '化学原料', value: 1 },
+  { text: '颜料油漆', value: 2 },
+  { text: '日化用品', value: 3 },
+  { text: '燃料油脂', value: 4 },
+  { text: '医药', value: 5 },
+  { text: '金属材料', value: 6 },
+  { text: '机械设备', value: 7 },
+  { text: '手工器械', value: 8 },
+  { text: '科学仪器', value: 9 },
+  { text: '医疗器械', value: 10 },
+  { text: '灯具空调', value: 11 },
+  { text: '运输工具', value: 12 },
+  { text: '军火烟火', value: 13 },
+  { text: '珠宝钟表', value: 14 },
+  { text: '乐器', value: 15 },
+  { text: '办公品', value: 16 },
+  { text: '橡胶制品', value: 17 },
+  { text: '皮革皮具', value: 18 },
+  { text: '建筑材料', value: 19 },
+  { text: '家具', value: 20 },
+  { text: '厨房洁具', value: 21 },
+  { text: '绳网袋篷', value: 22 },
+  { text: '纱线丝', value: 23 },
+  { text: '布料床单', value: 24 },
+  { text: '服装鞋帽', value: 25 },
+  { text: '钮扣拉链', value: 26 },
+  { text: '地毯席垫', value: 27 },
+  { text: '键身器材', value: 28 },
+  { text: '食品', value: 29 },
+  { text: '方便食品', value: 30 },
+  { text: '饲料种籽', value: 31 },
+  { text: '啤酒饮料', value: 32 },
+  { text: '酒', value: 33 },
+  { text: '烟草烟具', value: 34 },
+  { text: '广告销售', value: 35 },
+  { text: '金融物管', value: 36 },
+  { text: '建筑修理', value: 37 },
+  { text: '通讯服务', value: 38 },
+  { text: '运输贮藏', value: 39 },
+  { text: '材料加工', value: 40 },
+  { text: '教育娱乐', value: 41 },
+  { text: '网站服务', value: 42 },
+  { text: '餐饮住宿', value: 43 },
+  { text: '医疗园艺', value: 44 },
+  { text: '社会服务', value: 45 }
+]
+
+
+const returnShangBiaoStatus = (stamp: string) => {
+  return {
+    '1': '商标已注册',
+    '2': '商标无效',
+    '3': '初审公告',
+    '4': '等待实质审查',
+    '5': '商标申请中',
+    '6': '商标异议中',
+    '7': '驳回复审中',
+    '8': '商标其他情况'
+  }[stamp]
+}
+export const ZhiShiChanQuan: DemensionPagesInter = {
+  projectName: '知识产权',
+  list: [
+    {
+      code: 'trade_mark',
+      routing: 'ShangBiao',
+      title: '商标',
+      companyId: '88f04cbfab150fe2bccdeec3aea32750',
+      menuList: [
+        {
+          paramsValue: 'intCls',
+          value: '',   // v-model绑定的值
+          list: shangBiaoSelectList
+        }
+      ],
+      viewList: [
+        {
+          value: 'logo',
+          solt: (item: { logo: string }) => `http://tm-image.tianyancha.com${item.logo}`,
+          valueType: 'logo'
+        },
+        {
+          value: 'tmName',
+          valueType: 'title'
+        },
+        {
+          value: 'status',
+          solt: (item: { status: string }) => {
+            return returnShangBiaoStatus(item.status)
+          },
+          valueType: 'tag'
+        },
+        {
+          name: '注册号',
+          value: 'regNo'
+        },
+        {
+          name: '国际分类',
+          value: 'intCls',
+          solt: (item: { intCls: string }) => {
+            const val = shangBiaoSelectList.find(valItem => {
+              return valItem.value === ~~item.intCls
+            })
+            return `${item.intCls}类 - ${val?.text}`
+          }
+        },
+        {
+          name: '申请日期',
+          value: 'appDate',
+          valueType: 'date'
+        }
+      ]
+    }
+  ]
+}

src/js-pages/company-detail/index.ts

@@ -5,12 +5,13 @@ import { TotalDemensionInter } from './../types'
 import { FaLvFengXian } from './FaLvFengXian/index'
 import { JianZhuXinXi } from './JianZhuXinXi/index'
 import { JingYingXinXi } from './JingYingXinXi/index'
+import { ZhiShiChanQuan } from './ZhiShiChanQuan/index'
 
 const companyDetail: TotalDemensionInter = {
   companyName: '企业详情',
   list: []
 }
 
-companyDetail.list.push(FaLvFengXian, JiBenXinXi, JianZhuXinXi, QiYeRongZi, JingYingFengXian, JingYingXinXi)
+companyDetail.list.push(FaLvFengXian, JiBenXinXi, JianZhuXinXi, QiYeRongZi, JingYingFengXian, JingYingXinXi, ZhiShiChanQuan)
 
 export default companyDetail

src/js-pages/types.ts

@@ -56,8 +56,8 @@ export interface DemensionPagesListInter {
 export interface ViewListInter {
   name?: string,
   value: string,
-  //类型 时间、标题、万元、富文本
-  valueType?: 'date' | 'title' | 'w' | 'richText',
+  //类型 时间、标题、万元、富文本、标题右边的tag,左边的logo
+  valueType?: 'date' | 'title' | 'w' | 'richText' | 'tag' | 'logo',
   //数组字段名
   listVal?: string,
   //需要跳转企业详情的ID和Name
@@ -90,5 +90,5 @@ export interface MenuListInter {
    * 点开更多所展示的标题，数量大于4的时候使用
    */
   name?: string,
-  list: { text: string, value: string }[]
+  list: { text: string, value: string | number }[]
 }

src/store/demensionDetail.ts

@@ -8,7 +8,8 @@ export const useDemensionDetailStore = defineStore({
   state: () => {
     return <DemensionDetailStoreInter>{
       selectDemension: {},
-      info: {}
+      info: {},
+      allRes: {}
     }
   },
   actions: {
@@ -36,6 +37,7 @@ export const useDemensionDetailStore = defineStore({
       }
       const res = await $axios.get('lawyer-workbench/risk/dimension/detail', { params })
       // console.log(res)
+      this.allRes = res
       if (this.selectDemension.detailValue) {
         this.info = res[this.selectDemension.detailValue]
       } else {

src/style/global.scss

@@ -1,7 +1,7 @@
 p,span,div,a{
   font-size: 15px;
 }
-.link {
+:deep() .link {
   color: #088BFE !important;
 }
 .caichan-tip {

src/types/store.ts

@@ -17,5 +17,6 @@ export interface DemensionStoreInter {
 }
 export interface DemensionDetailStoreInter {
   selectDemension: DemensionPagesListInter;
-  info: any
+  info: any,
+  allRes: any
 }

src/views/demension/list.vue

@@ -21,14 +21,14 @@
   import CommonMenu from '@/components/vant/CommonMenu.vue'
   import { $getDemension } from '@/utils/utils'
   import { useRoute ,useRouter} from 'vue-router'
-  
+
   const store = useDemensionListStore()
   store.getDemension()
-  const route = useRoute();
-  const router = useRouter();
-  const { allDemensionArr } = $getDemension();
-  const tempPath = allDemensionArr.find((item)=>item.routing === route.params.routerName);
-  if(!tempPath){
+  const route = useRoute()
+  const router = useRouter()
+  const { allDemensionArr } = $getDemension()
+  const tempPath = allDemensionArr.find((item) => item.routing === route.params.routerName)
+  if(!tempPath) {
     //404
     router.push({ name: 'notFound', query: { originPath: route.params.routerName }})
   }