加入计划配件上次供应商与本次供应商不同时进行提示

jiangwei
1 parent 79c03b69
Showing 2 changed files with 37 additions and 2 deletions
src/pages/pms/partPlan/PlanManage/subpages/Apply/components/PartModal.tsx
src/pages/pms/partPlan/PlanManage/subpages/Apply/index.tsx
@@ -13,12 +13,15 @@ interface Props {
   parts: any[]
   onOk: (parts: any[]) => any
   setParams: Function
+  _supplierId: number | undefined
 }
 const {Option} = Select;
-export default function Index({ onCancel, visible, parts=[], onOk, setParams }: Props) {
+export default function Index({ onCancel, visible, parts = [], onOk, setParams, _supplierId }: Props) {
   const [selectedParts, setSelectedParts] = useState<any[]>([]);
   const [dfParam, setDfParam] = useState<any>({keywords: ''});
   const [partList, setPartList] = useState(parts);
+  const [info, setInfo] = useState<{open: boolean, partName: string, poolId?: number}>({open: false, partName: '', poolId: undefined});
+  const [partArr, setPartArr] = useState<any[]>([]);
   const shopNames = useMemo(() => {
     return Array.from(new Set(parts.map(it => it.shopName || '').filter(it => !!it)));
@@ -37,6 +40,7 @@ export default function Index({ onCancel, visible, parts=[], onOk, setParams }: 
   useEffect(() => {
     if (!visible) {
       setSelectedParts([]);
+      setPartArr([]);
       setPartList(parts);
     }
   }, [visible, parts]);
@@ -46,6 +50,14 @@ export default function Index({ onCancel, visible, parts=[], onOk, setParams }: 
       message.error("请选择配件");
       return;
     }
+    if (partArr.some(it => !!it.supplierId)) {
+      for (const item of partArr) {
+        if (!!item.supplierId && item.supplierId != _supplierId) {
+          setInfo({ open: true, partName: item.partName, poolId: item.poolId });
+          return;
+        }
+      }
+    }
     onOk && onOk(selectedParts);
     onCancel && onCancel();
   }
@@ -81,6 +93,7 @@ export default function Index({ onCancel, visible, parts=[], onOk, setParams }: 
       visible={visible}
       title="配件采购明细"
       onCancel={onCancel}
+      maskClosable={false}
       footer={[
         <Button key="cancel" onClick={onCancel}>取消</Button>,
         <Button
@@ -195,6 +208,7 @@ export default function Index({ onCancel, visible, parts=[], onOk, setParams }: 
             } else if (index > -1) {
               newData.splice(index, 1);
             }
+            setPartArr(newData);
             setSelectedParts([...newData]);
           },
           onSelectAll: (selected, selectedRows, changeRows) => {
@@ -206,6 +220,7 @@ export default function Index({ onCancel, visible, parts=[], onOk, setParams }: 
             } else {
               newData = selectedParts.filter(row => !changedKeys.includes(`${row.poolId}`));
             }
+            setPartArr(newData);
             setSelectedParts(newData);
           },
         }}
@@ -220,6 +235,24 @@ export default function Index({ onCancel, visible, parts=[], onOk, setParams }: 
         <Column title="配件来源类型" dataIndex="typeName" />
         <Column title="上次采购供应商" dataIndex="supplierName" />
       </Table>
+      <Modal
+        title="提示"
+        open={info.open}
+        maskClosable={false}
+        cancelText="重新选择"
+        okText="继续"
+        onCancel={() => {
+          setPartArr(partArr.filter((i => i.poolId != info.poolId)));
+          setSelectedParts(selectedParts.filter((i => i.poolId != info.poolId)));
+          setInfo({open: false, partName: '', poolId: undefined});
+        }}
+        onOk={() => {
+          setPartArr(partArr.filter((i => i.poolId != info.poolId)));
+          setInfo({ open: false, partName: '', poolId: undefined });
+        }}
+      >
+        <p style={{ color: '#666666' }}><span style={{ color: '#333333', fontWeight: '500', marginRight: 3}}>{info.partName}</span>本次采购供应商和上次采购供应商不一致，是否继续？</p>
+      </Modal>
     </Modal>
   );
 }
@@ -41,6 +41,7 @@ export default function Index() {
   const partList = flattenDeep(dealerList.map(it => (it.suppliers || []).map((su: any) => (su.storages || []).map((st: any) => (st.parts || [])))));
   const poolIds = partList.map((it: any) => it.poolId);
   const [info, setInfo] = useState<{ remark?: string, fids?: any }>();
+  const [_supplierId, setSupplierId] = useState<number| undefined>(undefined);
   useEffect(() => {
     if (planId?.planId) {
@@ -254,7 +255,7 @@ export default function Index() {
                     <div key={`supplier${supplier.supplierId}`} style={{ marginTop: 10, marginLeft: 40 }}>
                       <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
                         <div style={{ fontWeight: "bold" }}>{`供应商: ${supplier.supplierName || ''}`}</div>
-                        <a style={{marginLeft: 20}} onClick={() => { setVisiblePart(true); setDealer({...dealer, ...supplier}); }}>
+                        <a style={{ marginLeft: 20 }} onClick={() => { setVisiblePart(true); setDealer({ ...dealer, ...supplier }); setSupplierId(supplier.supplierId); }}>
                           添加采购配件
                         </a>
                         <Popconfirm
@@ -322,6 +323,7 @@ export default function Index() {
                 parts={parts.filter(it => !poolIds.includes(it.poolId))}
                 onOk={onOk}
                 setParams={setParams}
+                _supplierId={_supplierId}
               />
               <PartDetailModal
                 visible={visiblePartDetail}