@kmkf-fe-packages/kmkf-work-order-service-component 2.2.44-beta.96 → 2.2.44-beta.98

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.
@@ -236,6 +236,7 @@ export declare const selectCurrentNodeDetail: (state: FlowTemplateDetailState) =
236
236
  }[];
237
237
  } | undefined;
238
238
  } | undefined;
239
+ uniqueKey: string;
239
240
  } | undefined;
240
241
  } | undefined;
241
242
  export declare const selectTid: (state: FlowTemplateDetailState) => string;
@@ -3,6 +3,7 @@ import type { SubOrder } from '../interface';
3
3
  import './index.less';
4
4
  interface PlatformOrderCardProps {
5
5
  order: SubOrder;
6
+ onCreateWorkOrder?: (orderNo?: string) => void;
6
7
  }
7
8
  /**
8
9
  * 平台订单卡片组件
@@ -8,12 +8,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
8
  * @Author: wangzhenggui jianjia.wzg@raycloud.com
9
9
  * @Date: 2026-04-01 16:27:58
10
10
  * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
11
- * @LastEditTime: 2026-04-09 11:11:22
11
+ * @LastEditTime: 2026-04-10 19:02:14
12
12
  * @FilePath: /kmkf-fe-packages/packages/kmkf-work-order-service-component/src/KmErpTradeList/components/PlatformOrderCard.tsx
13
13
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
14
14
  */
15
15
  import React, { useState } from 'react';
16
- import { Image, Tooltip, message, Button } from 'antd';
16
+ import { Image, Tooltip, message, Button, Divider } from 'antd';
17
17
  import copy from 'copy-to-clipboard';
18
18
  import { CopyOutlined } from '@ant-design/icons';
19
19
  import StockQueryDrawer from "./StockQueryDrawer";
@@ -23,7 +23,8 @@ import "./index.less";
23
23
  * 展示字段:商品图片、系统商品名、平台商家编码、系统商家编码、规格名、数量
24
24
  */
25
25
  var PlatformOrderCard = function PlatformOrderCard(_ref) {
26
- var order = _ref.order;
26
+ var order = _ref.order,
27
+ onCreateWorkOrder = _ref.onCreateWorkOrder;
27
28
  var picUrl = order.picUrl,
28
29
  sysTitle = order.sysTitle,
29
30
  outerId = order.outerId,
@@ -54,6 +55,9 @@ var PlatformOrderCard = function PlatformOrderCard(_ref) {
54
55
  }
55
56
  setDrawerVisible(true);
56
57
  };
58
+ var handleCreateWorkOrder = function handleCreateWorkOrder() {
59
+ onCreateWorkOrder === null || onCreateWorkOrder === void 0 ? void 0 : onCreateWorkOrder(tid);
60
+ };
57
61
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
58
62
  className: "platform-order-card"
59
63
  }, /*#__PURE__*/React.createElement("div", {
@@ -112,7 +116,16 @@ var PlatformOrderCard = function PlatformOrderCard(_ref) {
112
116
  className: "label"
113
117
  }, "\u6570\u91CF\uFF1A"), /*#__PURE__*/React.createElement("span", {
114
118
  className: "value"
115
- }, itemNum || '-'))))), /*#__PURE__*/React.createElement(StockQueryDrawer, {
119
+ }, itemNum || '-'))), /*#__PURE__*/React.createElement(Divider, {
120
+ type: "vertical",
121
+ className: "platform-order-divider"
122
+ }), /*#__PURE__*/React.createElement("div", {
123
+ className: "product-actions"
124
+ }, /*#__PURE__*/React.createElement(Button, {
125
+ type: "primary",
126
+ size: "small",
127
+ onClick: handleCreateWorkOrder
128
+ }, "\u65B0\u589E\u5DE5\u5355")))), /*#__PURE__*/React.createElement(StockQueryDrawer, {
116
129
  visible: drawerVisible,
117
130
  onClose: function onClose() {
118
131
  return setDrawerVisible(false);
@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
5
5
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
6
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
7
  import React, { useState } from 'react';
8
- import { Divider, Tag, Tooltip, message, Button, List, Empty, Drawer, Input } from 'antd';
8
+ import { Tag, Tooltip, message, Button, List, Empty, Drawer, Input } from 'antd';
9
9
  import { CopyOutlined, LeftOutlined } from '@ant-design/icons';
10
10
  import copy from 'copy-to-clipboard';
11
11
  import { useSelector } from 'react-redux';
@@ -59,28 +59,31 @@ var SYS_STATUS_COLOR = {
59
59
  * 系统订单卡片组件
60
60
  */
61
61
  var SystemOrderCard = function SystemOrderCard(_ref) {
62
- var _order$subOrders2, _order$subOrders2$;
63
62
  var order = _ref.order;
64
63
  var _useState = useState(''),
65
64
  _useState2 = _slicedToArray(_useState, 2),
66
65
  templateSearchValue = _useState2[0],
67
66
  setTemplateSearchValue = _useState2[1];
68
- var _useState3 = useState(false),
67
+ var _useState3 = useState(''),
69
68
  _useState4 = _slicedToArray(_useState3, 2),
70
- logDrawerVisible = _useState4[0],
71
- setLogDrawerVisible = _useState4[1];
69
+ selectedOrderNo = _useState4[0],
70
+ setSelectedOrderNo = _useState4[1];
72
71
  var _useState5 = useState(false),
73
72
  _useState6 = _slicedToArray(_useState5, 2),
74
- flowTemplateDrawerVisible = _useState6[0],
75
- setFlowTemplateDrawerVisible = _useState6[1];
73
+ logDrawerVisible = _useState6[0],
74
+ setLogDrawerVisible = _useState6[1];
76
75
  var _useState7 = useState(false),
77
76
  _useState8 = _slicedToArray(_useState7, 2),
78
- templateDrawerVisible = _useState8[0],
79
- setTemplateDrawerVisible = _useState8[1];
80
- var _useState9 = useState(null),
77
+ flowTemplateDrawerVisible = _useState8[0],
78
+ setFlowTemplateDrawerVisible = _useState8[1];
79
+ var _useState9 = useState(false),
81
80
  _useState10 = _slicedToArray(_useState9, 2),
82
- selectedFlow = _useState10[0],
83
- setSelectedFlow = _useState10[1];
81
+ templateDrawerVisible = _useState10[0],
82
+ setTemplateDrawerVisible = _useState10[1];
83
+ var _useState11 = useState(null),
84
+ _useState12 = _slicedToArray(_useState11, 2),
85
+ selectedFlow = _useState12[0],
86
+ setSelectedFlow = _useState12[1];
84
87
  var flowList = useSelector(selectFlowList);
85
88
  var shopList = useAppSelector(function (state) {
86
89
  return state.workOrder.userInfo.shopList;
@@ -147,7 +150,8 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
147
150
  };
148
151
 
149
152
  // 打开模板选择抽屉
150
- var handleOpenTemplateDrawer = function handleOpenTemplateDrawer() {
153
+ var handleOpenTemplateDrawer = function handleOpenTemplateDrawer(orderNo) {
154
+ setSelectedOrderNo(orderNo || '');
151
155
  setTemplateDrawerVisible(true);
152
156
  };
153
157
 
@@ -312,23 +316,15 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
312
316
  className: "label"
313
317
  }, "\u6536\u8D27\u5730\u5740\uFF1A"), /*#__PURE__*/React.createElement("span", {
314
318
  className: "value address"
315
- }, [receiverState, receiverCity, receiverDistrict].join(''), /*#__PURE__*/React.createElement("br", null), source === 'sys' ? [receiverName, receiverMobile, receiverAddress].join('') : '**************'))), /*#__PURE__*/React.createElement(Divider, {
316
- type: "vertical",
317
- className: "order-info-divider"
318
- }), /*#__PURE__*/React.createElement("div", {
319
- className: "order-info-right"
320
- }, /*#__PURE__*/React.createElement(Button, {
321
- type: "primary",
322
- block: true,
323
- onClick: handleOpenTemplateDrawer
324
- }, "\u65B0\u589E\u5DE5\u5355"))), /*#__PURE__*/React.createElement("div", {
319
+ }, [receiverState, receiverCity, receiverDistrict].join(''), /*#__PURE__*/React.createElement("br", null), source === 'sys' ? [receiverName, receiverMobile, receiverAddress].join('') : '**************')))), /*#__PURE__*/React.createElement("div", {
325
320
  className: "system-order-footer"
326
321
  }, /*#__PURE__*/React.createElement("div", {
327
322
  className: "platform-orders-list"
328
323
  }, subOrders.map(function (subOrder, index) {
329
324
  return /*#__PURE__*/React.createElement(PlatformOrderCard, {
330
325
  key: subOrder.tid || index,
331
- order: subOrder
326
+ order: subOrder,
327
+ onCreateWorkOrder: handleOpenTemplateDrawer
332
328
  });
333
329
  })))), /*#__PURE__*/React.createElement(OrderLogDrawer, {
334
330
  visible: logDrawerVisible,
@@ -359,7 +355,7 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
359
355
  flowWorkOrderId: '',
360
356
  plat: {
361
357
  accountName: accountName,
362
- orderNo: order === null || order === void 0 ? void 0 : (_order$subOrders2 = order.subOrders) === null || _order$subOrders2 === void 0 ? void 0 : (_order$subOrders2$ = _order$subOrders2[0]) === null || _order$subOrders2$ === void 0 ? void 0 : _order$subOrders2$.tid,
358
+ orderNo: selectedOrderNo,
363
359
  buyerId: buyerId,
364
360
  buyerNick: buyerNick,
365
361
  platform: platform,
@@ -370,10 +366,7 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
370
366
  hasSuperAdminRole: hasSuperAdminRole
371
367
  },
372
368
  otherInfo: {},
373
- callbackDealWorkOrderSuccess: handleDealWorkOrderSuccess,
374
- onOpenWangWang: function onOpenWangWang() {
375
- return void 0;
376
- }
369
+ callbackDealWorkOrderSuccess: handleDealWorkOrderSuccess
377
370
  })));
378
371
  };
379
372
  export default SystemOrderCard;
@@ -107,23 +107,12 @@
107
107
  gap: 16px;
108
108
  padding: 4px 8px;
109
109
  border-bottom: 1px solid #f0f0f0;
110
- .order-info-divider {
111
- height: auto;
112
- }
113
110
 
114
111
  .order-info-left {
115
112
  flex: 1;
116
113
  min-width: 0;
117
114
  }
118
115
 
119
- .order-info-right {
120
- flex-shrink: 0;
121
- display: flex;
122
- flex-direction: column;
123
- justify-content: center;
124
- align-items: center;
125
- }
126
-
127
116
  .order-info-row {
128
117
  display: flex;
129
118
  margin-bottom: 6px;
@@ -217,6 +206,7 @@
217
206
  .platform-order-body {
218
207
  display: flex;
219
208
  gap: 10px;
209
+ align-items: center;
220
210
  background-color: #fff;
221
211
  padding: 8px;
222
212
  .product-image {
@@ -254,7 +244,7 @@
254
244
  overflow: hidden;
255
245
  text-overflow: ellipsis;
256
246
  display: -webkit-box;
257
- -webkit-line-clamp: 2;
247
+ -webkit-line-clamp: 3;
258
248
  -webkit-box-orient: vertical;
259
249
  }
260
250
 
@@ -280,6 +270,20 @@
280
270
  }
281
271
  }
282
272
  }
273
+
274
+ .platform-order-divider {
275
+ align-self: stretch;
276
+ height: auto;
277
+ margin: 0 4px;
278
+ }
279
+
280
+ .product-actions {
281
+ flex-shrink: 0;
282
+ display: flex;
283
+ align-items: center;
284
+ justify-content: center;
285
+ min-width: 88px;
286
+ }
283
287
  }
284
288
  }
285
289
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kmkf-fe-packages/kmkf-work-order-service-component",
3
- "version": "2.2.44-beta.96",
3
+ "version": "2.2.44-beta.98",
4
4
  "module": "dist/esm/index.js",
5
5
  "typings": "dist/esm/index.d.ts",
6
6
  "files": [
@@ -32,9 +32,9 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@ant-design/icons": "^4.7.0",
35
- "@kmkf-fe-packages/basic-components": "2.2.44-beta.94",
36
- "@kmkf-fe-packages/kmkf-utils": "2.2.44-beta.81",
37
- "@kmkf-fe-packages/services-components": "2.2.44-beta.94",
35
+ "@kmkf-fe-packages/basic-components": "2.2.44-beta.98",
36
+ "@kmkf-fe-packages/kmkf-utils": "2.2.44-beta.98",
37
+ "@kmkf-fe-packages/services-components": "2.2.44-beta.98",
38
38
  "@reduxjs/toolkit": "^1.8.5",
39
39
  "ahooks": "^3.7.4",
40
40
  "copy-to-clipboard": "^3.3.3",
@@ -75,7 +75,7 @@
75
75
  "publishConfig": {
76
76
  "access": "public"
77
77
  },
78
- "gitHead": "a164ac77bce709744010639ada694db0be99e5d5",
78
+ "gitHead": "2ce24d1345b57a54236334ff5248d56e8fce7874",
79
79
  "gitHooks": {
80
80
  "pre-commit": "lint-staged"
81
81
  }