Compare commits

...

2 Commits

@ -1,6 +1,6 @@
/** 认证考试规则 */ /** 认证考试规则 */
import React, { useState, useRef } from 'react'; import React, { useState, useRef } from 'react';
import { useRequest } from 'umi'; import { useParams, useRequest } from 'umi';
import { ExportOutlined, PlusOutlined, TagsOutlined, UploadOutlined } from '@ant-design/icons'; import { ExportOutlined, PlusOutlined, TagsOutlined, UploadOutlined } from '@ant-design/icons';
import { Button, message, Input, Drawer, Modal, Col, Row, Space, Upload } from 'antd'; import { Button, message, Input, Drawer, Modal, Col, Row, Space, Upload } from 'antd';
import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; import { PageContainer, FooterToolbar } from '@ant-design/pro-layout';
@ -11,7 +11,7 @@ import type { ProDescriptionsItemProps } from '@ant-design/pro-descriptions';
import ProDescriptions from '@ant-design/pro-descriptions'; import ProDescriptions from '@ant-design/pro-descriptions';
import type { FormValueType } from './components/UpdateForm'; import type { FormValueType } from './components/UpdateForm';
import UpdateForm from './components/UpdateForm'; import UpdateForm from './components/UpdateForm';
import { saveRegistration, removeRegistration, queryRegistrationList } from '../service'; import { saveRegistration, removeRegistration, getExaminationPersonApplyList, getAsyncOrgTree } from '../service';
import type { TableListItem, TableListPagination } from './data'; import type { TableListItem, TableListPagination } from './data';
import type { DataItem } from '@antv/data-set/lib/transform/tag-cloud'; import type { DataItem } from '@antv/data-set/lib/transform/tag-cloud';
@ -84,10 +84,19 @@ const handleRemove = async (selectedRows: TableListItem[]) => {
}; };
const RegistrationList: React.FC = () => { const RegistrationList: React.FC = () => {
const params = useParams();
/** 更新窗口的弹窗 */ /** 更新窗口的弹窗 */
const [createModalVisible, handleCreateModalVisible] = useState<boolean>(false); const [createModalVisible, handleCreateModalVisible] = useState<boolean>(false);
const [detailModalVisible, handleDetailModalVisible] = useState<boolean>(false); const [detailModalVisible, handleDetailModalVisible] = useState<boolean>(false);
const [updateModalVisible, handleUpdateModalVisible] = useState<boolean>(false); const [updateModalVisible, handleUpdateModalVisible] = useState<boolean>(false);
const [provinceId, setProvinceId] = useState("100007")
const [cityId, setCityId] = useState("0")
const [areaId, setAreaId] = useState("0")
const [exportData, setExportData] = useState({
examination_id: Number(params.id),
})
const actionRef = useRef<ActionType>(); const actionRef = useRef<ActionType>();
@ -95,6 +104,16 @@ const RegistrationList: React.FC = () => {
const [selectedRowsState, setSelectedRows] = useState<TableListItem[]>([]); const [selectedRowsState, setSelectedRows] = useState<TableListItem[]>([]);
/** 获取列数据初始值 */
const getInitialValues = (cols: any[], vals: any) => {
const initialValues: any[] = [];
cols.forEach((column: { dataIndex: string }) => {
const key: any = column?.dataIndex || '';
initialValues.push({ ...column, initialValue: key ? vals[key] : '' });
});
return initialValues || [];
};
/** 列表项定义 */ /** 列表项定义 */
const columns: ProColumns<TableListItem>[] = [ const columns: ProColumns<TableListItem>[] = [
{ {
@ -105,13 +124,14 @@ const RegistrationList: React.FC = () => {
}, },
{ {
title: '姓名', title: '姓名',
dataIndex: 'username', dataIndex: 'person_name',
valueType: 'text', valueType: 'text',
hideInTable: false, hideInTable: false,
hideInForm: false, hideInForm: false,
hideInSearch: true, hideInSearch: true,
}, },
{ {
title: '市', title: '市',
dataIndex: 'city_name', dataIndex: 'city_name',
valueType: 'text', valueType: 'text',
@ -119,22 +139,56 @@ const RegistrationList: React.FC = () => {
hideInTable: false, hideInTable: false,
hideInForm: false, hideInForm: false,
hideInSearch: false, hideInSearch: false,
renderText: (val: string) => `${val}`, colSize: 1,
request: async (params) => {
const Items = await getAsyncOrgTree({
org_id: provinceId,
org_type: 1,
get_next: 1
});
console.log('queryCourseListByTag...', Items)
const courses = [{ label: "全部", value: "0" }]
for (let i = 0; i < Items?.length; i++) {
courses.push({ label: Items[i]?.name, value: Items[i]?.id })
}
console.log(courses, 'courses:::');
return courses;
},
}, },
{ {
title: '区县', title: '区县',
dataIndex: 'area_name', dataIndex: 'district_name',
valueType: 'text', valueType: 'text',
sorter: false, sorter: false,
hideInTable: false, hideInTable: false,
hideInForm: false, hideInForm: false,
hideInSearch: false, hideInSearch: false,
renderText: (val: string) => `${val}`, dependencies: ['city_name'],
request: async (params) => {
const courses = [{ label: "全部", value: "0" }]
if (params.city_name) {
console.log(params, 'params')
const Items = await getAsyncOrgTree({
org_id: params.city_name,
org_type: 2,
get_next: 1
});
console.log('queryCourseListByTag...', Items)
for (let i = 0; i < Items?.length; i++) {
courses.push({ label: Items[i]?.name, value: Items[i]?.id })
}
console.log(courses, 'courses:::');
}
return courses;
},
}, },
{ {
title: '学校', title: '学校',
valueType: 'text', valueType: 'text',
dataIndex: 'org_name', dataIndex: 'bureau_name',
sorter: false, sorter: false,
hideInTable: false, hideInTable: false,
hideInForm: false, hideInForm: false,
@ -152,44 +206,17 @@ const RegistrationList: React.FC = () => {
}, },
{ {
title: '考试时间', title: '考试时间',
dataIndex: 'create_time', dataIndex: 'examination_time',
valueType: 'dateRange', valueType: 'dateRange',
sorter: true, sorter: true,
hideInTable: true, hideInTable: false,
hideInForm: true, hideInForm: true,
hideInSearch: false, hideInSearch: false,
render: (dom, entity) => {
//renderText: (val: string) => `${val}`, return entity.examination_start_time + "-" + entity.examination_end_time;
}, },
{
title: '操作',
dataIndex: 'option',
valueType: 'option',
render: (_dom: any, record: React.SetStateAction<TableListItem | undefined>) => [
<a
key="detail"
onClick={() => {
//console.log('entity', entity);
setCurrentRow(record);
handleDetailModalVisible(true);
}}
>
</a>,
<a
key="update"
onClick={() => {
handleUpdateModalVisible(true);
setCurrentRow(record);
}}
>
</a>,
<a key="subscribeAlert" href="https://procomponents.ant.design/">
</a>,
],
}, },
]; ];
return ( return (
@ -202,33 +229,54 @@ const RegistrationList: React.FC = () => {
search={{ search={{
labelWidth: 120, labelWidth: 120,
}} }}
toolBarRender={() => [ toolBarRender={() => [
<Button <Button
type="primary" type="primary"
key="primary" key="primary"
onClick={() => { href={`/dsideal_yy/zygh/training/person/exportPersonApplyData?examination_id=${params.id}`}
// handleCreateModalVisible(true);
}}
> >
<ExportOutlined /> <ExportOutlined />
</Button>, </Button>,
]} ]}
request={async (value) => { request={async (value) => {
const _data = await queryRegistrationList(value);
console.log('value', value);
let examination_time = {}
if (value.examination_time) {
examination_time = {
examination_start_time: value.examination_time[0],
examination_end_time: value.examination_time[1]
}
}
value = {
...value,
page_number: value.current,
page_size: value.pageSize,
city_id: cityId,
district_id: areaId,
examination_id: params.id,
...examination_time
}
// setExportData(value)
const _data = await getExaminationPersonApplyList(value);
return { return {
current: _data?.page_number, current: _data?.page_number,
data: _data?.data?.list, data: _data?.table_List,
pageSize: _data?.page_size, pageSize: _data?.page_size,
total: _data?.total_row || 0, total: _data?.total_row || 0,
}; };
}} }}
// dataSource={list} // dataSource={list}
columns={columns} columns={getInitialValues(columns, { city_name: cityId, area_name: areaId })}
rowSelection={{ // rowSelection={{
onChange: (_, selectedRows) => { // onChange: (_, selectedRows) => {
setSelectedRows(selectedRows); // setSelectedRows(selectedRows);
}, // },
}} // }}
/* /*
pagination={{ pagination={{
showTotal: (total) => { showTotal: (total) => {

@ -82,10 +82,10 @@ export async function updateExamination(data: Record<string, any>, options?: Rec
} }
/** 删除考试 */ /** 删除考试 */
export async function removeExamination(data: { key: number[]}, options?: Record<string, any>) { export async function removeExamination(data: { key: number[] }, options?: Record<string, any>) {
console.log('data:::', data); console.log('data:::', data);
return request<Record<string, any>>('/dsideal_yy/zygh/training/examination/delExamination', { return request<Record<string, any>>('/dsideal_yy/zygh/training/examination/delExamination', {
data: { examination_id: data?.key[0], rules_id: options?.rules_id}, // 当前接口不支持批量操作 data: { examination_id: data?.key[0], rules_id: options?.rules_id }, // 当前接口不支持批量操作
method: 'POST', method: 'POST',
requestType: 'form', requestType: 'form',
}); });
@ -118,30 +118,11 @@ export async function queryExaminationView(data: Record<string, any>, options?:
}); });
} }
/** 获取报名列表 GET Mock /api/queryRegistrationList */
export async function queryRegistrationList(
params: {
// query
/** 当前的页码 */
current?: number;
/** 页面的容量 */
pageSize?: number;
},
options?: Record<string, any>,
) {
return request<{
data: TableListItem[];
/** 列表的内容总数 */
total?: number;
success?: boolean;
}>('/api/getRegistrationList', {
method: 'GET',
params: {
...params,
},
...(options || {}),
});
}
/** 获取考试规则列表 GET /dsideal_yy/zygh/training/examination/getExaminationList */ /** 获取考试规则列表 GET /dsideal_yy/zygh/training/examination/getExaminationList */
@ -218,4 +199,6 @@ export async function getAsyncOrgTree(params: {
return request('dsideal_yy/org/getAsyncOrgTree', { return request('dsideal_yy/org/getAsyncOrgTree', {
params, params,
}); });
} }

@ -1,7 +1,7 @@
import { DefaultFooter } from '@ant-design/pro-layout'; import { DefaultFooter } from '@ant-design/pro-layout';
export default () => { export default () => {
const defaultMessage = '东北师大理想软件股份有限公司'; const defaultMessage = '东北师大理想软件股份有限公司<br> 123';
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
return ( return (
<DefaultFooter <DefaultFooter

Loading…
Cancel
Save