import { useState, useEffect } from 'react'; import { request } from '@/utils'; import { Input, Button, Row, Col, Form, DatePicker, Collapse, message, Table, Space, Modal, Card, Tooltip, Select, } from 'antd'; import { CheckCircleOutlined, FormOutlined, MinusCircleOutlined, PlusCircleOutlined, PrinterOutlined, SearchOutlined, UndoOutlined, CopyTwoTone, ZoomInOutlined, SplitCellsOutlined, ExclamationCircleOutlined, DownloadOutlined, CarryOutOutlined, } from '@ant-design/icons'; import moment from 'moment'; import Dictionary from '@/components/Dictionary'; import { exportTable } from '@/utils/exportTable'; import { KeepAlive } from 'umi'; //从 umi 中导出 KeepAlive，包裹在需要被缓存的组件上 import styles from './index.less'; import { ITableHeader, StudentInfo } from '@/types'; import * as ExcelJs from 'exceljs'; import { addHeaderStyle, DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_HEIGHT, generateHeaders, getColumnNumber, mergeColumnCell, mergeRowCell, saveWorkbook, } from '@/utils/indexs'; import { Worksheet } from 'exceljs'; const formRow = 1; const AlternativeProcess = () => { const { Item } = Form; const { Panel } = Collapse; const nowDate = new Date(); const nowStartDate = parseInt( new Date(nowDate.setDate(nowDate.getDate() - 7)).getTime().toString(), ); // 当前时间-1天 const nowEndDate = parseInt(new Date().getTime().toString()); // 当前时间 const print = nowDate.toLocaleTimeString(); const [dataSource, setDataSource] = useState([]); const [Visible, setVisible] = useState(false); const [action, setAction] = useState(''); const [loading, setLoading] = useState(false); const [form] = Form.useForm(); const [formData] = Form.useForm(); const [selectedRow, setselectedRow] = useState([]); const [selectedKey, setselectedkey] = useState(0); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [OPTIONS, setOptions] = useState([]); const { RangePicker } = DatePicker; const [begin, setBegin] = useState(''); const [end, setEnd] = useState(''); const [selectedItems, setSelectedItems] = useState([]); const filteredOptions = OPTIONS.filter((o) => !selectedItems.includes(o)); const [arr, setArr] = useState([]); const [exporting, setExporting] = useState(false); //进入页面加载 useEffect(() => { onSearchClick(); }, []); // 导出 function onExportMultiHeaderExcel() { // 创建工作簿 const workbook = new ExcelJs.Workbook(); // 添加sheet const worksheet = workbook.addWorksheet('sheet'); // 设置 sheet 的默认行高 worksheet.properties.defaultRowHeight = 20; // 解析 AntD Table 的 columns const headers = generateHeaders(columns); console.log({ headers }); // 第一行表头 const names: string[] = []; // 用于匹配数据的 keys const headerKeys: string[] = []; headers.forEach((item) => { const columnNumber = getColumnNumber(item.width); for (let i = 0; i < columnNumber; i++) { names.push(item.header); headerKeys.push(item.key); } }); // 添加表头 const rowHeader = worksheet.addRow(names); mergeRowCell(headers, rowHeader, worksheet); // 设置字体样式 rowHeader.font = { size: 11, name: '微软雅黑' }; // 添加数据 addData2Table(worksheet, headerKeys, headers); // 给每列设置固定宽度 worksheet.columns = worksheet.columns.map((col) => ({ ...col, width: 15 })); // 导出 saveWorkbook(workbook, '库存分析.xlsx'); } function addData2Table(worksheet: Worksheet, headerKeys: string[], headers: ITableHeader[]) { dataSource?.forEach((item: any) => { const rowData = headerKeys?.map((key) => item[key]); const row = worksheet.addRow(rowData); mergeRowCell(headers, row, worksheet); row.height = DEFAULT_ROW_HEIGHT; // 设置行样式, wrapText: 自动换行 row.alignment = { vertical: 'middle', wrapText: false, shrinkToFit: false }; row.font = { size: 11, name: '微软雅黑' }; }); } const downloadFile = () => { const fileUrl = 'http://172.25.63.218:9088/statics/库存分析.xlsx'; window.location.href = fileUrl; }; //容器头按钮 const headerButtons = () => ( ); const columns: any = [ { title: '序号', dataIndex: 'NO', key: 'NO', render: (text: any, record: any, index: any) =>
{index + 1}
, width: 50, fixed: 'left', }, { title: '评估结果', dataIndex: 'INVENTORY_TYPE', key: 'INVENTORY_TYPE', fixed: 'left', width: 75 }, { title: '半年内可替代次数', dataIndex: 'HALF_NUM', key: 'HALF_NUM', width: 130 }, { title: '分类', dataIndex: 'TYPE', key: 'TYPE', width: 100 }, { title: '钢板号', dataIndex: 'PLATE_NO', key: 'PLATE_NO', width: 140 }, //{ title: '可替代订单', dataIndex: 'ORD_NUMBER', key: 'ORD_NUMBER', width: 200 }, { title: '轧批号', dataIndex: 'OUT_SHEET_NO', key: 'OUT_SHEET_NO', width: 140 }, { title: '是否标印', dataIndex: 'MARKING_FL', key: 'MARKING_FL', width: 100 }, { title: '进程状态', dataIndex: 'PROC_CD', key: 'PROC_CD', width: 100 }, { title: '客户交货日期', dataIndex: 'DEL_TO_DATE', key: 'DEL_TO_DATE', width: 110 }, //特殊工艺 { title: '标准号', dataIndex: 'APLY_STDSPEC', key: 'APLY_STDSPEC', width: 150 }, { title: '厚度', dataIndex: 'THK', key: 'THK', width: 80 }, { title: '宽度', dataIndex: 'WID', key: 'WID', width: 80 }, { title: '长度', dataIndex: 'LEN', key: 'LEN', width: 80 }, { title: '厚度公差最小值', dataIndex: 'THK_TOL_MIN', key: 'THK_TOL_MIN', width: 120 }, { title: '厚度公差最大值', dataIndex: 'THK_TOL_MAX', key: 'THK_TOL_MAX', width: 120 }, { title: '重量', dataIndex: 'WGT', key: 'WGT', width: 100 }, { title: '过磅重量', dataIndex: 'LOAD_WGT', key: 'LOAD_WGT', width: 100 }, { title: '产品等级', dataIndex: 'PROD_GRD', key: 'PROD_GRD', width: 100 }, { title: '表面等级', dataIndex: 'SURF_GRD', key: 'SURF_GRD', width: 100 }, { title: '试样代码', dataIndex: 'SMP_FL', key: 'SMP_FL', width: 100 }, { title: '试样号', dataIndex: 'TEST_PIECE_NUMBER', key: 'TEST_PIECE_NUMBER', width: 130 }, // 试样号状态 { title: '委托单号', dataIndex: 'SMP_SEND_NO', key: 'SMP_SEND_NO', width: 100 }, { title: '切边代码', dataIndex: 'TRIM_FL', key: 'TRIM_FL', width: 100 }, { title: '定尺代码', dataIndex: 'SIZE_KND', key: 'SIZE_KND', width: 100 }, { title: '生产厂', dataIndex: 'PLT', key: 'PLT', width: 100 }, { title: '生产日期', dataIndex: 'PROD_DATE', key: 'PROD_DATE', width: 100 }, { title: '轧制日期', dataIndex: 'MILL_END_DATE', key: 'MILL_END_DATE', width: 150 }, { title: '综判时间', dataIndex: 'AGGREGATE_TIME', key: 'AGGREGATE_TIME', width: 130 }, { title: '入库日期', dataIndex: 'WAREHOUSE_TIME', key: 'WAREHOUSE_TIME', width: 100 }, { title: '出库日期', dataIndex: 'OUT_PLT_DATE', key: 'OUT_PLT_DATE', width: 100 }, { title: '仓库', dataIndex: 'WAREHOUSE', key: 'WAREHOUSE', width: 80 }, { title: '垛位号', dataIndex: 'LOC', key: 'LOC', width: 100 }, // 销售方式 { title: '订单号', dataIndex: 'ORD_NO', key: 'ORD_NO', width: 150 }, { title: '订单序列号', dataIndex: 'ORD_ITEM', key: 'ORD_ITEM', width: 100 }, { title: '原始订单号', dataIndex: 'ORG_ORD_NO', key: 'ORG_ORD_NO', width: 150 }, { title: '原始订单序列号', dataIndex: 'ORG_ORD_ITEM', key: 'ORG_ORD_ITEM', width: 120 }, { title: '订单材/余材', dataIndex: 'ORD_FL', key: 'ORD_FL', width: 120 }, { title: '余材原因代码', dataIndex: 'WOO_RSN', key: 'WOO_RSN', width: 120 }, { title: '责任单位', dataIndex: 'WOO_RSN_CHG_GRD_DEP', key: 'WOO_RSN_CHG_GRD_DEP', width: 120 }, // 板坯汇总量 // 余材 // 订单超量 // 设计成材率 // 缺陷 // 改判缺陷 { title: '喷印', dataIndex: 'JET_PRINTING', key: 'JET_PRINTING', width: 100 }, { title: '标识次数', dataIndex: 'PAINTNUM', key: 'PAINTNUM', width: 100 }, { title: '冲印', dataIndex: 'PROCESSING', key: 'PROCESSING', width: 100 }, { title: '侧喷', dataIndex: 'LATERAL_JET', key: 'LATERAL_JET', width: 100 }, { title: '订单用途', dataIndex: 'ENDUSE_CD', key: 'ENDUSE_CD', width: 100 }, { title: '是否保性能', dataIndex: 'IS_PERFORMANCE', key: 'IS_PERFORMANCE', width: 100 }, { title: '客户', dataIndex: 'CUST_CD', key: 'CUST_CD', width: 100 }, { title: '客户特殊要求', dataIndex: 'CUST_SPEC_NO', key: 'CUST_SPEC_NO', width: 130 }, // 作业指示/实绩 { title: '切割', dataIndex: 'CUTTING', key: 'CUTTING', width: 100 }, { title: '矫直', dataIndex: 'STRAIGHTENING', key: 'STRAIGHTENING', width: 100 }, { title: '抛丸', dataIndex: 'SHOT', key: 'SHOT', width: 100 }, { title: '热处理', dataIndex: 'HEAT_TREATMENT', key: 'HEAT_TREATMENT', width: 100 }, // 其他 VESSEL_NO 字段重复 { title: '是否已打印质保书', dataIndex: 'CERT_RPT_FL', key: 'CERT_RPT_FL', width: 100 }, { title: '设定日期', dataIndex: 'PRICE_GRD_DATE', key: 'PRICE_GRD_DATE', width: 100 }, { title: '设定人员', dataIndex: 'IS_PERSONNEL', key: 'IS_PERSONNEL', width: 100 }, // 标识 { title: '钢种', dataIndex: 'STLGRD', key: 'STLGRD', width: 120 }, { title: '认证标识', dataIndex: 'R_IDENT', key: 'R_IDENT', width: 100 }, { title: '加喷内容', dataIndex: 'VESSEL_NO', key: 'VESSEL_NO', width: 150 }, { title: '侧喷加喷', dataIndex: 'SIDEMARK', key: 'SIDEMARK', width: 150 }, { title: '冲印加喷', dataIndex: 'SEALMEMO', key: 'SEALMEMO', width: 100 }, { title: '订单备注', dataIndex: 'BEIZHU_MEMO', key: 'BEIZHU_MEMO', width: 100 }, { title: '尺寸是否合格', dataIndex: 'INSP_WGT_GRD', key: 'INSP_WGT_GRD', width: 110 }, { title: '寄仓时间', dataIndex: 'BAOXIN_IF_DATE', key: 'BAOXIN_IF_DATE', width: 100 }, { title: '订单规格', dataIndex: 'SPECIFICATION', key: 'SPECIFICATION', width: 150 }, { title: '订单宽度', dataIndex: 'ORD_WID', key: 'ORD_WID', width: 100 }, { title: '订单厚度', dataIndex: 'ORD_THK', key: 'ORD_THK', width: 100 }, { title: '订单长度', dataIndex: 'ORD_LEN', key: 'ORD_LEN', width: 100 }, // 是否单排道 //{ title: '板坯切割指示', dataIndex: 'PLAN_SLAB_CUT_FL', key: 'PLAN_SLAB_CUT_FL', width: 100 }, //{ title: '切割块数', dataIndex: 'PLAN_SLAB_CUT_CNT', key: 'PLAN_SLAB_CUT_CNT', width: 100 }, { title: '轧制工厂', dataIndex: 'PLT', key: 'PLT', width: 100 }, { title: '订单投入日期', dataIndex: 'RELEASE_DATE', key: 'RELEASE_DATE', width: 120 }, // 是否零散订单 { title: '否紧急订单', dataIndex: 'URGNT_FL', key: 'URGNT_FL', width: 100 }, // 未处理天数 { title: '重点合同', dataIndex: 'IMP_CONT', key: 'IMP_CONT', width: 100 }, { title: '订单轧制工厂', dataIndex: 'CFM_MILL_PLT', key: 'CFM_MILL_PLT', width: 120 }, // 原始交货期 { title: '控制号', dataIndex: 'CR_CD', key: 'CR_CD', width: 100 }, { title: '试样备注', dataIndex: 'SAMPLE_MEMO', key: 'SAMPLE_MEMO', width: 100 }, { title: '尺寸备注', dataIndex: 'SIZE_MEMO', key: 'SIZE_MEMO', width: 100 }, { title: '打包备注', dataIndex: 'PACK_MEMO', key: 'PACK_MEMO', width: 100 }, { title: '表面客户要求', dataIndex: 'SURFACE_REQUESTS', key: 'SURFACE_REQUESTS', width: 120 }, { title: '长度公差上限', dataIndex: 'LEN_UP', key: 'LEN_UP', width: 120 }, { title: '长度公差下限', dataIndex: 'LEN_DOWN', key: 'LEN_DOWN', width: 120 }, { title: '下限', dataIndex: 'CAL_FLOOR', key: 'CAL_FLOOR', width: 100 }, { title: '钢板不平度1', dataIndex: 'FLT_UNIT_MAX', key: 'FLT_UNIT_MAX', width: 100 }, { title: '测量长度1', dataIndex: 'FLT_LEN', key: 'FLT_LEN', width: 100 }, { title: '钢板不平度2', dataIndex: 'FLT_UNIT_MAX2', key: 'FLT_UNIT_MAX2', width: 100 }, { title: '测量长度2', dataIndex: 'FLT_LEN2', key: 'FLT_LEN2', width: 100 }, { title: '客户分类', dataIndex: 'CUST_CLASS', key: 'CUST_CLASS', width: 100 }, { title: '客户分级', dataIndex: 'CUST_LEVEL', key: 'CUST_LEVEL', width: 100 }, { title: '宽度公差上限', dataIndex: 'WID_UP', key: 'WID_UP', width: 120 }, { title: '宽度公差下限', dataIndex: 'WID_DOWN', key: 'WID_DOWN', width: 120 }, { title: '特殊作业要求', dataIndex: 'SPECIAL_OPR_REQ', key: 'SPECIAL_OPR_REQ', width: 120 }, //{ title: '板坯钢种', dataIndex: 'FP_STLGRD', key: 'FP_STLGRD', width: 100 }, { title: '钢板性能', dataIndex: 'GP_PERFORMANCE', key: 'CUSTGP_PERFORMANCE_LEVEL', width: 100 }, { title: '移垛时间', dataIndex: 'GPYD_UPD_DATE', key: 'GPYD_UPD_DATE', width: 150 }, { title: '移跺人员', dataIndex: 'GPYD_UPD_EMP_CD', key: 'GPYD_UPD_EMP_CD', width: 100 }, // 非计划 // 改判分类 // 钢板剪切时间 { title: '最后表判人员', dataIndex: 'EMP_CD1', key: 'EMP_CD1', width: 120 }, // 轧制标准 // 剪切班别 // 轧制坯重量 // 检验确认时间 { title: '质保书编号', dataIndex: 'CERT_RPT_NO', key: 'CERT_RPT_NO', width: 100 }, // 热处理工艺 // 余材单位 // 转库时间 // 船期 // 异常坯 // 首次降级时间 // 是否加严探伤 // 加严探伤代码 // 热处理工厂 // 热处理时间 // 是否超期 //{ title: '标识标准', dataIndex: 'APLY_STDSPEC', key: 'APLY_STDSPEC', width: 150 }, // 取样方式 // 取样重量 { title: '钢板喷涂', dataIndex: 'STEEL_SPRAY', key: 'STEEL_SPRAY', width: 100 }, { title: '钢板抛丸', dataIndex: 'STEEL_SHOTBLAST', key: 'STEEL_SHOTBLAST', width: 100 }, // 钢板打破口 { title: '钢板打包', dataIndex: 'STEEL_PACK', key: 'STEEL_PACK', width: 100 }, { title: '录入时间', dataIndex: 'INS_DATE', key: 'INS_DATE', width: 100 }, ]; // 统一设置 ellipsis 为 true columns.forEach((column: any) => { column.ellipsis = true; }); const onRangeChange = (value: any, dateString: any) => { setBegin(dateString[0]); setEnd(dateString[1]); }; // 点击重置按钮 const handleRest = (): any => { form.resetFields(); }; // 查询 const onSearchClick = (): any => { setLoading(true); const pro = form.getFieldsValue(); const obj = { START_TIME: begin, END_TIME: end }; const sd = Object.assign(pro, obj); const res = request.post(`/ipdPsApi/GetTB_INVENTORY_ANALYSIS`, sd).then((res) => { if (res.data.code == '1') { const result = res.data.data.map((item: any, index: any) => ({ ...item, PK: index, })); setDataSource(result); setLoading(false); } else { setDataSource([]); setLoading(false); } }); }; return ( <>
} style={{ color: '#ccc' }} allowClear defaultValue="" placeholder="请输入" />
{ return { onClick: (event: any) => { event.currentTarget.getElementsByTagName('label')[0].click(); }, }; }} rowSelection={{ columnWidth: '60px', onChange: (selectedRowKeys: any, selectedRows: any) => { setSelectedRowKeys(selectedRowKeys), setselectedRow(selectedRows); }, selectedRowKeys, }} rowKey={(record: any) => record.PLATE_NO} scroll={{ y: 480, x: 100, }} >
 ); }; export default function () { return ( ); }