@kmkf-fe-packages/kmkf-work-order-service-component 2.2.44-beta.93 → 2.2.44-beta.95

package/dist/esm/KmErpTradeList/components/OrderLogDrawer.js

@@ -106,7 +106,7 @@ var OrderLogDrawer = function OrderLogDrawer(_ref) {
     placement: "right",
     onClose: onClose,
     open: visible,
-    width: 500,
+    width: '100%',
     className: "order-log-drawer"
   }, /*#__PURE__*/React.createElement("div", {
     className: "order-log-content"

package/dist/esm/KmErpTradeList/components/PlatformOrderCard.js

@@ -8,7 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * @Author: wangzhenggui jianjia.wzg@raycloud.com
  * @Date: 2026-04-01 16:27:58
  * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
- * @LastEditTime: 2026-04-02 16:20:30
+ * @LastEditTime: 2026-04-09 11:11:22
  * @FilePath: /kmkf-fe-packages/packages/kmkf-work-order-service-component/src/KmErpTradeList/components/PlatformOrderCard.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -85,7 +85,7 @@ var PlatformOrderCard = function PlatformOrderCard(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "product-name",
     title: sysTitle
-  }, source !== 'sys' ? '【平台赠品】' : '【赠品】', sysTitle), /*#__PURE__*/React.createElement("div", {
+  }, sysTitle), /*#__PURE__*/React.createElement("div", {
     className: "product-row"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"

package/dist/esm/KmErpTradeList/components/SystemOrderCard.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
-import { Divider, Tag, Tooltip, message, Button, Popover, List, Empty, Drawer } from 'antd';
+import { Divider, Tag, Tooltip, message, Button, List, Empty, Drawer } from 'antd';
 import { CopyOutlined, LeftOutlined } from '@ant-design/icons';
 import copy from 'copy-to-clipboard';
 import { useSelector } from 'react-redux';
@@ -66,12 +66,12 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
     setLogDrawerVisible = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    flowListPopoverVisible = _useState4[0],
-    setFlowListPopoverVisible = _useState4[1];
+    flowTemplateDrawerVisible = _useState4[0],
+    setFlowTemplateDrawerVisible = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    flowTemplateDrawerVisible = _useState6[0],
-    setFlowTemplateDrawerVisible = _useState6[1];
+    templateDrawerVisible = _useState6[0],
+    setTemplateDrawerVisible = _useState6[1];
   var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
     selectedFlow = _useState8[0],
@@ -96,7 +96,6 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
     buyerId = platformInfo.buyerId,
     platform = platformInfo.platform,
     shopId = platformInfo.shopId,
-    orderNo = platformInfo.orderNo,
     userKey = platformInfo.userKey;
   var hasBindWdt = useAppSelector(function (state) {
     var _JSON$parse, _JSON$parse$plugins, _JSON$parse$plugins$w;
@@ -128,6 +127,7 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
     timeoutActionTime = order.timeoutActionTime,
     sysMemo = order.sysMemo,
     source = order.source;
+
   // 复制系统订单号
   var handleCopySid = function handleCopySid() {
     if (sid) {
@@ -141,6 +141,35 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
     setLogDrawerVisible(true);
   };
 
+  // 打开模板选择抽屉
+  var handleOpenTemplateDrawer = function handleOpenTemplateDrawer() {
+    setTemplateDrawerVisible(true);
+  };
+
+  // 关闭模板选择抽屉
+  var handleCloseTemplateDrawer = function handleCloseTemplateDrawer() {
+    setTemplateDrawerVisible(false);
+  };
+
+  // 选择工单模板
+  var handleSelectFlow = function handleSelectFlow(flow) {
+    setSelectedFlow(flow);
+    setTemplateDrawerVisible(false);
+    setFlowTemplateDrawerVisible(true);
+  };
+
+  // 关闭工单表单抽屉
+  var handleCloseFlowTemplate = function handleCloseFlowTemplate() {
+    setFlowTemplateDrawerVisible(false);
+  };
+
+  // 工单处理成功回调
+  var handleDealWorkOrderSuccess = function handleDealWorkOrderSuccess(type) {
+    if (['submit', 'forward', 'close', 'rejected'].includes(type)) {
+      handleCloseFlowTemplate();
+    }
+  };
+
   // 格式化时间戳
   var formatTime = function formatTime(timestamp) {
     if (!timestamp) return '-';
@@ -166,27 +195,8 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
     return SYS_STATUS_COLOR[status] || 'processing';
   };
 
-  // 创建工单
-  var handleCreateFlow = function handleCreateFlow(flow) {
-    setSelectedFlow(flow);
-    setFlowListPopoverVisible(false);
-    setFlowTemplateDrawerVisible(true);
-  };
-
-  // 关闭工单表单抽屉
-  var handleCloseFlowTemplate = function handleCloseFlowTemplate() {
-    setFlowTemplateDrawerVisible(false);
-  };
-
-  // 工单处理成功回调
-  var handleDealWorkOrderSuccess = function handleDealWorkOrderSuccess(type) {
-    if (['submit', 'forward', 'close', 'rejected'].includes(type)) {
-      handleCloseFlowTemplate();
-    }
-  };
-
-  // 流程列表内容
-  var flowListContent = /*#__PURE__*/React.createElement("div", {
+  // 模板选择抽屉内容
+  var templateDrawerContent = /*#__PURE__*/React.createElement("div", {
     className: "flow-list-popover"
   }, flowList && flowList.length > 0 ? /*#__PURE__*/React.createElement(List, {
     dataSource: flowList,
@@ -199,7 +209,7 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
       return /*#__PURE__*/React.createElement(List.Item, {
         className: "flow-list-item",
         onClick: function onClick() {
-          return handleCreateFlow(item);
+          return handleSelectFlow(item);
         },
         title: item.name
       }, /*#__PURE__*/React.createElement("span", {
@@ -285,20 +295,11 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
     className: "order-info-divider"
   }), /*#__PURE__*/React.createElement("div", {
     className: "order-info-right"
-  }, /*#__PURE__*/React.createElement(Popover, {
-    content: flowListContent,
-    title: "\u9009\u62E9\u5DE5\u5355\u6A21\u677F",
-    trigger: "hover",
-    open: flowListPopoverVisible,
-    onOpenChange: function onOpenChange(visible) {
-      return setFlowListPopoverVisible(visible);
-    },
-    placement: "leftTop",
-    overlayClassName: "flow-list-popover-wrapper"
   }, /*#__PURE__*/React.createElement(Button, {
     type: "primary",
-    block: true
-  }, "\u65B0\u589E\u5DE5\u5355")))), /*#__PURE__*/React.createElement("div", {
+    block: true,
+    onClick: handleOpenTemplateDrawer
+  }, "\u65B0\u589E\u5DE5\u5355"))), /*#__PURE__*/React.createElement("div", {
     className: "system-order-footer"
   }, /*#__PURE__*/React.createElement("div", {
     className: "platform-orders-list"
@@ -314,6 +315,14 @@ var SystemOrderCard = function SystemOrderCard(_ref) {
     },
     sid: sid
   }), /*#__PURE__*/React.createElement(Drawer, {
+    title: "\u9009\u62E9\u5DE5\u5355\u6A21\u677F",
+    placement: "bottom",
+    onClose: handleCloseTemplateDrawer,
+    open: templateDrawerVisible,
+    height: 400,
+    destroyOnClose: true,
+    className: "template-selector-drawer"
+  }, templateDrawerContent), /*#__PURE__*/React.createElement(Drawer, {
     closeIcon: /*#__PURE__*/React.createElement(LeftOutlined, null),
     title: (selectedFlow === null || selectedFlow === void 0 ? void 0 : selectedFlow.name) || '新增工单',
     width: "100%",

package/dist/esm/KmErpTradeList/index.less

@@ -517,6 +517,55 @@
   }
 }
 
+// 模板选择抽屉
+.template-selector-drawer {
+  .ant-drawer-header {
+    position: relative;
+  }
+
+  .ant-drawer-close {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    z-index: 1;
+  }
+
+  .flow-list-popover {
+    .flow-list {
+      .flow-list-item {
+        cursor: pointer;
+        padding: 12px 8px;
+        background-color: #fff;
+        border: 1px solid #f0f0f0;
+        border-radius: 4px;
+        transition: all 0.2s;
+        height: 48px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .flow-list-item-text {
+          display: block;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          max-width: 100%;
+        }
+
+        &:hover {
+          border-color: #1890ff;
+          background-color: #e6f7ff;
+        }
+      }
+    }
+
+    .flow-list-empty {
+      padding: 20px 0;
+      text-align: center;
+    }
+  }
+}
+
 // 工单模板抽屉
 .flow-template-drawer {
   .ant-drawer-body {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/kmkf-work-order-service-component",
-  "version": "2.2.44-beta.93",
+  "version": "2.2.44-beta.95",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -32,9 +32,9 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@kmkf-fe-packages/basic-components": "2.2.44-beta.91",
+    "@kmkf-fe-packages/basic-components": "2.2.44-beta.94",
     "@kmkf-fe-packages/kmkf-utils": "2.2.44-beta.81",
-    "@kmkf-fe-packages/services-components": "2.2.44-beta.91",
+    "@kmkf-fe-packages/services-components": "2.2.44-beta.94",
     "@reduxjs/toolkit": "^1.8.5",
     "ahooks": "^3.7.4",
     "copy-to-clipboard": "^3.3.3",
@@ -75,7 +75,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5f83916d6ab58a92d04409da839c18ce46869b1f",
+  "gitHead": "e762245e5dfdb19966a19366af45ce56f7397b24",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }