@kmkf-fe-packages/kmkf-work-order-service-component 2.2.9 → 2.2.11

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CustomerServiceToDoList: React.FC;
+export default CustomerServiceToDoList;

package/dist/esm/CustomerServiceToDoList/index.js

@@ -0,0 +1,155 @@
+import { Button, Card, Tag, Badge, Spin, Empty } from 'antd';
+import React, { useRef, useEffect } from 'react';
+import { useInfiniteScroll } from 'ahooks';
+import { CloseOutlined } from '@ant-design/icons';
+import { useAppDispatch, useAppSelector } from "../model/hooks";
+import { nodeWorkOrderPending } from "../model/servers/api";
+import moment from 'moment';
+import { setWorkOrderProcessStatus } from "../model/customizeWorkOrder";
+import { WORK_ORDER_STATUS_AI_BUILD } from "../common/constant";
+import styles from "./index.module.less";
+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(props) {
+  var _ref, _data$list;
+  var shopUniqueKey = props.shopUniqueKey;
+  var dispatch = useAppDispatch();
+  var workOrderProcessStatus = useAppSelector(function (state) {
+    var _state$customizeWorkO;
+    return (_state$customizeWorkO = state.customizeWorkOrder) === null || _state$customizeWorkO === void 0 ? void 0 : _state$customizeWorkO.workOrderProcessStatus;
+  });
+  var containerRef = useRef(null);
+  var _useInfiniteScroll = useInfiniteScroll(function (d) {
+      var page = d ? Math.ceil(d.list.length / 10) + 1 : 1;
+      return getTableData({
+        pageNo: page,
+        pageSize: 10,
+        onlyWaitForMe: true,
+        onlyCount: false,
+        onlyStartNode: true,
+        flowTags: ['AI_BUILD'],
+        shopUniqueKeyList: [shopUniqueKey]
+      });
+    }, {
+      target: containerRef,
+      reloadDeps: [],
+      // 添加空的 reloadDeps 避免不必要的重新加载
+      isNoMore: function isNoMore(d) {
+        var _d$list;
+        return (d === null || d === void 0 ? void 0 : d.total) <= (d === null || d === void 0 ? void 0 : (_d$list = d.list) === null || _d$list === void 0 ? void 0 : _d$list.length);
+      }
+    }),
+    data = _useInfiniteScroll.data,
+    loading = _useInfiniteScroll.loading,
+    reload = _useInfiniteScroll.reload,
+    noMore = _useInfiniteScroll.noMore;
+  var handleProcess = function handleProcess(item) {
+    dispatch({
+      type: 'customizeWorkOrder/setCurrentCustomizeRecord',
+      payload: {
+        flowTemplateName: item === null || item === void 0 ? void 0 : item.flowTemplateName
+      }
+    });
+    dispatch({
+      type: 'customizeWorkOrder/setLogicFlowId',
+      payload: item.flowTemplateKey
+    });
+    dispatch({
+      type: 'customizeWorkOrder/setFlowWorkOrderId',
+      payload: item.flowWorkOrderId
+    });
+    dispatch({
+      type: 'customizeWorkOrder/setFormModalVisible',
+      payload: true
+    });
+  };
+  var onCancel = function onCancel() {
+    dispatch({
+      type: 'customizeWorkOrder/setCustomerServiceToDoListOpen',
+      payload: false
+    });
+  };
+  useEffect(function () {
+    reload();
+  }, []);
+  useEffect(function () {
+    if (['submit'].includes(workOrderProcessStatus)) {
+      reload();
+      dispatch(setWorkOrderProcessStatus(''));
+    }
+  }, [workOrderProcessStatus, dispatch]);
+  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) {
+    var _item$jsonMap;
+    return /*#__PURE__*/React.createElement(Card, {
+      key: item.id,
+      className: "".concat(styles.todoItem),
+      bodyStyle: {
+        padding: '12px 16px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.todoContent
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.todoMain
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.todoDescription
+    }, item.buyerNick ? "".concat(item.buyerNick, "\u6709\u4E00\u6761") : '', item === null || item === void 0 ? void 0 : (_item$jsonMap = item.jsonMap) === null || _item$jsonMap === void 0 ? void 0 : _item$jsonMap.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
+    }, moment(item.created).format('YYYY-MM-DD HH:mm:ss')))), /*#__PURE__*/React.createElement("div", {
+      className: styles.todoAction
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tag, {
+      color: "blue",
+      className: styles.aiAction
+    }, "AI\u81EA\u52A8\u5EFA\u5355-".concat(WORK_ORDER_STATUS_AI_BUILD[item.flowStatus]))), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      size: "small",
+      ghost: true,
+      onClick: function onClick() {
+        return handleProcess(item);
+      }
+    }, "\u53BB\u5904\u7406"))));
+  })) : /*#__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

@@ -0,0 +1,134 @@
+.container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 90;
+}
+.todoTabs {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 16px;
+  height: 45px;
+  .todoTab {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 90px;
+    height: 45px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #1890ff;
+    border-bottom: 2px solid #1890ff;
+  }
+}
+.todoSection {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 80%;
+  background: #fff;
+
+  .todoList {
+    height: calc(100% - 50px);
+    overflow-y: auto;
+    background: #f0f0f0;
+    padding-top: 8px;
+    .todoItem {
+      margin-bottom: 8px;
+      border-radius: 6px;
+      transition: all 0.3s;
+
+      &:hover {
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      }
+
+      &.highlighted {
+        border: 2px dashed #ff4d4f;
+        background: #fff2f0;
+      }
+
+      .todoContent {
+        height: 90px;
+
+        .todoMain {
+          flex: 1;
+
+          .todoDescription {
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: normal;
+            height: 48px;
+            font-size: 14px;
+            font-weight: 500;
+          }
+
+          .todoMeta {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            flex-wrap: wrap;
+
+            .timestamp {
+              font-size: 12px;
+              color: #999;
+            }
+
+            .source {
+              font-size: 12px;
+              color: #666;
+              background: #f5f5f5;
+              padding: 2px 6px;
+              border-radius: 3px;
+            }
+
+            .aiAction {
+              font-size: 11px;
+              margin: 0;
+            }
+          }
+        }
+      }
+    }
+    .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;
+    }
+  }
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .filterOptions {
+    gap: 8px;
+  }
+
+  .todoContent {
+    flex-direction: column;
+    gap: 12px;
+
+    .todoAction {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+}

package/dist/esm/FlowTemplateDetailV2/common.js

@@ -24,6 +24,7 @@ export var getFlowOperate = {
   MODIFY_WORK_ORDER: '修改',
   WITHDRAW: '撤回',
   REMINDER: '催单',
+  AI_BUILD: 'AI自动建单',
   CANCEL_REMINDER: '取消催单',
   AUTO_TASK_RETRY: '自动任务重试'
 };