diff --git a/.env.development b/.env.development
index 213846b..ecb9bfb 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 VITE_APP_NAME=后台管理(开发环境)
-#VITE_API_URL=http://127.0.0.1:9200/api
+VITE_API_URL=http://127.0.0.1:9200/api
 #VITE_SERVER_API_URL=http://127.0.0.1:8000/api
 
 
diff --git a/a.html b/a.html
new file mode 100644
index 0000000..99610a0
--- /dev/null
+++ b/a.html
@@ -0,0 +1,62 @@
+<p><strong>桂乐淘后台管理手册</strong></p>
+<p><strong>后台登录信息：</strong></p>
+<p><strong>地址：</strong><a href="login"><strong>https://glt.websoft.top/login</strong></a><strong><br /></strong><strong>账号：13800010584</strong><strong><br /></strong><strong>验证码：183911</strong></p>
+<p><strong>一、创建管理员账号</strong></p>
+<p>（一）创建流程</p>
+<p>主页-用户管理-设置手机号-角色设置（将该手机号设置为对应的角色权限）-打开管理员开关，即可创建管理员账号-搜索到对应管理员手机号-勾选该账号-重置密码-复制密码给管理员-打开后台登录地址-使用手机号+登录密码+核验码进行登录-登录成功后再自行修改登录密码。</p>
+<p><strong>&nbsp;<img src="https://oss.wsdns.cn/20260306/4ce09bd61eb549a3b955490ba2b489d8.png" /></strong></p>
+<p><img src="https://oss.wsdns.cn/20260306/a2814cc44e5c41909a513b53b13e2918.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/205744c621a045b5a2557456dabd25de.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/f151c0a2571540f1bb54f73e0009db07.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/fcc150c5e8294b9d990c0eb7db51eed4.png" /></p>
+<p>&nbsp;</p>
+<p>（二）角色管理</p>
+<p>新建或修改角色-分配权限（按角色需要勾选权限）</p>
+<p>1.角色设置</p>
+<p><img src="https://oss.wsdns.cn/20260306/44dcfdd7e424434788c52a5e3b129b05.png" /></p>
+<p>2.角色名称</p>
+<p><img src="https://oss.wsdns.cn/20260306/d7405372b30647f99042a1667fba1713.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/406cb1aab12c45d4ac6aa550bb76b0c2.png" /></p>
+<p><strong>&nbsp;</strong></p>
+<p><strong>二、业务管理（创建商品-创建水票-配送）</strong></p>
+<p>（一）商品创建流程</p>
+<p>新增或编辑商品，按字段填写或上传商品信息，保存后即可（可自主管理上下架及商品排序），在商品管理模块添加的是普通的快递商品，不属于水票套票</p>
+<p><img src="https://oss.wsdns.cn/20260306/9547293d358c4de0834f39301a68967a.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/8f7fd971e3bf48c8bf57ee8ff88dc6b0.png" /></p>
+<p>&nbsp;</p>
+<p>（二）水票套票创建及配送</p>
+<p>基于商品管理里的商品信息，进入水票-模板管理-填写模板规则</p>
+<p><img src="https://oss.wsdns.cn/20260306/72f6691aacab43d5accacc3d585b2c57.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/62a4c06e5d7c4f35980eeb4f661fb7a2.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/4e6a9764ffe24079ae90701254d695ea.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/0528a0acf7a9483b973a521f8255e6a9.png" /></p>
+<p>（三）配送</p>
+<p>用户购买水票后，系统自动释放水票模板的首期水票，并自动生成配送订单到用户指定地址（须在电子围栏内）</p>
+<p>配送员添加：接单-配送员管理-新增/修改配送员信息</p>
+<p><img src="https://oss.wsdns.cn/20260306/853717ca88a046b7bd11f82a7dd1a17d.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/9d5b41ccbc7243629b98bd1b5e96d000.png" /></p>
+<p><img src="https://oss.wsdns.cn/20260306/5bdaadaa39e14046bf1d08c34d745bc3.png" /></p>
+<p>&nbsp;</p>
+<p>&nbsp;</p>
+<p><strong>&nbsp;</strong></p>
+<p><strong>三、分销</strong></p>
+<p>（一）分销用户</p>
+<p><img src="https://oss.wsdns.cn/20260306/964092d296074f0a9df2b9f46d7ef9f4.png" /></p>
+<p>（二）推荐关系</p>
+<p><img src="https://oss.wsdns.cn/20260306/f299eb173590496c84cd545425c82438.png" /></p>
+<p>（三）分销订单</p>
+<p><strong><img src="https://oss.wsdns.cn/20260306/ddf51b18abee477eabc3335d5535e9c4.png" /></strong></p>
+<p><strong>用户操作手册</strong></p>
+<p><strong>一、水票购买</strong></p>
+<p>用户可按指引购买水票，选择地址时，如不在电子围栏范围内，无法付款配送。</p>
+<p><img src="https://oss.wsdns.cn/20260306/880543fbd60a44d98f79445df0f45115.png" /> &nbsp;<img src="https://oss.wsdns.cn/20260306/f7f628046e384e51a3df99caa320a8a8.png" /><img src="https://oss.wsdns.cn/20260306/515f0893e8d24e0c8ba4a2288f3b67f9.png" /></p>
+<p><strong>二、我的水票</strong></p>
+<p>用户查看自己购买过的水票明细及使用、释放情况等</p>
+<p><img src="https://oss.wsdns.cn/20260306/a482517619654972a713a628109f2cf7.png" /></p>
+<p><strong>&nbsp;</strong></p>
+<p><strong>三</strong><strong>、</strong><strong>立即送水</strong></p>
+<p>用户查看自己购买过的水票明细及使用、释放情况等</p>
+<p>&nbsp; &nbsp;<img src="https://oss.wsdns.cn/20260306/66a9645153d94ca6b598ae9813516179.png" /><img src="https://oss.wsdns.cn/20260306/06ecf42a53f8411a88ade40e797ed9e9.png" /></p>
+<p><strong>三、</strong><strong>分享中心</strong></p>
+<p>用户查看自己的推广佣金情况、推广的用户列表，申请提现等</p>
+<p>&nbsp; <img src="https://oss.wsdns.cn/20260306/eb6d0d4240374549945a14f6c6b3e179.png" /><img src="https://oss.wsdns.cn/20260306/6036ca3fe4a0438baa3a680a62d2da7b.png" /></p>
diff --git a/src/api/credit/creditCompany/index.ts b/src/api/credit/creditCompany/index.ts
index f76d783..1dadcc1 100644
--- a/src/api/credit/creditCompany/index.ts
+++ b/src/api/credit/creditCompany/index.ts
@@ -123,6 +123,27 @@ export async function importCreditCompany(file: File) {
   return Promise.reject(new Error(res.data.message));
 }
 
+/**
+ * 导入客户
+ */
+export async function importCustomer(file: File) {
+  const formData = new FormData();
+  formData.append('file', file);
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-company/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
 /**
  * 根据企业匹配名称查询关联信息
  */
diff --git a/src/api/credit/creditCompany/model/index.ts b/src/api/credit/creditCompany/model/index.ts
index 79ddaa5..f009b6b 100644
--- a/src/api/credit/creditCompany/model/index.ts
+++ b/src/api/credit/creditCompany/model/index.ts
@@ -183,7 +183,8 @@ export interface CreditCompany {
  */
 export interface CreditCompanyParam extends PageParam {
   userId?: number;
-
+  type?: number;
+  isCustomer?: number;
   id?: number;
   keywords?: string;
 }
diff --git a/src/views/credit/customer/components/credit-company-import.vue b/src/views/credit/customer/components/credit-company-import.vue
new file mode 100644
index 0000000..5e03179
--- /dev/null
+++ b/src/views/credit/customer/components/credit-company-import.vue
@@ -0,0 +1,93 @@
+<!-- 企业导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="企业批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="企业导入模板.xlsx"> 下载导入模板 </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import {importCustomer} from '@/api/credit/creditCompany';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-company/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCustomer(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/credit/customer/components/credit-company-related-import.vue b/src/views/credit/customer/components/credit-company-related-import.vue
new file mode 100644
index 0000000..ab10d5a
--- /dev/null
+++ b/src/views/credit/customer/components/credit-company-related-import.vue
@@ -0,0 +1,107 @@
+<!-- 企业详情子表导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    :title="title"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" :download="`${title}.xlsx`">下载导入模板</a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  const props = defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+    // 弹窗标题
+    title: string;
+    // 模板下载相对路径（保持与当前接口域名一致）
+    templatePath: string;
+    // 当前企业ID（用于导入关联）
+    companyId?: number;
+    // 导入方法：必须支持传 companyId
+    importFn: (file: File, companyId?: number) => Promise<string>;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    const path = (props.templatePath || '').startsWith('/')
+      ? props.templatePath
+      : `/${props.templatePath}`;
+    return `${base}${path}`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    if (!props.companyId) {
+      message.error('缺少企业ID，无法导入');
+      return false;
+    }
+    loading.value = true;
+    props
+      .importFn(file, props.companyId)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/credit/customer/components/creditCompanyEdit.vue b/src/views/credit/customer/components/creditCompanyEdit.vue
new file mode 100644
index 0000000..397c828
--- /dev/null
+++ b/src/views/credit/customer/components/creditCompanyEdit.vue
@@ -0,0 +1,612 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    width="80%"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '主体企业信息' : '添加企业'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="原文件导入名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入原文件导入名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="系统匹配企业名称" name="matchName">
+        <a-input
+          allow-clear
+          placeholder="请输入系统匹配企业名称"
+          v-model:value="form.matchName"
+        />
+      </a-form-item>
+      <a-form-item label="统一社会信用代码" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入统一社会信用代码"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="类型" name="type">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入类型"-->
+      <!--          v-model:value="form.type"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="上级id, 0是顶级" name="parentId">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入上级id, 0是顶级"-->
+      <!--          v-model:value="form.parentId"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <a-form-item label="登记状态" name="registrationStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入登记状态"
+          v-model:value="form.registrationStatus"
+        />
+      </a-form-item>
+      <a-form-item label="法定代表人" name="legalPerson">
+        <a-input
+          allow-clear
+          placeholder="请输入法定代表人"
+          v-model:value="form.legalPerson"
+        />
+      </a-form-item>
+      <a-form-item label="注册资本" name="registeredCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入注册资本"
+          v-model:value="form.registeredCapital"
+        />
+      </a-form-item>
+      <a-form-item label="实缴资本" name="paidinCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入实缴资本"
+          v-model:value="form.paidinCapital"
+        />
+      </a-form-item>
+      <a-form-item label="成立日期" name="establishDate">
+        <a-input
+          allow-clear
+          placeholder="请输入成立日期"
+          v-model:value="form.establishDate"
+        />
+      </a-form-item>
+      <a-form-item label="企业地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入企业地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="电话" name="tel">
+        <a-input
+          allow-clear
+          placeholder="请输入电话"
+          v-model:value="form.tel"
+        />
+      </a-form-item>
+      <a-form-item label="更多电话" name="moreTel">
+        <a-input
+          allow-clear
+          placeholder="请输入更多电话"
+          v-model:value="form.moreTel"
+        />
+      </a-form-item>
+      <a-form-item label="邮箱" name="email">
+        <a-input
+          allow-clear
+          placeholder="请输入邮箱"
+          v-model:value="form.email"
+        />
+      </a-form-item>
+      <a-form-item label="更多邮箱" name="moreEmail">
+        <a-input
+          allow-clear
+          placeholder="请输入更多邮箱"
+          v-model:value="form.moreEmail"
+        />
+      </a-form-item>
+      <a-form-item label="所在国家" name="country">
+        <a-input
+          allow-clear
+          placeholder="请输入所在国家"
+          v-model:value="form.country"
+        />
+      </a-form-item>
+      <a-form-item label="所属省份" name="province">
+        <a-input
+          allow-clear
+          placeholder="请输入所属省份"
+          v-model:value="form.province"
+        />
+      </a-form-item>
+      <a-form-item label="所属城市" name="city">
+        <a-input
+          allow-clear
+          placeholder="请输入所属城市"
+          v-model:value="form.city"
+        />
+      </a-form-item>
+      <a-form-item label="所属区县" name="region">
+        <a-input
+          allow-clear
+          placeholder="请输入所属区县"
+          v-model:value="form.region"
+        />
+      </a-form-item>
+      <a-form-item label="企业（机构）类型" name="institutionType">
+        <a-input
+          allow-clear
+          placeholder="请输入企业（机构）类型"
+          v-model:value="form.institutionType"
+        />
+      </a-form-item>
+      <a-form-item label="纳税人识别号" name="taxpayerCode">
+        <a-input
+          allow-clear
+          placeholder="请输入纳税人识别号"
+          v-model:value="form.taxpayerCode"
+        />
+      </a-form-item>
+      <a-form-item label="注册号" name="registrationNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入注册号"
+          v-model:value="form.registrationNumber"
+        />
+      </a-form-item>
+      <a-form-item label="组织机构代码" name="organizationalCode">
+        <a-input
+          allow-clear
+          placeholder="请输入组织机构代码"
+          v-model:value="form.organizationalCode"
+        />
+      </a-form-item>
+      <a-form-item label="参保人数" name="numberOfInsuredPersons">
+        <a-input
+          allow-clear
+          placeholder="请输入参保人数"
+          v-model:value="form.numberOfInsuredPersons"
+        />
+      </a-form-item>
+      <a-form-item label="参保人数所属年报" name="annualReport">
+        <a-input
+          allow-clear
+          placeholder="请输入参保人数所属年报"
+          v-model:value="form.annualReport"
+        />
+      </a-form-item>
+      <a-form-item label="营业期限" name="businessTerm">
+        <a-input
+          allow-clear
+          placeholder="请输入营业期限"
+          v-model:value="form.businessTerm"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业门类"
+        name="nationalStandardIndustryCategories"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业门类"
+          v-model:value="form.nationalStandardIndustryCategories"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业大类"
+        name="nationalStandardIndustryCategories2"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业大类"
+          v-model:value="form.nationalStandardIndustryCategories2"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业中类"
+        name="nationalStandardIndustryCategories3"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业中类"
+          v-model:value="form.nationalStandardIndustryCategories3"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业小类"
+        name="nationalStandardIndustryCategories4"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业小类"
+          v-model:value="form.nationalStandardIndustryCategories4"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业门类"
+        name="nationalStandardIndustryCategories5"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业门类"
+          v-model:value="form.nationalStandardIndustryCategories5"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业大类"
+        name="nationalStandardIndustryCategories6"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业大类"
+          v-model:value="form.nationalStandardIndustryCategories6"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业中类"
+        name="nationalStandardIndustryCategories7"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业中类"
+          v-model:value="form.nationalStandardIndustryCategories7"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业小类"
+        name="nationalStandardIndustryCategories8"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业小类"
+          v-model:value="form.nationalStandardIndustryCategories8"
+        />
+      </a-form-item>
+      <a-form-item label="企业规模" name="companySize">
+        <a-input
+          allow-clear
+          placeholder="请输入企业规模"
+          v-model:value="form.companySize"
+        />
+      </a-form-item>
+      <a-form-item label="曾用名" name="formerName">
+        <a-input
+          allow-clear
+          placeholder="请输入曾用名"
+          v-model:value="form.formerName"
+        />
+      </a-form-item>
+      <a-form-item label="英文名" name="englishName">
+        <a-input
+          allow-clear
+          placeholder="请输入英文名"
+          v-model:value="form.englishName"
+        />
+      </a-form-item>
+      <a-form-item label="官网" name="domain">
+        <a-input
+          allow-clear
+          placeholder="请输入官网"
+          v-model:value="form.domain"
+        />
+      </a-form-item>
+      <a-form-item label="通信地址" name="mailingAddress">
+        <a-input
+          allow-clear
+          placeholder="请输入通信地址"
+          v-model:value="form.mailingAddress"
+        />
+      </a-form-item>
+      <a-form-item label="企业简介" name="companyProfile">
+        <a-input
+          allow-clear
+          placeholder="请输入企业简介"
+          v-model:value="form.companyProfile"
+        />
+      </a-form-item>
+      <a-form-item label="经营范围" name="natureOfBusiness">
+        <a-input
+          allow-clear
+          placeholder="请输入经营范围"
+          v-model:value="form.natureOfBusiness"
+        />
+      </a-form-item>
+      <a-form-item label="登记机关" name="registrationAuthority">
+        <a-input
+          allow-clear
+          placeholder="请输入登记机关"
+          v-model:value="form.registrationAuthority"
+        />
+      </a-form-item>
+      <a-form-item label="纳税人资质" name="taxpayerQualification">
+        <a-input
+          allow-clear
+          placeholder="请输入纳税人资质"
+          v-model:value="form.taxpayerQualification"
+        />
+      </a-form-item>
+      <a-form-item label="最新年报年份" name="latestAnnualReportYear">
+        <a-input
+          allow-clear
+          placeholder="请输入最新年报年份"
+          v-model:value="form.latestAnnualReportYear"
+        />
+      </a-form-item>
+      <a-form-item
+        label="最新年报营业收入"
+        name="latestAnnualReportOnOperatingRevenue"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入最新年报营业收入"
+          v-model:value="form.latestAnnualReportOnOperatingRevenue"
+        />
+      </a-form-item>
+      <a-form-item label="企查分" name="enterpriseScoreCheck">
+        <a-input
+          allow-clear
+          placeholder="请输入企查分"
+          v-model:value="form.enterpriseScoreCheck"
+        />
+      </a-form-item>
+      <a-form-item label="信用等级" name="creditRating">
+        <a-input
+          allow-clear
+          placeholder="请输入信用等级"
+          v-model:value="form.creditRating"
+        />
+      </a-form-item>
+      <a-form-item label="科创分" name="cechnologyScore">
+        <a-input
+          allow-clear
+          placeholder="请输入科创分"
+          v-model:value="form.cechnologyScore"
+        />
+      </a-form-item>
+      <a-form-item label="科创等级" name="cechnologyLevel">
+        <a-input
+          allow-clear
+          placeholder="请输入科创等级"
+          v-model:value="form.cechnologyLevel"
+        />
+      </a-form-item>
+      <a-form-item label="是否小微企业" name="smallEnterprise">
+        <a-input
+          allow-clear
+          placeholder="请输入是否小微企业"
+          v-model:value="form.smallEnterprise"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import {
+    addCreditCompany,
+    updateCreditCompany
+  } from '@/api/credit/creditCompany';
+  import { CreditCompany } from '@/api/credit/creditCompany/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCompany | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditCompany>({
+    id: undefined,
+    name: undefined,
+    matchName: undefined,
+    code: undefined,
+    type: undefined,
+    parentId: undefined,
+    registrationStatus: undefined,
+    legalPerson: undefined,
+    registeredCapital: undefined,
+    paidinCapital: undefined,
+    establishDate: undefined,
+    address: undefined,
+    tel: undefined,
+    moreTel: undefined,
+    email: undefined,
+    moreEmail: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    region: undefined,
+    institutionType: undefined,
+    taxpayerCode: undefined,
+    registrationNumber: undefined,
+    organizationalCode: undefined,
+    numberOfInsuredPersons: undefined,
+    annualReport: undefined,
+    businessTerm: undefined,
+    nationalStandardIndustryCategories: undefined,
+    nationalStandardIndustryCategories2: undefined,
+    nationalStandardIndustryCategories3: undefined,
+    nationalStandardIndustryCategories4: undefined,
+    nationalStandardIndustryCategories5: undefined,
+    nationalStandardIndustryCategories6: undefined,
+    nationalStandardIndustryCategories7: undefined,
+    nationalStandardIndustryCategories8: undefined,
+    companySize: undefined,
+    formerName: undefined,
+    englishName: undefined,
+    domain: undefined,
+    mailingAddress: undefined,
+    companyProfile: undefined,
+    natureOfBusiness: undefined,
+    registrationAuthority: undefined,
+    taxpayerQualification: undefined,
+    latestAnnualReportYear: undefined,
+    latestAnnualReportOnOperatingRevenue: undefined,
+    enterpriseScoreCheck: undefined,
+    creditRating: undefined,
+    cechnologyScore: undefined,
+    cechnologyLevel: undefined,
+    smallEnterprise: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditCompanyName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写企业名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value
+          ? updateCreditCompany
+          : addCreditCompany;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/customer/components/creditCompanyInfo.vue b/src/views/credit/customer/components/creditCompanyInfo.vue
new file mode 100644
index 0000000..147e1ff
--- /dev/null
+++ b/src/views/credit/customer/components/creditCompanyInfo.vue
@@ -0,0 +1,2139 @@
+<!-- 编辑弹窗 -->
+<template>
+  <a-drawer
+    width="98%"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="data?.name"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+  >
+    <a-descriptions
+      :column="descriptionColumns"
+      size="small"
+      bordered
+      class="credit-company-descriptions"
+    >
+      <a-descriptions-item label="企业名称">
+        {{ formatValue(form.matchName) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="法定代表人">
+        {{ formatValue(form.legalPerson) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="统一社会信用代码">
+        {{ formatValue(form.code) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="企业地址">
+        {{ formatValue(form.address) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="电话">
+        {{ formatValue(form.tel) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="更多电话">
+        {{ formatValue(form.moreTel) }}
+      </a-descriptions-item>
+    </a-descriptions>
+    <a-divider style="margin: 16px 0" />
+    <a-tabs
+      v-model:activeKey="activeTab"
+      :tabBarGutter="9"
+      class="credit-company-tabs"
+    >
+      <a-tab-pane v-for="tab in tabList" :key="tab.key">
+        <template #tab>
+          <span
+            :class="{
+              'credit-company-tab-has-data': tabHasData[tab.key]
+            }"
+          >
+            {{ tab.label }}
+          </span>
+        </template>
+        <a-space style="margin-bottom: 12px">
+          <a-button
+            type="primary"
+            :disabled="!form.id"
+            @click="openRelatedImport(tab.key)"
+          >
+            导入(单)
+          </a-button>
+          <a-button
+            v-if="tab.key === '被执行人'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openJudgmentDebtorHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史被执行人
+          </a-button>
+          <a-button
+            v-if="tab.key === '限制高消费'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openXgxfHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史限制高消费
+          </a-button>
+          <a-button
+            v-if="tab.key === '终本案件'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openFinalVersionHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史终本案件
+          </a-button>
+          <a-button
+            v-if="tab.key === '开庭公告'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openCourtSessionHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史开庭公告
+          </a-button>
+          <a-button
+            v-if="tab.key === '法院公告'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openCourtAnnouncementHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史法院公告
+          </a-button>
+          <a-button
+            v-if="tab.key === '失信被执行人'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openBreachOfTrustHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史失信被执行人
+          </a-button>
+          <a-button
+            v-if="tab.key === '裁判文书'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openJudicialDocumentHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史裁判文书
+          </a-button>
+          <a-button
+            v-if="tab.key === '立案信息'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openCaseFilingHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史立案信息
+          </a-button>
+          <a-button
+            v-if="tab.key === '诉前调解'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openMediationHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史诉前调解
+          </a-button>
+          <a-button
+            v-if="tab.key === '送达公告'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openDeliveryNoticeHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史送达公告
+          </a-button>
+          <a-button
+            v-if="tab.key === '股权冻结'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openGqdjHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史股权冻结
+          </a-button>
+          <a-button
+            v-if="tab.key === '破产重整'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openBankruptcyHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史破产重整
+          </a-button>
+          <a-button
+            v-if="tab.key === '行政许可'"
+            type="dashed"
+            :disabled="!form.id"
+            @click="openAdministrativeLicenseHistoryImport"
+          >
+            <template #icon>
+              <CloudUploadOutlined />
+            </template>
+            导入历史行政许可
+          </a-button>
+          <a-button
+            :loading="tabState[tab.key].loading"
+            @click="reloadTab(tab.key)"
+          >
+            刷新
+          </a-button>
+        </a-space>
+        <a-table
+          v-if="tabState[tab.key].columns.length"
+          size="small"
+          :columns="tabState[tab.key].columns"
+          :data-source="tabState[tab.key].data"
+          :loading="tabState[tab.key].loading"
+          :row-key="getRowKey"
+          :scroll="{ x: 'max-content' }"
+          :pagination="getTabPagination(tab.key)"
+        />
+        <a-empty
+          v-else-if="!tabState[tab.key].loading"
+          description="暂无数据"
+        />
+      </a-tab-pane>
+    </a-tabs>
+
+    <!-- 企业详情子表导入 -->
+    <CreditCompanyRelatedImport
+      v-model:visible="showRelatedImport"
+      :title="relatedImportTitle"
+      :templatePath="relatedImportTemplatePath"
+      :companyId="form.id"
+      :importFn="relatedImportFn"
+      @done="handleRelatedImportDone"
+    />
+
+    <!-- 历史立案信息导入（企业详情-立案信息tab） -->
+    <CreditCaseFilingHistoryImport
+      v-model:visible="showCaseFilingHistoryImport"
+      :companyId="form.id"
+      @done="handleCaseFilingHistoryImportDone"
+    />
+
+    <!-- 历史诉前调解导入（企业详情-诉前调解tab） -->
+    <CreditMediationHistoryImport
+      v-model:visible="showMediationHistoryImport"
+      :companyId="form.id"
+      @done="handleMediationHistoryImportDone"
+    />
+
+    <!-- 历史送达公告导入（企业详情-送达公告tab） -->
+    <CreditDeliveryNoticeHistoryImport
+      v-model:visible="showDeliveryNoticeHistoryImport"
+      :companyId="form.id"
+      @done="handleDeliveryNoticeHistoryImportDone"
+    />
+
+    <!-- 历史行政许可导入（企业详情-行政许可tab） -->
+    <CreditAdministrativeLicenseHistoryImport
+      v-model:visible="showAdministrativeLicenseHistoryImport"
+      :companyId="form.id"
+      @done="handleAdministrativeLicenseHistoryImportDone"
+    />
+
+    <!-- 历史破产重整导入（企业详情-破产重整tab） -->
+    <CreditBankruptcyHistoryImport
+      v-model:visible="showBankruptcyHistoryImport"
+      :companyId="form.id"
+      @done="handleBankruptcyHistoryImportDone"
+    />
+
+    <!-- 历史被执行人导入（企业详情-被执行人tab） -->
+    <CreditJudgmentDebtorHistoryImport
+      v-model:visible="showJudgmentDebtorHistoryImport"
+      :companyId="form.id"
+      @done="handleJudgmentDebtorHistoryImportDone"
+    />
+
+    <!-- 历史限制高消费导入（企业详情-限制高消费tab） -->
+    <CreditXgxfHistoryImport
+      v-model:visible="showXgxfHistoryImport"
+      :companyId="form.id"
+      @done="handleXgxfHistoryImportDone"
+    />
+
+    <!-- 历史终本案件导入（企业详情-终本案件tab） -->
+    <CreditFinalVersionHistoryImport
+      v-model:visible="showFinalVersionHistoryImport"
+      :companyId="form.id"
+      @done="handleFinalVersionHistoryImportDone"
+    />
+
+    <!-- 历史开庭公告导入（企业详情-开庭公告tab） -->
+    <CreditCourtSessionHistoryImport
+      v-model:visible="showCourtSessionHistoryImport"
+      :companyId="form.id"
+      @done="handleCourtSessionHistoryImportDone"
+    />
+
+    <!-- 历史法院公告导入（企业详情-法院公告tab） -->
+    <CreditCourtAnnouncementHistoryImport
+      v-model:visible="showCourtAnnouncementHistoryImport"
+      :companyId="form.id"
+      @done="handleCourtAnnouncementHistoryImportDone"
+    />
+
+    <!-- 历史失信被执行人导入（企业详情-失信被执行人tab） -->
+    <CreditBreachOfTrustHistoryImport
+      v-model:visible="showBreachOfTrustHistoryImport"
+      :companyId="form.id"
+      @done="handleBreachOfTrustHistoryImportDone"
+    />
+
+    <!-- 历史裁判文书导入（企业详情-裁判文书tab） -->
+    <CreditJudicialDocumentHistoryImport
+      v-model:visible="showJudicialDocumentHistoryImport"
+      :companyId="form.id"
+      @done="handleJudicialDocumentHistoryImportDone"
+    />
+
+    <!-- 历史股权冻结导入（企业详情-股权冻结tab） -->
+    <CreditGqdjHistoryImport
+      v-model:visible="showGqdjHistoryImport"
+      :companyId="form.id"
+      @done="handleGqdjHistoryImportDone"
+    />
+  </a-drawer>
+</template>
+
+<script lang="ts" setup>
+  import { computed, h, reactive, ref, watch } from 'vue';
+  import { message } from 'ant-design-vue';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { CreditCompany } from '@/api/credit/creditCompany/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import CreditCompanyRelatedImport from './credit-company-related-import.vue';
+  import CreditCaseFilingHistoryImport from '@/views/credit/creditCaseFiling/components/credit-case-filing-history-import.vue';
+  import CreditMediationHistoryImport from '@/views/credit/creditMediation/components/credit-mediation-history-import.vue';
+  import CreditDeliveryNoticeHistoryImport from '@/views/credit/creditDeliveryNotice/components/credit-delivery-notice-history-import.vue';
+  import CreditAdministrativeLicenseHistoryImport from '@/views/credit/creditAdministrativeLicense/components/credit-administrative-license-history-import.vue';
+  import CreditBankruptcyHistoryImport from '@/views/credit/creditBankruptcy/components/credit-bankruptcy-history-import.vue';
+  import CreditJudgmentDebtorHistoryImport from '@/views/credit/creditJudgmentDebtor/components/credit-judgment-debtor-history-import.vue';
+  import CreditXgxfHistoryImport from '@/views/credit/creditXgxf/components/credit-xgxf-history-import.vue';
+  import CreditFinalVersionHistoryImport from '@/views/credit/creditFinalVersion/components/credit-final-version-history-import.vue';
+  import CreditCourtSessionHistoryImport from '@/views/credit/creditCourtSession/components/credit-court-session-history-import.vue';
+  import CreditCourtAnnouncementHistoryImport from '@/views/credit/creditCourtAnnouncement/components/credit-court-announcement-history-import.vue';
+  import CreditBreachOfTrustHistoryImport from '@/views/credit/creditBreachOfTrust/components/credit-breach-of-trust-history-import.vue';
+  import CreditJudicialDocumentHistoryImport from '@/views/credit/creditJudicialDocument/components/credit-judicial-document-history-import.vue';
+  import CreditGqdjHistoryImport from '@/views/credit/creditGqdj/components/credit-gqdj-history-import.vue';
+  import {
+    pageCreditAdministrativeLicense,
+    importCreditAdministrativeLicense
+  } from '@/api/credit/creditAdministrativeLicense';
+  import {
+    pageCreditBankruptcy,
+    importCreditBankruptcy
+  } from '@/api/credit/creditBankruptcy';
+  import {
+    pageCreditBranch,
+    importCreditBranch
+  } from '@/api/credit/creditBranch';
+  import {
+    pageCreditHistoricalLegalPerson,
+    importCreditHistoricalLegalPerson
+  } from '@/api/credit/creditHistoricalLegalPerson';
+  import {
+    pageCreditNearbyCompany,
+    importCreditNearbyCompany
+  } from '@/api/credit/creditNearbyCompany';
+  import {
+    pageCreditPatent,
+    importCreditPatent
+  } from '@/api/credit/creditPatent';
+  import {
+    pageCreditSuspectedRelationship,
+    importCreditSuspectedRelationship
+  } from '@/api/credit/creditSuspectedRelationship';
+  import { pageCreditUser, importCreditUsers } from '@/api/credit/creditUser';
+  import {
+    pageCreditExternal,
+    importCreditExternal
+  } from '@/api/credit/creditExternal';
+  import {
+    pageCreditRiskRelation,
+    importCreditRiskRelation
+  } from '@/api/credit/creditRiskRelation';
+  import {
+    pageCreditCompetitor,
+    importCreditCompetitor
+  } from '@/api/credit/creditCompetitor';
+  import {
+    pageCreditSupplier,
+    importCreditSupplier
+  } from '@/api/credit/creditSupplier';
+  import {
+    pageCreditCustomer,
+    importCreditCustomer
+  } from '@/api/credit/creditCustomer';
+  import {
+    pageCreditCaseFiling,
+    importCreditCaseFiling
+  } from '@/api/credit/creditCaseFiling';
+  import {
+    pageCreditMediation,
+    importCreditMediation
+  } from '@/api/credit/creditMediation';
+  import {
+    pageCreditCourtSession,
+    importCreditCourtSession
+  } from '@/api/credit/creditCourtSession';
+  import {
+    pageCreditCourtAnnouncement,
+    importCreditCourtAnnouncement
+  } from '@/api/credit/creditCourtAnnouncement';
+  import {
+    pageCreditDeliveryNotice,
+    importCreditDeliveryNotice
+  } from '@/api/credit/creditDeliveryNotice';
+  import {
+    pageCreditJudicialDocument,
+    importCreditJudicialDocument
+  } from '@/api/credit/creditJudicialDocument';
+  import {
+    pageCreditJudgmentDebtor,
+    importCreditJudgmentDebtor
+  } from '@/api/credit/creditJudgmentDebtor';
+  import {
+    pageCreditBreachOfTrust,
+    importCreditBreachOfTrust
+  } from '@/api/credit/creditBreachOfTrust';
+  import {
+    pageCreditFinalVersion,
+    importCreditFinalVersion
+  } from '@/api/credit/creditFinalVersion';
+  import { pageCreditXgxf, importCreditXgxf } from '@/api/credit/creditXgxf';
+  import { pageCreditGqdj, importCreditGqdj } from '@/api/credit/creditGqdj';
+  import {
+    pageCreditJudiciary,
+    importCreditJudiciaries
+  } from '@/api/credit/creditJudiciary';
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCompany | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+  const descriptionColumns = computed(() => (styleResponsive.value ? 3 : 2));
+
+  const tabList = [
+    { key: '招投标', label: '招投标' },
+    { key: '对外投资', label: '对外投资' },
+    { key: '风险关系', label: '风险关系' },
+    { key: '竞争对手', label: '竞争对手' },
+    { key: '供应商', label: '供应商' },
+    { key: '客户', label: '客户' },
+    { key: '司法案件', label: '司法案件' },
+    { key: '被执行人', label: '被执行人' },
+    { key: '限制高消费', label: '限制高消费' },
+    { key: '终本案件', label: '终本案件' },
+    { key: '开庭公告', label: '开庭公告' },
+    { key: '法院公告', label: '法院公告' },
+    { key: '失信被执行人', label: '失信被执行人' },
+    { key: '裁判文书', label: '裁判文书' },
+    { key: '立案信息', label: '立案信息' },
+    { key: '诉前调解', label: '诉前调解' },
+    { key: '送达公告', label: '送达公告' },
+    { key: '股权冻结', label: '股权冻结' },
+    { key: '附近企业', label: '附近企业' },
+    { key: '分支机构', label: '分支机构' },
+    { key: '破产重整', label: '破产重整' },
+    { key: '行政许可', label: '行政许可' },
+    { key: '疑似关系', label: '疑似关系' },
+    { key: '专利', label: '专利' },
+    { key: '历史法定代表人', label: '历史法定代表人' }
+  ];
+
+  /**
+   * 企业详情接口会下发各子表“记录数”(见 CreditCompany 模型中 `// 记录数` 字段)。
+   * 用这个来做 Tab 高亮，避免为了计算高亮去逐个请求所有子表接口。
+   */
+  const tabCountFieldMap: Record<string, keyof CreditCompany> = {
+    招投标: 'creditUser',
+    对外投资: 'creditExternal',
+    风险关系: 'creditRiskRelation',
+    竞争对手: 'creditCompetitor',
+    供应商: 'creditSupplier',
+    客户: 'creditCustomer',
+    司法案件: 'creditJudiciary',
+    被执行人: 'creditJudgmentDebtor',
+    限制高消费: 'creditXgxf',
+    终本案件: 'creditFinalVersion',
+    开庭公告: 'creditCourtSession',
+    法院公告: 'creditCourtAnnouncement',
+    失信被执行人: 'creditBreachOfTrust',
+    裁判文书: 'creditJudicialDocument',
+    立案信息: 'creditCaseFiling',
+    诉前调解: 'creditMediation',
+    送达公告: 'creditDeliveryNotice',
+    股权冻结: 'creditGqdj',
+    附近企业: 'creditNearbyCompany',
+    分支机构: 'creditBranch',
+    破产重整: 'creditBankruptcy',
+    行政许可: 'creditAdministrativeLicense',
+    疑似关系: 'creditSuspectedRelationship',
+    专利: 'creditPatent',
+    历史法定代表人: 'creditHistoricalLegalPerson'
+  };
+
+  type TabApiConfig = {
+    page: (
+      params: any
+    ) => Promise<{ list: Record<string, any>[]; count?: number } | undefined>;
+    importFn: (file: File, companyId?: number) => Promise<string>;
+    templatePath: string;
+  };
+
+  const tabApiMap: Record<string, TabApiConfig> = {
+    招投标: {
+      page: pageCreditUser as any,
+      importFn: importCreditUsers as any,
+      templatePath: '/credit/credit-user/import/template'
+    },
+    对外投资: {
+      page: pageCreditExternal as any,
+      importFn: importCreditExternal as any,
+      templatePath: '/credit/credit-external/import/template'
+    },
+    风险关系: {
+      page: pageCreditRiskRelation as any,
+      importFn: importCreditRiskRelation as any,
+      templatePath: '/credit/credit-risk-relation/import/template'
+    },
+    竞争对手: {
+      page: pageCreditCompetitor as any,
+      importFn: importCreditCompetitor as any,
+      templatePath: '/credit/credit-competitor/import/template'
+    },
+    供应商: {
+      page: pageCreditSupplier as any,
+      importFn: importCreditSupplier as any,
+      templatePath: '/credit/credit-supplier/import/template'
+    },
+    客户: {
+      page: pageCreditCustomer as any,
+      importFn: importCreditCustomer as any,
+      templatePath: '/credit/credit-customer/import/template'
+    },
+    立案信息: {
+      page: pageCreditCaseFiling as any,
+      importFn: importCreditCaseFiling as any,
+      templatePath: '/credit/credit-case-filing/import/template'
+    },
+    诉前调解: {
+      page: pageCreditMediation as any,
+      importFn: importCreditMediation as any,
+      templatePath: '/credit/credit-mediation/import/template'
+    },
+    开庭公告: {
+      page: pageCreditCourtSession as any,
+      importFn: importCreditCourtSession as any,
+      templatePath: '/credit/credit-court-session/import/template'
+    },
+    法院公告: {
+      page: pageCreditCourtAnnouncement as any,
+      importFn: importCreditCourtAnnouncement as any,
+      templatePath: '/credit/credit-court-announcement/import/template'
+    },
+    送达公告: {
+      page: pageCreditDeliveryNotice as any,
+      importFn: importCreditDeliveryNotice as any,
+      templatePath: '/credit/credit-delivery-notice/import/template'
+    },
+    裁判文书: {
+      page: pageCreditJudicialDocument as any,
+      importFn: importCreditJudicialDocument as any,
+      templatePath: '/credit/credit-judicial-document/import/template'
+    },
+    被执行人: {
+      page: pageCreditJudgmentDebtor as any,
+      importFn: importCreditJudgmentDebtor as any,
+      templatePath: '/credit/credit-judgment-debtor/import/template'
+    },
+    失信被执行人: {
+      page: pageCreditBreachOfTrust as any,
+      importFn: importCreditBreachOfTrust as any,
+      templatePath: '/credit/credit-breach-of-trust/import/template'
+    },
+    终本案件: {
+      page: pageCreditFinalVersion as any,
+      importFn: importCreditFinalVersion as any,
+      templatePath: '/credit/credit-final-version/import/template'
+    },
+    限制高消费: {
+      page: pageCreditXgxf as any,
+      importFn: importCreditXgxf as any,
+      templatePath: '/credit/credit-xgxf/import/template'
+    },
+    股权冻结: {
+      page: pageCreditGqdj as any,
+      importFn: importCreditGqdj as any,
+      templatePath: '/credit/credit-gqdj/import/template'
+    },
+    司法案件: {
+      page: pageCreditJudiciary as any,
+      importFn: importCreditJudiciaries as any,
+      templatePath: '/credit/credit-judiciary/import/template'
+    },
+    附近企业: {
+      page: pageCreditNearbyCompany as any,
+      importFn: importCreditNearbyCompany as any,
+      templatePath: '/credit/credit-nearby-company/import/template'
+    },
+    分支机构: {
+      page: pageCreditBranch as any,
+      importFn: importCreditBranch as any,
+      templatePath: '/credit/credit-branch/import/template'
+    },
+    破产重整: {
+      page: pageCreditBankruptcy as any,
+      importFn: importCreditBankruptcy as any,
+      templatePath: '/credit/credit-bankruptcy/import/template'
+    },
+    行政许可: {
+      page: pageCreditAdministrativeLicense as any,
+      importFn: importCreditAdministrativeLicense as any,
+      templatePath: '/credit/credit-administrative-license/import/template'
+    },
+    疑似关系: {
+      page: pageCreditSuspectedRelationship as any,
+      importFn: importCreditSuspectedRelationship as any,
+      templatePath: '/credit/credit-suspected-relationship/import/template'
+    },
+    专利: {
+      page: pageCreditPatent as any,
+      importFn: importCreditPatent as any,
+      templatePath: '/credit/credit-patent/import/template'
+    },
+    历史法定代表人: {
+      page: pageCreditHistoricalLegalPerson as any,
+      importFn: importCreditHistoricalLegalPerson as any,
+      templatePath: '/credit/credit-historical-legal-person/import/template'
+    }
+  };
+
+  type TableColumn = {
+    title: string;
+    dataIndex: string;
+    key: string;
+    ellipsis?: boolean;
+    customRender?: (opt: { text: any; record: Record<string, any> }) => any;
+  };
+
+  type TabColumnConfig = {
+    /**
+     * Explicit column list (supports duplicate dataIndex with different titles, e.g. plaintiffUser shown twice).
+     * When provided, it takes precedence over `order`.
+     */
+    columns?: Array<{ dataIndex: string; title: string; key?: string }>;
+    order?: string[];
+    hidden?: string[];
+    titleMap?: Record<string, string>;
+  };
+
+  const commonHiddenColumnKeys = new Set<string>([
+    'deleted',
+    'tenantId',
+    'userId',
+    'sortNumber',
+    'recommend',
+    'url',
+    'comments',
+    'companyId'
+  ]);
+
+  const commonTitleMap: Record<string, string> = {
+    id: 'ID',
+    name: '客户',
+    name1: '被执行人',
+    code: '税号',
+    price: '销售金额(万元)',
+    url: '链接地址',
+    caseNumber: '案号',
+    courtName: '法院',
+    occurrenceTime: '发生时间',
+    amount: '执行标的',
+    status: '状态',
+    publicDate: '公开日期',
+    dataSource: '数据来源',
+    statusTxt: '状态',
+    dataStatus: '数据状态',
+    comments: '备注',
+    createTime: '创建时间',
+    updateTime: '修改时间'
+  };
+
+  // 每个tab的“字段顺序/隐藏字段/中文表头”在这里配置
+  const tabColumnConfigMap: Record<string, TabColumnConfig> = {
+    招投标: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'releaseDate',
+        'role',
+        'infoType',
+        'address',
+        'procurementName',
+        'winningName',
+        'winningPrice',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '项目名称',
+        role: '企业角色',
+        infoType: '信息类型',
+        address: '省份地区',
+        procurementName: '招采单位',
+        winningName: '中标单位',
+        winningPrice: '中标金额',
+        releaseDate: '发布日期',
+        realName: '操作人',
+        createTime: '创建时间'
+      }
+    },
+    对外投资: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'statusTxt',
+        'legalRepresentative',
+        'registeredCapital',
+        'establishmentDate',
+        'shareholdingRatio',
+        'subscribedInvestmentAmount',
+        'investmentDate',
+        'region',
+        'industry',
+        'investmentCount',
+        'relatedProductsInstitutions',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '被投资企业名称',
+        statusTxt: '状态',
+        legalRepresentative: '法定代表人',
+        registeredCapital: '注册资本',
+        establishmentDate: '成立日期',
+        shareholdingRatio: '持股比例',
+        subscribedInvestmentAmount: '认缴出资额',
+        investmentDate: '投资日期',
+        region: '所属地区',
+        industry: '所属行业',
+        investmentCount: '投资数量',
+        relatedProductsInstitutions: '关联产品/机构',
+        realName: '操作人',
+        createTime: '创建时间'
+      }
+    },
+    风险关系: {
+      order: [
+        'id',
+        'companyName',
+        'mainBodyName',
+        'registrationStatus',
+        'registeredCapital',
+        'provinceRegion',
+        'associatedRelation',
+        'riskRelation',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: '序号',
+        companyName: '主体企业',
+        mainBodyName: '主体名称',
+        registrationStatus: '登记状态',
+        registeredCapital: '注册资本',
+        provinceRegion: '省份地区',
+        associatedRelation: '关联关系',
+        riskRelation: '风险关系',
+        realName: '操作人',
+        createTime: '创建时间'
+      }
+    },
+    竞争对手: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'legalRepresentative',
+        'registeredCapital',
+        'establishmentDate',
+        'industry',
+        'province',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: '序号',
+        companyName: '主体企业',
+        name: '企业名称',
+        legalRepresentative: '法定代表人',
+        registeredCapital: '注册资本',
+        establishmentDate: '成立日期',
+        industry: '所属行业',
+        province: '所属省份',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: ['mainCompanyName']
+    },
+    供应商: {
+      order: [
+        'id',
+        'companyName',
+        'supplier',
+        'statusTxt',
+        'purchaseAmount',
+        'publicDate',
+        'dataSource',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        supplier: '供应商',
+        statusTxt: '状态',
+        purchaseAmount: '采购金额(万元)',
+        publicDate: '公开日期',
+        dataSource: '数据来源',
+        realName: '操作人',
+        createTime: '创建时间'
+      }
+    },
+    客户: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'statusTxt',
+        'price',
+        'publicDate',
+        'dataSource',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '客户',
+        statusTxt: '状态',
+        price: '销售金额(万元)',
+        publicDate: '公开日期',
+        dataSource: '数据来源',
+        realName: '操作人',
+        createTime: '创建时间'
+      }
+    },
+    司法案件: {
+      order: [
+        'id',
+        'companyName',
+        'code',
+        'name',
+        'infoType',
+        'reason',
+        'processDate',
+        'caseProgress',
+        'caseIdentity',
+        'court',
+        'caseAmount',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        code: '案号',
+        name: '案件名称',
+        infoType: '案件类型',
+        reason: '案由',
+        processDate: '进程日期',
+        caseProgress: '案件进程',
+        caseIdentity: '案件身份',
+        court: '法院',
+        caseAmount: '案件金额（元）',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: [
+        'parentId',
+        'type',
+        'country',
+        'province',
+        'city',
+        'region',
+        'address',
+        'expirationTime'
+      ]
+    },
+    被执行人: {
+      order: [
+        'id',
+        'plaintiffAppellant',
+        'appellee',
+        'otherPartiesThirdParty',
+        'occurrenceTime',
+        'caseNumber',
+        'amount',
+        'courtName',
+        'dataStatus',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        plaintiffAppellant: '原告/上诉人',
+        appellee: '被告/被上诉人', // name1: '被执行人',
+        otherPartiesThirdParty: '其他当事人/第三人',
+        occurrenceTime: '发生时间',
+        caseNumber: '案号',
+        amount: '涉案金额',
+        courtName: '法院',
+        dataStatus: '数据状态',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: ['historyId', 'historyName']
+    },
+
+
+    限制高消费: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '原告/上诉人',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被告/被上诉人', key: 'appellee' },
+        { dataIndex: 'otherPartiesThirdParty', title: '其他当事人/第三人' },
+        { dataIndex: 'releaseDate', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    终本案件: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '原告/上诉人',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被告/被上诉人', key: 'appellee' },
+        {
+          dataIndex: 'otherPartiesThirdParty',
+          title: '其他当事人/第三人',
+          key: 'otherPartiesThirdParty'
+        },
+        { dataIndex: 'finalDate', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    开庭公告: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '原告/上诉人',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被告/被上诉人', key: 'appellee' },
+        { dataIndex: 'otherPartiesThirdParty', title: '其他当事人/第三人' },
+        { dataIndex: 'occurrenceTime', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'causeOfAction', title: '案由' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    法院公告: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '原告/上诉人',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被告/被上诉人', key: 'appellee' },
+        { dataIndex: 'otherPartiesThirdParty', title: '其他当事人/第三人' },
+        { dataIndex: 'occurrenceTime', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'causeOfAction', title: '案由' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    失信被执行人: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'appellee',
+          title: '原告/上诉人',
+          key: 'appellee'
+        },
+        { dataIndex: 'plaintiffAppellant', title: '被告/被上诉人', key: 'plaintiffAppellant' },
+        { dataIndex: 'otherPartiesThirdParty', title: '其他当事人/第三人' },
+        { dataIndex: 'releaseDate', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    裁判文书: {
+      order: [
+        'id',
+        'companyName',
+        'title',
+        'documentType',
+        'otherPartiesThirdParty',
+        'occurrenceTime',
+        'caseNumber',
+        'causeOfAction',
+        'involvedAmount',
+        'courtName',
+        'dataStatus',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        title: '文书标题',
+        documentType: '文书类型',
+        otherPartiesThirdParty: '当事人',
+        occurrenceTime: '裁判日期',
+        caseNumber: '案号',
+        causeOfAction: '案由',
+        involvedAmount: '涉案金额',
+        type: '文书类型',
+        courtName: '法院',
+        dataStatus: '数据状态',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: []
+    },
+    立案信息: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '原告/上诉人',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被告/被上诉人', key: 'appellee' },
+        { dataIndex: 'otherPartiesThirdParty', title: '其他当事人/第三人' },
+        { dataIndex: 'occurrenceTime', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'causeOfAction', title: '案由' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    诉前调解: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '原告/上诉人',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被告/被上诉人', key: 'appellee' },
+        { dataIndex: 'otherPartiesThirdParty', title: '其他当事人/第三人' },
+        { dataIndex: 'occurrenceTime', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'causeOfAction', title: '案由' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    送达公告: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '原告/上诉人',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被告/被上诉人', key: 'appellee' },
+        { dataIndex: 'otherPartiesThirdParty', title: '其他当事人/第三人' },
+        { dataIndex: 'occurrenceTime', title: '发生时间' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        { dataIndex: 'causeOfAction', title: '案由' },
+        { dataIndex: 'involvedAmount', title: '涉案金额' },
+        { dataIndex: 'courtName', title: '法院' },
+        { dataIndex: 'dataStatus', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    股权冻结: {
+      columns: [
+        { dataIndex: 'id', title: 'ID' },
+        { dataIndex: 'companyName', title: '主体企业' },
+        { dataIndex: 'caseNumber', title: '案号' },
+        {
+          dataIndex: 'plaintiffAppellant',
+          title: '冻结股权标的企业',
+          key: 'plaintiffAppellant'
+        },
+        { dataIndex: 'appellee', title: '被执行人', key: 'appellee' },
+        { dataIndex: 'courtName', title: '执行法院' },
+        {
+          dataIndex: 'involvedAmount',
+          title: '被执行人持有股权、其他投资权益数额'
+        },
+        { dataIndex: 'publicDate', title: '公示日期' },
+        { dataIndex: 'freezeDateStart', title: '冻结开始日期' },
+        { dataIndex: 'freezeDateEnd', title: '冻结结束日期' },
+        { dataIndex: 'dataStatus', title: '状态' },
+        { dataIndex: 'dataType', title: '数据状态' },
+        { dataIndex: 'realName', title: '操作人' },
+        { dataIndex: 'createTime', title: '创建时间' }
+      ]
+    },
+    附近企业: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'registrationStatus',
+        'legalPerson',
+        'registeredCapital',
+        'establishDate',
+        'code',
+        'address',
+        'postalCode',
+        'phone',
+        'moreTel',
+        'email',
+        'moreEmail',
+        'country',
+        'province',
+        'city',
+        'region',
+        'taxpayerCode',
+        'registrationNumber',
+        'organizationalCode',
+        'numberOfInsuredPersons',
+        'annualReport',
+        'institutionType',
+        'companySize',
+        'businessTerm',
+        'nationalStandardIndustryCategories',
+        'nationalStandardIndustryCategories2',
+        'nationalStandardIndustryCategories3',
+        'nationalStandardIndustryCategories4',
+        'formerName',
+        'englishName',
+        'domain',
+        'mailingAddress',
+        'mailingEmail',
+        'companyProfile',
+        'natureOfBusiness',
+        'tel',
+        'nationalStandardIndustryCategories5',
+        'nationalStandardIndustryCategories6',
+        'nationalStandardIndustryCategories7',
+        'nationalStandardIndustryCategories8',
+        'type',
+        'paidinCapital',
+        'registrationAuthority',
+        'taxpayerQualification',
+        'latestAnnualReportYear',
+        'latestAnnualReportOnOperatingRevenue',
+        'enterpriseScoreCheck',
+        'creditRating',
+        'cechnologyScore',
+        'cechnologyLevel',
+        'smallEnterprise',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '企业名称',
+        registrationStatus: '登记状态',
+        legalPerson: '法定代表人',
+        registeredCapital: '注册资本',
+        establishDate: '成立日期',
+        code: '统一社会信用代码',
+        address: '注册地址',
+        postalCode: '注册地址邮编',
+        phone: '有效手机号',
+        moreTel: '更多电话',
+        email: '邮箱',
+        moreEmail: '邮箱',
+        country: '所在国家',
+        province: '所属省份',
+        city: '所属城市',
+        region: '所属区县',
+        taxpayerCode: '纳税人识别号',
+        registrationNumber: '注册号',
+        organizationalCode: '组织机构代码',
+        numberOfInsuredPersons: '参保人数',
+        annualReport: '参保人数所属年报',
+        institutionType: '企业(机构)类型',
+        companySize: '企业规模',
+        businessTerm: '营业期限',
+        nationalStandardIndustryCategories: '国标行业门类',
+        nationalStandardIndustryCategories2: '国标行业大类',
+        nationalStandardIndustryCategories3: '国标行业中类',
+        nationalStandardIndustryCategories4: '国标行业小类',
+        formerName: '曾用名',
+        englishName: '英文名',
+        domain: '官网网址',
+        mailingAddress: '通信地址',
+        mailingEmail: '通信地址邮箱',
+        companyProfile: '企业简介',
+        natureOfBusiness: '经营范围',
+        tel: '电话',
+        nationalStandardIndustryCategories5: '企查查行业门类',
+        nationalStandardIndustryCategories6: '企查查行业大类',
+        nationalStandardIndustryCategories7: '企查查行业中类',
+        nationalStandardIndustryCategories8: '企查查行业小类',
+        type: '类型',
+        paidinCapital: '实缴资本',
+        registrationAuthority: '登记机关',
+        taxpayerQualification: '纳税人资质',
+        latestAnnualReportYear: '最新年报年份',
+        latestAnnualReportOnOperatingRevenue: '最新年报营业收入',
+        enterpriseScoreCheck: '企查分',
+        creditRating: '信用等级',
+        cechnologyScore: '科创分',
+        cechnologyLevel: '科创等级',
+        smallEnterprise: '是否小微企业',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: ['parentId']
+    },
+    分支机构: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'curator',
+        'region',
+        'establishDate',
+        'statusText',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '分支机构名称',
+        curator: '负责人',
+        region: '地区',
+        establishDate: '成立日期',
+        statusText: '状态',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: []
+    },
+    破产重整: {
+      order: [
+        'id',
+        'companyName',
+        'code',
+        'type',
+        'party',
+        'court',
+        'publicDate',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        code: '案号',
+        type: '案件类型',
+        party: '当事人',
+        court: '经办法院',
+        publicDate: '公开日期',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: []
+    },
+    行政许可: {
+      order: [
+        'id',
+        'companyName',
+        'code',
+        'name',
+        'statusText',
+        'type',
+        'validityStart',
+        'validityEnd',
+        'licensingAuthority',
+        'licenseContent',
+        'dataSourceUnit',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        code: '决定文书/许可编号',
+        name: '决定文书/许可证名称',
+        statusText: '许可状态',
+        type: '许可类型',
+        validityStart: '有效期自',
+        validityEnd: '有效期至',
+        licensingAuthority: '许可机关',
+        licenseContent: '许可内容',
+        dataSourceUnit: '数据来源单位',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: []
+    },
+    疑似关系: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'statusText',
+        'legalPerson',
+        'registeredCapital',
+        'createDate',
+        'relatedParty',
+        'type',
+        'detail',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '企业名称',
+        statusText: '状态',
+        legalPerson: '法定代表人',
+        registeredCapital: '注册资本',
+        createDate: '成立日期',
+        relatedParty: '关联方',
+        type: '疑似关系类型',
+        detail: '疑似关系详情',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: []
+    },
+    专利: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'type',
+        'statusText',
+        'registerNo',
+        'registerDate',
+        'publicNo',
+        'publicDate',
+        'inventor',
+        'patentApplicant',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '发明名称',
+        type: '专利类型',
+        statusText: '法律状态',
+        registerNo: '申请号',
+        registerDate: '申请日',
+        publicNo: '公开(公告)号',
+        publicDate: '公开(公告)日期',
+        inventor: '发明人',
+        patentApplicant: '申请(专利权)人',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: []
+    },
+    历史法定代表人: {
+      order: [
+        'id',
+        'companyName',
+        'name',
+        'registerDate',
+        'publicDate',
+        'realName',
+        'createTime'
+      ],
+      titleMap: {
+        id: 'ID',
+        companyName: '主体企业',
+        name: '名称',
+        registerDate: '任职日期',
+        publicDate: '卸任日期',
+        realName: '操作人',
+        createTime: '创建时间'
+      },
+      hidden: []
+    }
+  };
+
+  type TabState = {
+    loading: boolean;
+    data: Record<string, any>[];
+    columns: TableColumn[];
+    pagination: {
+      current: number;
+      pageSize: number;
+      total: number;
+    };
+    loadedSignature?: string;
+  };
+
+  const tabState = reactive<Record<string, TabState>>({});
+  const tabHasData = reactive<Record<string, boolean>>({});
+  tabList.forEach((tab) => {
+    tabState[tab.key] = {
+      loading: false,
+      data: [],
+      columns: [],
+      pagination: {
+        current: 1,
+        pageSize: 20,
+        total: 0
+      },
+      loadedSignature: undefined
+    };
+    tabHasData[tab.key] = false;
+  });
+  const activeTab = ref(tabList[0].key);
+
+  const resetTabPagination = (key: string) => {
+    tabState[key].pagination.current = 1;
+    tabState[key].pagination.pageSize = 20;
+    tabState[key].pagination.total = 0;
+  };
+
+  const setTabPagination = (
+    key: string,
+    next: Partial<TabState['pagination']>
+  ) => {
+    Object.assign(tabState[key].pagination, next);
+  };
+
+  const handleTabPageChange = (key: string, page: number, pageSize: number) => {
+    const prevPageSize = tabState[key].pagination.pageSize;
+    setTabPagination(key, {
+      current: pageSize !== prevPageSize ? 1 : page,
+      pageSize
+    });
+    loadTabData(key);
+  };
+
+  const getTabPagination = (key: string) => {
+    const state = tabState[key];
+    return {
+      current: state.pagination.current,
+      pageSize: state.pagination.pageSize,
+      total: state.pagination.total,
+      showQuickJumper: true,
+      showSizeChanger: true,
+      pageSizeOptions: ['10', '20', '50', '100', '200'],
+      showTotal: (total: number) => `共 ${total} 条`,
+      onChange: (page: number, pageSize: number) =>
+        handleTabPageChange(key, page, pageSize),
+      onShowSizeChange: (page: number, pageSize: number) =>
+        handleTabPageChange(key, page, pageSize)
+    };
+  };
+
+  // 子表导入弹窗
+  const showRelatedImport = ref(false);
+  const relatedImportTabKey = ref(tabList[0].key);
+  const relatedImportConfig = computed(
+    () => tabApiMap[relatedImportTabKey.value]
+  );
+  const relatedImportTitle = computed(() => {
+    const tab = tabList.find((t) => t.key === relatedImportTabKey.value);
+    return `${tab?.label ?? relatedImportTabKey.value}批量导入`;
+  });
+  const relatedImportTemplatePath = computed(
+    () => relatedImportConfig.value?.templatePath ?? ''
+  );
+  const relatedImportFn = (file: File, companyId?: number) => {
+    const fn = relatedImportConfig.value?.importFn;
+    if (!fn) {
+      return Promise.reject(new Error('未配置导入接口'));
+    }
+    return fn(file, companyId);
+  };
+
+  const openRelatedImport = (key: string) => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    if (!tabApiMap[key]) {
+      message.error('未配置该Tab的导入功能');
+      return;
+    }
+    relatedImportTabKey.value = key;
+    showRelatedImport.value = true;
+  };
+
+  const handleRelatedImportDone = () => {
+    resetTabPagination(activeTab.value);
+    reloadTab(activeTab.value);
+  };
+
+  // 历史立案信息导入弹窗（企业详情-立案信息tab）
+  const showCaseFilingHistoryImport = ref(false);
+
+  const openCaseFilingHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showCaseFilingHistoryImport.value = true;
+  };
+
+  const handleCaseFilingHistoryImportDone = () => {
+    resetTabPagination('立案信息');
+    reloadTab('立案信息');
+  };
+
+  // 历史诉前调解导入弹窗（企业详情-诉前调解tab）
+  const showMediationHistoryImport = ref(false);
+
+  const openMediationHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showMediationHistoryImport.value = true;
+  };
+
+  const handleMediationHistoryImportDone = () => {
+    resetTabPagination('诉前调解');
+    reloadTab('诉前调解');
+  };
+
+  // 历史送达公告导入弹窗（企业详情-送达公告tab）
+  const showDeliveryNoticeHistoryImport = ref(false);
+
+  const openDeliveryNoticeHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showDeliveryNoticeHistoryImport.value = true;
+  };
+
+  const handleDeliveryNoticeHistoryImportDone = () => {
+    resetTabPagination('送达公告');
+    reloadTab('送达公告');
+  };
+
+  // 历史行政许可导入弹窗（企业详情-行政许可tab）
+  const showAdministrativeLicenseHistoryImport = ref(false);
+
+  const openAdministrativeLicenseHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showAdministrativeLicenseHistoryImport.value = true;
+  };
+
+  const handleAdministrativeLicenseHistoryImportDone = () => {
+    resetTabPagination('行政许可');
+    reloadTab('行政许可');
+  };
+
+  // 历史破产重整导入弹窗（企业详情-破产重整tab）
+  const showBankruptcyHistoryImport = ref(false);
+
+  const openBankruptcyHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showBankruptcyHistoryImport.value = true;
+  };
+
+  const handleBankruptcyHistoryImportDone = () => {
+    resetTabPagination('破产重整');
+    reloadTab('破产重整');
+  };
+
+  // 历史被执行人导入弹窗（企业详情-被执行人tab）
+  const showJudgmentDebtorHistoryImport = ref(false);
+
+  const openJudgmentDebtorHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showJudgmentDebtorHistoryImport.value = true;
+  };
+
+  const handleJudgmentDebtorHistoryImportDone = () => {
+    resetTabPagination('被执行人');
+    reloadTab('被执行人');
+  };
+
+  // 历史限制高消费导入弹窗（企业详情-限制高消费tab）
+  const showXgxfHistoryImport = ref(false);
+
+  const openXgxfHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showXgxfHistoryImport.value = true;
+  };
+
+  const handleXgxfHistoryImportDone = () => {
+    resetTabPagination('限制高消费');
+    reloadTab('限制高消费');
+  };
+
+  // 历史终本案件导入弹窗（企业详情-终本案件tab）
+  const showFinalVersionHistoryImport = ref(false);
+
+  const openFinalVersionHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showFinalVersionHistoryImport.value = true;
+  };
+
+  const handleFinalVersionHistoryImportDone = () => {
+    resetTabPagination('终本案件');
+    reloadTab('终本案件');
+  };
+
+  // 历史开庭公告导入弹窗（企业详情-开庭公告tab）
+  const showCourtSessionHistoryImport = ref(false);
+
+  const openCourtSessionHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showCourtSessionHistoryImport.value = true;
+  };
+
+  const handleCourtSessionHistoryImportDone = () => {
+    resetTabPagination('开庭公告');
+    reloadTab('开庭公告');
+  };
+
+  // 历史法院公告导入弹窗（企业详情-法院公告tab）
+  const showCourtAnnouncementHistoryImport = ref(false);
+
+  const openCourtAnnouncementHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showCourtAnnouncementHistoryImport.value = true;
+  };
+
+  const handleCourtAnnouncementHistoryImportDone = () => {
+    resetTabPagination('法院公告');
+    reloadTab('法院公告');
+  };
+
+  // 历史失信被执行人导入弹窗（企业详情-失信被执行人tab）
+  const showBreachOfTrustHistoryImport = ref(false);
+
+  const openBreachOfTrustHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showBreachOfTrustHistoryImport.value = true;
+  };
+
+  const handleBreachOfTrustHistoryImportDone = () => {
+    resetTabPagination('失信被执行人');
+    reloadTab('失信被执行人');
+  };
+
+  // 历史裁判文书导入弹窗（企业详情-裁判文书tab）
+  const showJudicialDocumentHistoryImport = ref(false);
+
+  const openJudicialDocumentHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showJudicialDocumentHistoryImport.value = true;
+  };
+
+  const handleJudicialDocumentHistoryImportDone = () => {
+    resetTabPagination('裁判文书');
+    reloadTab('裁判文书');
+  };
+
+  // 历史股权冻结导入弹窗（企业详情-股权冻结tab）
+  const showGqdjHistoryImport = ref(false);
+
+  const openGqdjHistoryImport = () => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    showGqdjHistoryImport.value = true;
+  };
+
+  const handleGqdjHistoryImportDone = () => {
+    resetTabPagination('股权冻结');
+    reloadTab('股权冻结');
+  };
+
+  const defaultForm: CreditCompany = {
+    id: undefined,
+    name: undefined,
+    matchName: undefined,
+    code: undefined,
+    type: undefined,
+    parentId: undefined,
+    registrationStatus: undefined,
+    legalPerson: undefined,
+    registeredCapital: undefined,
+    paidinCapital: undefined,
+    establishDate: undefined,
+    address: undefined,
+    tel: undefined,
+    moreTel: undefined,
+    email: undefined,
+    moreEmail: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    region: undefined,
+    institutionType: undefined,
+    taxpayerCode: undefined,
+    registrationNumber: undefined,
+    organizationalCode: undefined,
+    numberOfInsuredPersons: undefined,
+    annualReport: undefined,
+    businessTerm: undefined,
+    nationalStandardIndustryCategories: undefined,
+    nationalStandardIndustryCategories2: undefined,
+    nationalStandardIndustryCategories3: undefined,
+    nationalStandardIndustryCategories4: undefined,
+    nationalStandardIndustryCategories5: undefined,
+    nationalStandardIndustryCategories6: undefined,
+    nationalStandardIndustryCategories7: undefined,
+    nationalStandardIndustryCategories8: undefined,
+    companySize: undefined,
+    formerName: undefined,
+    englishName: undefined,
+    domain: undefined,
+    mailingAddress: undefined,
+    companyProfile: undefined,
+    natureOfBusiness: undefined,
+    registrationAuthority: undefined,
+    taxpayerQualification: undefined,
+    latestAnnualReportYear: undefined,
+    latestAnnualReportOnOperatingRevenue: undefined,
+    enterpriseScoreCheck: undefined,
+    creditRating: undefined,
+    cechnologyScore: undefined,
+    cechnologyLevel: undefined,
+    smallEnterprise: undefined,
+    recommend: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: ''
+  };
+
+  // 用户信息
+  const form = reactive<CreditCompany>({ ...defaultForm });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  const formatValue = (value: unknown) => {
+    if (value === undefined || value === null || value === '') {
+      return '-';
+    }
+    return value;
+  };
+
+  // const formatStatus = (status?: number) => {
+  //   if (status === 0) {
+  //     return '显示';
+  //   }
+  //   if (status === 1) {
+  //     return '隐藏';
+  //   }
+  //   return '-';
+  // };
+
+  const getRowKey = (record: Record<string, any>, index: number) => {
+    return record.id ?? record.code ?? record.key ?? index;
+  };
+
+  const buildColumns = (
+    tabKey: string,
+    rows: Record<string, any>[]
+  ): TableColumn[] => {
+    if (!rows.length) {
+      return [];
+    }
+    const config = tabColumnConfigMap[tabKey];
+    const hidden = new Set<string>([
+      ...commonHiddenColumnKeys,
+      ...(config?.hidden ?? [])
+    ]);
+    const titleMap = { ...commonTitleMap, ...(config?.titleMap ?? {}) };
+
+    const linkTextDataIndex = new Set([
+      'name',
+      'code',
+      'caseNumber',
+      'registerNo'
+    ]);
+
+    const pickValue = (value: any) => {
+      return value !== undefined && value !== null && value !== '';
+    };
+
+    // Prefer explicit columns to match the corresponding credit module headers exactly.
+    const explicitColumns = config?.columns;
+    if (explicitColumns?.length) {
+      return explicitColumns
+        .filter((col) => !hidden.has(col.dataIndex))
+        .map((col, idx) => {
+          const dataIndex = col.dataIndex;
+          const key = col.key ?? `${dataIndex}_${idx}`;
+          const column: TableColumn = {
+            title: col.title ?? titleMap[dataIndex] ?? dataIndex,
+            dataIndex,
+            key,
+            ellipsis: true
+          };
+          if (linkTextDataIndex.has(dataIndex)) {
+            column.customRender = ({ text, record }) => {
+              if (record?.url && text) {
+                return h('a', { href: record.url, target: '_blank' }, text);
+              }
+              return text;
+            };
+          }
+          // 被执行人：优先展示 name1，没有再展示 appellee
+          if (tabKey === '被执行人' && dataIndex === 'appellee') {
+            column.customRender = ({ record }) => {
+              const v = pickValue(record?.name1)
+                ? record.name1
+                : record?.appellee;
+              return formatValue(v);
+            };
+          }
+          return column;
+        });
+    }
+
+    const keysFromData = Object.keys(rows[0]);
+    const keysSet = new Set(keysFromData);
+    const keys = config?.order?.length ? config.order : keysFromData;
+    const finalKeys = keys.filter((k) => {
+      if (hidden.has(k)) {
+        return false;
+      }
+      // If `order` is provided, keep keys even if not present in the first row
+      // (module tables render blank cells for missing fields).
+      if (config?.order?.length) {
+        return true;
+      }
+      return keysSet.has(k);
+    });
+
+    return finalKeys.map((dataIndex, idx) => {
+      const key = `${dataIndex}_${idx}`;
+      const column: TableColumn = {
+        title: titleMap[dataIndex] ?? dataIndex,
+        dataIndex,
+        key,
+        ellipsis: true
+      };
+      if (linkTextDataIndex.has(dataIndex)) {
+        column.customRender = ({ text, record }) => {
+          if (record?.url && text) {
+            return h('a', { href: record.url, target: '_blank' }, text);
+          }
+          return text;
+        };
+      }
+
+      // 被执行人：优先展示 name1，没有再展示 appellee
+      if (tabKey === '被执行人' && dataIndex === 'appellee') {
+        column.customRender = ({ record }) => {
+          const v = pickValue(record?.name1) ? record.name1 : record?.appellee;
+          return formatValue(v || '-');
+        };
+      }
+      return column;
+    });
+  };
+
+  const resetForm = () => {
+    Object.assign(form, defaultForm);
+  };
+
+  const clearTabData = () => {
+    tabList.forEach((tab) => {
+      tabState[tab.key].data = [];
+      tabState[tab.key].columns = [];
+      tabState[tab.key].loading = false;
+      tabState[tab.key].loadedSignature = undefined;
+      resetTabPagination(tab.key);
+      tabHasData[tab.key] = false;
+    });
+  };
+
+  const syncTabsHasDataFromCounts = () => {
+    tabList.forEach((tab) => {
+      const field = tabCountFieldMap[tab.key];
+      const raw = (form as any)?.[field] ?? (props.data as any)?.[field] ?? 0;
+      tabHasData[tab.key] = Number(raw) > 0;
+    });
+  };
+
+  const loadTabData = async (key: string, force = false) => {
+    const taxpayerCode = form.code ?? props.data?.code;
+    const companyId = form.id ?? props.data?.id;
+    const identity = taxpayerCode
+      ? `tax:${taxpayerCode}`
+      : companyId
+      ? `id:${companyId}`
+      : undefined;
+    const state = tabState[key];
+    const api = tabApiMap[key]?.page;
+    if (!api) {
+      state.data = [];
+      state.columns = [];
+      state.pagination.total = 0;
+      state.loadedSignature = undefined;
+      return;
+    }
+    if (!identity) {
+      state.data = [];
+      state.columns = [];
+      state.pagination.total = 0;
+      state.loadedSignature = undefined;
+      return;
+    }
+    const signature = `${identity}|p:${state.pagination.current}|l:${state.pagination.pageSize}`;
+    if (!force && state.loadedSignature === signature) {
+      return;
+    }
+    state.loading = true;
+    try {
+      const fetchPage = async (page: number) => {
+        return api({
+          taxpayerCode,
+          companyId,
+          page,
+          limit: state.pagination.pageSize
+        });
+      };
+
+      const requestedPage = state.pagination.current;
+      let res = await fetchPage(requestedPage);
+      let list = res?.list || [];
+      const total =
+        typeof (res as any)?.count === 'number'
+          ? (res as any).count
+          : list.length;
+
+      if (total > 0 && list.length === 0 && requestedPage > 1) {
+        setTabPagination(key, { current: 1 });
+        res = await fetchPage(1);
+        list = res?.list || [];
+      }
+
+      state.pagination.total =
+        typeof (res as any)?.count === 'number'
+          ? (res as any).count
+          : list.length;
+      // Keep the count field in sync (only when backend returns a count), so Tab highlight can update after import/refresh.
+      const countField = tabCountFieldMap[key];
+      if (countField && typeof (res as any)?.count === 'number') {
+        (form as any)[countField] = (res as any).count;
+      }
+      state.data = list;
+      tabHasData[key] = (state.pagination.total ?? 0) > 0;
+      if (!state.columns.length) {
+        state.columns = buildColumns(key, state.data);
+      }
+      state.loadedSignature = `${identity}|p:${state.pagination.current}|l:${state.pagination.pageSize}`;
+    } catch (e: any) {
+      state.data = [];
+      state.columns = [];
+      state.pagination.total = 0;
+      state.loadedSignature = undefined;
+      message.error(e?.message ?? '查询失败');
+    } finally {
+      state.loading = false;
+    }
+  };
+
+  const reloadTab = (key: string) => {
+    loadTabData(key, true);
+  };
+
+  watch(
+    () => activeTab.value,
+    (key) => {
+      loadTabData(key);
+    }
+  );
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        showRelatedImport.value = false;
+        resetForm();
+        clearTabData();
+        if (props.data) {
+          assignObject(form, props.data);
+        }
+        activeTab.value = tabList[0].key;
+        syncTabsHasDataFromCounts();
+        loadTabData(activeTab.value, true);
+      } else {
+        showRelatedImport.value = false;
+        resetForm();
+        clearTabData();
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => props.data,
+    (data) => {
+      if (!props.visible || !data) {
+        return;
+      }
+      showRelatedImport.value = false;
+      resetForm();
+      clearTabData();
+      assignObject(form, data);
+      syncTabsHasDataFromCounts();
+      loadTabData(activeTab.value, true);
+    }
+  );
+</script>
+
+<style scoped>
+  /* Tab label highlight when the module record-count field is > 0. */
+  .credit-company-tab-has-data {
+    color: #ff4d4f;
+    font-weight: 600;
+  }
+</style>
diff --git a/src/views/credit/customer/components/search.vue b/src/views/credit/customer/components/search.vue
new file mode 100644
index 0000000..b325a18
--- /dev/null
+++ b/src/views/credit/customer/components/search.vue
@@ -0,0 +1,103 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <!--    <a-button type="primary" class="ele-btn-icon" @click="add">-->
+    <!--      <template #icon>-->
+    <!--        <PlusOutlined />-->
+    <!--      </template>-->
+    <!--      <span>添加</span>-->
+    <!--    </a-button>-->
+    <a-button type="primary" class="ele-btn-icon" @click="openImport">
+      <template #icon>
+        <CloudUploadOutlined />
+      </template>
+      <span>导入</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="exportData">
+      <template #icon>
+        <CloudDownloadOutlined />
+      </template>
+      <span>导出</span>
+    </a-button>
+    <a-button
+      danger
+      class="ele-btn-icon"
+      :disabled="!selection?.length"
+      @click="remove"
+    >
+      <template #icon>
+        <DeleteOutlined />
+      </template>
+      <span>批量删除</span>
+    </a-button>
+    <a-input-search
+      allow-clear
+      v-model:value="keywords"
+      placeholder="请输入关键词"
+      style="width: 220px"
+      @search="handleSearch"
+      @pressEnter="handleSearch"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import {
+    PlusOutlined,
+    CloudUploadOutlined,
+    CloudDownloadOutlined,
+    DeleteOutlined
+  } from '@ant-design/icons-vue';
+  import type {
+    CreditJudiciary,
+    CreditJudiciaryParam
+  } from '@/api/credit/creditJudiciary/model';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: CreditJudiciary[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: CreditJudiciaryParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+    (e: 'importData'): void;
+    (e: 'exportData'): void;
+  }>();
+
+  const keywords = ref('');
+  const selection = computed(() => props.selection || []);
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 搜索
+  const handleSearch = () => {
+    emit('search', { keywords: keywords.value });
+  };
+
+  // 导入
+  const openImport = () => {
+    emit('importData');
+  };
+
+  // 导出
+  const exportData = () => {
+    emit('exportData');
+  };
+
+  // 批量删除
+  const remove = () => {
+    emit('remove');
+  };
+</script>
diff --git a/src/views/credit/customer/index.vue b/src/views/credit/customer/index.vue
new file mode 100644
index 0000000..5ec0d5f
--- /dev/null
+++ b/src/views/credit/customer/index.vue
@@ -0,0 +1,631 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        :scroll="{ x: 10000 }"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'matchName'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.matchName }}</a>
+            </template>
+            <template v-else>
+              {{ record.matchName }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-button type="primary" @click="openInfo(record)">详情</a-button>
+            <!--            <a-dropdown-button @click="handleButtonClick">-->
+            <!--              操作-->
+            <!--              <template #overlay>-->
+            <!--                <a-menu @click="handleMenuClick">-->
+            <!--                  <a-menu-item key="1">招投标</a-menu-item>-->
+            <!--                  <a-menu-item key="2">对外投资</a-menu-item>-->
+            <!--                  <a-menu-item key="3">风险关系</a-menu-item>-->
+            <!--                  <a-menu-item key="4">竞争对手</a-menu-item>-->
+            <!--                  <a-menu-item key="5">供应商</a-menu-item>-->
+            <!--                  <a-menu-item key="6">客户</a-menu-item>-->
+            <!--                  <a-menu-item key="7">立案信息</a-menu-item>-->
+            <!--                  <a-menu-item key="8">诉前调解</a-menu-item>-->
+            <!--                  <a-menu-item key="9">开庭公告</a-menu-item>-->
+            <!--                  <a-menu-item key="10">法院公告</a-menu-item>-->
+            <!--                  <a-menu-item key="11">送达公告</a-menu-item>-->
+            <!--                  <a-menu-item key="12">裁判文书</a-menu-item>-->
+            <!--                  <a-menu-item key="13">被执行人</a-menu-item>-->
+            <!--                  <a-menu-item key="14">失信被执行人</a-menu-item>-->
+            <!--                  <a-menu-item key="15">终本案件</a-menu-item>-->
+            <!--                  <a-menu-item key="16">限制高消费</a-menu-item>-->
+            <!--                  <a-menu-item key="17">股权冻结</a-menu-item>-->
+            <!--                  <a-menu-item key="18">司法案件</a-menu-item>-->
+            <!--                </a-menu>-->
+            <!--              </template>-->
+            <!--            </a-dropdown-button>-->
+
+            <!--            <a @click="openEdit(record)">修改</a>-->
+            <!--            <a-divider type="vertical" />-->
+            <!--              <a-popconfirm-->
+            <!--                title="确定要删除此记录吗？"-->
+            <!--                @confirm="remove(record)"-->
+            <!--              >-->
+            <!--                <a class="ele-text-danger">删除</a>-->
+            <!--              </a-popconfirm>-->
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditCompanyEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditCompanyImport v-model:visible="showImport" @done="reload" />
+    <!-- 企业详情 -->
+    <CreditCompanyInfo
+      v-model:visible="showInfo"
+      :data="current"
+      @done="reload"
+    />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import { getPageTitle } from '@/utils/common';
+  import CreditCompanyEdit from './components/creditCompanyEdit.vue';
+  import {
+    pageCreditCompany,
+    listCreditCompany,
+    removeCreditCompany,
+    removeBatchCreditCompany
+  } from '@/api/credit/creditCompany';
+  import type {
+    CreditCompany,
+    CreditCompanyParam
+  } from '@/api/credit/creditCompany/model';
+  import CreditCompanyImport from './components/credit-company-import.vue';
+  import CreditCompanyInfo from './components/creditCompanyInfo.vue';
+  import { exportCreditData } from '../utils/export';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditCompany[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditCompany | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示详情弹窗
+  const showInfo = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditCompanyParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    // 是否客户
+    params.isCustomer = 1;
+    return pageCreditCompany({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '操作',
+      key: 'action',
+      width: 120,
+      fixed: 'left',
+      align: 'center'
+    },
+    {
+      title: '原文件导入名称',
+      dataIndex: 'name',
+      key: 'name',
+      width: 280
+    },
+    {
+      title: '系统匹配企业名称',
+      dataIndex: 'matchName',
+      key: 'matchName',
+      width: 280
+    },
+    {
+      title: '登记状态',
+      dataIndex: 'registrationStatus',
+      key: 'registrationStatus',
+      width: 180
+    },
+    {
+      title: '法定代表人',
+      dataIndex: 'legalPerson',
+      key: 'legalPerson',
+      width: 120
+    },
+    {
+      title: '注册资本',
+      dataIndex: 'registeredCapital',
+      key: 'registeredCapital',
+      width: 120
+    },
+    {
+      title: '实缴资本',
+      dataIndex: 'paidinCapital',
+      key: 'paidinCapital'
+    },
+    {
+      title: '成立日期',
+      dataIndex: 'establishDate',
+      key: 'establishDate',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '统一社会信用代码',
+      dataIndex: 'code',
+      key: 'code',
+      ellipsis: true,
+      width: 200
+    },
+    {
+      title: '企业地址',
+      dataIndex: 'address',
+      key: 'address',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '所属省份',
+      dataIndex: 'province',
+      key: 'province',
+      width: 120
+    },
+    {
+      title: '所属城市',
+      dataIndex: 'city',
+      key: 'city',
+      width: 120
+    },
+    {
+      title: '所属县区',
+      dataIndex: 'region',
+      key: 'region',
+      width: 120
+    },
+    {
+      title: '电话',
+      dataIndex: 'tel',
+      key: 'tel',
+      width: 150
+    },
+    {
+      title: '更多电话',
+      dataIndex: 'tel',
+      key: 'tel',
+      ellipsis: true,
+      width: 150
+    },
+    {
+      title: '邮箱',
+      dataIndex: 'email',
+      key: 'email',
+      ellipsis: true,
+      width: 150
+    },
+    {
+      title: '更多邮箱',
+      dataIndex: 'moreEmail',
+      key: 'moreEmail',
+      ellipsis: true
+    },
+    {
+      title: '企业（机构）类型',
+      dataIndex: 'institutionType',
+      key: 'institutionType'
+    },
+    {
+      title: '纳税人识别号',
+      dataIndex: 'taxpayerCode',
+      key: 'taxpayerCode'
+    },
+    {
+      title: '注册号',
+      dataIndex: 'registrationNumber',
+      key: 'registrationNumber'
+    },
+    {
+      title: '组织机构代码',
+      dataIndex: 'organizationalCode',
+      key: 'organizationalCode',
+      width: 120
+    },
+    {
+      title: '参保人数',
+      dataIndex: 'numberOfInsuredPersons',
+      key: 'numberOfInsuredPersons',
+      width: 120
+    },
+    {
+      title: '参保人数所属年报',
+      dataIndex: 'annualReport',
+      key: 'annualReport',
+      width: 180
+    },
+    {
+      title: '营业期限',
+      dataIndex: 'businessTerm',
+      key: 'businessTerm',
+      ellipsis: true
+    },
+    {
+      title: '国标行业门类',
+      dataIndex: 'nationalStandardIndustryCategories',
+      key: 'nationalStandardIndustryCategories'
+    },
+    {
+      title: '国标行业大类',
+      dataIndex: 'nationalStandardIndustryCategories2',
+      key: 'nationalStandardIndustryCategories2'
+    },
+    {
+      title: '国标行业中类',
+      dataIndex: 'nationalStandardIndustryCategories3',
+      key: 'nationalStandardIndustryCategories3'
+    },
+    {
+      title: '国标行业小类',
+      dataIndex: 'nationalStandardIndustryCategories4',
+      key: 'nationalStandardIndustryCategories4'
+    },
+    {
+      title: '国标行业小类',
+      dataIndex: 'nationalStandardIndustryCategories5',
+      key: 'nationalStandardIndustryCategories5'
+    },
+    {
+      title: '企查查行业大类',
+      dataIndex: 'nationalStandardIndustryCategories6',
+      key: 'nationalStandardIndustryCategories6'
+    },
+    {
+      title: '企查查行业中类',
+      dataIndex: 'nationalStandardIndustryCategories7',
+      key: 'nationalStandardIndustryCategories7'
+    },
+    {
+      title: '企查查行业小类',
+      dataIndex: 'nationalStandardIndustryCategories8',
+      key: 'nationalStandardIndustryCategories8'
+    },
+    {
+      title: '企业规模',
+      dataIndex: 'companySize',
+      key: 'companySize'
+    },
+    {
+      title: '曾用名',
+      dataIndex: 'formerName',
+      key: 'formerName',
+      ellipsis: true
+    },
+    {
+      title: '英文名',
+      dataIndex: 'englishName',
+      key: 'englishName',
+      ellipsis: true
+    },
+    {
+      title: '官网',
+      dataIndex: 'domain',
+      key: 'domain'
+    },
+    {
+      title: '通信地址',
+      dataIndex: 'mailingAddress',
+      key: 'mailingAddress'
+    },
+
+    {
+      title: '企业简介',
+      dataIndex: 'companyProfile',
+      key: 'companyProfile',
+      ellipsis: true
+    },
+    {
+      title: '经营范围',
+      dataIndex: 'natureOfBusiness',
+      key: 'natureOfBusiness',
+      ellipsis: true
+    },
+    {
+      title: '登记机关',
+      dataIndex: 'registrationAuthority',
+      key: 'registrationAuthority'
+    },
+    {
+      title: '纳税人资质',
+      dataIndex: 'taxpayerQualification',
+      key: 'taxpayerQualification'
+    },
+    {
+      title: '最新年报年份',
+      dataIndex: 'latestAnnualReportYear',
+      key: 'latestAnnualReportYear'
+    },
+    {
+      title: '最新年报营业收入',
+      dataIndex: 'latestAnnualReportOnOperatingRevenue',
+      key: 'latestAnnualReportOnOperatingRevenue'
+    },
+    {
+      title: '企查分',
+      dataIndex: 'enterpriseScoreCheck',
+      key: 'enterpriseScoreCheck'
+    },
+    {
+      title: '信用等级',
+      dataIndex: 'creditRating',
+      key: 'creditRating'
+    },
+    {
+      title: '科创分',
+      dataIndex: 'cechnologyScore',
+      key: 'cechnologyScore'
+    },
+    {
+      title: '科创等级',
+      dataIndex: 'cechnologyLevel',
+      key: 'cechnologyLevel'
+    },
+    {
+      title: '是否小微企业',
+      dataIndex: 'smallEnterprise',
+      key: 'smallEnterprise',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '操作人',
+      dataIndex: 'realName',
+      key: 'realName',
+      width: 90,
+      align: 'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      sorter: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    }
+    // {
+    //   title: '备注',
+    //   dataIndex: 'comments',
+    //   key: 'comments',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '是否推荐',
+    //   dataIndex: 'recommend',
+    //   key: 'recommend',
+    //   width: 120
+    // },
+    // {
+    //   title: '排序',
+    //   dataIndex: 'sortNumber',
+    //   key: 'sortNumber',
+    //   width: 120
+    // },
+    // {
+    //   title: '状态',
+    //   dataIndex: 'status',
+    //   key: 'status',
+    //   width: 120
+    // },
+    // {
+    //   title: '创建时间',
+    //   dataIndex: 'createTime',
+    //   key: 'createTime',
+    //   width: 200,
+    //   align: 'center',
+    //   sorter: true,
+    //   ellipsis: true,
+    //   customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    // }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditCompanyParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditCompany) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditCompany>({
+      filename: '企业',
+      includeCompanyName: false,
+      columns: [
+        { title: '原文件导入名称', dataIndex: 'name' },
+        { title: '系统匹配企业名称', dataIndex: 'matchName' },
+        { title: '统一社会信用代码', dataIndex: 'code' },
+        { title: '登记状态', dataIndex: 'registrationStatus' },
+        { title: '法定代表人', dataIndex: 'legalPerson' },
+        { title: '注册资本', dataIndex: 'registeredCapital' },
+        { title: '成立日期', dataIndex: 'establishDate' },
+        { title: '所属省份', dataIndex: 'province' },
+        { title: '所属城市', dataIndex: 'city' },
+        { title: '企查分', dataIndex: 'enterpriseScoreCheck' },
+        { title: '信用等级', dataIndex: 'creditRating' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditCompany) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditCompany({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+  /* 打开企业详情 */
+  const openInfo = (row?: CreditCompany) => {
+    current.value = row ?? null;
+    showInfo.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditCompany) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditCompany(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditCompany(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditCompany) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditCompany'
+  };
+</script>
+
+<style lang="less" scoped></style>