ztxkui 3.5.1 → 3.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DemoCom/PrintContainerDemo.d.ts +1 -0
- package/dist/DemoCom/PrintContainerDemo.js +127 -90
- package/dist/UploadDemo.js +3 -3
- package/dist/components/Upload/upload-table.js +110 -134
- package/dist/components/business/Signatures/components/ElectronicSeal.js +1 -1
- package/dist/components/business/Signatures/components/QunjSeal.d.ts +1 -2
- package/dist/components/business/Signatures/components/QunjSeal.js +9 -16
- package/dist/components/business/Signatures/components/SealCheckbox.d.ts +0 -3
- package/dist/components/business/Signatures/components/SealCheckbox.js +10 -10
- package/dist/components/business/Signatures/index.js +20 -13
- package/package.json +2 -2
|
@@ -17,18 +17,18 @@ import React, { useEffect, useState } from 'react';
|
|
|
17
17
|
// redux
|
|
18
18
|
// ztxkui公共组件
|
|
19
19
|
import { PrintContainer } from '../index';
|
|
20
|
-
import Table from 'components/Table';
|
|
21
20
|
// 路由配置
|
|
22
21
|
// store
|
|
23
22
|
// 自定义组件
|
|
24
23
|
// 其他文件
|
|
25
24
|
import axios from 'axios';
|
|
26
25
|
import water from '../assets/img/water.png';
|
|
26
|
+
import './print.scss';
|
|
27
27
|
function request(options) {
|
|
28
28
|
return axios({
|
|
29
|
-
baseURL: options.baseURL ? options.baseURL : '
|
|
29
|
+
baseURL: options.baseURL ? options.baseURL : 'https://dz-prod.zmd.com.cn',
|
|
30
30
|
url: options.url,
|
|
31
|
-
headers: __assign({ 'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.
|
|
31
|
+
headers: __assign({ 'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoi6ZmI5Lqa6ZuEIiwiZW1wX25hbWUiOiLpmYjkuprpm4QiLCJlbXBfbnVtYmVyIjoiMTAwMDIyNzQiLCJpbXRfaWQiOm51bGwsInJlYWxfbmFtZSI6IumZiOS6mumbhCIsImNsaWVudF90eXBlIjoid2ViIiwiZGF0YV9yb2xlX2lkIjoiMTQ5MTk1MjI0MDcyNjk0OTg5MCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjE0OTE5NTE4NTkzMjIxMDk5NTMsMTU0NjY4MDIzMjQzODIwMjM2OSIsInBvc3RfbmFtZSI6bnVsbCwic2NvcGUiOlsiYWxsIl0sImludGVydmlld19pZCI6bnVsbCwiZXhwIjoxNjYwODkxNjM4LCJvcmdfbmFtZSI6IuS4reaLk-S_oeaBr-enkeaKgC3noJTlj5Hpg6giLCJqdGkiOiIzZWJkZTk3NC05OTRkLTQ0MjctOGNhZS1kOWRkNTUzNTM1NTQiLCJtZW1iZXJfaWQiOjE0NjI0MzMwNTEyMDg3NjI5MTIsImNvbXBhbnlfaWQiOjEyOTU5MDg4NDI1MDIzNDg4MDEsInN5c3RlbV9pZCI6bnVsbCwiZGVwdF9uYW1lIjoi5rmW5YyX5Lit5ouTLea5luWMl-W3peeoi-mDqCIsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoiYWRtaW4iLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiXSwicm9sZV9uYW1lIjoiYWRtaW4sdXNlciIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE1MzY1MjI3NTgzNjMwMTMxMjIiLCJvcmdfaWQiOjE0NTc1Mjc3NjU5MTg1MTU1MzksIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6Iua1meWVhuS4reaLk-mbhuWbou-8iOa5luWMl--8ieaciemZkOWFrOWPuCIsImRlcHRfaWQiOiIxMjk1OTEwMDMxMzQ0MjYzMTY5IiwiaGFuZGxlX2hyX25hbWUiOm51bGwsImFjY291bnQiOiLpmYjkuprpm4QiLCJyZXN1bWVfaWQiOm51bGx9.74sooLelR-eVH1pWPNaXJm_GMa-So2kWo6kJTrLi5KU' }, options.headers),
|
|
32
32
|
method: options.method,
|
|
33
33
|
data: options.data,
|
|
34
34
|
params: options.params,
|
|
@@ -78,92 +78,129 @@ var PrintContainerDemo = function () {
|
|
|
78
78
|
setDataSource(dataSource1);
|
|
79
79
|
}, 1000);
|
|
80
80
|
}, []);
|
|
81
|
-
return (React.createElement(PrintContainer, { isAddExportPage: true, loading: loading, request: request, deptId: "
|
|
82
|
-
React.createElement("div",
|
|
83
|
-
"
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
React.createElement("
|
|
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
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
81
|
+
return (React.createElement(PrintContainer, { isAddExportPage: true, loading: loading, request: request, deptId: "1527122794329313281", flowId: "scm_print_thd", fileId: "1551837561144905730", keywordList: keywordList, imgWaterBg: water },
|
|
82
|
+
React.createElement("div", null,
|
|
83
|
+
React.createElement("div", { className: "html2canvas-container-page simple-print" },
|
|
84
|
+
React.createElement("div", { className: "print-header" },
|
|
85
|
+
React.createElement("img", { src: "https://dz-prod.zmd.com.cn/static/media/print_logo_2.1e599190.png", alt: "" }),
|
|
86
|
+
React.createElement("h3", { className: "print-title" }, "\u63D0\u8D27\u5355"),
|
|
87
|
+
React.createElement("div", { className: "right-info" },
|
|
88
|
+
React.createElement("div", { className: "info-item" },
|
|
89
|
+
React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
|
|
90
|
+
React.createElement("span", null, "8000000399")),
|
|
91
|
+
React.createElement("div", { className: "info-item" },
|
|
92
|
+
React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
|
|
93
|
+
React.createElement("span", null, "2022-08-03")),
|
|
94
|
+
React.createElement("div", { className: "info-item" },
|
|
95
|
+
React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
|
|
96
|
+
React.createElement("span", null, "2022-08-06")))),
|
|
97
|
+
React.createElement("div", { className: "purchaseIn-print-box" },
|
|
98
|
+
React.createElement("div", { className: "pt10" },
|
|
99
|
+
React.createElement("table", null,
|
|
100
|
+
React.createElement("tbody", null,
|
|
101
|
+
React.createElement("tr", null,
|
|
102
|
+
React.createElement("td", null, "\u63D0\u8D27\u5355\u4F4D"),
|
|
103
|
+
React.createElement("td", { colSpan: 3 }, "\u4E2D\u94C1\u4E8C\u5341\u4E8C\u5C40\u96C6\u56E2\u6709\u9650,\u516C\u53F8"),
|
|
104
|
+
React.createElement("td", null, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
|
|
105
|
+
React.createElement("td", { colSpan: 3 }),
|
|
106
|
+
React.createElement("td", { width: "100px" }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
|
|
107
|
+
React.createElement("td", { colSpan: 3 })),
|
|
108
|
+
React.createElement("tr", null,
|
|
109
|
+
React.createElement("td", null, "\u7A0E\u53F7"),
|
|
110
|
+
React.createElement("td", { colSpan: 3 }, "9111000071092227XH"),
|
|
111
|
+
React.createElement("td", null, "\u5730\u5740\u53CA\u7535\u8BDD"),
|
|
112
|
+
React.createElement("td", { colSpan: 3 }, "\u5317\u4EAC\u5E02\u77F3\u666F\u5C71\u533A\u77F3\u666F\u5C71\u8DEF35\u53F7"),
|
|
113
|
+
React.createElement("td", { width: "100px" }, "\u9500\u552E\u5408\u540C\u53F7"),
|
|
114
|
+
React.createElement("td", { colSpan: 3 }, "SC2208010002")),
|
|
115
|
+
React.createElement("tr", null,
|
|
116
|
+
React.createElement("td", null, "\u63D0\u8D27\u4ED3\u5E93"),
|
|
117
|
+
React.createElement("td", { colSpan: 2 }, "\u7269\u4EA7\u7269\u6D41\u6B23\u987A\u7F8E\u5E93"),
|
|
118
|
+
React.createElement("td", null, "\u4ED3\u5E93\u5730\u5740"),
|
|
119
|
+
React.createElement("td", { colSpan: 2 }),
|
|
120
|
+
React.createElement("td", null, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
|
|
121
|
+
React.createElement("td", { colSpan: 2 }),
|
|
122
|
+
React.createElement("td", null, "\u4ED3\u5E93\u7535\u8BDD"),
|
|
123
|
+
React.createElement("td", { colSpan: 2 })),
|
|
124
|
+
React.createElement("tr", null,
|
|
125
|
+
React.createElement("td", { rowSpan: 2, colSpan: 4 }, "\u5546\u54C1\u540D\u79F0"),
|
|
126
|
+
React.createElement("td", { width: "100px", rowSpan: 2 }, "\u6279\u6B21\u53F7"),
|
|
127
|
+
React.createElement("td", { colSpan: 2, width: "150px" }, "\u5F00\u5355\u6570\u91CF"),
|
|
128
|
+
React.createElement("td", { colSpan: 2, width: "150px" }, "\u5B9E\u53D1\u6570\u91CF"),
|
|
129
|
+
React.createElement("td", { rowSpan: 2 }, "\u5355\u4EF7(\u542B\u7A0E)"),
|
|
130
|
+
React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u8FD0\u8F93\u8D39"),
|
|
131
|
+
React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u51FA\u5E93\u8D39")),
|
|
132
|
+
React.createElement("tr", null,
|
|
133
|
+
React.createElement("td", { width: "50px" }, "\u4EF6"),
|
|
134
|
+
React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)"),
|
|
135
|
+
React.createElement("td", { width: "50px" }, "\u4EF6"),
|
|
136
|
+
React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)")),
|
|
137
|
+
React.createElement("tr", null,
|
|
138
|
+
React.createElement("td", { colSpan: 4 }, "\u91CD\u8F68 50MN \u6CB3\u5317\u6C38\u6D0B"),
|
|
139
|
+
React.createElement("td", null, "BN2207210002"),
|
|
140
|
+
React.createElement("td", null, "0"),
|
|
141
|
+
React.createElement("td", null, "1.000000"),
|
|
142
|
+
React.createElement("td", null, "0"),
|
|
143
|
+
React.createElement("td", null, "0.000000"),
|
|
144
|
+
React.createElement("td", null, "12.00"),
|
|
145
|
+
React.createElement("td", null, "\u5426"),
|
|
146
|
+
React.createElement("td", null, "\u5426")),
|
|
147
|
+
React.createElement("tr", null,
|
|
148
|
+
React.createElement("td", { colSpan: 4 }, "\u91CD\u8F68 50MN \u6CB3\u5317\u6C38\u6D0B"),
|
|
149
|
+
React.createElement("td", null, "BN2207140002"),
|
|
150
|
+
React.createElement("td", null, "0"),
|
|
151
|
+
React.createElement("td", null, "10.000000"),
|
|
152
|
+
React.createElement("td", null, "0"),
|
|
153
|
+
React.createElement("td", null, "0.000000"),
|
|
154
|
+
React.createElement("td", null, "12.00"),
|
|
155
|
+
React.createElement("td", null, "\u5426"),
|
|
156
|
+
React.createElement("td", null, "\u5426")),
|
|
157
|
+
React.createElement("tr", null,
|
|
158
|
+
React.createElement("td", { colSpan: 4, align: "left", style: { padding: '0px 30px' } }, "\u5408\u8BA1"),
|
|
159
|
+
React.createElement("td", null),
|
|
160
|
+
React.createElement("td", null, "0"),
|
|
161
|
+
React.createElement("td", null, "11.000000"),
|
|
162
|
+
React.createElement("td", null, "0"),
|
|
163
|
+
React.createElement("td", null, "0.000000"),
|
|
164
|
+
React.createElement("td", null),
|
|
165
|
+
React.createElement("td", null),
|
|
166
|
+
React.createElement("td", null)),
|
|
167
|
+
React.createElement("tr", null,
|
|
168
|
+
React.createElement("td", null, "\u5907\u6CE8"),
|
|
169
|
+
React.createElement("td", { colSpan: 5 }),
|
|
170
|
+
React.createElement("td", null, "\u63D0\u5355\u6709\u6548\u671F"),
|
|
171
|
+
React.createElement("td", { colSpan: 2 }, "24"),
|
|
172
|
+
React.createElement("td", null, "\u51FA\u5E93\u65B9\u5F0F"),
|
|
173
|
+
React.createElement("td", { colSpan: 2 }, "\u5BA2\u6237\u81EA\u63D0")),
|
|
174
|
+
React.createElement("tr", null,
|
|
175
|
+
React.createElement("td", null, "\u63D0\u8D27\u4EBA"),
|
|
176
|
+
React.createElement("td", { colSpan: 2 }),
|
|
177
|
+
React.createElement("td", null, "\u63D0\u8D27\u8F66\u724C"),
|
|
178
|
+
React.createElement("td", { colSpan: 2 }),
|
|
179
|
+
React.createElement("td", null, "\u6253\u5370\u6B21\u6570"),
|
|
180
|
+
React.createElement("td", { colSpan: 2 }),
|
|
181
|
+
React.createElement("td", null, "\u5B58\u8D27\u5355\u4F4D"),
|
|
182
|
+
React.createElement("td", { colSpan: 2 }, "\u91CD\u5E86\u4E2D\u62D3-\u7535\u5546\u90E8")),
|
|
183
|
+
React.createElement("tr", null,
|
|
184
|
+
React.createElement("td", null, "\u53D1\u8D27\u4EBA"),
|
|
185
|
+
React.createElement("td", { colSpan: 2 }),
|
|
186
|
+
React.createElement("td", null, "\u5236\u5355\u4EBA"),
|
|
187
|
+
React.createElement("td", { colSpan: 2 }, "\u9EC4\u667A\u575A"),
|
|
188
|
+
React.createElement("td", null, "\u90E8\u95E8"),
|
|
189
|
+
React.createElement("td", { colSpan: 2 }, "\u91CD\u5E86\u4E2D\u62D3-\u7535\u5546\u90E8"),
|
|
190
|
+
React.createElement("td", null, "\u4E1A\u52A1\u4EE3\u8868"),
|
|
191
|
+
React.createElement("td", { colSpan: 2 }, "\u80E1\u4F1F\u534E"))))),
|
|
192
|
+
React.createElement("div", { className: "pt_bottom" },
|
|
193
|
+
React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } },
|
|
194
|
+
React.createElement("div", { className: "ant-col ant-col-17", style: { paddingLeft: '0px' } },
|
|
195
|
+
React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
|
|
196
|
+
React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "2\u3001\u672C\u63D0\u8D27\u5355\u4F4D\u7ECF\u8D22\u52A1\u6536\u6B3E\u76D6\u7AE0\u540E\u63D0\u8D27\uFF1B\u6B64\u63D0\u8D27\u5355\u9057\u5931\uFF0C\u63D0\u8D27\u5355\u4F4D\u8D23\u4EFB\u81EA\u8D1F\uFF1B\u51ED\u6B64\u63D0\u8D27\u5355\u4EA4\u4ED8\u8D27\u7269\u540E\uFF0C\u8D27\u7269\u6240\u6709\u98CE\u9669\u8F6C\u79FB\u5230\u63D0\u8D27\u5355\u4F4D\u3002"),
|
|
197
|
+
React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } })),
|
|
198
|
+
React.createElement("div", { className: "ant-col ant-col-7", style: { paddingRight: '0px' } },
|
|
199
|
+
React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
|
|
200
|
+
React.createElement("span", null, "\u6253\u5370\u65F6\u95F4\uFF1A"),
|
|
201
|
+
React.createElement("span", null, "2022-08-12 14:45:57")),
|
|
202
|
+
React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
|
|
203
|
+
React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
|
|
204
|
+
React.createElement("span", null, "chenyx"))))))))));
|
|
168
205
|
};
|
|
169
206
|
export default PrintContainerDemo;
|
package/dist/UploadDemo.js
CHANGED
|
@@ -39,7 +39,7 @@ import Upload from 'components/Upload';
|
|
|
39
39
|
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
40
40
|
import { UploadSingle } from './index';
|
|
41
41
|
var originFileList = [];
|
|
42
|
-
var token = "
|
|
42
|
+
var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoid2YxMCIsImVtcF9uYW1lIjoi5rWB56iL5Lit5b-DMTAiLCJlbXBfbnVtYmVyIjoiWUcyMjAzMDUwIiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLmtYHnqIvkuK3lv4MxMCIsImNsaWVudF90eXBlIjoid2ViIiwiZGF0YV9yb2xlX2lkIjoiMTM0NTk3ODUwNTMwMjA1Njk2MiwxNTQyMDc2MzA4NTc4MDI1NDc0IiwiY2xpZW50X2lkIjoic3dvcmQiLCJ1c2VyX3R5cGUiOiJ3ZWIiLCJyb2xlX2lkIjoiMTQ0NjgxOTQ2MzY5Mzg0NDQ4MiwxNDgwODI5MDYzNTY0NTQxOTU0IiwicG9zdF9uYW1lIjpudWxsLCJzY29wZSI6WyJhbGwiXSwiaW50ZXJ2aWV3X2lkIjpudWxsLCJleHAiOjE2NjA4MjM2OTUsIm9yZ19uYW1lIjoi5rWZ5ZWG5Lit5ouT6ZuG5Zui6IKh5Lu95pyJ6ZmQ5YWs5Y-4IiwianRpIjoiYzEyZTUxOTctZTg1OS00ZTYzLWJhNDQtYjVkOTQ2NzBlMjYzIiwibWVtYmVyX2lkIjoxNTA5NTA5ODExODI5OTUyNTEzLCJjb21wYW55X2lkIjoxNDE1ODM3OTkxNzAxMDM3MDU3LCJzeXN0ZW1faWQiOm51bGwsImRlcHRfbmFtZSI6bnVsbCwiYXZhdGFyIjoiIiwiZGF0YV9yb2xlX25hbWUiOiJhZG1pbixhZG1pbiIsImF1dGhvcml0aWVzIjpbInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6ImFkbWluaXN0cmF0b3IsdXNlciIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE1MDk1MTAyMzAzNjY5MjQ4MDIiLCJvcmdfaWQiOjE0NTc1Mjc3NjU5MTg1MTUyMDEsIm5pY2tfbmFtZSI6Iua1geeoi-S4reW_gzEwIiwiY29tcGFueV9uYW1lIjoi5rWZ5ZWG5Lit5ouT6ZuG5Zui6IKh5Lu95pyJ6ZmQ5YWs5Y-4IiwiZGVwdF9pZCI6IjE0MzI5NTYyMDI2NzQxODgyODkiLCJoYW5kbGVfaHJfbmFtZSI6bnVsbCwiYWNjb3VudCI6IndmMTAiLCJyZXN1bWVfaWQiOm51bGx9.mz7PP0RGshNbc6ynDibJASDvw1q1tmHn1rCBWQ2khEI";
|
|
43
43
|
function UploadDemo() {
|
|
44
44
|
var _this = this;
|
|
45
45
|
var _a = useState(originFileList), fileList = _a[0], setFileList = _a[1];
|
|
@@ -176,7 +176,7 @@ function UploadDemo() {
|
|
|
176
176
|
};
|
|
177
177
|
var tableHandleRef = useRef();
|
|
178
178
|
return (React.createElement("div", null,
|
|
179
|
-
React.createElement(UploadSingle, { action: "http://192.168.0.83:
|
|
179
|
+
React.createElement(UploadSingle, { action: "http://192.168.0.83:8000/api/zmdms-resource/oss/endpoint/put-file-attach", data: {
|
|
180
180
|
system: '2',
|
|
181
181
|
}, headers: {
|
|
182
182
|
'Zmdms-Auth': token,
|
|
@@ -197,7 +197,7 @@ function UploadDemo() {
|
|
|
197
197
|
system: '2',
|
|
198
198
|
},
|
|
199
199
|
// ztAccept={['.ttf']}
|
|
200
|
-
apiBaseUrl: "http://192.168.0.83:
|
|
200
|
+
apiBaseUrl: "http://192.168.0.83:8000", fileBaseUrl: "http://192.168.0.83:88", originFileList: fileList, callback: uploadCallbackFn, onDeleteCallback: function (index, file) {
|
|
201
201
|
console.log(index, file);
|
|
202
202
|
}, upload: upload, rowSelection: "checkbox", uploadTableRef: uploadTableRef, tableRestProps: {
|
|
203
203
|
tableHandleRef: tableHandleRef,
|
|
@@ -61,7 +61,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
|
61
61
|
to[j] = from[i];
|
|
62
62
|
return to;
|
|
63
63
|
};
|
|
64
|
-
import React, { useState, useEffect, memo, useMemo, useImperativeHandle, } from 'react';
|
|
64
|
+
import React, { useState, useEffect, memo, useMemo, useImperativeHandle, useRef, } from 'react';
|
|
65
65
|
import { Button, Progress, message, Popconfirm } from '../../index';
|
|
66
66
|
import Table from '../Table';
|
|
67
67
|
import dayjs from 'dayjs';
|
|
@@ -73,6 +73,10 @@ var UploadTable = function (_a) {
|
|
|
73
73
|
var _e = useState([]), dataSource = _e[0], setDataSource = _e[1];
|
|
74
74
|
var _f = useState(false), loading = _f[0], setLoading = _f[1];
|
|
75
75
|
var _g = useState(), selectedRows = _g[0], setSelectedRows = _g[1];
|
|
76
|
+
var dataSourceRef = useRef([]);
|
|
77
|
+
useEffect(function () {
|
|
78
|
+
dataSourceRef.current = dataSource;
|
|
79
|
+
}, [dataSource]);
|
|
76
80
|
useImperativeHandle(uploadTableRef, function () { return ({
|
|
77
81
|
getSelectedRows: function () { return selectedRows; },
|
|
78
82
|
}); }, [selectedRows]);
|
|
@@ -128,72 +132,7 @@ var UploadTable = function (_a) {
|
|
|
128
132
|
ellipsis: false,
|
|
129
133
|
fixed: 'right',
|
|
130
134
|
render: function (text, record, index) {
|
|
131
|
-
|
|
132
|
-
// '1' 预览 '2' 下载 '3' 删除
|
|
133
|
-
var authDownloadBtn = typeof operationAuth === 'string' &&
|
|
134
|
-
operationAuth.indexOf('2') !== -1
|
|
135
|
-
? true
|
|
136
|
-
: false;
|
|
137
|
-
var authPreviewBtn = typeof operationAuth === 'string' &&
|
|
138
|
-
operationAuth.indexOf('1') !== -1
|
|
139
|
-
? true
|
|
140
|
-
: false;
|
|
141
|
-
var authDeleteBtn = typeof operationAuth === 'string' &&
|
|
142
|
-
operationAuth.indexOf('3') !== -1
|
|
143
|
-
? true
|
|
144
|
-
: false;
|
|
145
|
-
return (React.createElement(React.Fragment, null,
|
|
146
|
-
((typeof operationAuth === 'string'
|
|
147
|
-
? authDownloadBtn
|
|
148
|
-
: showDownloadBtn) ||
|
|
149
|
-
((typeof operationAuth === 'string'
|
|
150
|
-
? authPreviewBtn
|
|
151
|
-
: showPreviewBtn) &&
|
|
152
|
-
(record === null || record === void 0 ? void 0 : record.fileSize) >= 10 * 1024 * 1024)) && (React.createElement(Button, { type: "link", style: {
|
|
153
|
-
height: 28,
|
|
154
|
-
}, onClick: function () {
|
|
155
|
-
if (isPublic) {
|
|
156
|
-
downloadPublicFile(apiBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, record === null || record === void 0 ? void 0 : record.fileName);
|
|
157
|
-
}
|
|
158
|
-
else {
|
|
159
|
-
// downloadFile(
|
|
160
|
-
// apiBaseUrl,
|
|
161
|
-
// record?.fileId,
|
|
162
|
-
// record?.fileName,
|
|
163
|
-
// authToken
|
|
164
|
-
// );
|
|
165
|
-
downloadFileCallBack(apiBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, record === null || record === void 0 ? void 0 : record.fileName, {
|
|
166
|
-
authToken: authToken,
|
|
167
|
-
callbackAfter: function () {
|
|
168
|
-
onDownLoadCallbackAfter &&
|
|
169
|
-
onDownLoadCallbackAfter(record);
|
|
170
|
-
},
|
|
171
|
-
});
|
|
172
|
-
}
|
|
173
|
-
} }, "\u4E0B\u8F7D")),
|
|
174
|
-
(typeof operationAuth === 'string'
|
|
175
|
-
? authPreviewBtn
|
|
176
|
-
: showPreviewBtn) && (React.createElement(Button, { type: "link", style: {
|
|
177
|
-
height: 28,
|
|
178
|
-
}, onClick: function () {
|
|
179
|
-
if ((record === null || record === void 0 ? void 0 : record.fileSize) >= 10 * 1024 * 1024) {
|
|
180
|
-
message.warning('文件过大，暂不支持在线预览，请先下载后查看!');
|
|
181
|
-
}
|
|
182
|
-
else {
|
|
183
|
-
previewFile(fileBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, {
|
|
184
|
-
titleName: record === null || record === void 0 ? void 0 : record.fileName,
|
|
185
|
-
authToken: authToken,
|
|
186
|
-
});
|
|
187
|
-
onPreviewCallbackBefore &&
|
|
188
|
-
onPreviewCallbackBefore(record);
|
|
189
|
-
}
|
|
190
|
-
} }, "\u9884\u89C8")),
|
|
191
|
-
(typeof operationAuth === 'string'
|
|
192
|
-
? authDeleteBtn
|
|
193
|
-
: showDeleteBtn) && (React.createElement(Popconfirm, { title: "\u662F\u5426\u5220\u9664\u8BE5\u6761\u6570\u636E?", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onDeleteFile(record, index); } },
|
|
194
|
-
React.createElement(Button, { style: {
|
|
195
|
-
height: 28,
|
|
196
|
-
}, type: "link" }, "\u5220\u9664")))));
|
|
135
|
+
return createOpt(text, record, index);
|
|
197
136
|
},
|
|
198
137
|
},
|
|
199
138
|
]) : __spreadArray(__spreadArray(__spreadArray(__spreadArray([], startColumns), [
|
|
@@ -235,75 +174,108 @@ var UploadTable = function (_a) {
|
|
|
235
174
|
ellipsis: false,
|
|
236
175
|
fixed: 'right',
|
|
237
176
|
render: function (text, record, index) {
|
|
238
|
-
|
|
239
|
-
// '1' 预览 '2' 下载 '3' 删除
|
|
240
|
-
var authDownloadBtn = typeof operationAuth === 'string' &&
|
|
241
|
-
operationAuth.indexOf('2') !== -1
|
|
242
|
-
? true
|
|
243
|
-
: false;
|
|
244
|
-
var authPreviewBtn = typeof operationAuth === 'string' &&
|
|
245
|
-
operationAuth.indexOf('1') !== -1
|
|
246
|
-
? true
|
|
247
|
-
: false;
|
|
248
|
-
var authDeleteBtn = typeof operationAuth === 'string' &&
|
|
249
|
-
operationAuth.indexOf('3') !== -1
|
|
250
|
-
? true
|
|
251
|
-
: false;
|
|
252
|
-
return (React.createElement(React.Fragment, null,
|
|
253
|
-
((typeof operationAuth === 'string'
|
|
254
|
-
? authDownloadBtn
|
|
255
|
-
: showDownloadBtn) ||
|
|
256
|
-
((typeof operationAuth === 'string'
|
|
257
|
-
? authPreviewBtn
|
|
258
|
-
: showPreviewBtn) &&
|
|
259
|
-
(record === null || record === void 0 ? void 0 : record.fileSize) >= 10 * 1024 * 1024)) && (React.createElement(Button, { type: "link", style: {
|
|
260
|
-
height: 28,
|
|
261
|
-
}, onClick: function () {
|
|
262
|
-
if (isPublic) {
|
|
263
|
-
downloadPublicFile(apiBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, record === null || record === void 0 ? void 0 : record.fileName);
|
|
264
|
-
}
|
|
265
|
-
else {
|
|
266
|
-
// downloadFile(
|
|
267
|
-
// apiBaseUrl,
|
|
268
|
-
// record?.fileId,
|
|
269
|
-
// record?.fileName,
|
|
270
|
-
// authToken
|
|
271
|
-
// );
|
|
272
|
-
downloadFileCallBack(apiBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, record === null || record === void 0 ? void 0 : record.fileName, {
|
|
273
|
-
authToken: authToken,
|
|
274
|
-
callbackAfter: function () {
|
|
275
|
-
onDownLoadCallbackAfter &&
|
|
276
|
-
onDownLoadCallbackAfter(record);
|
|
277
|
-
},
|
|
278
|
-
});
|
|
279
|
-
}
|
|
280
|
-
} }, "\u4E0B\u8F7D")),
|
|
281
|
-
(typeof operationAuth === 'string'
|
|
282
|
-
? authPreviewBtn
|
|
283
|
-
: showPreviewBtn) && (React.createElement(Button, { type: "link", style: {
|
|
284
|
-
height: 28,
|
|
285
|
-
}, onClick: function () {
|
|
286
|
-
if ((record === null || record === void 0 ? void 0 : record.fileSize) >= 10 * 1024 * 1024) {
|
|
287
|
-
message.warning('文件过大，暂不支持在线预览，请先下载后查看!');
|
|
288
|
-
}
|
|
289
|
-
else {
|
|
290
|
-
previewFile(fileBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, {
|
|
291
|
-
titleName: record === null || record === void 0 ? void 0 : record.fileName,
|
|
292
|
-
authToken: authToken,
|
|
293
|
-
});
|
|
294
|
-
onPreviewCallbackBefore &&
|
|
295
|
-
onPreviewCallbackBefore(record);
|
|
296
|
-
}
|
|
297
|
-
} }, "\u9884\u89C8")),
|
|
298
|
-
(typeof operationAuth === 'string'
|
|
299
|
-
? authDeleteBtn
|
|
300
|
-
: showDeleteBtn) && (React.createElement(Popconfirm, { title: "\u662F\u5426\u5220\u9664\u8BE5\u6761\u6570\u636E?", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onDeleteFile(record, index); } },
|
|
301
|
-
React.createElement(Button, { style: {
|
|
302
|
-
height: 28,
|
|
303
|
-
}, type: "link" }, "\u5220\u9664")))));
|
|
177
|
+
return createOpt(text, record, index);
|
|
304
178
|
},
|
|
305
179
|
},
|
|
306
180
|
]);
|
|
181
|
+
function createOpt(text, record, index) {
|
|
182
|
+
var operationAuth = record === null || record === void 0 ? void 0 : record.operationAuth;
|
|
183
|
+
// '1' 预览 '2' 下载 '3' 删除
|
|
184
|
+
var authDownloadBtn = typeof operationAuth === 'string' && operationAuth.indexOf('2') !== -1
|
|
185
|
+
? true
|
|
186
|
+
: false;
|
|
187
|
+
var authPreviewBtn = typeof operationAuth === 'string' && operationAuth.indexOf('1') !== -1
|
|
188
|
+
? true
|
|
189
|
+
: false;
|
|
190
|
+
var authDeleteBtn = typeof operationAuth === 'string' && operationAuth.indexOf('3') !== -1
|
|
191
|
+
? true
|
|
192
|
+
: false;
|
|
193
|
+
return (React.createElement(React.Fragment, null,
|
|
194
|
+
((typeof operationAuth === 'string'
|
|
195
|
+
? authDownloadBtn
|
|
196
|
+
: showDownloadBtn) ||
|
|
197
|
+
((typeof operationAuth === 'string'
|
|
198
|
+
? authPreviewBtn
|
|
199
|
+
: showPreviewBtn) &&
|
|
200
|
+
(record === null || record === void 0 ? void 0 : record.fileSize) >= 10 * 1024 * 1024)) && (React.createElement(Button, { type: "link", style: {
|
|
201
|
+
height: 28,
|
|
202
|
+
}, loading: record === null || record === void 0 ? void 0 : record.loading, onClick: function () {
|
|
203
|
+
var newDataSource = dataSource.slice();
|
|
204
|
+
newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: true }));
|
|
205
|
+
setDataSource(newDataSource);
|
|
206
|
+
if (isPublic) {
|
|
207
|
+
downloadPublicFile(apiBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, record === null || record === void 0 ? void 0 : record.fileName, {
|
|
208
|
+
callbackAfter: function () {
|
|
209
|
+
var _a, _b, _c;
|
|
210
|
+
var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
|
|
211
|
+
if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
|
|
212
|
+
newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
|
|
213
|
+
setDataSource(newDataSource);
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
callbackError: function () {
|
|
217
|
+
var _a, _b, _c;
|
|
218
|
+
var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
|
|
219
|
+
if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
|
|
220
|
+
newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
|
|
221
|
+
setDataSource(newDataSource);
|
|
222
|
+
}
|
|
223
|
+
},
|
|
224
|
+
});
|
|
225
|
+
}
|
|
226
|
+
else {
|
|
227
|
+
// downloadFile(
|
|
228
|
+
// apiBaseUrl,
|
|
229
|
+
// record?.fileId,
|
|
230
|
+
// record?.fileName,
|
|
231
|
+
// authToken
|
|
232
|
+
// );
|
|
233
|
+
downloadFileCallBack(apiBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, record === null || record === void 0 ? void 0 : record.fileName, {
|
|
234
|
+
authToken: authToken,
|
|
235
|
+
callbackAfter: function () {
|
|
236
|
+
var _a, _b, _c;
|
|
237
|
+
var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
|
|
238
|
+
if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
|
|
239
|
+
newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
|
|
240
|
+
setDataSource(newDataSource);
|
|
241
|
+
}
|
|
242
|
+
onDownLoadCallbackAfter &&
|
|
243
|
+
onDownLoadCallbackAfter(record);
|
|
244
|
+
},
|
|
245
|
+
callbackError: function () {
|
|
246
|
+
var _a, _b, _c;
|
|
247
|
+
var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
|
|
248
|
+
if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
|
|
249
|
+
newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
|
|
250
|
+
setDataSource(newDataSource);
|
|
251
|
+
}
|
|
252
|
+
},
|
|
253
|
+
});
|
|
254
|
+
}
|
|
255
|
+
} }, "\u4E0B\u8F7D")),
|
|
256
|
+
(typeof operationAuth === 'string'
|
|
257
|
+
? authPreviewBtn
|
|
258
|
+
: showPreviewBtn) && (React.createElement(Button, { type: "link", style: {
|
|
259
|
+
height: 28,
|
|
260
|
+
}, onClick: function () {
|
|
261
|
+
if ((record === null || record === void 0 ? void 0 : record.fileSize) >= 10 * 1024 * 1024) {
|
|
262
|
+
message.warning('文件过大，暂不支持在线预览，请先下载后查看!');
|
|
263
|
+
}
|
|
264
|
+
else {
|
|
265
|
+
previewFile(fileBaseUrl, record === null || record === void 0 ? void 0 : record.fileId, {
|
|
266
|
+
titleName: record === null || record === void 0 ? void 0 : record.fileName,
|
|
267
|
+
authToken: authToken,
|
|
268
|
+
});
|
|
269
|
+
onPreviewCallbackBefore && onPreviewCallbackBefore(record);
|
|
270
|
+
}
|
|
271
|
+
} }, "\u9884\u89C8")),
|
|
272
|
+
(typeof operationAuth === 'string'
|
|
273
|
+
? authDeleteBtn
|
|
274
|
+
: showDeleteBtn) && (React.createElement(Popconfirm, { title: "\u662F\u5426\u5220\u9664\u8BE5\u6761\u6570\u636E?", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onDeleteFile(record, index); } },
|
|
275
|
+
React.createElement(Button, { style: {
|
|
276
|
+
height: 28,
|
|
277
|
+
}, type: "link" }, "\u5220\u9664")))));
|
|
278
|
+
}
|
|
307
279
|
/**重新上传 */
|
|
308
280
|
function onSubmitFile(file, index) {
|
|
309
281
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -466,7 +438,11 @@ var UploadTable = function (_a) {
|
|
|
466
438
|
? {
|
|
467
439
|
type: rowSelection,
|
|
468
440
|
onChange: function (selectedRowKeys, selectedRows) {
|
|
469
|
-
setSelectedRows(selectedRows)
|
|
441
|
+
setSelectedRows(selectedRows.map(function (item) {
|
|
442
|
+
var newItem = __assign({}, item);
|
|
443
|
+
Reflect.deleteProperty(newItem, 'loading');
|
|
444
|
+
return newItem;
|
|
445
|
+
}));
|
|
470
446
|
},
|
|
471
447
|
}
|
|
472
448
|
: rowSelection;
|
|
@@ -14,7 +14,7 @@ var ElectronicSeal = function (_a) {
|
|
|
14
14
|
overflowY: 'auto',
|
|
15
15
|
overflowX: 'hidden',
|
|
16
16
|
} },
|
|
17
|
-
React.createElement(Checkbox.Group, { defaultValue: value, onChange: onChange, className: "flex-checkbox-group", disabled: !isEdit }, Array.isArray(electronicList) &&
|
|
17
|
+
React.createElement(Checkbox.Group, { defaultValue: value, value: value, onChange: onChange, className: "flex-checkbox-group", disabled: !isEdit }, Array.isArray(electronicList) &&
|
|
18
18
|
electronicList.map(function (item) {
|
|
19
19
|
return (React.createElement(Checkbox, { key: item.sealId, value: item.sealId }, item.sealName));
|
|
20
20
|
}))));
|
|
@@ -6,14 +6,13 @@ import React from 'react';
|
|
|
6
6
|
interface IProps {
|
|
7
7
|
value?: any;
|
|
8
8
|
onChange?: any;
|
|
9
|
-
ZT_API_BASEURL: string;
|
|
10
9
|
isEdit: boolean;
|
|
11
10
|
showContranctNum: boolean;
|
|
12
11
|
sealList: any;
|
|
13
12
|
handleRef?: any;
|
|
14
|
-
querySealStatus?: () => void;
|
|
15
13
|
checked: boolean;
|
|
16
14
|
form: any;
|
|
15
|
+
setQunjSeal: any;
|
|
17
16
|
}
|
|
18
17
|
declare const QunjSeal: React.FC<IProps>;
|
|
19
18
|
export default QunjSeal;
|
|
@@ -23,29 +23,22 @@ import { Form, InputNumber, SearchContainer, Radio } from '../../../../index';
|
|
|
23
23
|
import { SealCheckboxGroup } from './SealCheckbox';
|
|
24
24
|
var Item = SearchContainer.SearchItem;
|
|
25
25
|
var QunjSeal = function (_a) {
|
|
26
|
-
var value = _a.value, onChange = _a.onChange,
|
|
26
|
+
var value = _a.value, onChange = _a.onChange, isEdit = _a.isEdit, showContranctNum = _a.showContranctNum, sealList = _a.sealList, handleRef = _a.handleRef, checked = _a.checked, form = _a.form, setQunjSeal = _a.setQunjSeal;
|
|
27
27
|
useEffect(function () {
|
|
28
28
|
if (value) {
|
|
29
|
-
|
|
29
|
+
var _value = __assign(__assign(__assign({}, value), { isTakeOut: "" + value.isTakeOut === '1' ? 1 : 0 }), (value.contranctNum ? {} : { contranctNum: 1 }));
|
|
30
|
+
form.setFieldsValue(_value);
|
|
31
|
+
setQunjSeal(_value);
|
|
30
32
|
}
|
|
31
|
-
}, [value, form]);
|
|
33
|
+
}, [value, form, setQunjSeal]);
|
|
32
34
|
var onSealCheckboxHandle = function (values) {
|
|
33
35
|
form.setFieldsValue({
|
|
34
36
|
values: values,
|
|
35
37
|
});
|
|
36
38
|
};
|
|
37
39
|
var onValuesChangeHandle = function (value, allValues) {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
if (result &&
|
|
41
|
-
Object.keys(result).length === 1 &&
|
|
42
|
-
Object.keys(result)[0] === 'needQj' &&
|
|
43
|
-
Object.keys(result)[0]) {
|
|
44
|
-
result = __assign(__assign({}, result), { isTakeOut: 0, details: [], contranctNum: 1 });
|
|
45
|
-
(_a = handleRef === null || handleRef === void 0 ? void 0 : handleRef.current) === null || _a === void 0 ? void 0 : _a.getData('enable');
|
|
46
|
-
}
|
|
47
|
-
onChange && onChange(result);
|
|
48
|
-
form.setFieldsValue(result);
|
|
40
|
+
onChange && onChange(allValues);
|
|
41
|
+
form.setFieldsValue(allValues);
|
|
49
42
|
};
|
|
50
43
|
/** 渲染SealCheckboxGroup组件 */
|
|
51
44
|
var getSealCheckboxGroupRender = function () {
|
|
@@ -54,7 +47,7 @@ var QunjSeal = function (_a) {
|
|
|
54
47
|
overflowY: 'auto',
|
|
55
48
|
overflowX: 'hidden',
|
|
56
49
|
} },
|
|
57
|
-
React.createElement(SealCheckboxGroup, { sealList: sealList, onChange: onSealCheckboxHandle, handleRef: handleRef, isEdit: isEdit
|
|
50
|
+
React.createElement(SealCheckboxGroup, { sealList: sealList, onChange: onSealCheckboxHandle, handleRef: handleRef, isEdit: isEdit })));
|
|
58
51
|
};
|
|
59
52
|
return (React.createElement(Form, { form: form, onValuesChange: onValuesChangeHandle }, checked ? (React.createElement(React.Fragment, null,
|
|
60
53
|
React.createElement("div", { style: {
|
|
@@ -71,7 +64,7 @@ var QunjSeal = function (_a) {
|
|
|
71
64
|
React.createElement(Radio, { value: 1 }, "\u5916\u90E8\u7528\u5370")))),
|
|
72
65
|
showContranctNum ? (React.createElement("div", { style: { display: 'flex', lineHeight: '32px' } },
|
|
73
66
|
React.createElement(Item, { name: "contranctNum", label: "\u5408\u540C\u4EFD\u6570", width: "all", colon: false },
|
|
74
|
-
React.createElement(InputNumber, { disabled: !isEdit, size: "small", min:
|
|
67
|
+
React.createElement(InputNumber, { disabled: !isEdit, size: "small", min: 1, style: { width: '60px' } })),
|
|
75
68
|
React.createElement("div", { style: { margin: 'auto 42px auto 16px' } }, "\u4EFD"))) : ('')),
|
|
76
69
|
getSealCheckboxGroupRender())) : (React.createElement(React.Fragment, null))));
|
|
77
70
|
};
|
|
@@ -7,10 +7,8 @@ interface IProps {
|
|
|
7
7
|
name: string;
|
|
8
8
|
id: string;
|
|
9
9
|
isEdit: boolean;
|
|
10
|
-
showContranctNum: boolean;
|
|
11
10
|
value?: any;
|
|
12
11
|
onChange?: any;
|
|
13
|
-
handleRef?: any;
|
|
14
12
|
}
|
|
15
13
|
declare const SealCheckbox: React.FC<IProps>;
|
|
16
14
|
interface ISealProps {
|
|
@@ -24,7 +22,6 @@ interface ISealProps {
|
|
|
24
22
|
}[];
|
|
25
23
|
handleRef?: any;
|
|
26
24
|
isEdit: boolean;
|
|
27
|
-
showContranctNum: boolean;
|
|
28
25
|
}
|
|
29
26
|
declare const SealCheckboxGroup: React.FC<ISealProps>;
|
|
30
27
|
export { SealCheckboxGroup };
|
|
@@ -26,22 +26,16 @@ import { Checkbox, InputNumber, SearchContainer } from '../../../../index';
|
|
|
26
26
|
import { message } from 'antd';
|
|
27
27
|
var Item = SearchContainer.SearchItem;
|
|
28
28
|
var SealCheckbox = function (_a) {
|
|
29
|
-
var name = _a.name, id = _a.id, value = _a.value, onChange = _a.onChange, isEdit = _a.isEdit
|
|
29
|
+
var name = _a.name, id = _a.id, value = _a.value, onChange = _a.onChange, isEdit = _a.isEdit;
|
|
30
30
|
var onCheckboxChange = function (e) {
|
|
31
31
|
onChange &&
|
|
32
32
|
onChange(__assign(__assign({}, (value || {})), { sealName: e.target.checked ? name : null, sealNo: e.target.checked ? id : null }));
|
|
33
33
|
};
|
|
34
34
|
var onNumberChange = function (count) {
|
|
35
|
-
var _a, _b;
|
|
36
|
-
var contractNum = (_b = (_a = handleRef === null || handleRef === void 0 ? void 0 : handleRef.current) === null || _a === void 0 ? void 0 : _a.getData().qunjSeal) === null || _b === void 0 ? void 0 : _b.contranctNum;
|
|
37
35
|
var num = count;
|
|
38
36
|
if (count < 1) {
|
|
39
37
|
num = 1;
|
|
40
38
|
}
|
|
41
|
-
if (typeof contractNum !== 'number' && showContranctNum && onChange) {
|
|
42
|
-
message.info('请输入合同份数！');
|
|
43
|
-
num = null;
|
|
44
|
-
}
|
|
45
39
|
if (typeof num !== 'number' && value) {
|
|
46
40
|
Reflect.deleteProperty(value, 'sealCount');
|
|
47
41
|
}
|
|
@@ -56,7 +50,13 @@ var SealCheckbox = function (_a) {
|
|
|
56
50
|
justifyContent: 'space-between',
|
|
57
51
|
height: '32px',
|
|
58
52
|
} },
|
|
59
|
-
React.createElement(Checkbox, { onChange: onCheckboxChange, checked: value && value.sealNo ? true : false, disabled: !isEdit, style: { width: '70%' } },
|
|
53
|
+
React.createElement(Checkbox, { onChange: onCheckboxChange, checked: value && value.sealNo ? true : false, disabled: !isEdit, style: { width: '70%' } },
|
|
54
|
+
React.createElement("div", { style: {
|
|
55
|
+
textOverflow: 'ellipsis',
|
|
56
|
+
overflow: 'hidden',
|
|
57
|
+
width: '320px',
|
|
58
|
+
whiteSpace: 'nowrap',
|
|
59
|
+
}, title: name }, name)),
|
|
60
60
|
React.createElement("div", { style: { display: 'flex', lineHeight: '32px' } },
|
|
61
61
|
React.createElement("div", { style: { marginRight: '5px' } }, "\u7528\u5370"),
|
|
62
62
|
React.createElement(Item, { noLabel: true, width: "half" },
|
|
@@ -66,7 +66,7 @@ var SealCheckbox = function (_a) {
|
|
|
66
66
|
React.createElement("div", { style: { marginLeft: '50px' } }, "\u6B21"))));
|
|
67
67
|
};
|
|
68
68
|
var SealCheckboxGroup = function (_a) {
|
|
69
|
-
var value = _a.value, onChange = _a.onChange, sealList = _a.sealList, handleRef = _a.handleRef, isEdit = _a.isEdit
|
|
69
|
+
var value = _a.value, onChange = _a.onChange, sealList = _a.sealList, handleRef = _a.handleRef, isEdit = _a.isEdit;
|
|
70
70
|
var onChangeHandle = function (_value, index, sealNo, type) {
|
|
71
71
|
var _a, _b, _c, _d;
|
|
72
72
|
var contractNum = (_b = (_a = handleRef === null || handleRef === void 0 ? void 0 : handleRef.current) === null || _a === void 0 ? void 0 : _a.getData().qunjSeal) === null || _b === void 0 ? void 0 : _b.contranctNum;
|
|
@@ -115,7 +115,7 @@ var SealCheckboxGroup = function (_a) {
|
|
|
115
115
|
if (Array.isArray(value)) {
|
|
116
116
|
itemValue = value.find(function (valueItem) { return valueItem.sealNo === item.sealNo; });
|
|
117
117
|
}
|
|
118
|
-
return (React.createElement(SealCheckbox, { key: item === null || item === void 0 ? void 0 : item.sealNo, name: item === null || item === void 0 ? void 0 : item.sealName, id: item === null || item === void 0 ? void 0 : item.sealNo, value: itemValue, isEdit: isEdit,
|
|
118
|
+
return (React.createElement(SealCheckbox, { key: item === null || item === void 0 ? void 0 : item.sealNo, name: item === null || item === void 0 ? void 0 : item.sealName, id: item === null || item === void 0 ? void 0 : item.sealNo, value: itemValue, isEdit: isEdit, onChange: function (value, type) {
|
|
119
119
|
onChangeHandle(value, index, item.sealNo, type);
|
|
120
120
|
} }));
|
|
121
121
|
})));
|
|
@@ -103,6 +103,8 @@ var Sinatures = function (_a) {
|
|
|
103
103
|
var form = Form.useForm()[0];
|
|
104
104
|
// 是否加盖群杰印章
|
|
105
105
|
var _q = useState(true), checked = _q[0], setChecked = _q[1];
|
|
106
|
+
// 盖章按钮loading
|
|
107
|
+
var _r = useState(false), loading = _r[0], setLoading = _r[1];
|
|
106
108
|
/** 是否加盖群杰印章 */
|
|
107
109
|
var needQjSealFn = function (e) {
|
|
108
110
|
if (!e.target.checked) {
|
|
@@ -222,6 +224,7 @@ var Sinatures = function (_a) {
|
|
|
222
224
|
};
|
|
223
225
|
/** 指定签署位置 */
|
|
224
226
|
var checkSealFn = function () {
|
|
227
|
+
setLoading(true);
|
|
225
228
|
// 已勾选的要加盖电子印章的附件id列表
|
|
226
229
|
var checkedElecSealIds = records
|
|
227
230
|
.filter(function (item) { return item.isElectronicSeal; })
|
|
@@ -236,14 +239,14 @@ var Sinatures = function (_a) {
|
|
|
236
239
|
deleteAttachIdList: [],
|
|
237
240
|
docAttachMap: attachMap,
|
|
238
241
|
};
|
|
239
|
-
if (!contractId) {
|
|
242
|
+
if (!(contractId || contract_id)) {
|
|
240
243
|
setDocumentIds([]);
|
|
241
244
|
setSealedIds([]);
|
|
242
245
|
params.attachIdList = checkedElecSealIds;
|
|
243
246
|
params.deleteAttachIdList = [];
|
|
244
247
|
}
|
|
245
248
|
else {
|
|
246
|
-
params.contractId = contractId;
|
|
249
|
+
params.contractId = contractId || contract_id;
|
|
247
250
|
}
|
|
248
251
|
checkedElecSealIds.forEach(function (n) {
|
|
249
252
|
if (sealedIds.length !== 0 && !sealedIds.includes(n)) {
|
|
@@ -264,15 +267,17 @@ var Sinatures = function (_a) {
|
|
|
264
267
|
})
|
|
265
268
|
.then(function (res) {
|
|
266
269
|
var _a;
|
|
270
|
+
setLoading(false);
|
|
267
271
|
if (res.status === 200 &&
|
|
268
272
|
res.data.code === 200 &&
|
|
269
273
|
res.data.data.preSignUrl) {
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
274
|
+
var sealedIdsCopy = __spreadArray([], sealedIds);
|
|
275
|
+
for (var i = sealedIdsCopy.length; i--; i >= 0) {
|
|
276
|
+
if ((_a = res.data.data.deleteAttachIdList) === null || _a === void 0 ? void 0 : _a.includes(sealedIdsCopy[i])) {
|
|
277
|
+
sealedIdsCopy.splice(i, 1);
|
|
273
278
|
}
|
|
274
279
|
}
|
|
275
|
-
setSealedIds(__spreadArray(__spreadArray([],
|
|
280
|
+
setSealedIds(__spreadArray(__spreadArray([], sealedIdsCopy), res.data.data.attachIdList));
|
|
276
281
|
setContractId(res.data.data.contractId);
|
|
277
282
|
setAttachMap(res.data.data.docAttachMap);
|
|
278
283
|
setDocumentIds(res.data.data.documentIdList);
|
|
@@ -284,6 +289,7 @@ var Sinatures = function (_a) {
|
|
|
284
289
|
})
|
|
285
290
|
.catch(function (error) {
|
|
286
291
|
var _a, _b;
|
|
292
|
+
setLoading(false);
|
|
287
293
|
message.error(((_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msg) || '请求失败！');
|
|
288
294
|
});
|
|
289
295
|
};
|
|
@@ -423,7 +429,7 @@ var Sinatures = function (_a) {
|
|
|
423
429
|
// 是否有勾选加盖电子印章
|
|
424
430
|
var hasElectronicSeal = records === null || records === void 0 ? void 0 : records.some(function (item) { return !!item.isElectronicSeal; });
|
|
425
431
|
var obj = {
|
|
426
|
-
children: (React.createElement(ElectronicSeal, { value:
|
|
432
|
+
children: (React.createElement(ElectronicSeal, { value: innerElectronicSeal, onChange: electronicSealChangeHandle, isEdit: hasElectronicSeal && isEdit, electronicList: electronicList })),
|
|
427
433
|
props: {},
|
|
428
434
|
};
|
|
429
435
|
obj.props['rowSpan'] = index === 0 ? records.length : 0;
|
|
@@ -434,13 +440,13 @@ var Sinatures = function (_a) {
|
|
|
434
440
|
title: '电子印章设置',
|
|
435
441
|
key: 'setElectronicSeal',
|
|
436
442
|
dataIndex: 'setElectronicSeal',
|
|
437
|
-
width:
|
|
443
|
+
width: 135,
|
|
438
444
|
render: function (value, row, index) {
|
|
439
445
|
var Comp = function () {
|
|
440
446
|
return records.length !== 0 ? (React.createElement("div", { style: { height: '100%', paddingTop: '23px' } },
|
|
441
447
|
React.createElement(Button, { type: "link", style: __assign({}, (checkSealVisible && isEdit
|
|
442
448
|
? {}
|
|
443
|
-
: { display: 'none' })), size: "small", onClick: checkSealFn }, "\u6307\u5B9A\u7B7E\u7F72\u4F4D\u7F6E"),
|
|
449
|
+
: { display: 'none' })), size: "small", loading: loading, onClick: checkSealFn }, "\u6307\u5B9A\u7B7E\u7F72\u4F4D\u7F6E"),
|
|
444
450
|
React.createElement(Button, { type: "link", style: __assign({}, (contractId || contract_id ? {} : { display: 'none' })), size: "small", onClick: viewSealPageFn }, "\u9884\u89C8\u76D6\u7AE0\u6548\u679C"))) : (React.createElement(React.Fragment, null));
|
|
445
451
|
};
|
|
446
452
|
var obj = {
|
|
@@ -468,7 +474,7 @@ var Sinatures = function (_a) {
|
|
|
468
474
|
width: 620,
|
|
469
475
|
render: function (value, row, index) {
|
|
470
476
|
var obj = {
|
|
471
|
-
children: (React.createElement(QunjSeal, { value: qunjSeal, onChange: qunjSealChangeHandle,
|
|
477
|
+
children: (React.createElement(QunjSeal, { value: qunjSeal, onChange: qunjSealChangeHandle, isEdit: isEdit, handleRef: handleRef, showContranctNum: showContranctNum, sealList: sealList, checked: checked, form: form, setQunjSeal: setQunjSeal })),
|
|
472
478
|
props: {},
|
|
473
479
|
};
|
|
474
480
|
obj.props['rowSpan'] = index === 0 ? records.length : 0;
|
|
@@ -493,7 +499,7 @@ var Sinatures = function (_a) {
|
|
|
493
499
|
columnsLast = columnsLast.filter(function (item) { return !['isWatermark', 'needQys'].includes(item.key); });
|
|
494
500
|
}
|
|
495
501
|
// 上传组件的数据
|
|
496
|
-
var
|
|
502
|
+
var _s = useState(), originFileList = _s[0], setOriginFileList = _s[1];
|
|
497
503
|
/** 签章组件onChange事件 */
|
|
498
504
|
var sigValuesChange = function (type, value) {
|
|
499
505
|
var _a, _b;
|
|
@@ -510,10 +516,11 @@ var Sinatures = function (_a) {
|
|
|
510
516
|
setCheckSealVisible(value ? true : hasElecSeal.length > 1 ? true : false);
|
|
511
517
|
// 去除加盖电子印章勾选时 清除合同id 等之前的信息
|
|
512
518
|
if (!value && hasElecSeal.length === 1) {
|
|
513
|
-
setSealedIds(
|
|
519
|
+
setSealedIds([]);
|
|
514
520
|
setContractId('');
|
|
515
521
|
setAttachMap(null);
|
|
516
522
|
setDocumentIds([]);
|
|
523
|
+
setElectronicSeal([]);
|
|
517
524
|
}
|
|
518
525
|
}
|
|
519
526
|
setRecords(function (preRecords) {
|
|
@@ -586,7 +593,7 @@ var Sinatures = function (_a) {
|
|
|
586
593
|
checkAttachIdList: sealedIds,
|
|
587
594
|
docAttachMap: attachMap,
|
|
588
595
|
documentIdList: documentIds,
|
|
589
|
-
contractId: contractId,
|
|
596
|
+
contractId: contractId || contract_id,
|
|
590
597
|
isTotalSealNumTooMore: isTotalSealNumTooMore,
|
|
591
598
|
};
|
|
592
599
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ztxkui",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "React components library",
|
|
6
6
|
"author": "zt-front-end",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"react-infinite-scroll-component": "^6.1.0",
|
|
24
24
|
"react-resizable": "^3.0.4",
|
|
25
25
|
"react-to-print": "^2.14.7",
|
|
26
|
-
"ztxkutils": "^2.
|
|
26
|
+
"ztxkutils": "^2.9.1"
|
|
27
27
|
},
|
|
28
28
|
"scripts": {
|
|
29
29
|
"analyze": "source-map-explorer 'dist/static/js/*.js'",
|