Blame view

src/pages/pms/partPlan/PlanPool/components/CustBuyModal.tsx 1.87 KB
57b51c35   jiangwei   配件计划池增加查看90天出库详情和...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
  import React, { useEffect, useState } from 'react';
  import { Button, Modal, Table } from 'antd';
  import { useStore } from '../index';
  import { custBuyApi } from '../api';
  import { PartVO } from '@/pages/pms/partPlan/CustBuyPlan/api';
  import useInitial from '@/hooks/useInitail';
  
  const { Column } = Table;
  
  export default function Index() {
    const { custVisible, setCustVisible, item } = useStore();
    const [delay, setDelay] = useState(true);
    const { data, setParams, loading } = useInitial(custBuyApi, [], {}, delay);
  
    useEffect(() => {
      if (custVisible && item?.planWaitListIds) {
        setParams({ planWaitListIds: item.planWaitListIds }, true);
        setDelay(false);
      }
    }, [custVisible]);
  
    return (
      <Modal
        title="客户订件详情"
        width={1100}
        visible={custVisible}
        maskClosable={false}
        onCancel={() => setCustVisible(false)}
        footer={[
          <Button onClick={() => setCustVisible(false)}>取消</Button>
        ]}
      >
        <Table
          rowKey={(v: PartVO) => `${v.waitListIds}`}
          dataSource={data}
          pagination={false}
          loading={loading}
          scroll={{x: 1400, y: 500}}
        >
          <Column title="时间" dataIndex="planTime" />
          <Column title="VIN" dataIndex="typeId" />
          <Column title="工单号" dataIndex="remark" />
          <Column title="车牌号" dataIndex="plateNo" />
          <Column title="配件编码" dataIndex="partCode" />
          <Column title="配件名称" dataIndex="partName" />
          <Column title="接车服务顾问" dataIndex="userName" />
          <Column title="门店名称" dataIndex="shopName" />
          <Column title="库房名称" dataIndex="storageName" />
          <Column title="订件数量" dataIndex="splitCnt" />
          <Column title="采购单价" dataIndex="price" />
          <Column title="采购数量" dataIndex="cnt" />
        </Table>
      </Modal>
    );
  }