@kmkf-fe-packages/kmkf-work-order-service-component 2.0.79-beta.63 → 2.0.79-beta.64

package/dist/esm/CustomerServiceToDoList/index.d.ts

@@ -1,5 +1,3 @@
 import React from 'react';
-declare const CustomerServiceToDoList: React.FC<{
-    onCancel: () => void;
-}>;
+declare const CustomerServiceToDoList: React.FC;
 export default CustomerServiceToDoList;

package/dist/esm/CustomerServiceToDoList/index.js

@@ -1,53 +1,110 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-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 { Button, Card, Tag, Typography, Badge } from 'antd';
-import React, { useMemo, useCallback, useRef } from 'react';
-import { useVirtualList } from 'ahooks';
+import { Button, Card, Tag, Typography, Badge, Spin, Empty } from 'antd';
+import React, { useCallback, useRef, useEffect } from 'react';
+import { useInfiniteScroll } from 'ahooks';
 import { CloseOutlined } from '@ant-design/icons';
+import { useAppDispatch } from "../model/hooks";
+import { nodeWorkOrderPending } from "../model/servers/api";
 import styles from "./index.module.less";
 var Title = Typography.Title;
-var CustomerServiceToDoList = function CustomerServiceToDoList(props) {
-  var onCancel = props.onCancel;
+var getTableData = function getTableData(params) {
+  return nodeWorkOrderPending(params).then(function (res) {
+    var _res$data, _res$data2;
+    // console.log('API response:', res?.data);
+    return {
+      list: (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.list) || [],
+      total: (res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.total) || 0
+    };
+  }).catch(function (error) {
+    console.error('API error:', error);
+    return {
+      list: [],
+      total: 0
+    };
+  });
+};
+var CustomerServiceToDoList = function CustomerServiceToDoList() {
+  var _ref, _data$list;
+  var dispatch = useAppDispatch();
   var containerRef = useRef(null);
-  var wrapperRef = useRef(null);
-  // 使用 useMemo 缓存模拟数据，避免每次渲染都重新创建
-  var todoItems = useMemo(function () {
-    return Array(100).fill(0).map(function (_, index) {
-      return {
-        id: index.toString(),
-        description: 'Lilin有一条 #未发货-超48H 工单需要处理,请及时处理',
-        timestamp: '2025-07-24 11:05:27',
-        source: '天猫【花西子官方旗舰店】',
-        aiAction: 'AI自动建单 - 暂存',
-        status: 'pending'
-      };
-    });
-  }, []);
-  var _useVirtualList = useVirtualList(todoItems, {
-      containerTarget: containerRef,
-      wrapperTarget: wrapperRef,
-      itemHeight: 136,
-      overscan: 10
+  var _useInfiniteScroll = useInfiniteScroll(function (d) {
+      var page = d ? Math.ceil(d.list.length / 10) + 1 : 1;
+      return getTableData({
+        pageNo: page,
+        pageSize: 10,
+        onlyWaitForMe: false,
+        onlyCount: false,
+        flowTags: ['AI_BUILD']
+      });
+    }, {
+      target: containerRef,
+      reloadDeps: [],
+      // 添加空的 reloadDeps 避免不必要的重新加载
+      isNoMore: function isNoMore(d) {
+        // 修复判断逻辑：检查当前页数据是否已经达到总数
+        if (!d || !d.list || !d.total) return false;
+        return d.list.length >= d.total;
+      }
     }),
-    _useVirtualList2 = _slicedToArray(_useVirtualList, 1),
-    list = _useVirtualList2[0];
+    data = _useInfiniteScroll.data,
+    loading = _useInfiniteScroll.loading,
+    reload = _useInfiniteScroll.reload,
+    noMore = _useInfiniteScroll.noMore;
+  console.log('data', data, noMore);
+  var handleProcess = useCallback(function (item) {
+    // console.log('处理工单:', item);
 
-  // 使用 useCallback 缓存处理函数，避免每次渲染都重新创建
-  var handleProcess = useCallback(function (itemId) {
-    console.log('处理工单:', itemId);
-    // 这里可以添加处理逻辑
+    dispatch({
+      type: 'customizeWorkOrder/setCurrentCustomizeRecord',
+      payload: {
+        flowTemplateName: item === null || item === void 0 ? void 0 : item.flowTemplateKey
+      }
+    });
+    dispatch({
+      type: 'customizeWorkOrder/setLogicFlowId',
+      payload: item.flowTemplateKey
+    });
+    dispatch({
+      type: 'customizeWorkOrder/setFlowWorkOrderId',
+      payload: item.flowWorkOrderId
+    });
+    dispatch({
+      type: 'customizeWorkOrder/setFormModalVisible',
+      payload: true
+    });
   }, []);
-
-  // 渲染单个待办项
-  var renderTodoItem = useCallback(function (_ref) {
-    var index = _ref.index,
-      data = _ref.data;
+  var onCancel = function onCancel() {
+    dispatch({
+      type: 'customizeWorkOrder/setCustomerServiceToDoListOpen',
+      payload: false
+    });
+  };
+  useEffect(function () {
+    reload();
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container,
+    onClick: onCancel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.todoSection,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.todoTabs
+  }, /*#__PURE__*/React.createElement(Badge, {
+    count: data === null || data === void 0 ? void 0 : data.total
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.todoTab
+  }, "\u5BA2\u670D\u5F85\u529E")), /*#__PURE__*/React.createElement(CloseOutlined, {
+    onClick: onCancel
+  })), /*#__PURE__*/React.createElement("main", {
+    className: styles.todoList,
+    ref: containerRef
+  }, ((data === null || data === void 0 ? void 0 : data.list) || []).length > 0 ? /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, (_ref = (data === null || data === void 0 ? void 0 : data.list) || []) === null || _ref === void 0 ? void 0 : _ref.map(function (item) {
     return /*#__PURE__*/React.createElement(Card, {
-      key: data.id,
+      key: item.id,
       className: "".concat(styles.todoItem),
       bodyStyle: {
         padding: '12px 16px'
@@ -60,47 +117,31 @@ var CustomerServiceToDoList = function CustomerServiceToDoList(props) {
       className: styles.todoDescription
     }, /*#__PURE__*/React.createElement(Title, {
       level: 5
-    }, data.description)), /*#__PURE__*/React.createElement("div", {
+    }, item.scene, " \u5DE5\u5355\u9700\u8981\u5904\u7406\uFF0C\u8BF7\u53CA\u65F6\u5904\u7406")), /*#__PURE__*/React.createElement("div", {
       className: styles.todoMeta
     }, /*#__PURE__*/React.createElement("span", {
       className: styles.timestamp
-    }, data.timestamp))), /*#__PURE__*/React.createElement("div", {
+    }, item.created))), /*#__PURE__*/React.createElement("div", {
       className: styles.todoAction
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
       className: styles.source
-    }, data.source), /*#__PURE__*/React.createElement(Tag, {
+    }, item.platformTypeName, "\u3010", item.shopName, "\u3011"), /*#__PURE__*/React.createElement(Tag, {
       color: "blue",
       className: styles.aiAction
-    }, data.aiAction)), /*#__PURE__*/React.createElement(Button, {
+    }, "AI\u81EA\u52A8\u5EFA\u5355-".concat(item.currentWorkOrderStatus))), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       size: "small",
       ghost: true,
       onClick: function onClick() {
-        return handleProcess(data.id);
+        return handleProcess(item);
       }
     }, "\u53BB\u5904\u7406"))));
-  }, [handleProcess]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container,
-    onClick: onCancel
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.todoSection,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.todoTabs
-  }, /*#__PURE__*/React.createElement(Badge, {
-    count: 100
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.todoTab
-  }, "\u5BA2\u670D\u5F85\u529E")), /*#__PURE__*/React.createElement(CloseOutlined, {
-    onClick: onCancel
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.todoList,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: wrapperRef
-  }, list.map(renderTodoItem)))));
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: styles.todoEmpty
+  }, /*#__PURE__*/React.createElement(Empty, {
+    description: "\u6682\u65E0\u6570\u636E"
+  })), noMore && data !== null && data !== void 0 && (_data$list = data.list) !== null && _data$list !== void 0 && _data$list.length ? /*#__PURE__*/React.createElement("p", {
+    className: styles.todoNoMore
+  }, "\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86") : null)));
 };
 export default CustomerServiceToDoList;

package/dist/esm/CustomerServiceToDoList/index.module.less

@@ -38,10 +38,9 @@
     height: calc(100% - 50px);
     overflow-y: auto;
     background: #f0f0f0;
-    padding-top: 12px;
+    padding-top: 8px;
     .todoItem {
-      margin-bottom: 12px;
-      // border: 1px solid #f0f0f0;
+      margin-bottom: 8px;
       border-radius: 6px;
       transition: all 0.3s;
 
@@ -91,6 +90,20 @@
         }
       }
     }
+    .todoEmpty {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
+    }
+    .todoNoMore {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 32px;
+      color: #999;
+      font-size: 14px;
+    }
   }
 }
 

package/dist/esm/FlowTemplateDetailV2/index.js

@@ -1235,7 +1235,6 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
       follow: !follow
     }));
   };
-  console.log('currentNodeDetail', currentNodeDetail);
   return /*#__PURE__*/React.createElement(Spin, {
     spinning: loading || orderBackLoading || orderBackKmLoading
   }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/WorkOrder/components/WorkOrderList/index.js

@@ -143,14 +143,10 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref4) {
     _useState6 = _slicedToArray(_useState5, 2),
     tab = _useState6[0],
     setTab = _useState6[1];
-  var _useState7 = useState(false),
+  var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
-    customerServiceToDoListOpen = _useState8[0],
-    setCustomerServiceToDoListOpen = _useState8[1];
-  var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    searchTemplateDetails = _useState10[0],
-    setSearchTemplateDetails = _useState10[1];
+    searchTemplateDetails = _useState8[0],
+    setSearchTemplateDetails = _useState8[1];
   var allLogicFlowList = useSelector(selectFlowList);
   var flowTemplateGroupWorkOrderTemplateList = useSelector(selectFlowTemplateGroupWorkOrderTemplateList);
   var shopList = useAppSelector(function (state) {

package/dist/esm/WorkOrder/index.js

@@ -156,6 +156,7 @@ var WorkOrder = function WorkOrder(props) {
     dispatch(fetchLogicFlowList);
     dispatch(fetchQueryCurrentCompanyUser());
     dispatch(showPayment);
+    //工单通AI智能工单功能，监听消息
     if (platform === PlatForm.XIAOZHI) {
       xzSDK.receiveTabMsg(dispatch);
     }
@@ -290,14 +291,7 @@ var WorkOrder = function WorkOrder(props) {
     onOpenWangWang: onOpenWangWang
   }), tabActive === 'wdt' && /*#__PURE__*/React.createElement(WdtTradeList, {
     version: ((_companyUserConfig2 = companyUserConfig) === null || _companyUserConfig2 === void 0 ? void 0 : (_companyUserConfig2$p = _companyUserConfig2.plugins) === null || _companyUserConfig2$p === void 0 ? void 0 : (_companyUserConfig2$p2 = _companyUserConfig2$p.wdt) === null || _companyUserConfig2$p2 === void 0 ? void 0 : _companyUserConfig2$p2.version) || ''
-  }), customerServiceToDoListOpen && /*#__PURE__*/React.createElement(CustomerServiceToDoList, {
-    onCancel: function onCancel() {
-      return dispatch({
-        type: 'customizeWorkOrder/setCustomerServiceToDoListOpen',
-        payload: false
-      });
-    }
-  }))), !isEmpower && platform !== PlatForm.WEB && Reminder({
+  }), customerServiceToDoListOpen && /*#__PURE__*/React.createElement(CustomerServiceToDoList, null))), !isEmpower && platform !== PlatForm.WEB && Reminder({
     callback: onEmpowerCallback
   }));
 };

package/dist/esm/common/utils/xzSDK.js

@@ -264,50 +264,7 @@ var sendMsgToTab = function sendMsgToTab(dispatch) {
         dispatch({
           type: 'customizeWorkOrder/setCurrentCustomizeRecord',
           payload: {
-            buyerOpenUid: 'AAHrWpRuABm1B4vZaNGziI0J',
-            companyKey: 'SZF4ZGWZSNW6PYXMCIFEWBXT',
-            completedTime: 1755069133702,
-            created: 1755065338985,
-            creator: '儿茶',
-            creatorId: 'SZF4ZGWZSNW6PYXMCIFEWBXT',
-            currentNodeId: 'FN00432493932429004800',
-            currentNodeName: '步骤名称2',
-            flowRecordList: [{
-              companyKey: 'SZF4ZGWZSNW6PYXMCIFEWBXT',
-              created: 1755069133597,
-              deleted: false,
-              enterCount: 1,
-              eventNodeType: 'WORK_ORDER_SUBMIT',
-              flowTemplateId: '676a22dc6291102e2710d0ac',
-              flowTemplateKey: 'FTU00432476731687092224',
-              flowVersion: 2,
-              flowWorkOrderId: 'FW00516616362058788864',
-              id: 42323,
-              modified: 1755069133597,
-              nodeId: 'FN00432476842978754560',
-              nodeIsAuto: false,
-              nodeName: '步骤名称1',
-              nodeType: 'START_NODE',
-              operateType: 'PASS',
-              operateTypeDesc: '审核通过',
-              operator: '儿茶',
-              operatorId: 'SZF4ZGWZSNW6PYXMCIFEWBXT',
-              relationBusinessId: 'FNW00516616360408641536'
-            }],
-            flowStatus: 'COMPLETED',
-            flowTags: [],
-            flowTemplateId: '676a22dc6291102e2710d0ac',
-            flowTemplateKey: 'FTU00432476731687092224',
-            flowTemplateName: '会员等级',
-            flowVersion: 2,
-            flowWorkOrderId: 'FW00516616362058788864',
-            markFlag: '',
-            modified: 1755069133597,
-            relationBusinessId: '',
-            shopUniqueKey: 'XX3D53IIDHP76TR7M7XDYP5W',
-            staffIds: '',
-            tid: '123',
-            workOrderList: []
+            flowTemplateName: '会员等级'
           }
         });
         dispatch({

package/dist/esm/model/servers/api.d.ts

@@ -107,3 +107,4 @@ export declare const queryMemberLevel: (data: {
 }) => Promise<serverProps<Array<string>>>;
 export declare const queryShopByTid: (data: any) => Promise<any>;
 export declare const queryTidByOutSid: (data: any) => Promise<any>;
+export declare const nodeWorkOrderPending: (data: any) => Promise<any>;

package/dist/esm/model/servers/api.js

@@ -609,4 +609,13 @@ export var queryTidByOutSid = function queryTidByOutSid(data) {
     method: 'post',
     data: data
   });
+};
+
+//待处理节点工单(客服待办)
+export var nodeWorkOrderPending = function nodeWorkOrderPending(data) {
+  return request({
+    url: '/qy/flow/workBench/nodeWorkOrder/pending',
+    method: 'post',
+    data: data
+  });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/kmkf-work-order-service-component",
-  "version": "2.0.79-beta.63",
+  "version": "2.0.79-beta.64",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ef02cfeac672869b23f3c9fa5a64807ed96ef81b",
+  "gitHead": "63ce97873ac0cc11fcd44940db73e20a591370c6",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }