import React, { useEffect, useMemo, useRef, useState } from "react"; import { Dropdown, Menu, Button, message } from "antd"; import AutoTable from "@/components/AutoTable"; import defaultFields from "./fields"; import { doFetch } from "@/utils/doFetch"; import DrawInitForm from "@/components/DrawInitForm"; import getPrem from "@/utils/getPrem"; //权限判断fn import { useReactToPrint } from "react-to-print"; import { useModel } from "umi"; const keytoval = { one: 1, two: 2, three: 3, four: 4, }, items = [ { key: "one", label: <a>生产领料出库</a>, }, { key: "two", label: <a>销售出库</a>, }, { key: "three", label: <a>报废出库</a>, }, { key: "four", label: <a>其他出库</a>, }, ], itemz = { one: "生产领料出库", two: "销售出库", three: "报废出库", four: "其他出库", }; function Outstore(props) { const { initialState, setInitialState } = useModel("@@initialState"); const [activeTabKey, onTabChange] = useState("1"); let [drawprops, setdrawprops] = useState({ title: "", visible: false, onClose: () => { setdrawprops((s) => ({ ...s, visible: false, fields: {}, })); }, fields: {}, width: 1200, }), actionRef = useRef(), ChildRef = null, printRef = useRef(); //操作完成后刷新 function reload() { actionRef.current.reload(); ChildRef?.onRefresh(); message.success("操作成功"); setdrawprops((s) => ({ ...s, visible: false, fields: {}, })); } const handlePrint = useReactToPrint({ content: () => printRef.current, }); const columns = useMemo(() => { if (activeTabKey == "1") { return [ { title: "出库单号", dataIndex: "materieOutstoreNo", key: "materieOutstoreNo", render: (dom, record) => { return ( <a onClick={() => { setdrawprops((s) => ({ ...s, visible: true, //查看详情 props val: "detail", title: `查看详情`, ...defaultFields?.detail, totalPath: "/ngic-workmanship/wmsMaterieOutstore/getOutStoreInfoById", totalParams: { id: record.id }, printRef: printRef, extra: ( <Button onClick={async () => { handlePrint(); }} > 打印 </Button> ), })); }} > {dom} </a> ); }, }, { title: "出库类型", dataIndex: "outstoreTypeName", key: "outstoreType", valueType: "select", options: [ { label: "生产领料出库", value: "1", }, { label: "销售出库", value: "2", }, { label: "报废出库", value: "3", }, { label: "其他出库", value: "4", }, ], }, { title: "出库仓库", dataIndex: "storeName", key: "storeId", options: { database: () => doFetch({ url: "/ngic-auth/sysStore/selectionBox", params: { factoryIdList: [] }, }), params: {}, }, valueType: "select", }, { title: "相关单号", dataIndex: "businessNo", key: "businessNo", }, { title: "备注", dataIndex: "remark", key: "remark", search: false, }, { title: "创建人", dataIndex: "createUserName", key: "createUserName", }, { title: "创建时间", dataIndex: "createTime", key: "createTime", valueType: "dateRange", formItemProps: { name: "createTimeList", }, }, { title: "状态", dataIndex: "statusName", key: "status", valueType: "select", options: [ { label: "待下架", value: "0", }, { label: "下架中", value: "1", }, ], }, { title: "操作", valueType: "option", width: 240, render: (text, record, _, action) => { return [ getPrem( "equipmentCustomer_save", action, "下架采集", async () => { let extra = defaultFields.dooutside( record.id, record.storeId ); setdrawprops((s) => ({ ...s, visible: true, //查看详情 props val: "detail", title: `下架采集`, ...extra, totalPath: "/ngic-workmanship/wmsMaterieOutstore/getOutStoreInfoById", totalParams: { id: record.id }, extra: null, })); setInitialState((s) => { return { ...s, submits: {}, }; }); } ), getPrem("equipmentCustomer_deleteById", action, "关单", null, { title: "确认关单?", onConfirm: () => { doFetch({ url: "/ngic-workmanship/wmsMaterieOutstore/close", params: { id: record.id }, }).then((res) => { if (res.code == "0000") { reload(); } }); }, }), record.status == 0 && getPrem("equipmentCustomer_deleteById", action, "删除", null, { title: "确认删除?", onConfirm: () => { doFetch({ url: "/ngic-workmanship/wmsMaterieOutstore/deleteById", params: { id: record.id }, }).then((res) => { if (res.code == "0000") { reload(); } }); }, }), ]; }, }, ]; } else { return [ { title: "出库单号", dataIndex: "materieOutstoreNo", key: "materieOutstoreNo", render: (dom, record) => { return ( <a onClick={() => { setdrawprops((s) => ({ ...s, visible: true, //查看详情 props val: "detail", title: `查看详情`, ...defaultFields?.detail, totalPath: "/ngic-workmanship/wmsMaterieOutstoreHis/getOutStoreInfoById", totalParams: { id: record.id }, })); }} > {dom} </a> ); }, }, { title: "出库类型", dataIndex: "outstoreTypeName", key: "outstoreType", valueType: "select", options: [ { label: "生产领料出库", value: "1", }, { label: "销售出库", value: "2", }, { label: "报废出库", value: "3", }, { label: "其他出库", value: "4", }, ], }, { title: "出库仓库", dataIndex: "storeName", key: "storeId", options: { database: () => doFetch({ url: "/ngic-auth/sysStore/selectionBox", params: { factoryIdList: [] }, }), params: {}, }, valueType: "select", }, { title: "相关单号", dataIndex: "businessNo", key: "businessNo", }, { title: "备注", dataIndex: "remark", key: "remark", search: false, }, { title: "创建人", dataIndex: "createUserName", key: "createUserName", }, { title: "创建时间", dataIndex: "createTime", key: "createTime", valueType: "dateRange", formItemProps: { name: "createTimeList", }, }, { title: "完成时间", dataIndex: "finishTime", key: "finishTime", valueType: "dateRange", formItemProps: { name: "finishTimeList", }, }, { title: "状态", dataIndex: "statusName", key: "status", valueType: "select", options: [ { label: "已下架", value: "2", }, { label: "已关单", value: "4", }, ], }, ]; } }, [activeTabKey]); const tableprops = { ...props, pageextra: activeTabKey == "1" ? ( <Dropdown placement="bottomRight" overlay={ <Menu onClick={(e) => { setdrawprops((s) => ({ ...s, visible: true, title: "新增" + itemz[e.key], fields: defaultFields[e.key], outstoreType: keytoval[e.key], val: "add", //类型 extra: null, })); }} items={items} /> } > <Button type="primary">新增</Button> </Dropdown> ) : ( "none" ), tabList: [ { tab: "未完成", key: "1", }, { tab: "已完成", key: "2", }, ], activeTabKey, onTabChange, columns, path: activeTabKey == "1" ? "/ngic-workmanship/wmsMaterieOutstore/queryList" : "/ngic-workmanship/wmsMaterieOutstoreHis/queryList", }; return ( <div> <AutoTable {...tableprops} actionRef={actionRef} onRef={(node) => (ChildRef = node)} ></AutoTable> <DrawInitForm {...drawprops} submitData={async (value) => { if (drawprops.val == "add") { let newfileds = JSON.parse(JSON.stringify(value)); newfileds.materialList = newfileds?.materialList?.map((it) => { delete it.usableNum; delete it.id; return it; }); let res = await doFetch({ url: "/ngic-workmanship/wmsMaterieOutstore/saveOutStore", params: { ...newfileds, outstoreType: drawprops.outstoreType }, }); if (res.code == "0000") { reload(); } } }} onChange={async (changedValues, allValues) => { for (let i in changedValues) { if (i == "storeId") { let res = await doFetch({ url: "/ngic-workmanship/wmsMaterieStockStore/selectbox/usableStock", params: { storeId: changedValues["storeId"] }, }), options = res?.data?.dataList; setdrawprops((s) => { let fields = JSON.parse(JSON.stringify(s.fields)); for (let i in fields) { fields[i].value = allValues[i]; } fields["materialList"].linkconfig = { urlchangeval: { //根据url接口 改变某个value database: (params) => doFetch({ url: "/ngic-workmanship/wmsMaterieStockStore/queryStoreOne", params, }), params: { materieId: "linked", storeId: changedValues[i] }, effectresult: { productionUnit: "productionUnit", //key 为列表更新值 value为response 返回值 productionUnitName: "productionUnitName", usableNum: "usableNum", outstroeNum: "outstroeNum", }, }, }; fields["materialList"].columns = [ { title: ( <span> 物料编码-名称 <b style={{ color: "red" }}>*</b> </span> ), dataIndex: "materieId", key: "materieId", valueType: "select", fieldProps: { allowClear: false, showSearch: true, options }, formItemProps: () => { return { rules: [{ required: true, message: "此项为必填项" }], }; }, editable: true, }, { title: ( <span> 出库数量 <b style={{ color: "red" }}>*</b> </span> ), dataIndex: "outstroeNum", key: "outstroeNum", formItemProps: () => { return { rules: [{ required: true, message: "此项为必填项" }], }; }, valueType: "digit", editable: true, }, { title: "可用库存", dataIndex: "usableNum", key: "usableNum", readonly: "usableNum", }, { title: "库存单位", dataIndex: "productionUnitName", key: "productionUnitName", readonly: "productionUnitName", }, { title: "操作", valueType: "option", width: 70, render: (text, record, _, action) => [ <a key="delete" onClick={() => {}}> 删除 </a>, ], }, ]; fields["materialList"].value = undefined; let newfields = { ...fields, }; return { ...s, fields: newfields, }; }); } } }} reload={reload} /> </div> ); } export default Outstore;