FEV2 / fw-cms

Blame view

src/pages/identify/IdentifyAudit/components/List.tsx 3.53 KB
Edit Raw Normal View History
3890e142   王强   添加 认证审核，并对接接口； 
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
 
  import React from "react";
  import { Button, message, Modal, Table } from "antd";
  import { useStore } from "../index";
  import moment from "moment";
  import ProDescriptions from "@ant-design/pro-descriptions";
  import { CopyOutlined } from "@ant-design/icons";
  import copy from "copy-to-clipboard";
  import DetailItem from '@/pages/ehr/Authentication/Settings/components/DetailItem';
  import FeeweeUploadAttachment from '@/components/FeeweeUploadAttachment';
  
  export default function IdentifyAuditList() {
    const {
      pagination,
      Type,
      extraDataModal,
      setExtraDataModal,
      setCurrent,
      setOpen,
    } = useStore();
    return (
      <>
        <Table
          dataSource={pagination.list}
          loading={pagination.loading}
          pagination={pagination.paginationConfig}
          rowKey="id"
        >
          <Table.Column title="资料编码" dataIndex="identifyCode" align="left" />
          <Table.Column title="资料名称" dataIndex="identifyName" align="left" />
a2ca1da5   王强   优化 认证系统-认证审核 页面交互； 
30
31
32
33
34
35
36
 
          {pagination.innerParams.type !== Type.员工认证 ? (
            <Table.Column
              title="会员号"
              dataIndex="memberId"
              align="left"
              render={(memberId) => memberId ?? "-"}
            />
3890e142   王强   添加 认证审核，并对接接口； 
37
 
          ) : null}
a2ca1da5   王强   优化 认证系统-认证审核 页面交互； 
38
39
40
41
42
43
44
 
          {pagination.innerParams.type !== Type.会员认证 ? (
            <Table.Column
              title="员工ID"
              dataIndex="staffId"
              align="left"
              render={(staffId) => staffId ?? "-"}
            />
3890e142   王强   添加 认证审核，并对接接口； 
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
 
          ) : null}
          {pagination.innerParams.type === Type.车辆认证 ? (
            <Table.Column title="VIN" dataIndex="vin" align="left" />
          ) : null}
          <Table.Column
            title="额外资料"
            dataIndex="extraData"
            align="left"
            render={(extraData: string, record: IdentifyAudit.List) => (
              <Button
                type="link"
                onClick={() => {
                  setExtraDataModal({
                    visible: true,
                    data: extraData,
                    fids: record.fids,
                  });
                }}
              >
                查看
              </Button>
            )}
          />
          <Table.Column
            title="操作"
            align="left"
            render={(record: IdentifyAudit.List) => (
              <a
                onClick={() => {
                  setCurrent(record);
                  setOpen(true);
                }}
              >
                审核
              </a>
            )}
          />
        </Table>
        <Modal
          title="额外数据"
          visible={extraDataModal.visible}
          footer={null}
          destroyOnClose
          onCancel={() => {
            setExtraDataModal({ visible: false });
          }}
          width={450}
          keyboard
        >
          <ProDescriptions
            title="额外数据:"
            tooltip="点击旁边复制按钮可复制数据到剪切板"
            extra={
              <CopyOutlined
                onClick={() => extraDataModal.data &&
                  copy(extraDataModal.data) &&
                  message.success("复制成功")}
              />
            }
          >
            <ProDescriptions.Item valueType="jsonCode">
              {extraDataModal.data}
            </ProDescriptions.Item>
          </ProDescriptions>
          <DetailItem
            title="附件"
            desp={
              <div style={{ flex: 1, width: "85%" }}>
                <FeeweeUploadAttachment
                  fidList={extraDataModal?.fids?.split(",")}
                  disabled
                  style={{ flex: 1 }}
                />
              </div>
            }
          />
        </Modal>
      </>
    );
  }