新增企业明细模块

components.d.ts

@@ -10,18 +10,23 @@ declare module 'vue' {
     BaseContainer: typeof import('./src/components/base/BaseContainer.vue')['default']
     CompanyDetailSmallBox: typeof import('./src/components/CompanyDetailSmallBox.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
+    ElCol: typeof import('element-plus/es')['ElCol']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
+    ElLink: typeof import('element-plus/es')['ElLink']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     FourDynamics: typeof import('./src/components/FourDynamics.vue')['default']
     IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']

src/layout/component/HeadBlock.vue

@@ -29,6 +29,7 @@ const munTabs = ref([
   { title: '首页', route: 'home' },
   { title: '信用动态', route: 'creditDynamics' },
   { title: '信用惠企', route: 'creditWiseEnterprise' },
+  { title: '信用明细', route: 'creditDetails' },
   { title: '信用红榜', route: 'creditEcaluationResults' },
   { title: '信用警示', route: 'creditWarning' },
   { title: '企业自主上报', route: 'creditServices' },

src/router/route.ts

@@ -16,42 +16,56 @@ export const routes: RouteRecordRaw[] = [
         meta: {
           title: '首页'
         }
-      }, {
+      },
+      {
         path: '/creditDynamics',
         name: 'creditDynamics',
         component: () => import('@/views/creditDynamics/index.vue'),
         meta: {
           title: '信用动态'
         }
-      }, {
+      },
+      {
         path: '/creditWiseEnterprise',
         name: 'creditWiseEnterprise',
         component: () => import('@/views/creditWiseEnterprise/index.vue'),
         meta: {
           title: '信用惠企'
         }
-      }, {
+      },
+      {
+        path: '/creditDetails',
+        name: 'creditDetails',
+        component: () => import('@/views/creditDetails/index.vue'),
+        meta: {
+          title: '信用明细'
+        }
+      },
+      {
         path: '/creditEcaluationResults',
         name: 'creditEcaluationResults',
         component: () => import('@/views/creditEcaluationResults/index.vue'),
         meta: {
           title: '信用红榜'
         }
-      }, {
+      },
+      {
         path: '/creditWarning',
         name: 'creditWarning',
         component: () => import('@/views/creditWarning/index.vue'),
         meta: {
           title: '信用警示'
         }
-      }, {
+      },
+      {
         path: '/creditServices',
         name: 'creditServices',
         component: () => import('@/views/creditServices/index.vue'),
         meta: {
           title: '企业自主上报'
         }
-      }, {
+      },
+      {
         path: '/about',
         name: 'about',
         component: () => import('@/views/about/index.vue'),
@@ -68,51 +82,59 @@ export const routes: RouteRecordRaw[] = [
         }
       },
       {
-        path:'/search',
-        name:'search',
-        component:()=>import('@/views/search/index.vue'),
-        meta:{
-          title:'搜索'
+        path: '/search',
+        name: 'search',
+        component: () => import('@/views/search/index.vue'),
+        meta: {
+          title: '搜索'
         }
       },
       {
-        path:'/newsDetail',
-        name:'newsDetail',
-        component:()=>import('@/views/newsDetail/index.vue'),
-        meta:{
-          title:'新闻详情'
+        path: '/newsDetail',
+        name: 'newsDetail',
+        component: () => import('@/views/newsDetail/index.vue'),
+        meta: {
+          title: '新闻详情'
         }
       },
       {
-        path:'companyDetail',
-        name:'companyDetail',
-        component:()=>import('@/views/companyDetail/index.vue'),
-        meta:{
-          title:'企业详情'
+        path: 'companyDetail',
+        name: 'companyDetail',
+        component: () => import('@/views/companyDetail/index.vue'),
+        meta: {
+          title: '企业详情'
         }
       },
       {
-        path:'companyList',
-        name:'companyList',
-        component:()=>import('@/views/companyList/index.vue'),
-        meta:{
-          title:'企业列表'
+        path: 'companyList',
+        name: 'companyList',
+        component: () => import('@/views/companyList/index.vue'),
+        meta: {
+          title: '企业列表'
         }
       },
       {
-        path:'/complaint',
-        name:'complaint',
-        component:()=>import('@/views/complaint/index.vue'),
-        meta:{
-          title:'投诉'
+        path: '/complaint',
+        name: 'complaint',
+        component: () => import('@/views/complaint/index.vue'),
+        meta: {
+          title: '投诉'
+        }
+      },
+      {
+        path: '/message',
+        name: 'message',
+        component: () => import('@/views/message/index.vue'),
+        meta: {
+          title: '留言'
         }
       },
       {
-        path:'/message',
-        name:'message',
-        component:()=>import('@/views/message/index.vue'),
-        meta:{
-          title:'留言'
+        path: '/companyScoreDetail',
+        name: 'companyScoreDetail',
+        component: () => import('@/views/companyScoreDetail/index.vue'),
+        meta: {
+          title: '企业得分详情'
         }
       }
     ]

src/views/companyScoreDetail/index.vue

@@ -0,0 +1,205 @@
+<script setup lang="ts">
+
+import { useRoute,useRouter } from 'vue-router'
+import { ref } from 'vue'
+import { fieldMap } from '@/views/companyScoreDetail/map'
+import request from '@/utils/request'
+
+const route = useRoute()
+const router = useRouter()
+const unifiedSocialCreditCode = ref<string>(route.query.unifiedSocialCreditCode as string)
+const enterpriseName = ref<string>(route.query.enterpriseName as string)
+const grade = ref<string>(route.query.grade as string)
+const total = ref<string>()
+if (route.query.total) {
+  total.value = Number(route.query.total).toFixed(2)
+}
+const getMostDetailByUniCode = (code: string) => {
+  return request.get('/crmHighTechZoneEnterprises/getCreditScoreMostDetailsByUniCode', {
+    params: {
+      unifiedSocialCreditCode: code
+    }
+  })
+}
+const data = ref<Map<string, string>>(new Map)
+const tempData1 = ref<any>([])
+const tempData2 = ref<any>([])
+const tempData3 = ref<any>([])
+const tempData4 = ref<any>([])
+const tempData5 = ref<any>([])
+const tempData6 = ref<any>([])
+const tableData1 = ref([])
+const tableData2 = ref([])
+const tableData3 = ref([])
+const tableData4 = ref([])
+const tableData5 = ref([])
+const tableData6 = ref([])
+const sum1 = ref(0)
+const sum2 = ref(0)
+const sum3 = ref(10)
+const sum4 = ref(20)
+const sum5 = ref(20)
+const sum6 = ref(0)
+const init = async () => {
+  const res: any = await getMostDetailByUniCode(unifiedSocialCreditCode.value)
+  if (res.code == 200) {
+    for (const resKey in res.data) {
+      data.value.set(fieldMap[resKey], res.data[resKey])
+    }
+  }
+  let count = 0
+  for (const entry of data.value) {
+    if (count <= 17) {
+      tempData1.value.push(entry)
+      count++
+    } else if (count <= 29) {
+      tempData2.value.push(entry)
+      count++
+    } else if (count <= 34) {
+      tempData3.value.push(entry)
+      count++
+    } else if (count <= 74) {
+      tempData4.value.push(entry)
+      count++
+    } else if (count <= 83) {
+      tempData5.value.push(entry)
+      count++
+    } else if (count <= 91) {
+      tempData6.value.push(entry)
+      count++
+    } else {
+      break
+    }
+  }
+  setTableDataValueAndSum(tableData1, tempData1, sum1)
+  setTableDataValueAndSum(tableData2, tempData2, sum2)
+  setTableDataValueAndSum(tableData3, tempData3, sum3)
+  setTableDataValueAndSum(tableData4, tempData4, sum4)
+  setTableDataValueAndSum(tableData5, tempData5, sum5)
+  setTableDataValueAndSum(tableData6, tempData6, sum6)
+}
+const setTableDataValueAndSum = (tableData: any, tempData: any, sum: any) => {
+  tableData.value = tempData.value.reduce((acc: any, cur: any) => {
+    acc[0][cur[0]] = cur[1]
+    return acc
+  }, [{}])
+  for (const k in tableData.value[0]) {
+    sum.value += tableData.value[0][k]
+  }
+}
+init()
+const backToLastPage = ()=>{
+  router.back();
+}
+</script>
+
+<template>
+  <div class="conpanyScoreDetailContainer">
+    <div class="w-1400px m-auto pt-20px pb-20px">
+      <el-card class="box-card">
+        <div class="clearfix flex justify-start items-center">
+          <el-icon @click="backToLastPage" class="cursor-pointer" size="25">
+            <ArrowLeft />
+          </el-icon>
+          <span class="text-2xl font-bold">&nbsp;企业评分详情</span>
+        </div>
+        <el-row :gutter="20" class="mt-4">
+          <el-col :span="12">
+            <div class="grid-content">
+              <div class="flex items-center mb-2">
+                <span class="text-lg font-medium mr-2">统一社会信用代码:</span>
+                <span>{{ unifiedSocialCreditCode }}</span>
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content">
+              <div class="flex items-center mb-2">
+                <span class="text-lg font-medium mr-2">企业名称:</span>
+                <span>{{ enterpriseName }}</span>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20" class="mt-4">
+          <el-col :span="12">
+            <div class="grid-content">
+              <div class="flex items-center mb-2">
+                <span class="text-lg font-medium mr-2">等级:</span>
+                <span>{{ grade }}</span>
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content">
+              <div class="flex items-center mb-2">
+                <span class="text-lg font-medium mr-2">总分:</span>
+                <span>{{ total }}</span>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-table :data="tableData1" style="width: 100%">
+          <el-table-column :label="'企业竞争力得分详细(满分30分)此项得分为：'+sum1.toFixed(2)">
+            <el-table-column width="150" v-for="(item,index) in tempData1" :key="index" :label="item[0]">
+              <template #default="scope">
+                {{ scope.row[item[0]] }}
+              </template>
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <el-table :data="tableData2" style="width: 100%">
+          <el-table-column :label="'财务得分详细(满分10分)此项得分为：'+(sum2<=4?4:sum2).toFixed(2)">
+            <el-table-column width="150" v-for="(item,index) in tempData2" :key="index" :label="item[0]">
+              <template #default="scope">
+                {{ scope.row[item[0]] }}
+              </template>
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <el-table :data="tableData3" style="width: 100%">
+          <el-table-column :label="'司法裁判得分详细(满分10分)此项得分为：'+sum3.toFixed(2)">
+            <el-table-column width="150" v-for="(item,index) in tempData3" :key="index" :label="item[0]">
+              <template #default="scope">
+                {{ scope.row[item[0]] ? scope.row[item[0]] : 0 }}
+              </template>
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <el-table :data="tableData4" style="width: 100%">
+          <el-table-column :label="'行政处罚得分详细(满分20分)此项得分为：'+sum4.toFixed(2)">
+            <el-table-column width="150" v-for="(item,index) in tempData4" :key="index" :label="item[0]">
+              <template #default="scope">
+                {{ scope.row[item[0]] }}
+              </template>
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <el-table :data="tableData5" style="width: 100%">
+          <el-table-column :label="'行政监管、践诺履约得分详细(满分20分)此项得分为：'+sum5.toFixed(2)">
+            <el-table-column width="150" v-for="(item,index) in tempData5" :key="index" :label="item[0]">
+              <template #default="scope">
+                {{ scope.row[item[0]] }}
+              </template>
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <el-table :data="tableData6" style="width: 100%">
+          <el-table-column :label="'参考信用评价得分详细(满分10分)此项得分为：'+sum6.toFixed(2)">
+            <el-table-column width="150" v-for="(item,index) in tempData6" :key="index" :label="item[0]">
+              <template #default="scope">
+                {{ scope.row[item[0]] }}
+              </template>
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.conpanyScoreDetailContainer {
+  background-color: #ecf0f9;
+}
+</style>

src/views/companyScoreDetail/map/index.ts

@@ -0,0 +1,94 @@
+export const fieldMap:any = {
+    accountsReceivableTurnover: "应收账款周转率得分(最高得0.75分)",
+    adminForcibleExecutionDeduction: "行政强制执行扣分(最高扣10分)",
+    adminSanctionDeduction: "行政处罚扣分(最高扣20分)",
+    adminSupervisionDeduction: "行政监督扣分(最高扣5分)",
+    administrativePenaltiesOtherPenaltiesDeduction: "行政处罚其他处罚扣分(最高扣2分)",
+    administrativePenalty: "行政处罚(最高扣20分)",
+    agricultureFisheriesWaterPenaltiesDeduction: "农渔水利行政处罚扣分(最高扣2分)",
+    arbitrationInfoLaborArbitrationDeduction: "仲裁信息劳动仲裁扣分(最高扣2分)",
+    assetLiabilityRatio: "资产负债率得分(最高得1分)",
+    associationHonorBonus: "协会荣誉得分(最高得1分)",
+    auctionNoticeAuctionDeduction: "拍卖公告司法拍卖扣分(最高扣5分)",
+    badSupplierListCorporateProcurementPenaltyDeduction: "不良供应商名单企业采购处罚扣分(最高扣2分)",
+    badSupplierListGovernmentProcurementPenaltyDeduction: "不良供应商名单政府采购处罚扣分(最高扣2分)",
+    badSupplierListMilitaryProcurementPenaltyDeduction: "不良供应商名单军队采购处罚扣分(最高扣2分)",
+    bankCreditRatingScore: "银行信用评级得分(最高得1分)",
+    brandHonorScore: "品牌荣誉得分(最高得1分)",
+    cashToCurrentLiabilitiesRatio: "现金流动负债比率得分(最高得1分)",
+    charityActivityScore: "慈善活动得分(最高得1分)",
+    civilAffairsManagementPenaltyDeduction: "民政管理处罚扣分(最高扣2分)",
+    commercePenaltiesAdministrativePenaltyDeduction: "商务处罚行政处罚扣分(最高扣2分)",
+    complaDoubleReportDeduction: "投诉举报扣分(最高扣2分)",
+    contractUnfulfilledDeduction: "合同未履行扣分(最高扣3分)",
+    creditPromiseUnfulfilledDeduction: "信用承诺未履行扣分(最高扣3分)",
+    creditRedListBonus: "信用红名单得分(最高得1分)",
+    criminalCaseLitigationDeduction: "检察案件刑事诉讼扣分(最高扣10分)",
+    debtReminderFinancialDebtDeduction: "欠款催告金融欠款扣分(最高扣2分)",
+    educationCultureTourismPenaltiesDeduction: "科教文旅行政处罚扣分(最高扣2分)",
+    emergencySafetySupervisionAdministrativePenaltyDeduction: "应急安监处罚行政处罚扣分(最高扣2分)",
+    energyElectricityElectricalSectorPenaltyDeduction: "能源电力涉电领域处罚扣分(最高扣2分)",
+    enterpriseTechnologyRnDScore: "企业科技研发得分(最高得1分)",
+    environmentalCreditRatingScore: "环保信用评级得分(最高得1分)",
+    environmentalProtectionIllegalSupervisionDeduction: "环保监管违法督办扣分(最高扣2分)",
+    environmentalProtectionKeyPollutionDeduction: "环保监管重点排污扣分(最高扣5分)",
+    environmentalProtectionOtherPenaltiesDeduction: "环保监管其它处罚扣分(最高扣2分)",
+    falseDeclarationMaterialsProvided: "提供虚假申报材料扣分(最高扣2分)",
+    financialSupervisionFinancePenaltyDeduction: "财金监管财政处罚处罚扣分(最高扣2分)",
+    financialSupervisionFinancialBureauPenaltyDeduction: "财金监管财政金融监管局处罚扣分(最高扣2分)",
+    financialSupervisionLocalFinancePenaltyDeduction: "财金监管财政金融地方金融处罚扣分(最高扣2分)",
+    financialSupervisionPBOCPenaltyDeduction: "财金监管人民银行处罚扣分(最高扣2分)",
+    governmentHonorBonus: "政府荣誉得分(最高得3分)",
+    healthAndWellnessAdministrativePenaltiesDeduction: "卫生健康行政处罚扣分(最高扣2分)",
+    highTechEnterpriseScore: "高新技术企业得分(最高得2分)",
+    housingConstructionPenaltyBulletinPenaltyDeduction: "住建处罚通报处罚扣分(最高扣2分)",
+    industryAndInformationTelecomPenaltiesDeduction: "工信邮电行政处罚扣分(最高扣2分)",
+    industryOrganizationSelfDisciplinePenaltyDeduction: "行业组织自律处罚扣分(最高扣2分)",
+    intellectualPropertyScore: "知识产权得分(最高得3分)",
+    inventoryTurnover: "存货周转率得分(最高得0.5分)",
+    judicialExecutionDeduction: "司法涉诉被执行人扣分(最高扣10分)",
+    laborSecurityIllegalLaborSupervisionPenaltyDeduction: "劳动保障违法劳动监察处罚扣分(最高扣2分)",
+    landResourcesAdministrativePenaltiesDeduction: "国土资源行政处罚扣分(最高扣2分)",
+    licensedCreditAgencyScore: "持牌企业征信机构评分得分(最高得1分)",
+    listedCompanySupervisionAccountabilityDeduction: "上市监管监管问责扣分(最高扣2分)",
+    listingScore: "上市得分(最高得1分)",
+    marketRegulatoryEquityFreezeDeduction: "市场监管股权冻结扣分(最高扣2分)",
+    marketRegulatoryEquityPledgeDeduction: "市场监管股权出质扣分(最高扣2分)",
+    marketRegulatoryIntellectualPropertyInfringementDeduction: "市场监管侵犯知产扣分(最高扣2分)",
+    marketRegulatoryMovablePropertyMortgageDeduction: "市场监管动产抵押扣分(最高扣2分)",
+    marketRegulatoryOperationExceptionDeduction: "市场监管经营异常扣分(最高扣5分)",
+    marketRegulatoryOtherPenaltiesDeduction: "市场监管其它处罚扣分(最高扣1分)",
+    marketRegulatoryPriceActionDeduction: "市场监管价格出发扣分(最高扣2分)",
+    marketRegulatoryProductRecallDeduction: "市场监管产品召回扣分(最高扣2分)",
+    marketSupervisionRatingScore: "市场监管信用评级得分(最高得1分)",
+    nationalPublicCreditScore: "国家公共信用得分(最高得2分)",
+    netAssetReturnRate: "净资产收益率得分(最高得1分)",
+    operatingIncomeGrowthRate: "营业总收入增长率得分(最高得0.5分)",
+    operatingProfitMargin: "营业收入利润率得分(最高得1分)",
+    operationalYearsScore: "经营年限得分(最高得1分)",
+    organizationalStructureScore: "组织建设得分(最高得1分)",
+    otherFieldsCreditAppraisalScore: "其他领域信用评价得分(最高得2分)",
+    policeNoticePenaltyDeduction: "公安公告行政处罚扣分(最高扣2分)",
+    qualificationCertificateScore: "资质证书信息得分(最高得2分)",
+    quickRatio: "速动比率得分(最高得1分)",
+    rAndDDeploymentIntensity: "研发经费投入强度(最高得0.75分)",
+    radioTelevisionInformationPenaltiesDeduction: "广电网信行政处罚扣分(最高扣2分)",
+    ratingAgencyCreditRating: "评级机构信用评级得分(最高得1分)",
+    revenueScore: "产值得分(最高得4分)",
+    scienceAndTechnologySME: "科技型中小企业(最高得1分)",
+    socialSecurityArrearsDeduction: "社保欠缴扣分(最高扣5分)",
+    socialSecurityScore: "社保得分(最高得1分)",
+    specializedNewScore: "专精特新得分(最高得1分)",
+    surplusCashSecurityRatio: "盈余现金保障倍数(最高得1分)",
+    systemCertificationScore: "体系认证得分(最高得1分)",
+    taxPaymentScore: "纳税额得分(最高得4分)",
+    taxPenaltyOrderForRemovalDeduction: "税务处罚责令整改扣分(最高扣2分)",
+    taxPenaltyOtherPenaltiesDeduction: "税务处罚其他处罚扣分(最高扣1分)",
+    taxPenaltyTaxArrearsAnnouncementDeduction: "税务处罚欠税公告扣分(最高扣2分)",
+    taxPenaltyTaxUrgentNoticeDeduction: "税务处罚税务催告扣分(最高扣2分)",
+    taxRatingScore: "税收评级得分(最高得1分)",
+    totalAssetsTurnover: "总资产周转率得分(最高得0.75分)",
+    totalProfitGrowthRate: "利润总额增长率得分(最高得0.75分)",
+    urbanManagementPenaltiesDeduction: "城市管理行政处罚扣分(最高扣2分)",
+    utilityArrearsDeduction: "欠缴公用事业费扣分(最高扣5分)",
+}

src/views/creditDetails/index.vue

@@ -0,0 +1,153 @@
+<script setup name="getCerating">
+import { useRouter } from 'vue-router'
+import { ref, reactive, toRefs } from 'vue'
+import request from '@/utils/request'
+
+const router = useRouter()
+
+const tableData = ref([])
+
+const total = ref(0)
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 20,
+    unifiedSocialCreditCode: '',
+    grade: null,
+    total: null,
+    enterpriseName: ''
+  }
+})
+const { queryParams } = toRefs(data)
+
+function handleQuery() {
+  queryParams.value.pageNum = 1
+  getList()
+}
+
+function resetQuery() {
+  queryParams.value.unifiedSocialCreditCode = ''
+  queryParams.value.enterpriseName = ''
+  handleQuery()
+}
+
+function getCreditScoreList(data) {
+  return request({
+    url: `/crmHighTechZoneEnterprises/getCreditScoreList`,
+    method: 'get',
+    params: data
+  })
+}
+
+function getList() {
+  getCreditScoreList(queryParams.value).then((res) => {
+    tableData.value = res.data.result
+    total.value = res.data.totalSize
+  })
+}
+
+getList()
+</script>
+
+<template>
+  <div class="companyDetailContainer">
+    <div class="w-1200px m-auto pt-20px pb-20px">
+      <div class="app-container">
+        <el-row :gutter="20">
+          <!--用户数据-->
+          <el-col style="display:flex" :span="20" :xs="24">
+            <el-form :model="queryParams" ref="queryRef" :inline="true">
+              <el-form-item label="企业信用代码" prop="unifiedSocialCreditCode">
+                <el-tooltip
+                  class="box-item"
+                  effect="light"
+                  content="这里输入企业信用代码以方便搜索"
+                  placement="bottom"
+                >
+                  <el-input v-model="queryParams.unifiedSocialCreditCode" placeholder="请输入企业信用代码" clearable
+                            style="width: 240px" />
+                </el-tooltip>
+              </el-form-item>
+              <el-tooltip
+                class="box-item"
+                effect="light"
+                content="这里输入企业名称以方便搜索"
+                placement="bottom"
+              >
+                <el-form-item label="企业名称" prop="enterpriseName">
+                  <el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称" clearable
+                            style="width: 240px" />
+                </el-form-item>
+              </el-tooltip>
+              <el-form-item>
+                <el-tooltip
+                  class="box-item"
+                  effect="light"
+                  content="输入关键字就可以搜索企业"
+                  placement="bottom"
+                >
+                  <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="box-item"
+                  effect="light"
+                  content="这里可以重置搜索的关键字"
+                  placement="bottom"
+                >
+                  <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                </el-tooltip>
+              </el-form-item>
+            </el-form>
+          </el-col>
+        </el-row>
+        <el-tooltip
+          class="box-item"
+          effect="light"
+          content="点击企业信用代码一栏可以查看得分详情"
+          placement="left-start"
+        >
+          <el-table stripe :data="tableData" style="width: 100%" height="710">
+            <el-table-column prop="enterpriseName" label="企业名称" width="400" />
+            <el-table-column label="企业信用代码">
+              <template #default="scope">
+                <el-link
+                  @click="router.push(
+                    {
+                      path: '/companyScoreDetail',
+                      query: {
+                        unifiedSocialCreditCode: scope.row.unifiedSocialCreditCode,
+                        enterpriseName: scope.row.enterpriseName,
+                        grade: scope.row.grade,
+                        total: scope.row.total
+                      }
+                    }
+                    )"
+                  type="primary"
+                >{{ scope.row.unifiedSocialCreditCode }}
+                </el-link>
+              </template>
+            </el-table-column>
+            <el-table-column label="总分" align="center" prop="total" width="300">
+              <template #default="scope">
+                {{ scope.row.total.toFixed(2) }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="grade" label="等级" />
+          </el-table>
+        </el-tooltip>
+        <div class="mt-10px">
+          <el-pagination v-show="total > 0" :total="total" v-model:current-page="queryParams.pageNum"
+                         v-model:page-size="queryParams.pageSize" @change="getList" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.companyDetailContainer {
+  background-color: #ecf0f9;
+}
+</style>