@kmkf-fe-packages/kmkf-work-order-service-component 2.2.31-beta.82 → 2.2.31-beta.86

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

@@ -9,7 +9,7 @@ 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";
+import { queryInstallationRepairDetail, queryColumns } from "./services";
 import { isNull } from '@kmkf-fe-packages/kmkf-utils';
 export var renderTime = function renderTime(value) {
   return value && value !== '--' ? moment(value).format('YYYY-MM-DD HH:mm:ss') : value !== null && value !== void 0 ? value : '';
@@ -554,6 +554,10 @@ export var DETAIL_ITEM_LIST = [{
     return renderTable.apply(void 0, args.concat(['complaintServiceOrders']));
   }
 }];
+var detailItemListMap = {};
+DETAIL_ITEM_LIST.forEach(function (item) {
+  detailItemListMap[item.dataIndex] = item;
+});
 var renderDetailItem = function renderDetailItem(record, item, effects) {
   var isTable = 'children' in item && item.children;
   var value = isTable ? record[item.dataIndex] : record.main[item.dataIndex];
@@ -565,6 +569,7 @@ var renderDetailItem = function renderDetailItem(record, item, effects) {
     className: styles.detailItemTitle
   }, item.title, "\uFF1A"), /*#__PURE__*/React.createElement("span", null, 'render' in item && item.render ? item.render(value, record, item, effects) : value));
 };
+var tableColumns;
 var OrderInfo = function OrderInfo(props) {
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -591,7 +596,30 @@ var OrderInfo = function OrderInfo(props) {
     }
     return;
   }, [props.id]);
-  return orderInfo ? /*#__PURE__*/React.createElement("div", null, DETAIL_ITEM_LIST.map(function (item) {
+  React.useEffect(function () {
+    if (!tableColumns || tableColumns.length === 0) {
+      queryColumns().then(function (_ref) {
+        var _data$, _data$$queryInfo;
+        var data = _ref.data;
+        if (data !== null && data !== void 0 && (_data$ = data[0]) !== null && _data$ !== void 0 && (_data$$queryInfo = _data$.queryInfo) !== null && _data$$queryInfo !== void 0 && _data$$queryInfo.length) {
+          try {
+            var newColumns = [];
+            var list = JSON.parse(JSON.parse(data[0].queryInfo));
+            list.forEach(function (item) {
+              if (!item.show) return;
+              if (detailItemListMap[item.dataIndex]) {
+                newColumns.push(detailItemListMap[item.dataIndex]);
+              }
+            });
+            tableColumns = newColumns;
+          } catch (err) {
+            console.debug('parse Error: ', err);
+          }
+        }
+      }).catch(console.debug);
+    }
+  }, []);
+  return orderInfo && tableColumns ? /*#__PURE__*/React.createElement("div", null, tableColumns.map(function (item) {
     return renderDetailItem(orderInfo, item, {
       shopList: props.shopList
     });

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

@@ -323,9 +323,9 @@ var serviceProgressDetailConfig = {
     }
   }, {
     title: '是否赔偿',
-    dataIndex: 'isCompensate',
+    dataIndex: 'isCompensation',
     render: function render(value) {
-      return value === 1 ? '赔偿' : value === 2 ? '不赔偿' : value;
+      return value === 1 ? '赔偿' : value === 0 ? '不赔偿' : value;
     }
   }], [{
     title: '赔偿金额',

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

@@ -1,3 +1,4 @@
 import type { DetailType, ServiceProgressListType } from './types';
 export declare const queryInstallationRepairDetail: (id: string) => Promise<import("../../model/servers/request").serverProps<DetailType>>;
+export declare const queryColumns: () => Promise<import("../../model/servers/request").serverProps<any>>;
 export declare const queryInstallationRepairServiceProgress: (id: string) => Promise<import("../../model/servers/request").serverProps<ServiceProgressListType>>;

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

@@ -8,6 +8,15 @@ export var queryInstallationRepairDetail = function queryInstallationRepairDetai
     }
   });
 };
+export var queryColumns = function queryColumns() {
+  return request({
+    url: 'qy/condition/list',
+    method: 'get',
+    data: {
+      typeKey: 'repairList'
+    }
+  });
+};
 export var queryInstallationRepairServiceProgress = function queryInstallationRepairServiceProgress(id) {
   return request({
     url: '/qy/installation-repair/serviceProgress',

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

@@ -340,7 +340,7 @@ declare type ServiceProgressDataType = {
         orderSn: string;
         serviceId: string;
         judgeResult: 1 | 2;
-        isCompensate: 1 | 2;
+        isCompensation: 0 | 1;
         image: string;
         compensateAmount: string;
         compensateWay: 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.82",
+  "version": "2.2.31-beta.86",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -75,7 +75,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ed885b27f708fe5de45dfbc20dfe7f36b1457c0d",
+  "gitHead": "4677eb382c52a7ff702e3f2781df41f87bc539a5",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }