feat(credit): 添加信用模块通用工具栏并优化表格组件

- 新增 CreditSearchToolbar2.vue 组件，提供导出、批量删除、搜索功能 - 在所有信用相关页面中新增主体企业字段显示 - 更新表格组件配置，移除不必要的列宽设置 - 替换旧版搜索工具栏为新的统一工具栏组件 - 在信用客户和用户组件中注释掉导入按钮功能 - 为信用工商登记页面添加横向滚动支持 - 在执行债务人页面新增修正主体企业归属按钮 - 配置开发环境API地址为默认启用状态
2026-01-20 16:54:20 +08:00
parent 183967ea4a
commit c711c3dfe6
27 changed files with 273 additions and 48 deletions
--- 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


--- a/src/views/credit/components/CreditSearchToolbar2.vue
+++ b/src/views/credit/components/CreditSearchToolbar2.vue
@@ -0,0 +1,86 @@
+<!-- 信用模块通用工具栏 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <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';
+
+  const props = withDefaults(
+    defineProps<{
+      selection?: any[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: { keywords?: string }): 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>
--- a/src/views/credit/creditAdministrativeLicense/index.vue
+++ b/src/views/credit/creditAdministrativeLicense/index.vue
@@ -32,6 +32,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -160,6 +163,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '决定文书/许可编号',
      dataIndex: 'code',
--- a/src/views/credit/creditBankruptcy/index.vue
+++ b/src/views/credit/creditBankruptcy/index.vue
@@ -32,6 +32,9 @@

        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -154,6 +157,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'code',
--- a/src/views/credit/creditBranch/index.vue
+++ b/src/views/credit/creditBranch/index.vue
@@ -23,6 +23,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -140,6 +143,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '分支机构名称',
      dataIndex: 'name',
--- a/src/views/credit/creditBreachOfTrust/index.vue
+++ b/src/views/credit/creditBreachOfTrust/index.vue
@@ -31,6 +31,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -153,6 +156,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
--- a/src/views/credit/creditCaseFiling/index.vue
+++ b/src/views/credit/creditCaseFiling/index.vue
@@ -23,6 +23,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -140,38 +143,35 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
-      key: 'caseNumber',
-      ellipsis: true,
-      width: 260
+      key: 'caseNumber'
    },
    {
      title: '案由',
      dataIndex: 'causeOfAction',
-      key: 'causeOfAction',
-      ellipsis: true,
-      width: 220
+      key: 'causeOfAction'
    },
    {
      title: '当事人',
      dataIndex: 'otherPartiesThirdParty',
-      key: 'otherPartiesThirdParty',
-      width: 320
+      key: 'otherPartiesThirdParty'
    },
    {
      title: '法院',
      dataIndex: 'courtName',
-      key: 'courtName',
-      ellipsis: true,
-      width: 180
+      key: 'courtName'
    },
    {
      title: '立案日期',
      dataIndex: 'occurrenceTime',
-      key: 'occurrenceTime',
-      width: 120
+      key: 'occurrenceTime'
    },
    {
      title: '操作人',
--- a/src/views/credit/creditCompetitor/index.vue
+++ b/src/views/credit/creditCompetitor/index.vue
@@ -78,7 +78,7 @@
    DatasourceFunction,
    ColumnItem
  } from 'ele-admin-pro/es/ele-pro-table/types';
-  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import Search from '@/views/credit/components/CreditSearchToolbar2.vue';
  import { exportCreditData } from '../utils/export';
  import { getPageTitle } from '@/utils/common';
  import CreditCompetitorEdit from './components/creditCompetitorEdit.vue';
--- a/src/views/credit/creditCourtAnnouncement/index.vue
+++ b/src/views/credit/creditCourtAnnouncement/index.vue
@@ -31,6 +31,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -159,6 +162,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
--- a/src/views/credit/creditCourtSession/index.vue
+++ b/src/views/credit/creditCourtSession/index.vue
@@ -31,6 +31,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -146,6 +149,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
--- a/src/views/credit/creditCustomer/components/search.vue
+++ b/src/views/credit/creditCustomer/components/search.vue
@@ -7,12 +7,12 @@
 <!--      </template>-->
 <!--      <span>添加</span>-->
 <!--    </a-button>-->
-    <a-button class="ele-btn-icon" @click="openImport">
-      <template #icon>
-        <CloudUploadOutlined />
-      </template>
-      <span>导入(多)</span>
-    </a-button>
+<!--    <a-button 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 />
--- a/src/views/credit/creditDeliveryNotice/index.vue
+++ b/src/views/credit/creditDeliveryNotice/index.vue
@@ -23,6 +23,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -140,17 +143,20 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
-      key: 'caseNumber',
-      ellipsis: true
+      key: 'caseNumber'
    },
    {
      title: '案由',
      dataIndex: 'causeOfAction',
-      key: 'causeOfAction',
-      ellipsis: true
+      key: 'causeOfAction'
    },
    {
      title: '当事人',
@@ -160,8 +166,7 @@
    {
      title: '法院',
      dataIndex: 'courtName',
-      key: 'courtName',
-      ellipsis: true
+      key: 'courtName'
    },
    {
      title: '发布日期',
--- a/src/views/credit/creditExternal/index.vue
+++ b/src/views/credit/creditExternal/index.vue
@@ -79,7 +79,7 @@
    DatasourceFunction,
    ColumnItem
  } from 'ele-admin-pro/es/ele-pro-table/types';
-  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import Search from '@/views/credit/components/CreditSearchToolbar2.vue';
  import { exportCreditData } from '../utils/export';
  import { getPageTitle } from '@/utils/common';
  import CreditExternalEdit from './components/creditExternalEdit.vue';
--- a/src/views/credit/creditFinalVersion/index.vue
+++ b/src/views/credit/creditFinalVersion/index.vue
@@ -31,6 +31,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -145,6 +148,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
--- a/src/views/credit/creditGqdj/index.vue
+++ b/src/views/credit/creditGqdj/index.vue
@@ -8,6 +8,7 @@
        :datasource="datasource"
        :customRow="customRow"
        v-model:selection="selection"
+        :scroll="{ x: 2400 }"
        tool-class="ele-toolbar-form"
        class="sys-org-table"
      >
@@ -31,6 +32,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -141,6 +145,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '被执行人',
      dataIndex: 'appellee',
@@ -154,38 +163,32 @@
    {
      title: '被执行人持有股权、其他投资权益数额',
      dataIndex: 'involvedAmount',
-      key: 'involvedAmount',
-      width: 260
+      key: 'involvedAmount'
    },
    {
      title: '执行法院',
      dataIndex: 'courtName',
-      key: 'courtName',
-      width: 200
+      key: 'courtName'
    },
    {
      title: '状态',
      dataIndex: 'dataStatus',
-      key: 'dataStatus',
-      width: 90
+      key: 'dataStatus'
    },
    {
      title: '冻结日期自',
      dataIndex: 'freezeDateStart',
-      key: 'freezeDateStart',
-      width: 120
+      key: 'freezeDateStart'
    },
    {
      title: '冻结日期至',
      dataIndex: 'freezeDateEnd',
-      key: 'freezeDateEnd',
-      width: 120
+      key: 'freezeDateEnd'
    },
    {
      title: '公示日期',
      dataIndex: 'publicDate',
-      key: 'publicDate',
-      width: 120
+      key: 'publicDate'
    },
    {
      title: '操作人',
--- a/src/views/credit/creditHistoricalLegalPerson/index.vue
+++ b/src/views/credit/creditHistoricalLegalPerson/index.vue
@@ -23,6 +23,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -143,6 +146,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '名称',
      dataIndex: 'name',
--- a/src/views/credit/creditJudgmentDebtor/index.vue
+++ b/src/views/credit/creditJudgmentDebtor/index.vue
@@ -22,6 +22,9 @@
              @importData="openImport"
              @exportData="exportData"
            />
+            <a-button type="dashed" class="ele-btn-icon" @click="belongToCompany">
+              <span class="text-pink-500">修正主体企业归属</span>
+            </a-button>
            <a-button type="dashed" class="ele-btn-icon" @click="openImport2">
              <template #icon>
                <CloudUploadOutlined />
@@ -31,6 +34,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -177,6 +183,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
--- a/src/views/credit/creditJudicialDocument/index.vue
+++ b/src/views/credit/creditJudicialDocument/index.vue
@@ -32,6 +32,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -149,6 +152,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '文书标题',
      dataIndex: 'title',
--- a/src/views/credit/creditJudiciary/index.vue
+++ b/src/views/credit/creditJudiciary/index.vue
@@ -24,6 +24,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -139,6 +142,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案件名称',
      dataIndex: 'name',
--- a/src/views/credit/creditMediation/index.vue
+++ b/src/views/credit/creditMediation/index.vue
@@ -23,6 +23,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -132,6 +135,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',
--- a/src/views/credit/creditNearbyCompany/index.vue
+++ b/src/views/credit/creditNearbyCompany/index.vue
@@ -24,6 +24,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -142,6 +145,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '企业名称',
      dataIndex: 'name',
--- a/src/views/credit/creditPatent/index.vue
+++ b/src/views/credit/creditPatent/index.vue
@@ -23,6 +23,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -140,6 +143,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '发明名称',
      dataIndex: 'name',
--- a/src/views/credit/creditRiskRelation/index.vue
+++ b/src/views/credit/creditRiskRelation/index.vue
@@ -70,7 +70,7 @@
    DatasourceFunction,
    ColumnItem
  } from 'ele-admin-pro/es/ele-pro-table/types';
-  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import Search from '@/views/credit/components/CreditSearchToolbar2.vue';
  import { exportCreditData } from '../utils/export';
  import { getPageTitle } from '@/utils/common';
  import CreditRiskRelationEdit from './components/creditRiskRelationEdit.vue';
--- a/src/views/credit/creditSupplier/index.vue
+++ b/src/views/credit/creditSupplier/index.vue
@@ -70,7 +70,7 @@
    DatasourceFunction,
    ColumnItem
  } from 'ele-admin-pro/es/ele-pro-table/types';
-  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import Search from '@/views/credit/components/CreditSearchToolbar2.vue';
  import { exportCreditData } from '../utils/export';
  import { getPageTitle } from '@/utils/common';
  import CreditSupplierEdit from './components/creditSupplierEdit.vue';
--- a/src/views/credit/creditSuspectedRelationship/index.vue
+++ b/src/views/credit/creditSuspectedRelationship/index.vue
@@ -23,6 +23,9 @@
          />
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -143,6 +146,11 @@
      key: 'id',
      width: 90
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '企业名称',
      dataIndex: 'name',
--- a/src/views/credit/creditUser/components/search.vue
+++ b/src/views/credit/creditUser/components/search.vue
@@ -7,12 +7,12 @@
 <!--      </template>-->
 <!--      <span>添加</span>-->
 <!--    </a-button>-->
-    <a-button class="ele-btn-icon" @click="openImport">
-      <template #icon>
-        <CloudUploadOutlined />
-      </template>
-      <span>导入(多)</span>
-    </a-button>
+<!--    <a-button 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 />
--- a/src/views/credit/creditXgxf/index.vue
+++ b/src/views/credit/creditXgxf/index.vue
@@ -31,6 +31,9 @@
          </a-space>
        </template>
        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'companyName'">
+            {{ record.companyName || '-' }}
+          </template>
          <template v-if="column.key === 'image'">
            <a-image :src="record.image" :width="50" />
          </template>
@@ -141,6 +144,11 @@
      key: 'id',
      width: 80
    },
+    {
+      title: '主体企业',
+      dataIndex: 'companyName',
+      key: 'companyName'
+    },
    {
      title: '案号',
      dataIndex: 'caseNumber',