1005 lines
41 KiB
JavaScript
1005 lines
41 KiB
JavaScript
// 【重要】必须使用 const Component 作为组件变量名
|
||
// 运维管理 - 车辆业务 - 调拨管理（列表页）
|
||
|
||
const Component = function () {
|
||
var useState = React.useState;
|
||
var useMemo = React.useMemo;
|
||
var useCallback = React.useCallback;
|
||
|
||
var antd = window.antd;
|
||
var App = antd.App;
|
||
var Breadcrumb = antd.Breadcrumb;
|
||
var Card = antd.Card;
|
||
var Button = antd.Button;
|
||
var Table = antd.Table;
|
||
var Tabs = antd.Tabs;
|
||
var Select = antd.Select;
|
||
var DatePicker = antd.DatePicker;
|
||
var Cascader = antd.Cascader;
|
||
var message = antd.message;
|
||
var Modal = antd.Modal;
|
||
var Popover = antd.Popover;
|
||
var List = antd.List;
|
||
|
||
var RangePicker = DatePicker.RangePicker;
|
||
|
||
function filterOption(input, option) {
|
||
var label = (option && (option.label || option.children)) || '';
|
||
return String(label).toLowerCase().indexOf(String(input || '').toLowerCase()) >= 0;
|
||
}
|
||
|
||
function fmtYMDHM(v) {
|
||
if (v === null || v === undefined) return '-';
|
||
var s = String(v).trim();
|
||
if (!s) return '-';
|
||
if (/^\\d{4}-\\d{2}-\\d{2}\\s+\\d{2}:\\d{2}/.test(s)) return s.slice(0, 16);
|
||
if (/^\\d{4}-\\d{2}-\\d{2}$/.test(s)) return s + ' 00:00';
|
||
try {
|
||
var d = new Date(s.replace(/-/g, '/'));
|
||
if (isNaN(d.getTime())) return s;
|
||
var p2 = function (n) { return n < 10 ? '0' + n : '' + n; };
|
||
return d.getFullYear() + '-' + p2(d.getMonth() + 1) + '-' + p2(d.getDate()) + ' ' + p2(d.getHours()) + ':' + p2(d.getMinutes());
|
||
} catch (e) {
|
||
return s;
|
||
}
|
||
}
|
||
|
||
var layoutStyle = { padding: '16px 24px', background: '#f5f5f5', minHeight: '100vh' };
|
||
var filterLabelStyle = { marginBottom: 6, fontSize: 14, color: 'rgba(0,0,0,0.65)' };
|
||
var filterItemStyle = { marginBottom: 12 };
|
||
var filterControlStyle = { width: '100%' };
|
||
var tableSingleLineStyle = '.transfer-list-table .ant-table-thead th,.transfer-list-table .ant-table-tbody td{white-space:nowrap;}';
|
||
|
||
var regionOptions = useMemo(function () {
|
||
return [
|
||
{ value: 'zhejiang', label: '浙江省', children: [{ value: 'hangzhou', label: '杭州市' }, { value: 'ningbo', label: '宁波市' }, { value: 'jiaxing', label: '嘉兴市' }] },
|
||
{ value: 'shanghai', label: '上海市', children: [{ value: 'shanghai', label: '上海市' }] },
|
||
{ value: 'guangdong', label: '广东省', children: [{ value: 'guangzhou', label: '广州市' }, { value: 'shenzhen', label: '深圳市' }, { value: 'dongguan', label: '东莞市' }] }
|
||
];
|
||
}, []);
|
||
|
||
var userOptions = useMemo(function () {
|
||
return [
|
||
{ value: '张明', label: '张明' },
|
||
{ value: '王芳', label: '王芳' },
|
||
{ value: '李华', label: '李华' },
|
||
{ value: '赵强', label: '赵强' },
|
||
{ value: '陈静', label: '陈静' }
|
||
];
|
||
}, []);
|
||
|
||
var methodOptions = useMemo(function () {
|
||
return [
|
||
{ value: '第三方运输', label: '第三方运输' },
|
||
{ value: '司机驾驶', label: '司机驾驶' }
|
||
];
|
||
}, []);
|
||
|
||
var approvalOptions = useMemo(function () {
|
||
return [
|
||
{ value: '待提交', label: '待提交' },
|
||
{ value: '审批中', label: '审批中' },
|
||
{ value: '审批完成', label: '审批完成' },
|
||
{ value: '审批驳回', label: '审批驳回' },
|
||
{ value: '撤回', label: '撤回' }
|
||
];
|
||
}, []);
|
||
|
||
var filterExpandedState = useState(false);
|
||
var filterExpanded = filterExpandedState[0];
|
||
var setFilterExpanded = filterExpandedState[1];
|
||
|
||
var draftState = useState({
|
||
transferDateRange: null,
|
||
transferPerson: undefined,
|
||
receiveDateRange: null,
|
||
receivePerson: undefined,
|
||
departRegion: undefined,
|
||
receiveRegion: undefined,
|
||
method: undefined,
|
||
bizApprovalStatus: undefined,
|
||
opsApprovalStatus: undefined
|
||
});
|
||
var draft = draftState[0];
|
||
var setDraft = draftState[1];
|
||
|
||
var appliedState = useState({
|
||
transferDateRange: null,
|
||
transferPerson: undefined,
|
||
receiveDateRange: null,
|
||
receivePerson: undefined,
|
||
departRegion: undefined,
|
||
receiveRegion: undefined,
|
||
method: undefined,
|
||
bizApprovalStatus: undefined,
|
||
opsApprovalStatus: undefined
|
||
});
|
||
var applied = appliedState[0];
|
||
var setApplied = appliedState[1];
|
||
|
||
var tabState = useState('in_progress');
|
||
var tab = tabState[0];
|
||
var setTab = tabState[1];
|
||
|
||
var pageState = useState(1);
|
||
var page = pageState[0];
|
||
var setPage = pageState[1];
|
||
var pageSizeState = useState(20);
|
||
var pageSize = pageSizeState[0];
|
||
var setPageSize = pageSizeState[1];
|
||
|
||
var requirementModalState = useState(false);
|
||
var requirementModalOpen = requirementModalState[0];
|
||
var setRequirementModalOpen = requirementModalState[1];
|
||
|
||
var requirementDocContent = [
|
||
'一个「数字化资产ONEOS运管平台」中的「调拨管理」模块',
|
||
'#面包屑：运维管理-车辆业务-调拨管理',
|
||
'1.筛选：',
|
||
'1.1.调拨日期：日期选择器，支持单输入框双日历进行开始-结束时间搜索；',
|
||
'1.2.调拨人：选择器，支持输入框输入内容模糊搜索下拉选择对应调拨人，调拨人来自用户表；',
|
||
'1.3.接收日期：日期选择器，支持单输入框双日历进行开始-结束时间搜索；',
|
||
'1.4.接收人：选择器，支持输入框输入内容模糊搜索下拉选择对应接收人，接收人来自用户表；',
|
||
'1.5.出发区域：级联地区选择器，省-市2级；',
|
||
'1.6.调拨区域：级联地区选择器，省-市2级；',
|
||
'1.7.调拨方式：选择器，选项为：第三方运输、司机驾驶；',
|
||
'1.8.业务审批状态：选择器，选项为：待提交、审批中、审批完成、审批驳回、撤回；',
|
||
'1.9.运维审批状态：选择器，选项为：待提交、审批中、审批完成、审批驳回、撤回；',
|
||
'',
|
||
'2.列表：分为进行中、历史记录2个tab；tab最右侧为新增、导出；',
|
||
'2.1.进行中：',
|
||
'2.1.1.调拨日期：显示调拨日期，格式为：YYYY-MM-DD HH:MM；',
|
||
'2.1.2.业务审批状态：待提交、审批中、审批完成、驳回、撤回；',
|
||
'2.1.3.运维审批状态：待提交、审批中、审批完成、驳回、撤回；',
|
||
'2.1.4.出发区域：显示出发省-市，根据车辆出发时停车场区域获取；',
|
||
'2.1.5.接收区域：显示接受省-市；',
|
||
'2.1.6.调拨原因：显示调拨原因；',
|
||
'2.1.7.车辆数：显示调拨车辆数，点击车辆数显示气泡卡片，卡片中显示列表，列表字段为：品牌、型号、车牌号；',
|
||
'2.1.8.调拨人：显示表单创建人姓名；',
|
||
'2.1.9.调拨方式：显示调拨方式，分为第三方运输、司机运输；',
|
||
'2.1.10.运输负责人：显示调拨车辆对应运输负责人；',
|
||
'2.1.11.运输方联系方式：显示调拨车辆对应运输方联系方式；',
|
||
'2.1.12.接收人员：显示接收人姓名；',
|
||
'2.1.13.创建日期：显示调拨申请创建日期，格式为：YYYY-MM-DD HH:MM；',
|
||
'2.1.14.操作：查看、编辑、撤回、调拨信息、接收信息；',
|
||
'2.1.14.1.编辑：业务审批状态或运维审批状态任意一个为「待提交/撤回/审批驳回」时显示；',
|
||
'2.1.14.2.接收信息：运维审批状态为「审批中/审批完成」时显示；',
|
||
'2.1.14.3.调拨信息：业务审批状态为「审批完成」且运维审批状态为空或「待提交」时显示；',
|
||
'',
|
||
'2.2.历史记录：',
|
||
'2.2.1.调拨日期：显示调拨日期，格式为：YYYY-MM-DD HH:MM；',
|
||
'2.2.2.业务审批状态：待提交、审批中、审批完成、驳回、撤回；',
|
||
'2.2.3.运维审批状态：待提交、审批中、审批完成、驳回、撤回；',
|
||
'2.2.4.出发区域：显示出发省-市，根据车辆出发时停车场区域获取；',
|
||
'2.2.5.接收区域：显示接受省-市；',
|
||
'2.2.6.调拨原因：显示调拨原因；',
|
||
'2.2.7.车辆数：显示调拨车辆数，点击车辆数显示气泡卡片，卡片中显示列表，列表字段为：品牌、型号、车牌号；',
|
||
'2.2.8.调拨人：显示表单创建人姓名；',
|
||
'2.2.9.调拨方式：显示调拨方式，分为第三方运输、司机运输；',
|
||
'2.2.10.运输负责人：显示调拨车辆对应运输负责人；',
|
||
'2.2.11.运输方联系方式：显示调拨车辆对应运输方联系方式；',
|
||
'2.2.12.接收人员：显示接收人姓名；',
|
||
'2.2.13.接收时间：显示接收时间，格式为：YYYY-MM-DD HH:MM；',
|
||
'2.2.14.接收区域：显示接受区域，停车场或其他；',
|
||
'2.2.15.停车场/停车地址：显示停车场名称或停车地址；',
|
||
'2.2.16.创建日期：显示调拨申请创建日期，格式为：YYYY-MM-DD HH:MM；',
|
||
'2.2.17.操作：查看；'
|
||
].join('\n');
|
||
|
||
var listInProgressState = useState(function () {
|
||
return [
|
||
{
|
||
id: 'tp1',
|
||
transferDate: '2026-02-20 09:30',
|
||
departRegionText: '广东省-广州市',
|
||
receiveRegionText: '浙江省-嘉兴市',
|
||
bizApprovalStatus: '待提交',
|
||
opsApprovalStatus: '待提交',
|
||
method: '第三方运输',
|
||
reason: '场站资源调整',
|
||
vehicles: [
|
||
{ brand: '东风', model: 'DFH1180', plateNo: '粤A12345' },
|
||
{ brand: '比亚迪', model: '汉', plateNo: '粤B11111' }
|
||
],
|
||
transferPerson: '张明',
|
||
transportLeader: '周海',
|
||
transportContact: '13800000001',
|
||
receivePerson: '王芳',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-02-20 08:10'
|
||
},
|
||
{
|
||
id: 'tp2',
|
||
transferDate: '2026-02-22 14:10',
|
||
departRegionText: '浙江省-杭州市',
|
||
receiveRegionText: '上海市-上海市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '待提交',
|
||
method: '司机驾驶',
|
||
reason: '项目调度需要',
|
||
vehicles: [
|
||
{ brand: '小鹏', model: 'P7', plateNo: '浙A11111' },
|
||
{ brand: '蔚来', model: 'ET5', plateNo: '浙B22222' },
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' }
|
||
],
|
||
transferPerson: '李华',
|
||
transportLeader: '李华',
|
||
transportContact: '13800000002',
|
||
receivePerson: '赵强',
|
||
transferInfoStatus: '已通过',
|
||
createDate: '2026-02-22 12:40'
|
||
},
|
||
{
|
||
id: 'tp3',
|
||
transferDate: '2026-02-24 11:05',
|
||
departRegionText: '广东省-深圳市',
|
||
receiveRegionText: '浙江省-宁波市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '第三方运输',
|
||
reason: '维修站资源调整',
|
||
vehicles: [
|
||
{ brand: '比亚迪', model: '汉', plateNo: '粤B11111' }
|
||
],
|
||
transferPerson: '王芳',
|
||
transportLeader: '黄蕾',
|
||
transportContact: '13800000003',
|
||
receivePerson: '陈静',
|
||
transferInfoStatus: '已通过',
|
||
createDate: '2026-02-24 10:20'
|
||
},
|
||
{
|
||
id: 'tp4',
|
||
transferDate: '2026-02-25 16:40',
|
||
departRegionText: '浙江省-嘉兴市',
|
||
receiveRegionText: '上海市-上海市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '待提交',
|
||
method: '司机驾驶',
|
||
reason: '项目调度需要',
|
||
vehicles: [
|
||
{ brand: '蔚来', model: 'ET5', plateNo: '浙B22222' }
|
||
],
|
||
transferPerson: '赵强',
|
||
transportLeader: '赵强',
|
||
transportContact: '13800000004',
|
||
receivePerson: '李华',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-02-25 15:55'
|
||
},
|
||
{
|
||
id: 'tp5',
|
||
transferDate: '2026-02-26 09:15',
|
||
departRegionText: '上海市-上海市',
|
||
receiveRegionText: '广东省-广州市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批中',
|
||
method: '第三方运输',
|
||
reason: '车辆调拨申请驳回样例',
|
||
vehicles: [
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' },
|
||
{ brand: '东风', model: 'DFH1180', plateNo: '粤A12345' }
|
||
],
|
||
transferPerson: '陈静',
|
||
transportLeader: '周海',
|
||
transportContact: '13800000005',
|
||
receivePerson: '张明',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-02-26 08:30'
|
||
},
|
||
{
|
||
id: 'tp6',
|
||
transferDate: '2026-02-27 13:30',
|
||
departRegionText: '浙江省-杭州市',
|
||
receiveRegionText: '浙江省-嘉兴市',
|
||
bizApprovalStatus: '撤回',
|
||
opsApprovalStatus: '待提交',
|
||
method: '司机驾驶',
|
||
reason: '计划变更，撤回申请',
|
||
vehicles: [
|
||
{ brand: '小鹏', model: 'P7', plateNo: '浙A11111' }
|
||
],
|
||
transferPerson: '张明',
|
||
transportLeader: '张明',
|
||
transportContact: '13800000006',
|
||
receivePerson: '王芳',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-02-27 12:45'
|
||
},
|
||
{
|
||
id: 'tp7',
|
||
transferDate: '2026-02-28 08:50',
|
||
departRegionText: '广东省-东莞市',
|
||
receiveRegionText: '广东省-深圳市',
|
||
bizApprovalStatus: '审批中',
|
||
opsApprovalStatus: '待提交',
|
||
method: '第三方运输',
|
||
reason: '跨区域调拨',
|
||
vehicles: [
|
||
{ brand: '东风', model: 'DFH1180', plateNo: '粤A12345' },
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' }
|
||
],
|
||
transferPerson: '李华',
|
||
transportLeader: '黄蕾',
|
||
transportContact: '13800000007',
|
||
receivePerson: '赵强',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-02-28 08:05'
|
||
},
|
||
{
|
||
id: 'tp8',
|
||
transferDate: '2026-03-01 10:10',
|
||
departRegionText: '浙江省-宁波市',
|
||
receiveRegionText: '上海市-上海市',
|
||
bizApprovalStatus: '待提交',
|
||
opsApprovalStatus: '待提交',
|
||
method: '司机驾驶',
|
||
reason: '项目新增点位支持',
|
||
vehicles: [
|
||
{ brand: '蔚来', model: 'ET5', plateNo: '浙B22222' },
|
||
{ brand: '小鹏', model: 'P7', plateNo: '浙A11111' }
|
||
],
|
||
transferPerson: '王芳',
|
||
transportLeader: '王芳',
|
||
transportContact: '13800000008',
|
||
receivePerson: '陈静',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-03-01 09:30'
|
||
},
|
||
{
|
||
id: 'tp9',
|
||
transferDate: '2026-03-02 15:25',
|
||
departRegionText: '上海市-上海市',
|
||
receiveRegionText: '浙江省-杭州市',
|
||
bizApprovalStatus: '审批中',
|
||
opsApprovalStatus: '待提交',
|
||
method: '第三方运输',
|
||
reason: '场站容量调整',
|
||
vehicles: [
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' }
|
||
],
|
||
transferPerson: '赵强',
|
||
transportLeader: '周海',
|
||
transportContact: '13800000009',
|
||
receivePerson: '李华',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-03-02 14:40'
|
||
},
|
||
{
|
||
id: 'tp10',
|
||
transferDate: '2026-03-03 09:05',
|
||
departRegionText: '浙江省-嘉兴市',
|
||
receiveRegionText: '广东省-广州市',
|
||
bizApprovalStatus: '待提交',
|
||
opsApprovalStatus: '待提交',
|
||
method: '第三方运输',
|
||
reason: '车辆调拨支持新项目',
|
||
vehicles: [
|
||
{ brand: '小鹏', model: 'P7', plateNo: '浙A11111' },
|
||
{ brand: '比亚迪', model: '汉', plateNo: '粤B11111' },
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' },
|
||
{ brand: '蔚来', model: 'ET5', plateNo: '浙B22222' }
|
||
],
|
||
transferPerson: '陈静',
|
||
transportLeader: '黄蕾',
|
||
transportContact: '13800000010',
|
||
receivePerson: '张明',
|
||
transferInfoStatus: '未填写',
|
||
createDate: '2026-03-03 08:20'
|
||
}
|
||
];
|
||
});
|
||
var listInProgress = listInProgressState[0];
|
||
var setListInProgress = listInProgressState[1];
|
||
|
||
var listHistory = useMemo(function () {
|
||
return [
|
||
{
|
||
id: 'th1',
|
||
transferDate: '2026-01-10 10:00',
|
||
departRegionText: '上海市-上海市',
|
||
receiveRegionText: '广东省-深圳市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '第三方运输',
|
||
reason: '场站资源调整',
|
||
vehicles: [
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' },
|
||
{ brand: '东风', model: 'DFH1180', plateNo: '粤A12345' }
|
||
],
|
||
transferPerson: '张明',
|
||
transportLeader: '周海',
|
||
transportContact: '13800001001',
|
||
receivePerson: '陈静',
|
||
receiveTime: '2026-01-12 18:20',
|
||
receiveAreaType: '停车场',
|
||
parkingOrAddress: '南山科技园停车场',
|
||
createDate: '2026-01-09 16:45'
|
||
},
|
||
{
|
||
id: 'th2',
|
||
transferDate: '2026-01-15 09:30',
|
||
departRegionText: '广东省-广州市',
|
||
receiveRegionText: '浙江省-杭州市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '司机驾驶',
|
||
reason: '项目调度需要',
|
||
vehicles: [
|
||
{ brand: '东风', model: 'DFH1180', plateNo: '粤A12345' }
|
||
],
|
||
transferPerson: '王芳',
|
||
transportLeader: '王芳',
|
||
transportContact: '13800001002',
|
||
receivePerson: '赵强',
|
||
receiveTime: '2026-01-17 14:10',
|
||
receiveAreaType: '其他',
|
||
parkingOrAddress: '杭州市西湖区文三路 88 号',
|
||
createDate: '2026-01-14 18:00'
|
||
},
|
||
{
|
||
id: 'th3',
|
||
transferDate: '2026-01-20 16:05',
|
||
departRegionText: '浙江省-宁波市',
|
||
receiveRegionText: '广东省-深圳市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '第三方运输',
|
||
reason: '场站资源调整',
|
||
vehicles: [
|
||
{ brand: '蔚来', model: 'ET5', plateNo: '浙B22222' },
|
||
{ brand: '比亚迪', model: '汉', plateNo: '粤B11111' }
|
||
],
|
||
transferPerson: '李华',
|
||
transportLeader: '黄蕾',
|
||
transportContact: '13800001003',
|
||
receivePerson: '陈静',
|
||
receiveTime: '2026-01-22 10:30',
|
||
receiveAreaType: '停车场',
|
||
parkingOrAddress: '南山科技园停车场',
|
||
createDate: '2026-01-20 15:15'
|
||
},
|
||
{
|
||
id: 'th4',
|
||
transferDate: '2026-01-25 11:20',
|
||
departRegionText: '上海市-上海市',
|
||
receiveRegionText: '广东省-东莞市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '第三方运输',
|
||
reason: '跨区域调拨',
|
||
vehicles: [
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' }
|
||
],
|
||
transferPerson: '张明',
|
||
transportLeader: '周海',
|
||
transportContact: '13800001004',
|
||
receivePerson: '王芳',
|
||
receiveTime: '2026-01-27 19:45',
|
||
receiveAreaType: '停车场',
|
||
parkingOrAddress: '松山湖停车场',
|
||
createDate: '2026-01-25 10:40'
|
||
},
|
||
{
|
||
id: 'th5',
|
||
transferDate: '2026-01-28 08:50',
|
||
departRegionText: '广东省-深圳市',
|
||
receiveRegionText: '浙江省-嘉兴市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '司机驾驶',
|
||
reason: '项目新增点位支持',
|
||
vehicles: [
|
||
{ brand: '比亚迪', model: '汉', plateNo: '粤B11111' },
|
||
{ brand: '小鹏', model: 'P7', plateNo: '浙A11111' }
|
||
],
|
||
transferPerson: '陈静',
|
||
transportLeader: '陈静',
|
||
transportContact: '13800001005',
|
||
receivePerson: '李华',
|
||
receiveTime: '2026-01-30 16:10',
|
||
receiveAreaType: '其他',
|
||
parkingOrAddress: '嘉兴市秀洲区中山西路 66 号',
|
||
createDate: '2026-01-28 08:05'
|
||
},
|
||
{
|
||
id: 'th6',
|
||
transferDate: '2026-02-02 14:30',
|
||
departRegionText: '浙江省-杭州市',
|
||
receiveRegionText: '上海市-上海市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '第三方运输',
|
||
reason: '场站容量调整',
|
||
vehicles: [
|
||
{ brand: '小鹏', model: 'P7', plateNo: '浙A11111' }
|
||
],
|
||
transferPerson: '赵强',
|
||
transportLeader: '周海',
|
||
transportContact: '13800001006',
|
||
receivePerson: '张明',
|
||
receiveTime: '2026-02-04 09:20',
|
||
receiveAreaType: '停车场',
|
||
parkingOrAddress: '张江园区停车场',
|
||
createDate: '2026-02-02 13:45'
|
||
},
|
||
{
|
||
id: 'th7',
|
||
transferDate: '2026-02-05 10:10',
|
||
departRegionText: '广东省-东莞市',
|
||
receiveRegionText: '广东省-深圳市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '司机驾驶',
|
||
reason: '场站资源调整',
|
||
vehicles: [
|
||
{ brand: '东风', model: 'DFH1180', plateNo: '粤A12345' },
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' }
|
||
],
|
||
transferPerson: '李华',
|
||
transportLeader: '李华',
|
||
transportContact: '13800001007',
|
||
receivePerson: '陈静',
|
||
receiveTime: '2026-02-07 18:30',
|
||
receiveAreaType: '停车场',
|
||
parkingOrAddress: '南山科技园停车场',
|
||
createDate: '2026-02-05 09:20'
|
||
},
|
||
{
|
||
id: 'th8',
|
||
transferDate: '2026-02-08 15:40',
|
||
departRegionText: '上海市-上海市',
|
||
receiveRegionText: '浙江省-宁波市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '第三方运输',
|
||
reason: '项目调度需要',
|
||
vehicles: [
|
||
{ brand: '福田', model: 'BJ1180', plateNo: '沪A30003' }
|
||
],
|
||
transferPerson: '张明',
|
||
transportLeader: '周海',
|
||
transportContact: '13800001008',
|
||
receivePerson: '王芳',
|
||
receiveTime: '2026-02-10 11:15',
|
||
receiveAreaType: '停车场',
|
||
parkingOrAddress: '宁波江北停车场',
|
||
createDate: '2026-02-08 14:50'
|
||
},
|
||
{
|
||
id: 'th9',
|
||
transferDate: '2026-02-12 09:00',
|
||
departRegionText: '浙江省-嘉兴市',
|
||
receiveRegionText: '广东省-广州市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '第三方运输',
|
||
reason: '车辆调拨支持新项目',
|
||
vehicles: [
|
||
{ brand: '小鹏', model: 'P7', plateNo: '浙A11111' },
|
||
{ brand: '蔚来', model: 'ET5', plateNo: '浙B22222' }
|
||
],
|
||
transferPerson: '陈静',
|
||
transportLeader: '黄蕾',
|
||
transportContact: '13800001009',
|
||
receivePerson: '赵强',
|
||
receiveTime: '2026-02-14 17:20',
|
||
receiveAreaType: '其他',
|
||
parkingOrAddress: '广州市海珠区新港中路 18 号',
|
||
createDate: '2026-02-12 08:15'
|
||
},
|
||
{
|
||
id: 'th10',
|
||
transferDate: '2026-02-16 13:10',
|
||
departRegionText: '广东省-深圳市',
|
||
receiveRegionText: '上海市-上海市',
|
||
bizApprovalStatus: '审批完成',
|
||
opsApprovalStatus: '审批完成',
|
||
method: '司机驾驶',
|
||
reason: '项目调度需要',
|
||
vehicles: [
|
||
{ brand: '比亚迪', model: '汉', plateNo: '粤B11111' }
|
||
],
|
||
transferPerson: '王芳',
|
||
transportLeader: '王芳',
|
||
transportContact: '13800001010',
|
||
receivePerson: '李华',
|
||
receiveTime: '2026-02-18 09:40',
|
||
receiveAreaType: '停车场',
|
||
parkingOrAddress: '张江园区停车场',
|
||
createDate: '2026-02-16 12:20'
|
||
}
|
||
];
|
||
}, []);
|
||
|
||
function matchRange(valStr, range) {
|
||
if (!range || !range[0] || !range[1]) return true;
|
||
var s = '';
|
||
var e = '';
|
||
if (range[0] && range[0].format) s = range[0].format('YYYY-MM-DD');
|
||
if (range[1] && range[1].format) e = range[1].format('YYYY-MM-DD');
|
||
if (!s && !e) return true;
|
||
var v = String(valStr || '').slice(0, 10);
|
||
if (s && v < s) return false;
|
||
if (e && v > e) return false;
|
||
return true;
|
||
}
|
||
|
||
function matchRegionText(text, cascaderVal) {
|
||
if (!cascaderVal || cascaderVal.length < 2) return true;
|
||
var map = {
|
||
zhejiang: '浙江省', shanghai: '上海市', guangdong: '广东省',
|
||
hangzhou: '杭州市', ningbo: '宁波市', jiaxing: '嘉兴市',
|
||
guangzhou: '广州市', shenzhen: '深圳市', dongguan: '东莞市'
|
||
};
|
||
var pt = map[cascaderVal[0]] || '';
|
||
var ct = map[cascaderVal[1]] || '';
|
||
return String(text || '').indexOf(pt + '-' + ct) >= 0;
|
||
}
|
||
|
||
function applyFilters(list, isHistory) {
|
||
return (list || []).filter(function (r) {
|
||
if (applied.transferPerson && r.transferPerson !== applied.transferPerson) return false;
|
||
if (applied.receivePerson && r.receivePerson !== applied.receivePerson) return false;
|
||
if (applied.method && r.method !== applied.method) return false;
|
||
if (applied.bizApprovalStatus && r.bizApprovalStatus !== applied.bizApprovalStatus) return false;
|
||
if (applied.opsApprovalStatus && r.opsApprovalStatus !== applied.opsApprovalStatus) return false;
|
||
if (!matchRange(r.transferDate, applied.transferDateRange)) return false;
|
||
if (isHistory) {
|
||
if (!matchRange(r.receiveTime, applied.receiveDateRange)) return false;
|
||
}
|
||
if (!matchRegionText(r.departRegionText, applied.departRegion)) return false;
|
||
if (!matchRegionText(r.receiveRegionText, applied.receiveRegion)) return false;
|
||
return true;
|
||
});
|
||
}
|
||
|
||
var filteredInProgress = useMemo(function () { return applyFilters(listInProgress, false); }, [listInProgress, applied]);
|
||
var filteredHistory = useMemo(function () { return applyFilters(listHistory, true); }, [listHistory, applied]);
|
||
|
||
var pagedInProgress = useMemo(function () {
|
||
var start = (page - 1) * pageSize;
|
||
return filteredInProgress.slice(start, start + pageSize);
|
||
}, [filteredInProgress, page, pageSize]);
|
||
|
||
var pagedHistory = useMemo(function () {
|
||
var start = (page - 1) * pageSize;
|
||
return filteredHistory.slice(start, start + pageSize);
|
||
}, [filteredHistory, page, pageSize]);
|
||
|
||
var handleQuery = useCallback(function () {
|
||
setApplied(Object.assign({}, draft));
|
||
setPage(1);
|
||
}, [draft]);
|
||
|
||
var handleReset = useCallback(function () {
|
||
var empty = {
|
||
transferDateRange: null,
|
||
transferPerson: undefined,
|
||
receiveDateRange: null,
|
||
receivePerson: undefined,
|
||
departRegion: undefined,
|
||
receiveRegion: undefined,
|
||
method: undefined,
|
||
bizApprovalStatus: undefined,
|
||
opsApprovalStatus: undefined
|
||
};
|
||
setDraft(empty);
|
||
setApplied(empty);
|
||
setPage(1);
|
||
}, []);
|
||
|
||
var handleAdd = useCallback(function () { message.info('跳转调拨管理-新增（原型）'); }, []);
|
||
var handleExport = useCallback(function () { message.success('导出（原型）'); }, []);
|
||
|
||
var columnsInProgress = useMemo(function () {
|
||
return [
|
||
{ title: '调拨日期', dataIndex: 'transferDate', key: 'transferDate', width: 160, render: function (v) { return fmtYMDHM(v); } },
|
||
{ title: '业务审批状态', dataIndex: 'bizApprovalStatus', key: 'bizApprovalStatus', width: 110 },
|
||
{
|
||
title: '运维审批状态',
|
||
dataIndex: 'opsApprovalStatus',
|
||
key: 'opsApprovalStatus',
|
||
width: 110,
|
||
render: function (v, r) {
|
||
if (String(r && r.bizApprovalStatus ? r.bizApprovalStatus : '') === '待提交') return '-';
|
||
return v || '-';
|
||
}
|
||
},
|
||
{ title: '出发区域', dataIndex: 'departRegionText', key: 'departRegionText', width: 130 },
|
||
{ title: '接收区域', dataIndex: 'receiveRegionText', key: 'receiveRegionText', width: 130 },
|
||
{ title: '调拨原因', dataIndex: 'reason', key: 'reason', width: 160, ellipsis: true },
|
||
{
|
||
title: '车辆数',
|
||
key: 'vehicleCount',
|
||
width: 90,
|
||
render: function (_, r) {
|
||
var vs = (r && r.vehicles) || [];
|
||
var cnt = vs.length;
|
||
if (!cnt) return '-';
|
||
var content = React.createElement('div', { style: { width: 320 } },
|
||
React.createElement('div', { style: { fontWeight: 600, marginBottom: 8 } }, '车辆明细'),
|
||
React.createElement(List, {
|
||
size: 'small',
|
||
dataSource: vs,
|
||
renderItem: function (it) {
|
||
return React.createElement(List.Item, null,
|
||
React.createElement('div', { style: { display: 'flex', width: '100%', gap: 8 } },
|
||
React.createElement('div', { style: { flex: 1, minWidth: 0 } }, (it && it.brand) || '-'),
|
||
React.createElement('div', { style: { flex: 1, minWidth: 0 } }, (it && it.model) || '-'),
|
||
React.createElement('div', { style: { width: 110, textAlign: 'right' } }, (it && it.plateNo) || '-')
|
||
)
|
||
);
|
||
}
|
||
})
|
||
);
|
||
return React.createElement(Popover, { content: content, trigger: 'click', placement: 'bottomLeft' },
|
||
React.createElement(Button, { type: 'link', size: 'small' }, String(cnt))
|
||
);
|
||
}
|
||
},
|
||
{ title: '调拨人', dataIndex: 'transferPerson', key: 'transferPerson', width: 100 },
|
||
{
|
||
title: '调拨方式',
|
||
dataIndex: 'method',
|
||
key: 'method',
|
||
width: 110,
|
||
render: function (v) { return v === '司机驾驶' ? '司机运输' : (v || '-'); }
|
||
},
|
||
{ title: '运输负责人', dataIndex: 'transportLeader', key: 'transportLeader', width: 110 },
|
||
{ title: '运输方联系方式', dataIndex: 'transportContact', key: 'transportContact', width: 130 },
|
||
{ title: '接收人员', dataIndex: 'receivePerson', key: 'receivePerson', width: 100 },
|
||
{ title: '创建日期', dataIndex: 'createDate', key: 'createDate', width: 160, render: function (v) { return fmtYMDHM(v); } },
|
||
{
|
||
title: '操作',
|
||
key: 'action',
|
||
width: 340,
|
||
fixed: 'right',
|
||
render: function (_, r) {
|
||
var bizSt = String(r && r.bizApprovalStatus ? r.bizApprovalStatus : '');
|
||
var opsSt = String(r && r.opsApprovalStatus ? r.opsApprovalStatus : '');
|
||
var showEdit = bizSt === '待提交' || bizSt === '撤回' || bizSt === '审批驳回' || opsSt === '待提交' || opsSt === '撤回' || opsSt === '审批驳回';
|
||
var canRevoke = bizSt === '审批中';
|
||
var rowId = r && r.id;
|
||
var showTransferInfo = bizSt === '审批完成' && (!opsSt || opsSt === '待提交');
|
||
var showReceiveInfo = opsSt === '审批中' || opsSt === '审批完成';
|
||
return React.createElement('span', { style: { display: 'inline-flex', flexWrap: 'wrap', gap: 8, alignItems: 'center' } },
|
||
React.createElement(Button, { type: 'link', size: 'small', onClick: function () { message.info('跳转调拨管理-查看页（原型）ID：' + rowId); } }, '查看'),
|
||
showEdit ? React.createElement(Button, { type: 'link', size: 'small', onClick: function () { message.info('跳转调拨管理-编辑页（原型）ID：' + rowId); } }, '编辑') : null,
|
||
showTransferInfo ? React.createElement(Button, { type: 'link', size: 'small', onClick: function () { message.info('跳转调拨管理-调拨信息页（原型）ID：' + rowId); } }, '调拨信息') : null,
|
||
showReceiveInfo ? React.createElement(Button, { type: 'link', size: 'small', onClick: function () { message.info('跳转调拨管理-接收信息页（原型）ID：' + rowId); } }, '接收信息') : null,
|
||
canRevoke ? React.createElement(Button, {
|
||
type: 'link',
|
||
size: 'small',
|
||
danger: true,
|
||
onClick: function () {
|
||
Modal.confirm({
|
||
title: '是否确认撤回？',
|
||
content: '确认后该调拨单审批状态将变更为「撤回」。若该流程存在多个分支工作流，将按撤回节点回退到对应的前置操作状态（原型展示）。',
|
||
okText: '确认',
|
||
cancelText: '取消',
|
||
onOk: function () {
|
||
setListInProgress(function (prev) {
|
||
return (prev || []).map(function (row) {
|
||
if (row && row.id === rowId) return Object.assign({}, row, { bizApprovalStatus: '撤回', opsApprovalStatus: '撤回' });
|
||
return row;
|
||
});
|
||
});
|
||
message.success('已撤回，业务/运维审批状态已更新为撤回');
|
||
}
|
||
});
|
||
}
|
||
}, '撤回') : null
|
||
);
|
||
}
|
||
}
|
||
];
|
||
}, [setListInProgress]);
|
||
|
||
var columnsHistory = useMemo(function () {
|
||
return [
|
||
{ title: '调拨日期', dataIndex: 'transferDate', key: 'transferDate', width: 160, render: function (v) { return fmtYMDHM(v); } },
|
||
{ title: '业务审批状态', dataIndex: 'bizApprovalStatus', key: 'bizApprovalStatus', width: 110 },
|
||
{
|
||
title: '运维审批状态',
|
||
dataIndex: 'opsApprovalStatus',
|
||
key: 'opsApprovalStatus',
|
||
width: 110,
|
||
render: function (v, r) {
|
||
if (String(r && r.bizApprovalStatus ? r.bizApprovalStatus : '') === '待提交') return '-';
|
||
return v || '-';
|
||
}
|
||
},
|
||
{ title: '出发区域', dataIndex: 'departRegionText', key: 'departRegionText', width: 130 },
|
||
{ title: '接收区域（省市）', dataIndex: 'receiveRegionText', key: 'receiveRegionText', width: 140 },
|
||
{ title: '调拨原因', dataIndex: 'reason', key: 'reason', width: 160, ellipsis: true },
|
||
{
|
||
title: '车辆数',
|
||
key: 'vehicleCount',
|
||
width: 90,
|
||
render: function (_, r) {
|
||
var vs = (r && r.vehicles) || [];
|
||
var cnt = vs.length;
|
||
if (!cnt) return '-';
|
||
var content = React.createElement('div', { style: { width: 320 } },
|
||
React.createElement('div', { style: { fontWeight: 600, marginBottom: 8 } }, '车辆明细'),
|
||
React.createElement(List, {
|
||
size: 'small',
|
||
dataSource: vs,
|
||
renderItem: function (it) {
|
||
return React.createElement(List.Item, null,
|
||
React.createElement('div', { style: { display: 'flex', width: '100%', gap: 8 } },
|
||
React.createElement('div', { style: { flex: 1, minWidth: 0 } }, (it && it.brand) || '-'),
|
||
React.createElement('div', { style: { flex: 1, minWidth: 0 } }, (it && it.model) || '-'),
|
||
React.createElement('div', { style: { width: 110, textAlign: 'right' } }, (it && it.plateNo) || '-')
|
||
)
|
||
);
|
||
}
|
||
})
|
||
);
|
||
return React.createElement(Popover, { content: content, trigger: 'click', placement: 'bottomLeft' },
|
||
React.createElement(Button, { type: 'link', size: 'small' }, String(cnt))
|
||
);
|
||
}
|
||
},
|
||
{ title: '调拨人', dataIndex: 'transferPerson', key: 'transferPerson', width: 100 },
|
||
{
|
||
title: '调拨方式',
|
||
dataIndex: 'method',
|
||
key: 'method',
|
||
width: 110,
|
||
render: function (v) { return v === '司机驾驶' ? '司机运输' : (v || '-'); }
|
||
},
|
||
{ title: '运输负责人', dataIndex: 'transportLeader', key: 'transportLeader', width: 110 },
|
||
{ title: '运输方联系方式', dataIndex: 'transportContact', key: 'transportContact', width: 130 },
|
||
{ title: '接收人员', dataIndex: 'receivePerson', key: 'receivePerson', width: 100 },
|
||
{ title: '接收时间', dataIndex: 'receiveTime', key: 'receiveTime', width: 160, render: function (v) { return fmtYMDHM(v); } },
|
||
{ title: '接收区域', dataIndex: 'receiveAreaType', key: 'receiveAreaType', width: 100 },
|
||
{ title: '停车场/停车地址', dataIndex: 'parkingOrAddress', key: 'parkingOrAddress', width: 180, ellipsis: true },
|
||
{ title: '创建日期', dataIndex: 'createDate', key: 'createDate', width: 160, render: function (v) { return fmtYMDHM(v); } },
|
||
{
|
||
title: '操作',
|
||
key: 'action',
|
||
width: 100,
|
||
fixed: 'right',
|
||
render: function (_, r) {
|
||
return React.createElement(Button, { type: 'link', size: 'small', onClick: function () { message.info('跳转调拨管理-查看页（原型）ID：' + r.id); } }, '查看');
|
||
}
|
||
}
|
||
];
|
||
}, []);
|
||
|
||
var filterItems = [
|
||
React.createElement('div', { key: 'transferDate', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '调拨日期'),
|
||
React.createElement(RangePicker, { style: filterControlStyle, value: draft.transferDateRange, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { transferDateRange: v }); }); }, placeholder: ['开始日期', '结束日期'] })
|
||
),
|
||
React.createElement('div', { key: 'transferPerson', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '调拨人'),
|
||
React.createElement(Select, { placeholder: '请输入或选择调拨人', style: filterControlStyle, value: draft.transferPerson, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { transferPerson: v }); }); }, allowClear: true, showSearch: true, options: userOptions, filterOption: filterOption })
|
||
),
|
||
React.createElement('div', { key: 'receiveDate', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '接收日期'),
|
||
React.createElement(RangePicker, { style: filterControlStyle, value: draft.receiveDateRange, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { receiveDateRange: v }); }); }, placeholder: ['开始日期', '结束日期'] })
|
||
),
|
||
React.createElement('div', { key: 'receivePerson', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '接收人'),
|
||
React.createElement(Select, { placeholder: '请输入或选择接收人', style: filterControlStyle, value: draft.receivePerson, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { receivePerson: v }); }); }, allowClear: true, showSearch: true, options: userOptions, filterOption: filterOption })
|
||
),
|
||
React.createElement('div', { key: 'departRegion', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '出发区域'),
|
||
React.createElement(Cascader, { placeholder: '请选择出发区域', style: filterControlStyle, options: regionOptions, value: draft.departRegion, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { departRegion: v }); }); }, allowClear: true })
|
||
),
|
||
React.createElement('div', { key: 'receiveRegion', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '调拨区域'),
|
||
React.createElement(Cascader, { placeholder: '请选择调拨区域', style: filterControlStyle, options: regionOptions, value: draft.receiveRegion, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { receiveRegion: v }); }); }, allowClear: true })
|
||
),
|
||
React.createElement('div', { key: 'method', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '调拨方式'),
|
||
React.createElement(Select, { placeholder: '请选择调拨方式', style: filterControlStyle, value: draft.method, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { method: v }); }); }, allowClear: true, options: methodOptions })
|
||
),
|
||
React.createElement('div', { key: 'bizApprovalStatus', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '业务审批状态'),
|
||
React.createElement(Select, { placeholder: '请选择业务审批状态', style: filterControlStyle, value: draft.bizApprovalStatus, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { bizApprovalStatus: v }); }); }, allowClear: true, options: approvalOptions })
|
||
),
|
||
React.createElement('div', { key: 'opsApprovalStatus', style: filterItemStyle },
|
||
React.createElement('div', { style: filterLabelStyle }, '运维审批状态'),
|
||
React.createElement(Select, { placeholder: '请选择运维审批状态', style: filterControlStyle, value: draft.opsApprovalStatus, onChange: function (v) { setDraft(function (p) { return Object.assign({}, p, { opsApprovalStatus: v }); }); }, allowClear: true, options: approvalOptions })
|
||
)
|
||
];
|
||
|
||
var filterCount = filterExpanded ? 9 : 3;
|
||
var filterNodes = [];
|
||
for (var i = 0; i < filterCount && i < filterItems.length; i++) filterNodes.push(filterItems[i]);
|
||
|
||
var tabItems = useMemo(function () {
|
||
return [
|
||
{
|
||
key: 'in_progress',
|
||
label: '进行中',
|
||
children: React.createElement(Table, {
|
||
rowKey: 'id',
|
||
columns: columnsInProgress,
|
||
dataSource: pagedInProgress,
|
||
scroll: { x: 1850 },
|
||
size: 'small',
|
||
pagination: {
|
||
current: page,
|
||
pageSize: pageSize,
|
||
total: filteredInProgress.length,
|
||
showSizeChanger: true,
|
||
showQuickJumper: true,
|
||
showTotal: function (t) { return '共 ' + t + ' 条'; },
|
||
onChange: function (pg, ps) { setPage(pg); if (ps) setPageSize(ps); }
|
||
}
|
||
})
|
||
},
|
||
{
|
||
key: 'history',
|
||
label: '历史记录',
|
||
children: React.createElement(Table, {
|
||
rowKey: 'id',
|
||
columns: columnsHistory,
|
||
dataSource: pagedHistory,
|
||
scroll: { x: 2100 },
|
||
size: 'small',
|
||
pagination: {
|
||
current: page,
|
||
pageSize: pageSize,
|
||
total: filteredHistory.length,
|
||
showSizeChanger: true,
|
||
showQuickJumper: true,
|
||
showTotal: function (t) { return '共 ' + t + ' 条'; },
|
||
onChange: function (pg, ps) { setPage(pg); if (ps) setPageSize(ps); }
|
||
}
|
||
})
|
||
}
|
||
];
|
||
}, [columnsInProgress, columnsHistory, pagedInProgress, pagedHistory, page, pageSize, filteredInProgress.length, filteredHistory.length]);
|
||
|
||
return React.createElement(App, null,
|
||
React.createElement('div', { style: layoutStyle },
|
||
React.createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 16, flexWrap: 'wrap', gap: 8 } },
|
||
React.createElement(Breadcrumb, { items: [{ title: '运维管理' }, { title: '车辆业务' }, { title: '调拨管理' }] }),
|
||
React.createElement(Button, { type: 'link', style: { padding: 0 }, onClick: function () { setRequirementModalOpen(true); } }, '查看需求说明')
|
||
),
|
||
|
||
React.createElement(Modal, {
|
||
title: '需求说明',
|
||
open: requirementModalOpen,
|
||
onCancel: function () { setRequirementModalOpen(false); },
|
||
width: 720,
|
||
footer: React.createElement(Button, { onClick: function () { setRequirementModalOpen(false); } }, '关闭'),
|
||
bodyStyle: { maxHeight: '70vh', overflow: 'auto' }
|
||
}, React.createElement('div', { style: { whiteSpace: 'pre-wrap', fontSize: 13, lineHeight: 1.6, color: 'rgba(0,0,0,0.85)' } }, requirementDocContent)),
|
||
|
||
React.createElement(Card, { style: { marginBottom: 16 } },
|
||
React.createElement('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr 1fr', gap: '16px 24px', alignItems: 'start', flex: 1, minWidth: 0 } }, filterNodes),
|
||
React.createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: 8, marginTop: 16 } },
|
||
React.createElement(Button, { onClick: handleReset }, '重置'),
|
||
React.createElement(Button, { type: 'primary', onClick: handleQuery }, '查询'),
|
||
React.createElement(Button, { type: 'link', size: 'small', onClick: function () { setFilterExpanded(!filterExpanded); } }, filterExpanded ? '收起' : '展开')
|
||
)
|
||
),
|
||
|
||
React.createElement(Card, null,
|
||
React.createElement(React.Fragment, null,
|
||
React.createElement('style', null, tableSingleLineStyle),
|
||
React.createElement('div', { className: 'transfer-list-table' },
|
||
React.createElement(Tabs, {
|
||
activeKey: tab,
|
||
onChange: function (k) { setTab(k); setPage(1); },
|
||
tabBarExtraContent: React.createElement('div', { style: { display: 'flex', gap: 8 } },
|
||
React.createElement(Button, { type: 'primary', onClick: handleAdd }, '新增'),
|
||
React.createElement(Button, { onClick: handleExport }, '导出')
|
||
),
|
||
items: tabItems
|
||
})
|
||
)
|
||
)
|
||
)
|
||
)
|
||
);
|
||
};
|
||
|