@kmkf-fe-packages/kmkf-work-order-service-component 2.2.31-beta.81 → 2.2.31-beta.85

package/dist/esm/FlowTemplateDetailV2/components/CurrentNode/index.js

@@ -310,7 +310,8 @@ var CurrentNode = function CurrentNode(props, ref) {
     handleRestartAutoTask: handleRestartAutoTask,
     flowTemplateKey: (operateParams === null || operateParams === void 0 ? void 0 : operateParams.flowTemplateKey) || '',
     flowWorkOrderId: flowWorkOrderId || '',
-    nodeId: (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no21 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no21 === void 0 ? void 0 : _currentNodeDetail$no21.id) || ''
+    nodeId: (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no21 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no21 === void 0 ? void 0 : _currentNodeDetail$no21.id) || '',
+    flowTemplateId: flowTemplateId
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.formRenderContainer
   }, [NodeType.START_NODE, NodeType.EXECUTE_NODE].includes(currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no22 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no22 === void 0 ? void 0 : _currentNodeDetail$no22.nodeType) && (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : currentNodeDetail.workOrderTemplateInfo) && (flowStatus === FlowStatus.COMPLETED && !editing ? /*#__PURE__*/React.createElement(RenderDetail, {

package/dist/esm/FlowTemplateDetailV2/components/Header/index.d.ts

@@ -23,6 +23,7 @@ interface HeaderProps {
     flowTemplateKey: string;
     nodeId: string;
     flowWorkOrderId: string;
+    flowTemplateId: string;
 }
 declare const Header: (props: HeaderProps) => React.JSX.Element;
 export default Header;

package/dist/esm/FlowTemplateDetailV2/components/Header/index.js

@@ -7,10 +7,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { Button, Spin, Tooltip, Typography, Space, Modal, Table } from 'antd';
 import moment from 'moment';
-import { useRequest } from 'ahooks';
+import { useRequest, useToggle } from 'ahooks';
 import { useSelector } from "../../context/useSelector";
 import { selectPrivilege } from "../../store/selector";
-import { queryFlowFail } from "../../../model/flowTemplateDetail/api";
+import { queryFlowFail, queryNodeDetail } from "../../../model/flowTemplateDetail/api";
+import { useDoubleClick } from "../../../hooks/useDoubleClick/index";
 import { NODE_TYPE } from "../../../common/constant";
 import styles from "./index.module.less";
 var Text = Typography.Text;
@@ -31,7 +32,7 @@ var columns = [{
   width: '550px'
 }];
 var Header = function Header(props) {
-  var _NODE_TYPE$tag, _NODE_TYPE$tag2, _data$data;
+  var _NODE_TYPE$tag, _NODE_TYPE$tag2, _data$data, _nodeDetail$data, _nodeDetail$data$flow;
   var tag = props.tag,
     nodeName = props.nodeName,
     showLook = props.showLook,
@@ -61,12 +62,31 @@ var Header = function Header(props) {
     handleRestartAutoTask = props.handleRestartAutoTask,
     flowTemplateKey = props.flowTemplateKey,
     nodeId = props.nodeId,
-    flowWorkOrderId = props.flowWorkOrderId;
+    flowWorkOrderId = props.flowWorkOrderId,
+    flowTemplateId = props.flowTemplateId;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    nodeInfoVisible = _useToggle2[0],
+    toggleNodeInfoVisible = _useToggle2[1].toggle;
   var privilege = useSelector(selectPrivilege);
+  var handleDoubleClick = useDoubleClick({
+    interval: 300,
+    // 可选，默认 300ms
+    onDoubleClick: function onDoubleClick(event) {
+      if (tag === 'judge') return;
+      toggleNodeInfoVisible();
+      if (tag === 'auto') {
+        requestNodeDetail();
+      }
+    },
+    onClick: function onClick(event) {
+      console.log('单击事件', event);
+    }
+  });
   var _useRequest = useRequest(function () {
       return queryFlowFail({
         flowTemplateKeys: [flowTemplateKey],
@@ -79,6 +99,18 @@ var Header = function Header(props) {
     requestLoading = _useRequest.loading,
     run = _useRequest.run,
     data = _useRequest.data;
+  var _useRequest2 = useRequest(function () {
+      return queryNodeDetail({
+        nodeId: nodeId,
+        flowTemplateId: flowTemplateId,
+        flowWorkOrderId: flowWorkOrderId
+      });
+    }, {
+      manual: true
+    }),
+    queryNodeDetailLoading = _useRequest2.loading,
+    requestNodeDetail = _useRequest2.run,
+    nodeDetail = _useRequest2.data;
   var handleLookAbnormal = function handleLookAbnormal() {
     run();
     setVisible(true);
@@ -96,7 +128,9 @@ var Header = function Header(props) {
     }, "".concat(nodeName, " ").concat(handler ? "(".concat(handleLabel, ": ").concat(handler, ")") : ''))
   }, /*#__PURE__*/React.createElement("span", {
     className: styles.nodeName
-  }, /*#__PURE__*/React.createElement("span", null, nodeName), handler && /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
+    onClick: handleDoubleClick
+  }, nodeName), handler && /*#__PURE__*/React.createElement("span", {
     className: styles.handler
   }, "(".concat(handleLabel, ": ").concat(handler, ")")))), /*#__PURE__*/React.createElement("div", {
     className: styles.loadingWrap
@@ -170,6 +204,14 @@ var Header = function Header(props) {
       x: 850,
       y: 300
     }
-  }))));
+  })), /*#__PURE__*/React.createElement(Modal, {
+    title: "\u8282\u70B9\u4FE1\u606F",
+    onOk: toggleNodeInfoVisible,
+    onCancel: toggleNodeInfoVisible,
+    visible: nodeInfoVisible,
+    footer: null
+  }, /*#__PURE__*/React.createElement(Spin, {
+    spinning: queryNodeDetailLoading
+  }, /*#__PURE__*/React.createElement("p", null, "\u6D41\u7A0B\u5DE5\u5355ID: ", flowWorkOrderId), tag === 'artificial' && /*#__PURE__*/React.createElement("p", null, "\u6D41\u7A0B\u6A21\u677FID: ", flowTemplateId), /*#__PURE__*/React.createElement("p", null, "\u6D41\u7A0B\u6A21\u677FKey: ", flowTemplateKey), /*#__PURE__*/React.createElement("p", null, "\u8282\u70B9ID: ", nodeId), tag === 'auto' && /*#__PURE__*/React.createElement("p", null, "\u81EA\u52A8\u5316\u4EFB\u52A1ID: ", nodeDetail === null || nodeDetail === void 0 ? void 0 : (_nodeDetail$data = nodeDetail.data) === null || _nodeDetail$data === void 0 ? void 0 : (_nodeDetail$data$flow = _nodeDetail$data.flowEventData) === null || _nodeDetail$data$flow === void 0 ? void 0 : _nodeDetail$data$flow.uniqueKey)))));
 };
 export default Header;

package/dist/esm/FlowTemplateDetailV2/components/Item/index.js

@@ -314,7 +314,8 @@ var NodeItem = function NodeItem(props) {
     handleLabel: '完成人',
     flowTemplateKey: flowTemplateKey,
     nodeId: nodeId,
-    flowWorkOrderId: flowWorkOrderId
+    flowWorkOrderId: flowWorkOrderId,
+    flowTemplateId: flowTemplateId
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       display: open ? 'block' : 'none',

package/dist/esm/LBOrderDetail/detail/OrderInfo.js

@@ -6,6 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { Table, message, Image } from 'antd';
+import { ApaasImage } from '@kmkf-fe-packages/basic-components';
 import moment from 'moment';
 import styles from "./index.module.less";
 import { queryInstallationRepairDetail } from "./services";
@@ -22,12 +23,15 @@ export var renderImages = function renderImages(value) {
       flexWrap: 'wrap'
     }
   }, list.map(function (url, index) {
-    return /*#__PURE__*/React.createElement(Image, {
+    return /*#__PURE__*/React.createElement("div", {
       key: "".concat(url, "-").concat(index),
+      style: {
+        marginRight: 4
+      }
+    }, /*#__PURE__*/React.createElement(ApaasImage, {
       src: url,
-      width: 24,
-      height: 24
-    });
+      width: 24
+    }));
   })));
 };
 export var renderTable = function renderTable(value, record, item, effects, key) {

package/dist/esm/LBOrderDetail/detail/ServiceProgress.js

@@ -361,7 +361,15 @@ var serviceProgressDetailConfig = {
     title: '图片证明',
     dataIndex: 'image',
     render: renderImages
-  }]
+  }],
+  22: [[{
+    title: '师傅姓名',
+    dataIndex: 'workerName'
+  }, {
+    title: '关单时间',
+    dataIndex: 'time',
+    render: renderTime
+  }]]
 };
 var getServiceProgressList = function getServiceProgressList(serviceProgress, singleColumn) {
   var _serviceProgressDetai;

package/dist/esm/LBOrderDetail/detail/types.d.ts

@@ -352,6 +352,12 @@ declare type ServiceProgressDataType = {
         workerRemark: string;
         processRemark: string;
     };
+} | {
+    serviceProgress: 22;
+    data: {
+        time: string;
+        workerName: string;
+    };
 };
 export declare type ServiceProgressListType = ({
     operateTime: string;

package/dist/esm/hooks/useDoubleClick/index.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface UseDoubleClickOptions {
+    /**
+     * 双击的时间间隔（毫秒），默认 300ms
+     */
+    interval?: number;
+    /**
+     * 双击时的回调函数
+     */
+    onDoubleClick?: (event: MouseEvent | React.MouseEvent) => void;
+    /**
+     * 单击时的回调函数（可选）
+     */
+    onClick?: (event: MouseEvent | React.MouseEvent) => void;
+}
+/**
+ * 双击事件 Hook
+ * @param options 配置选项
+ * @returns 返回点击事件处理函数
+ */
+export declare const useDoubleClick: (options?: UseDoubleClickOptions) => (event: MouseEvent | React.MouseEvent) => void;

package/dist/esm/hooks/useDoubleClick/index.js

@@ -0,0 +1,55 @@
+import { useRef } from 'react';
+import { useMemoizedFn, useLatest } from 'ahooks';
+/**
+ * 双击事件 Hook
+ * @param options 配置选项
+ * @returns 返回点击事件处理函数
+ */
+export var useDoubleClick = function useDoubleClick() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$interval = options.interval,
+    interval = _options$interval === void 0 ? 300 : _options$interval,
+    onDoubleClick = options.onDoubleClick,
+    onClick = options.onClick;
+
+  // 使用 useLatest 确保回调函数始终是最新的
+  var onDoubleClickRef = useLatest(onDoubleClick);
+  var onClickRef = useLatest(onClick);
+
+  // 记录上次点击时间
+  var lastClickTimeRef = useRef(0);
+  // 记录单击定时器
+  var singleClickTimerRef = useRef(null);
+
+  // 使用 useMemoizedFn 记忆化处理函数，避免不必要的重新渲染
+  var handleClick = useMemoizedFn(function (event) {
+    var currentTime = Date.now();
+    var timeSinceLastClick = currentTime - lastClickTimeRef.current;
+
+    // 清除之前的单击定时器
+    if (singleClickTimerRef.current) {
+      clearTimeout(singleClickTimerRef.current);
+      singleClickTimerRef.current = null;
+    }
+
+    // 如果在时间间隔内，认为是双击
+    if (timeSinceLastClick < interval && timeSinceLastClick > 0) {
+      var _onDoubleClickRef$cur;
+      // 执行双击回调
+      (_onDoubleClickRef$cur = onDoubleClickRef.current) === null || _onDoubleClickRef$cur === void 0 ? void 0 : _onDoubleClickRef$cur.call(onDoubleClickRef, event);
+      // 重置时间，避免连续三次点击触发两次双击
+      lastClickTimeRef.current = 0;
+    } else {
+      // 否则，设置定时器等待可能的第二次点击
+      lastClickTimeRef.current = currentTime;
+      singleClickTimerRef.current = setTimeout(function () {
+        var _onClickRef$current;
+        // 如果超时后没有第二次点击，执行单击回调
+        (_onClickRef$current = onClickRef.current) === null || _onClickRef$current === void 0 ? void 0 : _onClickRef$current.call(onClickRef, event);
+        singleClickTimerRef.current = null;
+        lastClickTimeRef.current = 0;
+      }, interval);
+    }
+  });
+  return handleClick;
+};

package/dist/esm/model/flowTemplateDetail/types.d.ts

@@ -822,6 +822,7 @@ export interface QyFlowPanelInfoResponse {
                     }>;
                 };
             };
+            uniqueKey: string;
         };
     };
     /**
@@ -1585,6 +1586,7 @@ export interface QueryNodeDetailResponse {
         [k: string]: any;
     };
     flowEventData?: {
+        uniqueKey: string;
         eventData?: {
             businessStatus?: Array<{
                 businessKey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/kmkf-work-order-service-component",
-  "version": "2.2.31-beta.81",
+  "version": "2.2.31-beta.85",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -75,7 +75,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0695c52c896f5fe7760679381f75a2d850aed2d8",
+  "gitHead": "3f8ae78a735591aed976bb9df9f10ca0338fd05f",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }