服务平台-企业认证

src/router/routes/index.ts

@@ -1319,6 +1319,30 @@ export const ResourceRoute: AppRouteRecordRaw = {
     },
   ],
 };
+
+/**服务平台*/
+export const ServicePlatform: AppRouteRecordRaw = {
+  path: '/servicePlatform',
+  name: 'servicePlatform',
+  component: LAYOUT,
+  meta: {
+    title: '服务平台',
+    icon: '',
+    hidden: true,
+    currentActiveMenu: '/servicePlatform',
+  },
+  children: [
+    {
+      path: 'enterpriseCertification/detail',
+      name: 'detail',
+      component: () => import('@/views/servicePlatform/enterpriseCertification/detail.vue'),
+      meta: {
+        title: '企业认证',
+        icon: '',
+      },
+    },
+  ],
+};
 // Basic routing without permission
 // 没有权限要求的基本路由
 export const basicRoutes = [
@@ -1353,4 +1377,5 @@ export const basicRoutes = [
   processCenterRoute,
   BenchmarkRoute,
   PCFontRoute,
+  ServicePlatform,
 ];

src/views/servicePlatform/enterpriseCertification/detail.vue

+<template>
+  <PageWrapper
+    title="企业信息"
+    dense
+    contentBackground
+    contentFullHeight
+    fixed-height
+    headerSticky
+    @back="handleBack"
+  >
+    <Description
+      @register="register1"
+      class="mt-4"
+      style="font-size: 30px; margin: 30px 30px"
+      :column="2"
+    />
+  </PageWrapper>
+</template>
+
+<script lang="ts" setup>
+  import PageWrapper from '@/components/Page/src/PageWrapper.vue';
+  import { useRouter } from 'vue-router';
+  import { Description, useDescription } from '@/components/Description';
+  import { formSchema1 } from './enterpriseColumns.data';
+  import { mockData } from './enterpriseData';
+
+  const router = useRouter();
+  const [register1] = useDescription({
+    bordered: false,
+    data: mockData,
+    schema: formSchema1,
+  });
+
+  function handleBack() {
+    router.go(-1);
+  }
+</script>
+
+<style scoped></style>

src/views/servicePlatform/enterpriseCertification/enterpriseColumns.data.ts

+import { BasicColumn } from '@/components/Table';
+import {DescItem} from "@/components/Description";
+
+export const enterpriseColumns: BasicColumn[] = [
+  {
+    title: '公司名称',
+    dataIndex: 'companyName',
+    width: 150,
+  },
+  {
+    title: '统一社会信用代码',
+    dataIndex: 'code',
+    width: 150,
+  },
+  {
+    title: '法人',
+    dataIndex: 'leader',
+    width: 150,
+  },
+  {
+    title: '法人身份证号码',
+    dataIndex: 'leaderNum',
+    width: 150,
+  },
+  {
+    title: '成立日期',
+    dataIndex: 'buildTime',
+    width: 150,
+  },
+  {
+    title: '注册资本',
+    dataIndex: 'registerNum',
+    width: 150,
+  },
+  {
+    title: '经营范围',
+    dataIndex: 'businessRange',
+    width: 150,
+  },
+  {
+    title: '注册地址',
+    dataIndex: 'registerAddress',
+    width: 150,
+  },
+  {
+    title: '详细地址',
+    dataIndex: 'detailAddress',
+    width: 150,
+  },
+];
+export const formSchema1: DescItem[] = [
+  {
+    field: 'companyName',
+    label: '公司名称',
+  },
+  {
+    field: 'code',
+    label: '统一社会信用代码',
+  },
+  {
+    field: 'leader',
+    label: '法人',
+  },
+  {
+    field: 'leaderNum',
+    label: '法人身份证号码',
+  },
+  {
+    field: 'buildTime',
+    label: '成立日期',
+  },
+  {
+    field: 'registerNum',
+    label: '注册资本',
+  },
+
+  {
+    field: 'businessRange',
+    label: '经营范围',
+  },
+  {
+    field: 'registerAddress',
+    label: '注册地址',
+  },
+  {
+    field: 'detailAddress',
+    label: '详细地址',
+  },
+  {
+    field: 'license',
+    label: '营业执照',
+  },
+  {
+    field: 'logo',
+    label: '公司LOGO',
+  },
+];

src/views/servicePlatform/enterpriseCertification/enterpriseData.ts

+export const enterprisesData: any[] = [
+  {
+    companyName: 'xxx',
+    code: '123123',
+    leader: '张三',
+    leaderNum: '12312312',
+    buildTime: '2020-03-05',
+    registerNum: '1000',
+    businessRange: '科学研究和技术服务业',
+    registerAddress: '天津市西青区中北镇中北科技产业业',
+    detailAddress: '天津市西青区中北镇中北科技产业园',
+  },
+  {
+    companyName: '天科科技有限公司',
+    code: '87654321',
+    leader: '李四',
+    leaderNum: '98765432',
+    buildTime: '2019-02-20',
+    registerNum: '1200',
+    businessRange: '信息技术与服务',
+    registerAddress: '北京市朝阳区建国路88号',
+    detailAddress: '北京市朝阳区建国路88号大厦',
+  },
+  {
+    companyName: '环球科技有限公司',
+    code: '23456789',
+    leader: '王五',
+    leaderNum: '23456789',
+    buildTime: '2021-05-15',
+    registerNum: '1500',
+    businessRange: '软件开发与销售',
+    registerAddress: '上海市浦东新区世纪大道',
+    detailAddress: '上海市浦东新区世纪大道456号',
+  },
+  {
+    companyName: '智创创新公司',
+    code: '34567890',
+    leader: '赵六',
+    leaderNum: '34567890',
+    buildTime: '2018-08-10',
+    registerNum: '800',
+    businessRange: '人工智能与机器学习',
+    registerAddress: '深圳市南山区科技园',
+    detailAddress: '深圳市南山区科技园路22号',
+  },
+  {
+    companyName: '青腾企业集团',
+    code: '45678901',
+    leader: '钱七',
+    leaderNum: '45678901',
+    buildTime: '2020-07-30',
+    registerNum: '2000',
+    businessRange: '电子商务与物流',
+    registerAddress: '广州市天河区体育东路',
+    detailAddress: '广州市天河区体育东路99号',
+  },
+  {
+    companyName: '恒星网络科技',
+    code: '56789012',
+    leader: '孙八',
+    leaderNum: '56789012',
+    buildTime: '2021-01-25',
+    registerNum: '950',
+    businessRange: '网络安全与服务',
+    registerAddress: '重庆市渝中区解放碑',
+    detailAddress: '重庆市渝中区解放碑路1号',
+  },
+  {
+    companyName: '云际数据有限公司',
+    code: '67890123',
+    leader: '周九',
+    leaderNum: '67890123',
+    buildTime: '2017-06-14',
+    registerNum: '1100',
+    businessRange: '大数据与云计算',
+    registerAddress: '杭州市西湖区文二路',
+    detailAddress: '杭州市西湖区文二路123号',
+  },
+  {
+    companyName: '星火科技有限公司',
+    code: '78901234',
+    leader: '吴十',
+    leaderNum: '78901234',
+    buildTime: '2020-09-01',
+    registerNum: '1300',
+    businessRange: '科技创新与研发',
+    registerAddress: '武汉市江汉区青年路',
+    detailAddress: '武汉市江汉区青年路456号',
+  },
+  {
+    companyName: '睿达智能公司',
+    code: '89012345',
+    leader: '郑十一',
+    leaderNum: '89012345',
+    buildTime: '2022-04-10',
+    registerNum: '600',
+    businessRange: '智能硬件与产品设计',
+    registerAddress: '南京市鼓楼区中央路',
+    detailAddress: '南京市鼓楼区中央路66号',
+  },
+  {
+    companyName: '天睿电子科技',
+    code: '90123456',
+    leader: '冯十二',
+    leaderNum: '90123456',
+    buildTime: '2019-12-15',
+    registerNum: '1400',
+    businessRange: '电子技术与设备制造',
+    registerAddress: '苏州市高新区科技大道',
+    detailAddress: '苏州市高新区科技大道88号',
+  },
+  {
+    companyName: '领航教育科技',
+    code: '12345678',
+    leader: '刘十三',
+    leaderNum: '12345678',
+    buildTime: '2021-03-25',
+    registerNum: '1000',
+    businessRange: '在线教育与培训服务',
+    registerAddress: '成都高新区天府大道',
+    detailAddress: '成都市高新区天府大道200号',
+  },
+];
+
+export const mockData: Recordable = {
+  companyName: 'xxx',
+  code: '123123',
+  leader: '张三',
+  leaderNum: '12312312',
+  buildTime: '2020-03-05',
+  registerNum: '1000',
+  businessRange: '科学研究和技术服务业',
+  registerAddress: '天津市西青区中北镇中北科技产业业',
+  detailAddress: '天津市西青区中北镇中北科技产业园',
+  license: '天津市西青区中北镇中北科技产业园',
+  logo: '天津市西青区中北镇中北科技产业园',
+};

src/views/servicePlatform/enterpriseCertification/index.vue

 <template>
-企业认证
+  <PageWrapper dense contentBackground headerSticky>
+    <template #headerContent>
+      <div class="header">
+        <div class="h-title">
+          <FileProtectOutlined class="h-icon" :color="'#6499e9'" />
+          <div class="h-txt">
+            <div class="h-des">企业认证</div>
+          </div>
+        </div>
+      </div>
+    </template>
+    <div class="h-full" style="padding: 0 25px">
+      <BasicTable @register="registerApplySuccessTable">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'">
+            <TableAction
+              :actions="[
+                {
+                  label: '详情',
+                  onClick: handleDetail.bind(null, record),
+                },
+                {
+                  label: '审核',
+                  onClick: handleEdit.bind(null, record),
+                },
+              ]"
+            />
+          </template>
+        </template>
+      </BasicTable>
+    </div>
+  </PageWrapper>
 </template>
 
-<script>
-export default {
-  name: "index"
-}
+<script lang="ts" setup>
+  import { onMounted, ref } from 'vue';
+  import PageWrapper from '@/components/Page/src/PageWrapper.vue';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { BasicTable, useTable, TableAction, BasicTableProps } from '@/components/Table';
+  import { FileProtectOutlined } from '@ant-design/icons-vue';
+  import { enterpriseColumns } from '@/views/servicePlatform/enterpriseCertification/enterpriseColumns.data';
+  import { enterprisesData } from '@/views/servicePlatform/enterpriseCertification/enterpriseData';
+  import { tableList } from '@/views/scriptDevelopment/auditStrategy/mock';
+  import { columns } from '@/views/scriptDevelopment/auditStrategy/mainBody.data';
+  import { TreeSystem } from '@/views/dataWarehousePlanning/physicalModel/modelData';
+  import {
+    columnsSystem,
+    searchFormSchema,
+  } from '@/views/dataWarehousePlanning/physicalModel/model.data';
+  import { useRouter } from 'vue-router';
+
+  // 初始化
+  const { createMessage, createConfirm } = useMessage();
+  // 数据
+
+  const { push } = useRouter();
+  onMounted(() => {});
+  // 方法
+  // 新增
+  function handleAdd() {}
+  // 批量删除
+  function handleDelete() {}
+  /**
+   * table
+   */
+  const [
+    registerApplySuccessTable,
+    {
+      reload,
+      updateTableDataRecord,
+      setTableData,
+      setColumns,
+      getSearchInfo,
+      getForm,
+      getRowSelection,
+    },
+  ] = useTable({
+    title: '',
+    api: async (params) => {
+      console.log('params:', params);
+      const response = {
+        pageNu: '1',
+        pageSize: '10',
+        pages: '1',
+        total: enterprisesData.length,
+        code: '',
+        message: '',
+        data: enterprisesData,
+      };
+      return { ...response, data: enterprisesData };
+    },
+    rowKey: 'businessId',
+    columns: enterpriseColumns,
+    rowSelection: false,
+    formConfig: {
+      labelWidth: 10,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter: true,
+    },
+    showIndexColumn: false,
+    useSearchForm: false,
+    showTableSetting: false,
+    bordered: true,
+    actionColumn: {
+      width: 150,
+      title: '操作',
+      dataIndex: 'action',
+    },
+  } as BasicTableProps);
+
+  function handleEdit() {
+    createConfirm({
+      iconType: 'warning',
+      title: '审核',
+      content: '确认审核选中数据吗？',
+      onOk() {
+        createMessage.success('审核成功!');
+      },
+    });
+  }
+  function handleDetail() {
+    push({
+      path: '/servicePlatform/enterpriseCertification/detail',
+    });
+  }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+  .content-padding {
+    background-color: white;
+  }
 
+  .selected-row {
+    background-color: #5cb3ff; /* 可以根据需要调整颜色 */
+  }
+  .header {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    .h-title {
+      flex: 1;
+      display: flex;
+      gap: 10px;
+      .h-icon {
+        font-size: 40px !important;
+        color: #0a208a;
+      }
+      .h-des {
+        font-size: 18px;
+        font-weight: bolder;
+        line-height: 40px;
+      }
+      .h-path {
+        font-size: 12px;
+      }
+    }
+    .h-group {
+      display: flex;
+      gap: 10px;
+    }
+  }
+  //:deep(.vben-basic-table-form-container) {
+  //  padding: 0;
+  //}
 </style>