@bit-sun/business-component 4.2.0-alpha.12 → 4.2.0-alpha.13

package/.umirc.ts

@@ -73,6 +73,10 @@ export default defineConfig({
       target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
       changeOrigin: true,
     },
+    '/settle/': {
+      target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
+      changeOrigin: true,
+    },
     '/basic/': {
       target: 'https://ocean-test.bitsun-inc.com/', // 开发环境
       changeOrigin: true,

package/dist/components/Business/TrialCalculation/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface PathDisplayProps {
+    recordType?: string;
+    businessType?: string;
+    sendOrgCode?: string;
+    receiverOrgCode?: string;
+    orderNo?: string;
+    autoCallApi?: boolean;
+}
+interface PathDisplayRef {
+    fetchData: () => Promise<void>;
+}
+declare const PathDisplay: React.ForwardRefExoticComponent<PathDisplayProps & React.RefAttributes<PathDisplayRef>>;
+export default PathDisplay;

package/dist/index.d.ts

@@ -34,6 +34,7 @@ export * from './components/Functional/BsAntdSula/index';
 export { default as RuleComponent } from './components/Solution/RuleComponent';
 export { default as RuleSetter } from './components/Solution/RuleSetter';
 export { default as RenderCompItem } from './components/Solution/RuleComponent/RenderCompItem';
+export { default as TrialCalculation } from './components/Business/TrialCalculation';
 export { processDetailButtonsVisible as processDetailButtonsVisible } from './components/Business/DetailPageWrapper';
 export { default as ExtendedCollapse } from './components/Common/ExtendedCollapse';
 export { default as Section } from './components/Common/Section';

package/dist/index.esm.js

@@ -40508,9 +40508,314 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
   })));
 });
 
-var css_248z$y = ".bs-collapse-wrap {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.bs-collapse-wrap .bs-collapse-header-wrap {\n  background: #fff;\n}\n.bs-collapse-wrap .bs-collapse-icon {\n  color: #b6b6b6;\n  transition: transform 0.3s;\n}\n.bs-collapse-wrap .bs-guidewrap-icon-toogle {\n  transform: rotate(180deg);\n}\n.bs-collapse-wrap .bs-collapse-header-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: #000000;\n}\n.bs-collapse-wrap .bs-collapse-header-divider {\n  width: 3px;\n  height: 20px;\n  background: #005cff;\n}\n.bs-collapse-header-boder .ant-collapse .ant-collapse-item > .ant-collapse-header {\n  border-bottom: 1px solid #f0f0f0;\n  padding: 8px 16px;\n}\n";
+var css_248z$y = ".wrap_pathContentBox {\n  padding: 30px;\n  border: 1px solid #eee;\n  overflow: auto;\n}\n.wrap_pathContentBoxTitle {\n  height: 20px;\n  margin-bottom: 20px;\n}\n.wrap_pathContentBox::-webkit-scrollbar {\n  display: none;\n}\n.pathItem_content {\n  display: flex;\n  align-items: center;\n}\n.pathItem_block {\n  width: 210px;\n  height: 104px;\n  padding: 10px 20px;\n  background: rgba(24, 144, 255);\n  color: #fff;\n  font-weight: bolder;\n  text-align: center;\n  border-radius: 12px;\n  box-shadow: 1px 1px 10px rgba(200, 201, 204, 0.4);\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  line-height: 1.4;\n}\n.record_info {\n  text-align: center;\n}\n.pathItem_line {\n  margin: 0px 16px;\n}\n.pathItem_line_withRightArrow,\n.pathItem_line_withLeftArrow {\n  position: relative;\n  height: 10px;\n  /* 根据需要调整高度 */\n  display: flex;\n  width: 130px;\n  align-items: center;\n}\n.pathItem_line_withRightArrow {\n  margin-top: 10px;\n}\n.pathItem_line_withLeftArrow {\n  margin-bottom: 10px;\n}\n.pathItem_line_withRightArrow::before,\n.pathItem_line_withLeftArrow::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  height: 4px;\n  /* 直线的粗细 */\n  background-color: rgba(24, 144, 255);\n  z-index: 1;\n}\n.pathItem_line_rightArrow,\n.pathItem_line_leftArrow {\n  position: relative;\n  width: 0;\n  height: 0;\n  border-top: 10px solid transparent;\n  border-bottom: 10px solid transparent;\n  border-left: 10px solid rgba(24, 144, 255);\n  /* 向右的蓝色箭头 */\n  margin-left: 94%;\n  /* 根据需要调整间距 */\n  z-index: 2;\n}\n.pathItem_line_withLeftArrow {\n  margin-top: 6px;\n}\n.pathItem_line_leftArrow {\n  margin-left: -2px;\n  transform: rotate(180deg);\n}\n";
 styleInject(css_248z$y);
 
+var formatPaths = function formatPaths(list) {
+  var result = list.map(function (l, index) {
+    var _l$nodes;
+    var Item = l;
+    if (l === null || l === void 0 ? void 0 : (_l$nodes = l.nodes) === null || _l$nodes === void 0 ? void 0 : _l$nodes.length) {
+      Item.nodes = l === null || l === void 0 ? void 0 : l.nodes.map(function (s) {
+        return _objectSpread2(_objectSpread2({}, s), {}, {
+          kCode: "".concat(index, "_").concat(s.code)
+        });
+      });
+    }
+    return Item;
+  });
+  return result;
+};
+var getRecordBusinessType = function getRecordBusinessType(recordType) {
+  var businessTypeDictCode = "";
+  var list = [{
+    recordType: "502",
+    businessTypeDictCode: "SRM00001"
+  }, {
+    recordType: "503",
+    businessTypeDictCode: "SRM00002"
+  }, {
+    recordType: "504",
+    businessTypeDictCode: "TCbusinessType"
+  }, {
+    recordType: "505",
+    businessTypeDictCode: "TCRbusinessType"
+  }, {
+    recordType: "1001",
+    businessTypeDictCode: "ALLOCATE00002"
+  }, {
+    recordType: "1002",
+    businessTypeDictCode: "ALLOCATE00002"
+  }, {
+    recordType: "50",
+    businessTypeDictCode: "SC00022"
+  }, {
+    recordType: "30",
+    businessTypeDictCode: "BUSINESS_Stock_Adjus"
+  }, {
+    recordType: "130",
+    businessTypeDictCode: ""
+  }, {
+    recordType: "516",
+    businessTypeDictCode: "BUSINESS_ticket_sale_type"
+  }, {
+    recordType: "1003",
+    businessTypeDictCode: "BUSINESS_DBCK001"
+  }, {
+    recordType: "1004",
+    businessTypeDictCode: "BUSINESS_DBCK001"
+  }, {
+    recordType: "1007",
+    businessTypeDictCode: "BUSINESS_DBCK"
+  }, {
+    recordType: "517",
+    businessTypeDictCode: "BUSINESS_AssReceiptType"
+  }, {
+    recordType: "518",
+    businessTypeDictCode: "BUSINESS_AssReceiptType"
+  } // 拆装箱入
+  ];
+  var match = list.find(function (item) {
+    return item.recordType == recordType;
+  });
+  businessTypeDictCode = (match === null || match === void 0 ? void 0 : match.businessTypeDictCode) || '';
+  return businessTypeDictCode;
+};
+var PathDisplay = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
+  var recordType = _ref.recordType,
+    businessType = _ref.businessType,
+    sendOrgCode = _ref.sendOrgCode,
+    receiverOrgCode = _ref.receiverOrgCode,
+    orderNo = _ref.orderNo,
+    _ref$autoCallApi = _ref.autoCallApi,
+    autoCallApi = _ref$autoCallApi === void 0 ? true : _ref$autoCallApi;
+  // 组件内部状态管理
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    pathList = _useState2[0],
+    setPathList = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    routeCode = _useState4[0],
+    setRouteCode = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    routeCodeName = _useState6[0],
+    setRouteCodeName = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  // 暴露方法给父组件
+  React$1.useImperativeHandle(ref, function () {
+    return {
+      fetchData: fetchData
+    };
+  });
+  var boock = function boock(nodeItem) {
+    return /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.pathItem_block
+    }, /*#__PURE__*/React$1.createElement("div", null, "\u3010", nodeItem.code, "\u3011", nodeItem.name), /*#__PURE__*/React$1.createElement("div", null, "\u7EC4\u7EC7\u5206\u7C7B\uFF1A", getDictionaryTextByValue('BUSINESS_ORG_CLASSIFICATION', nodeItem.orgClassification || '')));
+  };
+  // 调用接口获取数据
+  var fetchData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var params, res, _res$data, _res, _res$data2, _res2, _res2$data, _res3, _res3$data, pList, formattedPaths, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            if (!(!recordType || !sendOrgCode || !receiverOrgCode)) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2);
+          case 1:
+            setLoading(true);
+            _context.p = 2;
+            params = {
+              recordType: recordType,
+              businessType: businessType,
+              sendOrgCode: sendOrgCode,
+              receiverOrgCode: receiverOrgCode,
+              orderNo: orderNo
+            };
+            console.log('params', params);
+            _context.n = 3;
+            return requestUtil({
+              url: "/settle/crossOrgSettlementRoute/trialCalculation",
+              method: 'POST',
+              data: params
+            });
+          case 3:
+            res = _context.v;
+            debugger;
+            if (handleError(res.data)) {
+              res = res.data;
+              if ((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.match) {
+                setRouteCodeName(((_res = res) === null || _res === void 0 ? void 0 : (_res$data2 = _res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.routeCodeName) || '');
+                setRouteCode(((_res2 = res) === null || _res2 === void 0 ? void 0 : (_res2$data = _res2.data) === null || _res2$data === void 0 ? void 0 : _res2$data.routeCode) || '');
+                pList = ((_res3 = res) === null || _res3 === void 0 ? void 0 : (_res3$data = _res3.data) === null || _res3$data === void 0 ? void 0 : _res3$data.fontDetails) || [];
+                formattedPaths = formatPaths(pList);
+                setPathList(formattedPaths);
+              } else {
+                // 清空历史结果
+                setRouteCodeName('');
+                setRouteCode('');
+                setPathList([]);
+                message$1.warning('匹配不到跨组织链路');
+              }
+            } else {
+              // 清空历史结果
+              setRouteCodeName('');
+              setRouteCode('');
+              setPathList([]);
+              message$1.error('获取数据失败');
+            }
+            _context.n = 5;
+            break;
+          case 4:
+            _context.p = 4;
+            _t = _context.v;
+            console.error('调用接口失败:', _t);
+            setRouteCodeName('');
+            setRouteCode('');
+            setPathList([]);
+            message$1.error('调用接口失败');
+          case 5:
+            _context.p = 5;
+            setLoading(false);
+            return _context.f(5);
+          case 6:
+            return _context.a(2);
+        }
+      }, _callee, null, [[2, 4, 5, 6]]);
+    }));
+    return function fetchData() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  // 监听props变化，自动调用接口
+  useEffect(function () {
+    if (autoCallApi) {
+      fetchData();
+    }
+  }, [recordType, businessType, sendOrgCode, receiverOrgCode, orderNo, autoCallApi]);
+  var line = function line(nodeItem) {
+    // 物资凭证跳转处理
+    var handleMaterialAssetVoucherJump = function handleMaterialAssetVoucherJump(recordId, recordNo) {
+      var _window$$wujie;
+      if ((_window$$wujie = window.$wujie) === null || _window$$wujie === void 0 ? void 0 : _window$$wujie.props.jump) {
+        window.$wujie.props.jump({
+          pathname: "/settle/end-term-management/material_asset_voucher/view/".concat(recordId, "/").concat(recordNo)
+        });
+      }
+    };
+    // 取价单跳转处理
+    var handleCreditSettleJump = function handleCreditSettleJump(creditSettleId) {
+      var _window$$wujie2;
+      if ((_window$$wujie2 = window.$wujie) === null || _window$$wujie2 === void 0 ? void 0 : _window$$wujie2.props.jump) {
+        window.$wujie.props.jump({
+          pathname: "/pay/pay-management/credit-management/credit-settle/view/".concat(creditSettleId)
+        });
+      }
+    };
+    return /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.pathItem_line
+    }, nodeItem.targetOrgCode && (/*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Tooltip, {
+      title: /*#__PURE__*/React$1.createElement("div", {
+        style: {
+          fontSize: '12px',
+          lineHeight: '1.5'
+        }
+      }, /*#__PURE__*/React$1.createElement("div", null, "\u7ED3\u7B97\u5355\u636E\uFF1A", nodeItem.targetRecordName), /*#__PURE__*/React$1.createElement("div", null, "\u4E1A\u52A1\u7C7B\u578B\uFF1A", getDictionaryTextByValue(getRecordBusinessType(nodeItem.targetRecordType || ''), nodeItem.targetBusinessType || '')), /*#__PURE__*/React$1.createElement("div", null, "\u4EF7\u683C\u6765\u6E90\uFF1A", nodeItem.targetOtherLineInfo), /*#__PURE__*/React$1.createElement("div", null, "\u7269\u8D44\u51ED\u8BC1\uFF1A", nodeItem.targetRecordNo || ' '), /*#__PURE__*/React$1.createElement("div", null, nodeItem.targetOccupyType === 1 ? '信贷占用单' : '结算取价单', "\uFF1A", nodeItem.targetCreditSettleNo || ' ')),
+      placement: "top"
+    }, /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.record_info
+    }, /*#__PURE__*/React$1.createElement("div", {
+      style: {
+        fontSize: '12px',
+        lineHeight: '1.5'
+      }
+    }, /*#__PURE__*/React$1.createElement("div", null, nodeItem.targetRecordName), /*#__PURE__*/React$1.createElement("div", null, getDictionaryTextByValue(getRecordBusinessType(nodeItem.targetRecordType || ''), nodeItem.targetBusinessType || '')), /*#__PURE__*/React$1.createElement("div", null, nodeItem.targetOtherLineInfo), /*#__PURE__*/React$1.createElement("div", null, nodeItem.targetRecordId && nodeItem.targetRecordNo ? (/*#__PURE__*/React$1.createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleMaterialAssetVoucherJump(nodeItem.targetRecordId || '', nodeItem.targetRecordNo || '');
+      }
+    }, nodeItem.targetRecordNo)) : nodeItem.targetRecordNo), /*#__PURE__*/React$1.createElement("div", null, nodeItem.targetCreditSettleId ? (/*#__PURE__*/React$1.createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleCreditSettleJump(nodeItem.targetCreditSettleId || '');
+      }
+    }, nodeItem.targetCreditSettleNo)) : nodeItem.targetCreditSettleNo)))), /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.pathItem_line_withRightArrow
+    }, /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.pathItem_line_rightArrow
+    })))) || null, nodeItem.sourceOrgCode && (/*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.pathItem_line_withLeftArrow
+    }, /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.pathItem_line_leftArrow
+    })), /*#__PURE__*/React$1.createElement(Tooltip, {
+      title: /*#__PURE__*/React$1.createElement("div", {
+        style: {
+          fontSize: '12px',
+          lineHeight: '1.5'
+        }
+      }, /*#__PURE__*/React$1.createElement("div", null, "\u7ED3\u7B97\u5355\u636E\uFF1A", nodeItem.sourceRecordName), /*#__PURE__*/React$1.createElement("div", null, "\u4E1A\u52A1\u7C7B\u578B\uFF1A", getDictionaryTextByValue(getRecordBusinessType(nodeItem.sourceRecordType || ''), nodeItem.sourceBusinessType || '')), /*#__PURE__*/React$1.createElement("div", null, "\u4EF7\u683C\u6765\u6E90\uFF1A", nodeItem.sourceOtherLineInfo), /*#__PURE__*/React$1.createElement("div", null, "\u7269\u8D44\u51ED\u8BC1\uFF1A", nodeItem.sourceRecordNo || ' '), /*#__PURE__*/React$1.createElement("div", null, nodeItem.sourceOccupyType === 1 ? '信贷占用单' : '结算取价单', "\uFF1A", nodeItem.sourceCreditSettleNo || ' ')),
+      placement: "top"
+    }, /*#__PURE__*/React$1.createElement("div", {
+      className: css_248z$y.record_info
+    }, /*#__PURE__*/React$1.createElement("div", {
+      style: {
+        fontSize: '12px',
+        lineHeight: '1.5'
+      }
+    }, /*#__PURE__*/React$1.createElement("div", null, nodeItem.sourceRecordName), /*#__PURE__*/React$1.createElement("div", null, getDictionaryTextByValue(getRecordBusinessType(nodeItem.sourceRecordType || ''), nodeItem.sourceBusinessType || '')), /*#__PURE__*/React$1.createElement("div", null, nodeItem.sourceOtherLineInfo), /*#__PURE__*/React$1.createElement("div", null, nodeItem.sourceRecordId && nodeItem.sourceRecordNo ? (/*#__PURE__*/React$1.createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleMaterialAssetVoucherJump(nodeItem.sourceRecordId || '', nodeItem.sourceRecordNo || '');
+      }
+    }, nodeItem.sourceRecordNo || ' ')) : nodeItem.sourceRecordNo || ' '), /*#__PURE__*/React$1.createElement("div", null, nodeItem.sourceCreditSettleId ? (/*#__PURE__*/React$1.createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleCreditSettleJump(nodeItem.sourceCreditSettleId || '');
+      }
+    }, nodeItem.sourceCreditSettleNo || ' ')) : nodeItem.sourceCreditSettleNo || ' ')))))) || null);
+  };
+  return /*#__PURE__*/React$1.createElement("div", {
+    className: css_248z$y.wrap_pathContentBox
+  }, /*#__PURE__*/React$1.createElement(Spin, {
+    spinning: loading,
+    tip: "\u52A0\u8F7D\u4E2D..."
+  }, routeCode && /*#__PURE__*/React$1.createElement("div", {
+    className: css_248z$y.wrap_pathContentBoxTitle
+  }, "\u8DE8\u7EC4\u7EC7\u94FE\u8DEF\u540D\u79F0\uFF1A\u3010", routeCode, "\u3011", routeCodeName), /*#__PURE__*/React$1.createElement("div", {
+    className: css_248z$y.pathItem_content
+  }, pathList.map(function (nodeItem, index) {
+    return /*#__PURE__*/React$1.createElement(React$1.Fragment, {
+      key: "node_".concat(index)
+    }, boock(nodeItem), line(nodeItem));
+  }))));
+});
+
+var css_248z$z = ".bs-collapse-wrap {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.bs-collapse-wrap .bs-collapse-header-wrap {\n  background: #fff;\n}\n.bs-collapse-wrap .bs-collapse-icon {\n  color: #b6b6b6;\n  transition: transform 0.3s;\n}\n.bs-collapse-wrap .bs-guidewrap-icon-toogle {\n  transform: rotate(180deg);\n}\n.bs-collapse-wrap .bs-collapse-header-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: #000000;\n}\n.bs-collapse-wrap .bs-collapse-header-divider {\n  width: 3px;\n  height: 20px;\n  background: #005cff;\n}\n.bs-collapse-header-boder .ant-collapse .ant-collapse-item > .ant-collapse-header {\n  border-bottom: 1px solid #f0f0f0;\n  padding: 8px 16px;\n}\n";
+styleInject(css_248z$z);
+
 var _excluded$m = ["titleExtra", "header", "showArrow"];
 var Panel = Collapse.Panel;
 var ExtendedPanel = function ExtendedPanel(_ref) {
@@ -40560,9 +40865,9 @@ var index$8 = Object.assign(ExtendedCollapse, {
   Board: ExtendedPanel
 });
 
-var css_248z$z = ".index-module_paragraphCopyWrapper__3rGOI {\n  display: flex;\n  margin-bottom: 4px;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopyLabel__1Qb8u {\n  color: #8c8e91;\n  font-size: 12px;\n  white-space: nowrap;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopy__1y7Jo {\n  min-width: 100px;\n  margin-bottom: 0;\n  font-size: 12px;\n  flex: 1;\n}\n";
+var css_248z$A = ".index-module_paragraphCopyWrapper__3rGOI {\n  display: flex;\n  margin-bottom: 4px;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopyLabel__1Qb8u {\n  color: #8c8e91;\n  font-size: 12px;\n  white-space: nowrap;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopy__1y7Jo {\n  min-width: 100px;\n  margin-bottom: 0;\n  font-size: 12px;\n  flex: 1;\n}\n";
 var styles = {"paragraphCopyWrapper":"index-module_paragraphCopyWrapper__3rGOI","paragraphCopyLabel":"index-module_paragraphCopyLabel__1Qb8u","paragraphCopy":"index-module_paragraphCopy__1y7Jo"};
-styleInject(css_248z$z);
+styleInject(css_248z$A);
 
 var Paragraph = Typography.Paragraph;
 var Section = function Section(_ref) {
@@ -40735,4 +41040,4 @@ var SystemLog = function SystemLog(_ref) {
   });
 };
 
-export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, AuthButton, BillEntry, BsCascader, index$5 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, BusinessTreeSearchSelect$1 as BusinessTreeSearchSelect, index$1 as CheckOneUser, ColumnSettingTable, ColumnsEdit, CommodityEntry, CustomSelector, DataImport, DataValidation, index$3 as DetailPageWrapper, EllipsisTooltip, ExportIcon, index$8 as ExtendedCollapse, GuideWrapper, HandleTotalCount, index$4 as HomePageWrapper, JsonQueryTable, ModalUtils, index$6 as MoreTreeTable, ParagraphCopier, PropertySelector, QueryMutipleInput, QueryMutipleSearchSelect, RenderCompItem, RuleObjectComponent as RuleComponent, index$7 as RuleSetter, SearchSelect, Section, index$2 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, SystemLog, TableColumnSetting, TreeSearchSelect, authFunc, calculateValidPeriod, checkQuantityAccuracy, _coverToParallel as coverToParallel, createUniqID, downloadExcel, ergodicMenuRoutes, formContainerAndItemLayout, _formatter as formatter, getAccountID, getAccountId, getBreadcrumbNameMap, getCommonInfoKey, getConfigTableColumns, getCurrentTargetBgId, getCurrentTenantId, getDictionarySource, getDictionaryTextByValue, getEmployeeCode, getEmployeeId, getItemDefaultWidth$1 as getItemDefaultWidth, getJoinDictionaryText, getLastKey, getLimitMenuDataKey, getLocalStorageSaveKey, getMenuAuthDataKey, getSessionId, getSkuImg, getTenantList, getUserId, getUserName, go2BackAndClose, handleAntdColumnsSpecialParams, handleBaseUrlPre, handleBeforeUpload, handleBssulaColumnsSpecialParams, handleCommonTimeRender$1 as handleCommonTimeRender, handleConvertResponse, handleError, handleExport, handleExportBarCode, handleJudgeAuthButtons, handleOssUrl, handleRequestAuthHeader, handleRequestHeader, handleRequestUrl, handleStatusBadge, handleTextBreakSpaces, handleTextDouble$1 as handleTextDouble, handleTextDoubleOrId, handleTextLineFeed$1 as handleTextLineFeed, handleTextOverflow$1 as handleTextOverflow, handleTextTooltip, handleTextWarp, handleTextWarpCustom, handleTooltip$1 as handleTooltip, handleTooltipHours$1 as handleTooltipHours, handleUserPhone, judgeIsEmpty, judgeIsRequestError, judgeIsRequestSuccess, keyToWord, memoizeOneFormatter, noEmptyArr, noEmptyArray, paramsControl, parseWidth, precisionQuantity, processDetailButtonsVisible, randomString, readerXlsxToList, removeCurrentTenantId, removeTenantList, renderFixed2, renderNumberText, saveCurrentTenantId, saveTenantList, setConfigTableColumns, shouldUseAuth, socketFunctions, sulaTableRenderTooltip, tableColumnsImage$1 as tableColumnsImage, textIcon, updateGuanDate, userColumns$1 as userColumns, userInfoCard$1 as userInfoCard, uuid, writeListToXlsx };
+export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, AuthButton, BillEntry, BsCascader, index$5 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, BusinessTreeSearchSelect$1 as BusinessTreeSearchSelect, index$1 as CheckOneUser, ColumnSettingTable, ColumnsEdit, CommodityEntry, CustomSelector, DataImport, DataValidation, index$3 as DetailPageWrapper, EllipsisTooltip, ExportIcon, index$8 as ExtendedCollapse, GuideWrapper, HandleTotalCount, index$4 as HomePageWrapper, JsonQueryTable, ModalUtils, index$6 as MoreTreeTable, ParagraphCopier, PropertySelector, QueryMutipleInput, QueryMutipleSearchSelect, RenderCompItem, RuleObjectComponent as RuleComponent, index$7 as RuleSetter, SearchSelect, Section, index$2 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, SystemLog, TableColumnSetting, TreeSearchSelect, PathDisplay as TrialCalculation, authFunc, calculateValidPeriod, checkQuantityAccuracy, _coverToParallel as coverToParallel, createUniqID, downloadExcel, ergodicMenuRoutes, formContainerAndItemLayout, _formatter as formatter, getAccountID, getAccountId, getBreadcrumbNameMap, getCommonInfoKey, getConfigTableColumns, getCurrentTargetBgId, getCurrentTenantId, getDictionarySource, getDictionaryTextByValue, getEmployeeCode, getEmployeeId, getItemDefaultWidth$1 as getItemDefaultWidth, getJoinDictionaryText, getLastKey, getLimitMenuDataKey, getLocalStorageSaveKey, getMenuAuthDataKey, getSessionId, getSkuImg, getTenantList, getUserId, getUserName, go2BackAndClose, handleAntdColumnsSpecialParams, handleBaseUrlPre, handleBeforeUpload, handleBssulaColumnsSpecialParams, handleCommonTimeRender$1 as handleCommonTimeRender, handleConvertResponse, handleError, handleExport, handleExportBarCode, handleJudgeAuthButtons, handleOssUrl, handleRequestAuthHeader, handleRequestHeader, handleRequestUrl, handleStatusBadge, handleTextBreakSpaces, handleTextDouble$1 as handleTextDouble, handleTextDoubleOrId, handleTextLineFeed$1 as handleTextLineFeed, handleTextOverflow$1 as handleTextOverflow, handleTextTooltip, handleTextWarp, handleTextWarpCustom, handleTooltip$1 as handleTooltip, handleTooltipHours$1 as handleTooltipHours, handleUserPhone, judgeIsEmpty, judgeIsRequestError, judgeIsRequestSuccess, keyToWord, memoizeOneFormatter, noEmptyArr, noEmptyArray, paramsControl, parseWidth, precisionQuantity, processDetailButtonsVisible, randomString, readerXlsxToList, removeCurrentTenantId, removeTenantList, renderFixed2, renderNumberText, saveCurrentTenantId, saveTenantList, setConfigTableColumns, shouldUseAuth, socketFunctions, sulaTableRenderTooltip, tableColumnsImage$1 as tableColumnsImage, textIcon, updateGuanDate, userColumns$1 as userColumns, userInfoCard$1 as userInfoCard, uuid, writeListToXlsx };

package/dist/index.js

@@ -40531,9 +40531,314 @@ var index$7 = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
   })));
 });
 
-var css_248z$y = ".bs-collapse-wrap {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.bs-collapse-wrap .bs-collapse-header-wrap {\n  background: #fff;\n}\n.bs-collapse-wrap .bs-collapse-icon {\n  color: #b6b6b6;\n  transition: transform 0.3s;\n}\n.bs-collapse-wrap .bs-guidewrap-icon-toogle {\n  transform: rotate(180deg);\n}\n.bs-collapse-wrap .bs-collapse-header-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: #000000;\n}\n.bs-collapse-wrap .bs-collapse-header-divider {\n  width: 3px;\n  height: 20px;\n  background: #005cff;\n}\n.bs-collapse-header-boder .ant-collapse .ant-collapse-item > .ant-collapse-header {\n  border-bottom: 1px solid #f0f0f0;\n  padding: 8px 16px;\n}\n";
+var css_248z$y = ".wrap_pathContentBox {\n  padding: 30px;\n  border: 1px solid #eee;\n  overflow: auto;\n}\n.wrap_pathContentBoxTitle {\n  height: 20px;\n  margin-bottom: 20px;\n}\n.wrap_pathContentBox::-webkit-scrollbar {\n  display: none;\n}\n.pathItem_content {\n  display: flex;\n  align-items: center;\n}\n.pathItem_block {\n  width: 210px;\n  height: 104px;\n  padding: 10px 20px;\n  background: rgba(24, 144, 255);\n  color: #fff;\n  font-weight: bolder;\n  text-align: center;\n  border-radius: 12px;\n  box-shadow: 1px 1px 10px rgba(200, 201, 204, 0.4);\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  line-height: 1.4;\n}\n.record_info {\n  text-align: center;\n}\n.pathItem_line {\n  margin: 0px 16px;\n}\n.pathItem_line_withRightArrow,\n.pathItem_line_withLeftArrow {\n  position: relative;\n  height: 10px;\n  /* 根据需要调整高度 */\n  display: flex;\n  width: 130px;\n  align-items: center;\n}\n.pathItem_line_withRightArrow {\n  margin-top: 10px;\n}\n.pathItem_line_withLeftArrow {\n  margin-bottom: 10px;\n}\n.pathItem_line_withRightArrow::before,\n.pathItem_line_withLeftArrow::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  height: 4px;\n  /* 直线的粗细 */\n  background-color: rgba(24, 144, 255);\n  z-index: 1;\n}\n.pathItem_line_rightArrow,\n.pathItem_line_leftArrow {\n  position: relative;\n  width: 0;\n  height: 0;\n  border-top: 10px solid transparent;\n  border-bottom: 10px solid transparent;\n  border-left: 10px solid rgba(24, 144, 255);\n  /* 向右的蓝色箭头 */\n  margin-left: 94%;\n  /* 根据需要调整间距 */\n  z-index: 2;\n}\n.pathItem_line_withLeftArrow {\n  margin-top: 6px;\n}\n.pathItem_line_leftArrow {\n  margin-left: -2px;\n  transform: rotate(180deg);\n}\n";
 styleInject(css_248z$y);
 
+var formatPaths = function formatPaths(list) {
+  var result = list.map(function (l, index) {
+    var _l$nodes;
+    var Item = l;
+    if (l === null || l === void 0 ? void 0 : (_l$nodes = l.nodes) === null || _l$nodes === void 0 ? void 0 : _l$nodes.length) {
+      Item.nodes = l === null || l === void 0 ? void 0 : l.nodes.map(function (s) {
+        return _objectSpread2(_objectSpread2({}, s), {}, {
+          kCode: "".concat(index, "_").concat(s.code)
+        });
+      });
+    }
+    return Item;
+  });
+  return result;
+};
+var getRecordBusinessType = function getRecordBusinessType(recordType) {
+  var businessTypeDictCode = "";
+  var list = [{
+    recordType: "502",
+    businessTypeDictCode: "SRM00001"
+  }, {
+    recordType: "503",
+    businessTypeDictCode: "SRM00002"
+  }, {
+    recordType: "504",
+    businessTypeDictCode: "TCbusinessType"
+  }, {
+    recordType: "505",
+    businessTypeDictCode: "TCRbusinessType"
+  }, {
+    recordType: "1001",
+    businessTypeDictCode: "ALLOCATE00002"
+  }, {
+    recordType: "1002",
+    businessTypeDictCode: "ALLOCATE00002"
+  }, {
+    recordType: "50",
+    businessTypeDictCode: "SC00022"
+  }, {
+    recordType: "30",
+    businessTypeDictCode: "BUSINESS_Stock_Adjus"
+  }, {
+    recordType: "130",
+    businessTypeDictCode: ""
+  }, {
+    recordType: "516",
+    businessTypeDictCode: "BUSINESS_ticket_sale_type"
+  }, {
+    recordType: "1003",
+    businessTypeDictCode: "BUSINESS_DBCK001"
+  }, {
+    recordType: "1004",
+    businessTypeDictCode: "BUSINESS_DBCK001"
+  }, {
+    recordType: "1007",
+    businessTypeDictCode: "BUSINESS_DBCK"
+  }, {
+    recordType: "517",
+    businessTypeDictCode: "BUSINESS_AssReceiptType"
+  }, {
+    recordType: "518",
+    businessTypeDictCode: "BUSINESS_AssReceiptType"
+  } // 拆装箱入
+  ];
+  var match = list.find(function (item) {
+    return item.recordType == recordType;
+  });
+  businessTypeDictCode = (match === null || match === void 0 ? void 0 : match.businessTypeDictCode) || '';
+  return businessTypeDictCode;
+};
+var PathDisplay = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var recordType = _ref.recordType,
+    businessType = _ref.businessType,
+    sendOrgCode = _ref.sendOrgCode,
+    receiverOrgCode = _ref.receiverOrgCode,
+    orderNo = _ref.orderNo,
+    _ref$autoCallApi = _ref.autoCallApi,
+    autoCallApi = _ref$autoCallApi === void 0 ? true : _ref$autoCallApi;
+  // 组件内部状态管理
+  var _useState = React$1.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    pathList = _useState2[0],
+    setPathList = _useState2[1];
+  var _useState3 = React$1.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    routeCode = _useState4[0],
+    setRouteCode = _useState4[1];
+  var _useState5 = React$1.useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    routeCodeName = _useState6[0],
+    setRouteCodeName = _useState6[1];
+  var _useState7 = React$1.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  // 暴露方法给父组件
+  React__default['default'].useImperativeHandle(ref, function () {
+    return {
+      fetchData: fetchData
+    };
+  });
+  var boock = function boock(nodeItem) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.pathItem_block
+    }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u3010", nodeItem.code, "\u3011", nodeItem.name), /*#__PURE__*/React__default['default'].createElement("div", null, "\u7EC4\u7EC7\u5206\u7C7B\uFF1A", getDictionaryTextByValue('BUSINESS_ORG_CLASSIFICATION', nodeItem.orgClassification || '')));
+  };
+  // 调用接口获取数据
+  var fetchData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var params, res, _res$data, _res, _res$data2, _res2, _res2$data, _res3, _res3$data, pList, formattedPaths, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            if (!(!recordType || !sendOrgCode || !receiverOrgCode)) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2);
+          case 1:
+            setLoading(true);
+            _context.p = 2;
+            params = {
+              recordType: recordType,
+              businessType: businessType,
+              sendOrgCode: sendOrgCode,
+              receiverOrgCode: receiverOrgCode,
+              orderNo: orderNo
+            };
+            console.log('params', params);
+            _context.n = 3;
+            return requestUtil({
+              url: "/settle/crossOrgSettlementRoute/trialCalculation",
+              method: 'POST',
+              data: params
+            });
+          case 3:
+            res = _context.v;
+            debugger;
+            if (handleError(res.data)) {
+              res = res.data;
+              if ((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.match) {
+                setRouteCodeName(((_res = res) === null || _res === void 0 ? void 0 : (_res$data2 = _res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.routeCodeName) || '');
+                setRouteCode(((_res2 = res) === null || _res2 === void 0 ? void 0 : (_res2$data = _res2.data) === null || _res2$data === void 0 ? void 0 : _res2$data.routeCode) || '');
+                pList = ((_res3 = res) === null || _res3 === void 0 ? void 0 : (_res3$data = _res3.data) === null || _res3$data === void 0 ? void 0 : _res3$data.fontDetails) || [];
+                formattedPaths = formatPaths(pList);
+                setPathList(formattedPaths);
+              } else {
+                // 清空历史结果
+                setRouteCodeName('');
+                setRouteCode('');
+                setPathList([]);
+                antd.message.warning('匹配不到跨组织链路');
+              }
+            } else {
+              // 清空历史结果
+              setRouteCodeName('');
+              setRouteCode('');
+              setPathList([]);
+              antd.message.error('获取数据失败');
+            }
+            _context.n = 5;
+            break;
+          case 4:
+            _context.p = 4;
+            _t = _context.v;
+            console.error('调用接口失败:', _t);
+            setRouteCodeName('');
+            setRouteCode('');
+            setPathList([]);
+            antd.message.error('调用接口失败');
+          case 5:
+            _context.p = 5;
+            setLoading(false);
+            return _context.f(5);
+          case 6:
+            return _context.a(2);
+        }
+      }, _callee, null, [[2, 4, 5, 6]]);
+    }));
+    return function fetchData() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  // 监听props变化，自动调用接口
+  React$1.useEffect(function () {
+    if (autoCallApi) {
+      fetchData();
+    }
+  }, [recordType, businessType, sendOrgCode, receiverOrgCode, orderNo, autoCallApi]);
+  var line = function line(nodeItem) {
+    // 物资凭证跳转处理
+    var handleMaterialAssetVoucherJump = function handleMaterialAssetVoucherJump(recordId, recordNo) {
+      var _window$$wujie;
+      if ((_window$$wujie = window.$wujie) === null || _window$$wujie === void 0 ? void 0 : _window$$wujie.props.jump) {
+        window.$wujie.props.jump({
+          pathname: "/settle/end-term-management/material_asset_voucher/view/".concat(recordId, "/").concat(recordNo)
+        });
+      }
+    };
+    // 取价单跳转处理
+    var handleCreditSettleJump = function handleCreditSettleJump(creditSettleId) {
+      var _window$$wujie2;
+      if ((_window$$wujie2 = window.$wujie) === null || _window$$wujie2 === void 0 ? void 0 : _window$$wujie2.props.jump) {
+        window.$wujie.props.jump({
+          pathname: "/pay/pay-management/credit-management/credit-settle/view/".concat(creditSettleId)
+        });
+      }
+    };
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.pathItem_line
+    }, nodeItem.targetOrgCode && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
+      title: /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          fontSize: '12px',
+          lineHeight: '1.5'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u7ED3\u7B97\u5355\u636E\uFF1A", nodeItem.targetRecordName), /*#__PURE__*/React__default['default'].createElement("div", null, "\u4E1A\u52A1\u7C7B\u578B\uFF1A", getDictionaryTextByValue(getRecordBusinessType(nodeItem.targetRecordType || ''), nodeItem.targetBusinessType || '')), /*#__PURE__*/React__default['default'].createElement("div", null, "\u4EF7\u683C\u6765\u6E90\uFF1A", nodeItem.targetOtherLineInfo), /*#__PURE__*/React__default['default'].createElement("div", null, "\u7269\u8D44\u51ED\u8BC1\uFF1A", nodeItem.targetRecordNo || ' '), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.targetOccupyType === 1 ? '信贷占用单' : '结算取价单', "\uFF1A", nodeItem.targetCreditSettleNo || ' ')),
+      placement: "top"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.record_info
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        fontSize: '12px',
+        lineHeight: '1.5'
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.targetRecordName), /*#__PURE__*/React__default['default'].createElement("div", null, getDictionaryTextByValue(getRecordBusinessType(nodeItem.targetRecordType || ''), nodeItem.targetBusinessType || '')), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.targetOtherLineInfo), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.targetRecordId && nodeItem.targetRecordNo ? (/*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleMaterialAssetVoucherJump(nodeItem.targetRecordId || '', nodeItem.targetRecordNo || '');
+      }
+    }, nodeItem.targetRecordNo)) : nodeItem.targetRecordNo), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.targetCreditSettleId ? (/*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleCreditSettleJump(nodeItem.targetCreditSettleId || '');
+      }
+    }, nodeItem.targetCreditSettleNo)) : nodeItem.targetCreditSettleNo)))), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.pathItem_line_withRightArrow
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.pathItem_line_rightArrow
+    })))) || null, nodeItem.sourceOrgCode && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.pathItem_line_withLeftArrow
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.pathItem_line_leftArrow
+    })), /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
+      title: /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          fontSize: '12px',
+          lineHeight: '1.5'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u7ED3\u7B97\u5355\u636E\uFF1A", nodeItem.sourceRecordName), /*#__PURE__*/React__default['default'].createElement("div", null, "\u4E1A\u52A1\u7C7B\u578B\uFF1A", getDictionaryTextByValue(getRecordBusinessType(nodeItem.sourceRecordType || ''), nodeItem.sourceBusinessType || '')), /*#__PURE__*/React__default['default'].createElement("div", null, "\u4EF7\u683C\u6765\u6E90\uFF1A", nodeItem.sourceOtherLineInfo), /*#__PURE__*/React__default['default'].createElement("div", null, "\u7269\u8D44\u51ED\u8BC1\uFF1A", nodeItem.sourceRecordNo || ' '), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.sourceOccupyType === 1 ? '信贷占用单' : '结算取价单', "\uFF1A", nodeItem.sourceCreditSettleNo || ' ')),
+      placement: "top"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: css_248z$y.record_info
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        fontSize: '12px',
+        lineHeight: '1.5'
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.sourceRecordName), /*#__PURE__*/React__default['default'].createElement("div", null, getDictionaryTextByValue(getRecordBusinessType(nodeItem.sourceRecordType || ''), nodeItem.sourceBusinessType || '')), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.sourceOtherLineInfo), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.sourceRecordId && nodeItem.sourceRecordNo ? (/*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleMaterialAssetVoucherJump(nodeItem.sourceRecordId || '', nodeItem.sourceRecordNo || '');
+      }
+    }, nodeItem.sourceRecordNo || ' ')) : nodeItem.sourceRecordNo || ' '), /*#__PURE__*/React__default['default'].createElement("div", null, nodeItem.sourceCreditSettleId ? (/*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        cursor: 'pointer',
+        color: '#1890ff',
+        textDecoration: 'underline'
+      },
+      onClick: function onClick() {
+        return handleCreditSettleJump(nodeItem.sourceCreditSettleId || '');
+      }
+    }, nodeItem.sourceCreditSettleNo || ' ')) : nodeItem.sourceCreditSettleNo || ' ')))))) || null);
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$y.wrap_pathContentBox
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Spin, {
+    spinning: loading,
+    tip: "\u52A0\u8F7D\u4E2D..."
+  }, routeCode && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$y.wrap_pathContentBoxTitle
+  }, "\u8DE8\u7EC4\u7EC7\u94FE\u8DEF\u540D\u79F0\uFF1A\u3010", routeCode, "\u3011", routeCodeName), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$y.pathItem_content
+  }, pathList.map(function (nodeItem, index) {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+      key: "node_".concat(index)
+    }, boock(nodeItem), line(nodeItem));
+  }))));
+});
+
+var css_248z$z = ".bs-collapse-wrap {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.bs-collapse-wrap .bs-collapse-header-wrap {\n  background: #fff;\n}\n.bs-collapse-wrap .bs-collapse-icon {\n  color: #b6b6b6;\n  transition: transform 0.3s;\n}\n.bs-collapse-wrap .bs-guidewrap-icon-toogle {\n  transform: rotate(180deg);\n}\n.bs-collapse-wrap .bs-collapse-header-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: #000000;\n}\n.bs-collapse-wrap .bs-collapse-header-divider {\n  width: 3px;\n  height: 20px;\n  background: #005cff;\n}\n.bs-collapse-header-boder .ant-collapse .ant-collapse-item > .ant-collapse-header {\n  border-bottom: 1px solid #f0f0f0;\n  padding: 8px 16px;\n}\n";
+styleInject(css_248z$z);
+
 var _excluded$m = ["titleExtra", "header", "showArrow"];
 var Panel = antd.Collapse.Panel;
 var ExtendedPanel = function ExtendedPanel(_ref) {
@@ -40583,9 +40888,9 @@ var index$8 = Object.assign(ExtendedCollapse, {
   Board: ExtendedPanel
 });
 
-var css_248z$z = ".index-module_paragraphCopyWrapper__3rGOI {\n  display: flex;\n  margin-bottom: 4px;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopyLabel__1Qb8u {\n  color: #8c8e91;\n  font-size: 12px;\n  white-space: nowrap;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopy__1y7Jo {\n  min-width: 100px;\n  margin-bottom: 0;\n  font-size: 12px;\n  flex: 1;\n}\n";
+var css_248z$A = ".index-module_paragraphCopyWrapper__3rGOI {\n  display: flex;\n  margin-bottom: 4px;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopyLabel__1Qb8u {\n  color: #8c8e91;\n  font-size: 12px;\n  white-space: nowrap;\n}\n.index-module_paragraphCopyWrapper__3rGOI .index-module_paragraphCopy__1y7Jo {\n  min-width: 100px;\n  margin-bottom: 0;\n  font-size: 12px;\n  flex: 1;\n}\n";
 var styles = {"paragraphCopyWrapper":"index-module_paragraphCopyWrapper__3rGOI","paragraphCopyLabel":"index-module_paragraphCopyLabel__1Qb8u","paragraphCopy":"index-module_paragraphCopy__1y7Jo"};
-styleInject(css_248z$z);
+styleInject(css_248z$A);
 
 var Paragraph = antd.Typography.Paragraph;
 var Section = function Section(_ref) {
@@ -40800,6 +41105,7 @@ exports.SulaColumnSettingTable = ColumnSettingSulaTable;
 exports.SystemLog = SystemLog;
 exports.TableColumnSetting = TableColumnSetting;
 exports.TreeSearchSelect = TreeSearchSelect;
+exports.TrialCalculation = PathDisplay;
 exports.authFunc = authFunc;
 exports.calculateValidPeriod = calculateValidPeriod;
 exports.checkQuantityAccuracy = checkQuantityAccuracy;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.2.0-alpha.12",
+  "version": "4.2.0-alpha.13",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Business/TrialCalculation/PathDisplay.less

@@ -0,0 +1,93 @@
+.wrap_pathContentBox {
+  padding: 30px;
+  border: 1px solid #eee;
+  overflow: auto;
+}
+
+.wrap_pathContentBoxTitle {
+  height: 20px;
+  margin-bottom: 20px
+}
+
+.wrap_pathContentBox::-webkit-scrollbar {
+  display: none;
+}
+
+.pathItem_content {
+  display: flex;
+  align-items: center;
+}
+
+.pathItem_block {
+  width: 210px;
+  height: 104px;
+  padding: 10px 20px;
+  background: rgba(24, 144, 255);
+  color: #fff;
+  font-weight: bolder;
+  text-align: center;
+  border-radius: 12px;
+  box-shadow: 1px 1px 10px rgba(200,201,204,.4);
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  line-height: 1.4;
+}
+
+.record_info {
+  text-align: center;
+}
+
+.pathItem_line {
+  margin: 0px 16px;
+}
+
+.pathItem_line_withRightArrow, .pathItem_line_withLeftArrow {
+  position: relative;
+  height: 10px; /* 根据需要调整高度 */
+  display: flex;
+  width: 130px;
+  align-items: center;
+}
+
+.pathItem_line_withRightArrow {
+  margin-top: 10px;
+}
+
+.pathItem_line_withLeftArrow {
+  margin-bottom: 10px;
+}
+
+.pathItem_line_withRightArrow::before, .pathItem_line_withLeftArrow::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100%;
+  height: 4px; /* 直线的粗细 */
+  background-color: rgba(24, 144, 255);
+  z-index: 1;
+}
+
+.pathItem_line_rightArrow, .pathItem_line_leftArrow {
+  position: relative;
+  width: 0;
+  height: 0;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  border-left: 10px solid rgba(24, 144, 255); /* 向右的蓝色箭头 */
+  margin-left: 94%; /* 根据需要调整间距 */
+  z-index: 2;
+}
+
+.pathItem_line_withLeftArrow {
+  margin-top: 6px;
+}
+
+.pathItem_line_leftArrow {
+  margin-left: -2px;
+  transform: rotate(180deg);
+}

package/src/components/Business/TrialCalculation/PathDisplay_README.md

@@ -0,0 +1,77 @@
+# PathDisplay 组件说明文档
+
+`PathDisplay` 是一个用于展示跨组织结算链路的图形化组件。它主要用于“试算”场景，根据输入的单据信息，调用后端接口获取预测的结算路径，并以“节点（组织）+ 连线（单据/业务流）”的形式直观展示。
+
+## 1. 组件引入
+
+```typescript
+import PathDisplay from '@/components/Business/TrialCalculation/PathDisplay';
+```
+
+## 2. Props 参数说明
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+| --- | --- | --- | --- | --- |
+| `recordType` | `string` | 否 | - | 单据类型（如：1007-跨组织调拨） |
+| `businessType` | `string` | 否 | - | 业务类型 |
+| `sendOrgCode` | `string` | 否 | - | 发货组织/调出组织编码 |
+| `receiverOrgCode` | `string` | 否 | - | 收货组织/调入组织编码 |
+| `orderNo` | `string` | 否 | - | 业务单号 |
+| `autoCallApi` | `boolean` | 否 | `true` | 是否在参数变化时自动调用接口 |
+
+## 3. Ref 方法暴露
+
+组件通过 `forwardRef` 暴露了以下方法，可通过 `ref` 调用：
+
+| 方法名 | 类型 | 说明 |
+| --- | --- | --- |
+| `fetchData` | `() => Promise<void>` | 手动触发接口调用，重新获取链路数据 |
+
+## 4. 使用示例
+
+### 4.1 基本使用（自动触发）
+
+只要传入必要的 props，组件会自动调用接口并展示结果。
+
+```tsx
+import React from 'react';
+import PathDisplay from '@/components/Business/TrialCalculation/PathDisplay';
+
+const Demo = () => {
+  return (
+    <PathDisplay
+      recordType="1007"
+      businessType="1"
+      sendOrgCode="KDX0001"
+      receiverOrgCode="KD0002"
+      orderNo="DBCK25121700000014"
+    />
+  );
+};
+
+export default Demo;
+```
+
+### 4.2 手动触发（配合表单查询）
+
+如果需要点击“查询”按钮后再触发试算，可以将 `autoCallApi` 设置为 `false`，并通过 `ref` 调用 `fetchData`。
+
+
+```
+
+## 5. 业务逻辑说明
+
+### 5.1 接口请求
+组件内部调用 `/settle/crossOrgSettlementRoute/trialCalculation` 接口。
+*   **Method**: POST
+*   **请求参数**: 取自 Props 中的 `recordType`, `businessType`, `sendOrgCode`, `receiverOrgCode`, `orderNo`。
+
+### 5.2 页面跳转
+组件中包含物资凭证号和结算取价单号的跳转逻辑，依赖微前端环境：
+*   **物资凭证跳转**: `/settle/end-term-management/material_asset_voucher/view/:id/:no`
+*   **取价单跳转**: `/pay/pay-management/credit-management/credit-settle/view/:id`
+
+> 注意：跳转功能依赖 `window.$wujie.props.jump` 方法。如果在非微前端环境（无 wujie 注入）下使用，跳转点击将无效（但不会报错，有空值判断）。
+
+### 5.3 字典依赖
+组件展示业务类型名称时，依赖全局工具函数 `getDictionaryTextByValue` 和内置的 `getRecordBusinessType` 映射逻辑。确保项目中已加载相关数据字典（如 `BUSINESS_ORG_CLASSIFICATION` 等）。

package/src/components/Business/TrialCalculation/index.tsx

@@ -0,0 +1,322 @@
+import React, { useState, useEffect } from 'react';
+import { Tooltip, message, Spin } from 'antd';
+import request from '@/utils/request';
+import { getDictionaryTextByValue, handleError } from '@/utils';
+import styles from './PathDisplay.less';
+
+const formatPaths = (list: any) => {
+    const result = list.map((l: any, index: number) => {
+        const Item = l;
+        if (l?.nodes?.length) {
+            Item.nodes = l?.nodes.map((s: any) => ({
+                ...s,
+                kCode: `${index}_${s.code}`,
+            }));
+        }
+        return Item;
+    });
+    return result;
+};
+
+const getRecordBusinessType = (recordType: any) => {
+    let businessTypeDictCode = "";
+    const list = [
+        { recordType: "502", businessTypeDictCode: "SRM00001" }, // 采购单
+        { recordType: "503", businessTypeDictCode: "SRM00002" }, // 采购退单
+        { recordType: "504", businessTypeDictCode: "TCbusinessType" }, // 销售单
+        { recordType: "505", businessTypeDictCode: "TCRbusinessType" }, // 销售退单
+        { recordType: "1001", businessTypeDictCode: "ALLOCATE00002" }, // 调拨出
+        { recordType: "1002", businessTypeDictCode: "ALLOCATE00002" }, // 调拨入
+        { recordType: "50", businessTypeDictCode: "SC00022" }, // 其他出入库单
+        { recordType: "30", businessTypeDictCode: "BUSINESS_Stock_Adjus" }, // 库存调整
+        { recordType: "130", businessTypeDictCode: "" }, // 逻辑移位单
+        {
+            recordType: "516",
+            businessTypeDictCode: "BUSINESS_ticket_sale_type",
+        }, // pos订单
+        { recordType: "1003", businessTypeDictCode: "BUSINESS_DBCK001" }, // 跨组织调拨出库单
+        { recordType: "1004", businessTypeDictCode: "BUSINESS_DBCK001" }, // 跨组织调拨入库单
+        { recordType: "1007", businessTypeDictCode: "BUSINESS_DBCK" }, // 跨组织调拨
+        { recordType: "517", businessTypeDictCode: "BUSINESS_AssReceiptType" }, // 拆装箱出
+        { recordType: "518", businessTypeDictCode: "BUSINESS_AssReceiptType" }, // 拆装箱入
+    ];
+    const match = list.find((item) => item.recordType == recordType);
+    businessTypeDictCode = match?.businessTypeDictCode || '';
+    return businessTypeDictCode;
+};
+
+interface NodeItem {
+  name: string;
+  code?: string;
+  orgClassification?: string;
+  targetOrgCode?: string;
+  targetRecordName?: string;
+  targetRecordType?: string;
+  targetBusinessType?: string;
+  targetOtherLineInfo?: string;
+  targetRecordNo?: string;
+  targetOccupyType?: number;
+  targetCreditSettleNo?: string;
+  targetRecordId?: string;
+  targetCreditSettleId?: string;
+  sourceOrgCode?: string;
+  sourceRecordName?: string;
+  sourceRecordType?: string;
+  sourceBusinessType?: string;
+  sourceOtherLineInfo?: string;
+  sourceRecordNo?: string;
+  sourceOccupyType?: number;
+  sourceCreditSettleNo?: string;
+  sourceRecordId?: string;
+  sourceCreditSettleId?: string;
+}
+
+interface PathDisplayProps {
+  recordType?: string;
+  businessType?: string;
+  sendOrgCode?: string;
+  receiverOrgCode?: string;
+  orderNo?: string;
+  autoCallApi?: boolean;
+}
+
+interface PathDisplayRef {
+  fetchData: () => Promise<void>;
+}
+
+const PathDisplay = React.forwardRef<PathDisplayRef, PathDisplayProps>(({ 
+  recordType, 
+  businessType, 
+  sendOrgCode, 
+  receiverOrgCode, 
+  orderNo,
+  autoCallApi = true 
+}, ref) => {
+  // 组件内部状态管理
+  const [pathList, setPathList] = useState<NodeItem[]>([]);
+  const [routeCode, setRouteCode] = useState<string>('');
+  const [routeCodeName, setRouteCodeName] = useState<string>('');
+  const [loading, setLoading] = useState<boolean>(false);
+
+  // 暴露方法给父组件
+  React.useImperativeHandle(ref, () => ({
+    fetchData
+  }));
+
+  const boock = (nodeItem: NodeItem) => (
+    <div className={styles.pathItem_block}>
+      <div>【{nodeItem.code}】{nodeItem.name}</div>
+      <div>组织分类：{getDictionaryTextByValue('BUSINESS_ORG_CLASSIFICATION', nodeItem.orgClassification || '')}</div>
+    </div>
+  );
+  
+  // 调用接口获取数据
+  const fetchData = async () => {
+    // 检查必要参数
+    if (!recordType || !sendOrgCode || !receiverOrgCode) {
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const params = {
+        recordType,
+        businessType,
+        sendOrgCode,
+        receiverOrgCode,
+        orderNo,
+      };
+      console.log('params', params);
+      let res = await request({
+        url: `/settle/crossOrgSettlementRoute/trialCalculation`,
+        method: 'POST',
+        data: params,
+      });
+      debugger
+      if (handleError(res.data)) {
+        res = res.data;
+        if (res.data?.match) {
+          setRouteCodeName(res?.data?.routeCodeName || '');
+          setRouteCode(res?.data?.routeCode || '');
+          
+          const pList = res?.data?.fontDetails || [];
+          const formattedPaths = formatPaths(pList);
+          setPathList(formattedPaths);
+        } else {
+          // 清空历史结果
+          setRouteCodeName('');
+          setRouteCode('');
+          setPathList([]);
+          message.warning('匹配不到跨组织链路');
+        }
+      } else {
+        // 清空历史结果
+        setRouteCodeName('');
+        setRouteCode('');
+        setPathList([]);
+        message.error('获取数据失败');
+      }
+    } catch (error) {
+      console.error('调用接口失败:', error);
+      setRouteCodeName('');
+      setRouteCode('');
+      setPathList([]);
+      message.error('调用接口失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 监听props变化，自动调用接口
+  useEffect(() => {
+    if (autoCallApi) {
+      fetchData();
+    }
+  }, [recordType, businessType, sendOrgCode, receiverOrgCode, orderNo, autoCallApi]);
+
+  const line = (nodeItem: NodeItem) => {
+    // 物资凭证跳转处理
+    const handleMaterialAssetVoucherJump = (recordId: string, recordNo: string) => {
+      if ((window as any).$wujie?.props.jump) {
+        (window as any).$wujie.props.jump({
+          pathname: `/settle/end-term-management/material_asset_voucher/view/${recordId}/${recordNo}`,
+        });
+      }
+    };
+
+    // 取价单跳转处理
+    const handleCreditSettleJump = (creditSettleId: string) => {
+      if ((window as any).$wujie?.props.jump) {
+        (window as any).$wujie.props.jump({
+          pathname: `/pay/pay-management/credit-management/credit-settle/view/${creditSettleId}`,
+        });
+      }
+    };
+
+    return (
+      <div className={styles.pathItem_line}>
+        {nodeItem.targetOrgCode && (
+          <>
+            <Tooltip
+              title={
+                <div style={{ fontSize: '12px', lineHeight: '1.5' }}>
+                  <div>结算单据：{nodeItem.targetRecordName}</div>
+                  <div>业务类型：{getDictionaryTextByValue(getRecordBusinessType(nodeItem.targetRecordType || ''), nodeItem.targetBusinessType || '')}</div>
+                  <div>价格来源：{nodeItem.targetOtherLineInfo}</div>
+                  <div>物资凭证：{nodeItem.targetRecordNo || ' '}</div>
+                  <div>{nodeItem.targetOccupyType === 1 ? '信贷占用单' : '结算取价单' }：{nodeItem.targetCreditSettleNo || ' '}</div>
+                </div>
+              }
+              placement="top"
+            >
+              <div className={styles.record_info}>
+                <div style={{ fontSize: '12px', lineHeight: '1.5' }}>
+                  <div>{nodeItem.targetRecordName}</div>
+                  <div>{getDictionaryTextByValue(getRecordBusinessType(nodeItem.targetRecordType || ''), nodeItem.targetBusinessType || '')}</div>
+                  <div>{nodeItem.targetOtherLineInfo}</div>
+                  <div>
+                    {nodeItem.targetRecordId && nodeItem.targetRecordNo ? (
+                      <span 
+                        style={{ cursor: 'pointer', color: '#1890ff', textDecoration: 'underline' }}
+                        onClick={() => handleMaterialAssetVoucherJump(nodeItem.targetRecordId || '', nodeItem.targetRecordNo || '')}
+                      >
+                        {nodeItem.targetRecordNo}
+                      </span>
+                    ) : (
+                      nodeItem.targetRecordNo
+                    )}
+                  </div>
+                  <div>
+                    {nodeItem.targetCreditSettleId ? (
+                      <span 
+                        style={{ cursor: 'pointer', color: '#1890ff', textDecoration: 'underline' }}
+                        onClick={() => handleCreditSettleJump(nodeItem.targetCreditSettleId || '')}
+                      >
+                        {nodeItem.targetCreditSettleNo}
+                      </span>
+                    ) : (
+                      nodeItem.targetCreditSettleNo
+                    )}
+                  </div>
+                </div>
+              </div>
+            </Tooltip>
+            <div className={styles.pathItem_line_withRightArrow}>
+              <div className={styles.pathItem_line_rightArrow}></div>
+            </div>
+          </>
+        ) || null}
+          {nodeItem.sourceOrgCode && (
+          <>
+            <div className={styles.pathItem_line_withLeftArrow}>
+              <div className={styles.pathItem_line_leftArrow}></div>
+            </div>
+            <Tooltip
+              title={
+                <div style={{ fontSize: '12px', lineHeight: '1.5' }}>
+                  <div>结算单据：{nodeItem.sourceRecordName}</div>
+                  <div>业务类型：{getDictionaryTextByValue(getRecordBusinessType(nodeItem.sourceRecordType || ''), nodeItem.sourceBusinessType || '')}</div>
+                  <div>价格来源：{nodeItem.sourceOtherLineInfo}</div>
+                  <div>物资凭证：{nodeItem.sourceRecordNo || ' '}</div>
+                  <div>{nodeItem.sourceOccupyType === 1 ? '信贷占用单' : '结算取价单' }：{nodeItem.sourceCreditSettleNo || ' '}</div>
+                </div>
+              }
+              placement="top"
+            >
+              <div className={styles.record_info}>
+                <div style={{ fontSize: '12px', lineHeight: '1.5' }}>
+                  <div>{nodeItem.sourceRecordName}</div>
+                  <div>{getDictionaryTextByValue(getRecordBusinessType(nodeItem.sourceRecordType || ''), nodeItem.sourceBusinessType || '')}</div>
+                  <div>{nodeItem.sourceOtherLineInfo}</div>
+                  <div>
+                    {nodeItem.sourceRecordId && nodeItem.sourceRecordNo ? (
+                      <span 
+                        style={{ cursor: 'pointer', color: '#1890ff', textDecoration: 'underline' }}
+                        onClick={() => handleMaterialAssetVoucherJump(nodeItem.sourceRecordId || '', nodeItem.sourceRecordNo || '')}
+                      >
+                        {nodeItem.sourceRecordNo || ' '}
+                      </span>
+                    ) : (
+                      nodeItem.sourceRecordNo || ' '
+                    )}
+                  </div>
+                  <div>
+                    {nodeItem.sourceCreditSettleId ? (
+                      <span 
+                        style={{ cursor: 'pointer', color: '#1890ff', textDecoration: 'underline' }}
+                        onClick={() => handleCreditSettleJump(nodeItem.sourceCreditSettleId || '')}
+                      >
+                        {nodeItem.sourceCreditSettleNo || ' '}
+                      </span>
+                    ) : (
+                      nodeItem.sourceCreditSettleNo || ' '
+                    )}
+                  </div>
+                </div>
+              </div>
+            </Tooltip>
+          </>
+        ) || null}
+      </div>
+    );
+  };
+
+  return (
+    <div className={styles.wrap_pathContentBox}>
+      <Spin spinning={loading} tip="加载中...">
+        {routeCode && <div className={styles.wrap_pathContentBoxTitle}>跨组织链路名称：【{routeCode}】{routeCodeName}</div> }
+
+        <div className={styles.pathItem_content}>
+          {pathList.map((nodeItem, index) => (
+            <React.Fragment key={`node_${index}`}>
+              {boock(nodeItem)}
+              {line(nodeItem)}
+            </React.Fragment>
+          ))}
+        </div>
+      </Spin>
+    </div>
+  );
+});
+
+export default PathDisplay;

package/src/index.ts

@@ -44,6 +44,7 @@ export * from './components/Functional/BsAntdSula/index';
 export { default as RuleComponent} from './components/Solution/RuleComponent';
 export { default as RuleSetter} from './components/Solution/RuleSetter';
 export { default as RenderCompItem} from './components/Solution/RuleComponent/RenderCompItem';
+export { default as TrialCalculation} from './components/Business/TrialCalculation';
 
 export { processDetailButtonsVisible as processDetailButtonsVisible } from './components/Business/DetailPageWrapper';