Commit 3c8e943e authored by LiXuyang's avatar LiXuyang

Merge remote-tracking branch 'origin/master'

# Conflicts:
#	src/router/routes/index.ts
parents c24a029e b22bea4b
......@@ -1338,6 +1338,15 @@ export const ServicePlatformRoute: AppRouteRecordRaw = {
name: 'policyManagementDetail',
component: () => import('@/views/servicePlatform/policyManagement/detail/index.vue'),
},
{
path: 'enterpriseCertification/detail',
name: 'detail',
component: () => import('@/views/servicePlatform/enterpriseCertification/detail.vue'),
meta: {
title: '企业认证',
icon: '',
},
},
],
};
// Basic routing without permission
......
<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>
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',
},
];
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: '天津市西青区中北镇中北科技产业园',
};
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment