@kmkf-fe-packages/kmkf-work-order-service-component 2.2.41 → 2.2.44

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

@@ -0,0 +1,628 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import 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, 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 : '';
+};
+export var renderImages = function renderImages(value) {
+  if (typeof value !== 'string' || !/^https?:/.test(value)) return;
+  var list = value ? value.split(',') : [];
+  return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, list.map(function (url, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: "".concat(url, "-").concat(index),
+      style: {
+        marginRight: 4
+      }
+    }, /*#__PURE__*/React.createElement(ApaasImage, {
+      src: url,
+      width: 24
+    }));
+  })));
+};
+export var renderTable = function renderTable(value, record, item, effects, key) {
+  if (!('children' in item)) return;
+  if (!value || value.length === 0) return;
+  return /*#__PURE__*/React.createElement(Table, {
+    scroll: {
+      x: 'max-content'
+    },
+    columns: item.children,
+    dataSource: value,
+    pagination: false,
+    size: "small"
+  });
+};
+// DETAIL_ITEM_LIST列表也用于kefu项目中安装/维修单详情展示,对于像店铺shopUk这种需要外部传入effects的render函数字段,kefu那边需要额外处理，其他字段可直接添加会直接同步
+export var DETAIL_ITEM_LIST = [{
+  title: '订单号',
+  dataIndex: 'tid'
+}, {
+  title: '下单状态',
+  dataIndex: 'orderStatus',
+  render: function render(value) {
+    var item = [{
+      value: 0,
+      label: '失败',
+      color: '#ff4d4f'
+    }, {
+      value: 1,
+      label: '成功',
+      color: '#52c41a'
+    }][value];
+    return item ? /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: item.color
+      }
+    }, item.label) : value;
+  }
+}, {
+  title: '安装/维修订单编号',
+  dataIndex: 'orderSn'
+}, {
+  title: '安装/维修订单ID',
+  dataIndex: 'orderId'
+}, {
+  title: '下单平台',
+  dataIndex: 'platformDesc'
+}, {
+  title: '服务类型',
+  dataIndex: 'serviceTypeDesc'
+}, {
+  title: '服务状态',
+  dataIndex: 'serviceStatusDesc',
+  render: function render(value) {
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#1b5bf3'
+      }
+    }, value);
+  }
+}, {
+  title: '最新服务进度',
+  dataIndex: 'latestServiceProgressDesc',
+  render: function render(value) {
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#1b5bf3'
+      }
+    }, value);
+  }
+}, {
+  title: '最新服务进度时间',
+  dataIndex: 'latestProgressTime',
+  render: renderTime
+}, {
+  title: '商品信息',
+  dataIndex: 'goodsList',
+  children: [{
+    title: '商品名称',
+    dataIndex: 'productName'
+  }, {
+    title: '商品编码',
+    dataIndex: 'productNum'
+  }, {
+    title: 'SKU名称',
+    dataIndex: 'goodsModel'
+  }, {
+    title: 'SKU编码',
+    dataIndex: 'specificationCode'
+  }, {
+    title: '平台SKU ID',
+    dataIndex: 'skuID'
+  }, {
+    title: '数量',
+    dataIndex: 'quantity'
+  }, {
+    title: '商品图片',
+    dataIndex: 'goodsUrl',
+    render: renderImages
+  }, {
+    title: '备注',
+    dataIndex: 'remark'
+  }],
+  render: function render() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return renderTable.apply(void 0, args.concat(['goodsList']));
+  }
+}, {
+  title: '下单时间',
+  dataIndex: 'orderTime',
+  render: renderTime
+}, {
+  title: '客户姓名',
+  dataIndex: 'customerName'
+}, {
+  title: '客户手机号',
+  dataIndex: 'customerPhone'
+}, {
+  title: '客户地址',
+  dataIndex: 'customerAddress'
+}, {
+  title: '服务备注',
+  dataIndex: 'serviceRemark'
+}, {
+  title: '下单联系人',
+  dataIndex: 'orderContact'
+}, {
+  title: '下单联系电话',
+  dataIndex: 'orderContactPhone'
+}, {
+  title: '期望上门时间',
+  dataIndex: 'expectedVisitTime',
+  render: renderTime
+},
+// {
+//   title: '是否核销单',
+//   dataIndex: 'writeOffType',
+//   render: (value) => ['否', '喵师傅核销', '汪师傅核销'][value] || value,
+// },
+// {
+//   title: '核销单号',
+//   dataIndex: 'writeOffNo',
+// },
+{
+  title: '师傅促好评返现',
+  dataIndex: 'isGoodReviewRebate',
+  render: function render(value) {
+    return ['无', '有'][value] || value;
+  }
+}, {
+  title: '是否加急',
+  dataIndex: 'isUrgent',
+  render: function render(value) {
+    return ['不加急', '加急'][value] || value;
+  }
+}, {
+  title: '客户旺旺号',
+  dataIndex: 'customerWw'
+}, {
+  title: '是否到货',
+  dataIndex: 'isArrived',
+  render: function render(value) {
+    return ['未到货', '到货'][value] || value;
+  }
+},
+// {
+//   title: '物流公司名称',
+//   dataIndex: 'logisticsCompany',
+// },
+// {
+//   title: '物流单号',
+//   dataIndex: 'logisticsNo',
+// },
+// {
+//   title: '货物数量',
+//   dataIndex: 'goodsQuantity',
+// },
+// {
+//   title: '有无电梯',
+//   dataIndex: 'hasElevator',
+//   render: (value) => (['无', '有'][value] || value),
+// },
+// {
+//   title: '楼层',
+//   dataIndex: 'floor',
+// },
+// {
+//   title: '提货地址',
+//   dataIndex: 'pickupAddress',
+// },
+// {
+//   title: '提货电话',
+//   dataIndex: 'pickupPhone',
+// },
+// {
+//   title: '货物规格',
+//   dataIndex: 'goodsSpec',
+// },
+// {
+//   title: '配送备注',
+//   dataIndex: 'deliveryRemark',
+// },
+{
+  title: '店铺',
+  dataIndex: 'shopUk',
+  render: function render(value, record, item, effects) {
+    var _effects$shopList;
+    var shop = (_effects$shopList = effects.shopList) === null || _effects$shopList === void 0 ? void 0 : _effects$shopList.find(function (shop) {
+      return shop.uniqueKey === value;
+    });
+    return shop ? shop.shopName : value;
+  }
+}, {
+  title: '流程工单编号',
+  dataIndex: 'flowWorkOrderId'
+}, {
+  title: '接单师傅姓名',
+  dataIndex: 'acceptWorkerName'
+}, {
+  title: '师傅接单时间',
+  dataIndex: 'acceptTime',
+  render: renderTime
+}, {
+  title: '物流签收师傅姓名',
+  dataIndex: 'logisticsSignWorkerName'
+}, {
+  title: '师傅物流签收时间',
+  dataIndex: 'logisticsSignTime',
+  render: renderTime
+}, {
+  title: '验收师傅姓名',
+  dataIndex: 'checkWorkerName'
+}, {
+  title: '验收时间',
+  dataIndex: 'checkTime',
+  render: renderTime
+}, {
+  title: '关单师傅姓名',
+  dataIndex: 'closeWorkerName'
+}, {
+  title: '关单时间',
+  dataIndex: 'closeTime',
+  render: renderTime
+}, {
+  title: '预约师傅姓名',
+  dataIndex: 'appointWorkerName'
+}, {
+  title: '师傅预约操作类型',
+  dataIndex: 'appointType'
+}, {
+  title: '师傅和客户预约开始时间',
+  dataIndex: 'appointStartTime',
+  render: renderTime
+}, {
+  title: '师傅和客户预约结束时间',
+  dataIndex: 'appointEndTime',
+  render: renderTime
+}, {
+  title: '上门打卡师傅姓名',
+  dataIndex: 'clockInWorkerName'
+}, {
+  title: '师傅打卡时间',
+  dataIndex: 'clockInTime',
+  render: renderTime
+}, {
+  title: '师傅打卡方式',
+  dataIndex: 'clockInType'
+}, {
+  title: '师傅完工时间',
+  dataIndex: 'workerFinishTime',
+  render: renderTime
+}, {
+  title: '师傅完工图',
+  dataIndex: 'finishImages',
+  render: renderImages
+}, {
+  title: '师傅完工验收单',
+  dataIndex: 'finishSignImages',
+  render: renderImages
+}, {
+  title: '师傅完工好评图',
+  dataIndex: 'finishGoodImages',
+  render: renderImages
+}, {
+  title: '师傅异常预约操作时间',
+  dataIndex: 'exceptionAppointTime',
+  render: renderTime
+}, {
+  title: '异常预约类型',
+  dataIndex: 'exceptionType'
+}, {
+  title: '异常预约描述',
+  dataIndex: 'exceptionRemark'
+}, {
+  title: '挂起时间',
+  dataIndex: 'hangUpTime',
+  render: renderTime
+}, {
+  title: '取消挂起时间',
+  dataIndex: 'cancelHangUpTime',
+  render: renderTime
+}, {
+  title: '挂起原因类型',
+  dataIndex: 'hangUpType'
+}, {
+  title: '挂起描述',
+  dataIndex: 'hangUpRemark'
+}, {
+  title: '师傅申请增加费用工单',
+  dataIndex: 'increaseFeeOrders',
+  children: [{
+    title: '工单编号',
+    dataIndex: 'serviceId'
+  }, {
+    title: '申请时间',
+    dataIndex: 'applyTime',
+    render: renderTime
+  }, {
+    title: '增加费用类型',
+    dataIndex: 'feeType'
+  }, {
+    title: '申请金额',
+    dataIndex: 'applyAmount'
+  }, {
+    title: '师傅描述',
+    dataIndex: 'workerRemark'
+  }, {
+    title: '申请图片证明',
+    dataIndex: 'applyImages',
+    render: renderImages
+  }, {
+    title: '审核图片证明',
+    dataIndex: 'verifyImageProof',
+    render: renderImages
+  }, {
+    title: '申请状态',
+    dataIndex: 'applyStatus'
+  }, {
+    title: '处理结果',
+    dataIndex: 'processResult',
+    render: function render(value) {
+      return value === '1' ? '同意' : value === '2' ? '不同意' : value;
+    }
+  }, {
+    title: '费用承担方',
+    dataIndex: 'payer'
+  }, {
+    title: '承担金额',
+    dataIndex: 'bearAmount'
+  }, {
+    title: '最新操作时间',
+    dataIndex: 'operateTime',
+    render: renderTime
+  }],
+  render: function render() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return renderTable.apply(void 0, args.concat(['increaseFeeOrders']));
+  }
+}, {
+  title: '空跑费用工单',
+  dataIndex: 'emptyRunFeeOrders',
+  children: [{
+    title: '工单编号',
+    dataIndex: 'serviceId'
+  }, {
+    title: '申请时间',
+    dataIndex: 'applyTime',
+    render: renderTime
+  }, {
+    title: '申请金额',
+    dataIndex: 'applyAmount'
+  }, {
+    title: '师傅描述',
+    dataIndex: 'workerRemark'
+  }, {
+    title: '申请状态',
+    dataIndex: 'applyStatus'
+  }, {
+    title: '处理结果',
+    dataIndex: 'processResult',
+    render: function render(value) {
+      return value === '1' ? '同意' : value === '2' ? '不同意' : value;
+    }
+  }, {
+    title: '承担金额',
+    dataIndex: 'bearAmount'
+  }, {
+    title: '审核图片证明',
+    dataIndex: 'verifyImageProof',
+    render: renderImages
+  }, {
+    title: '最新操作时间',
+    dataIndex: 'operateTime',
+    render: renderTime
+  }],
+  render: function render() {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    return renderTable.apply(void 0, args.concat(['emptyRunFeeOrders']));
+  }
+}, {
+  title: '异常结单工单',
+  dataIndex: 'abnormalCloseOrders',
+  children: [{
+    title: '工单编号',
+    dataIndex: 'serviceId'
+  }, {
+    title: '审核时间',
+    dataIndex: 'auditTime',
+    render: renderTime
+  }, {
+    title: '审核结果',
+    dataIndex: 'auditResult',
+    render: function render(value) {
+      return ['', '通过', '未通过'][value] || value;
+    }
+  }, {
+    title: '异常金额',
+    dataIndex: 'abnormalAmount'
+  }, {
+    title: '最新操作时间',
+    dataIndex: 'operateTime',
+    render: renderTime
+  }],
+  render: function render() {
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+    return renderTable.apply(void 0, args.concat(['abnormalCloseOrders']));
+  }
+}, {
+  title: '投诉/售后工单',
+  dataIndex: 'complaintServiceOrders',
+  children: [{
+    title: '工单编号',
+    dataIndex: 'serviceId'
+  }, {
+    title: '发起时间',
+    dataIndex: 'initiateTime',
+    render: renderTime
+  }, {
+    title: '操作者',
+    dataIndex: 'operator'
+  }, {
+    title: '投诉问题',
+    dataIndex: 'complaint'
+  }, {
+    title: '问题描述',
+    dataIndex: 'problemDesc'
+  }, {
+    title: '发起图片证据',
+    dataIndex: 'initiateImages',
+    render: renderImages
+  }, {
+    title: '工单状态',
+    dataIndex: 'complaintWorkOrderStatus'
+  }, {
+    title: '判定结果',
+    dataIndex: 'judgeResult',
+    render: function render(value) {
+      return value === 1 ? '同意' : value === 2 ? '不同意' : value;
+    }
+  }, {
+    title: '师傅说明',
+    dataIndex: 'workerExplanation'
+  }, {
+    title: '客服处理说明',
+    dataIndex: 'processRemark'
+  }, {
+    title: '审核图片证明',
+    dataIndex: 'verifyImageProof',
+    render: renderImages
+  }, {
+    title: '是否赔偿',
+    dataIndex: 'isCompensation',
+    render: function render(value) {
+      return ['否', '是'][value] || value;
+    }
+  }, {
+    title: '赔偿金额',
+    dataIndex: 'indemnityAmount'
+  }, {
+    title: '赔偿方式',
+    dataIndex: 'indemnityType'
+  }, {
+    title: '打款方式',
+    dataIndex: 'payWay',
+    render: function render(value) {
+      return value === 0 ? '赔付到用户钱包' : value === 1 ? '财务线下打款给用户' : value;
+    }
+  }, {
+    title: '账户类型',
+    dataIndex: 'accountType',
+    render: function render(value) {
+      return ['钱包', '支付宝', '微信', '银行卡'][value] || value;
+    }
+  }, {
+    title: '账户名',
+    dataIndex: 'accountName'
+  }, {
+    title: '账户',
+    dataIndex: 'accountNo'
+  }, {
+    title: '最新操作时间',
+    dataIndex: 'operateTime',
+    render: renderTime
+  }],
+  render: function render() {
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+    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];
+  if (isNull(value)) return;
+  return /*#__PURE__*/React.createElement("div", {
+    className: isTable ? styles.detailItemTable : styles.detailItem,
+    key: item.dataIndex
+  }, /*#__PURE__*/React.createElement("span", {
+    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),
+    orderInfo = _React$useState2[0],
+    setOrderInfo = _React$useState2[1];
+  React.useEffect(function () {
+    if (props.id) {
+      queryInstallationRepairDetail(props.id).then(function (res) {
+        if (res.data) {
+          setOrderInfo(res.data);
+          if (res.data.main.orderStatus) {
+            //显示服务进度tab
+            props.setIsShowServiceProgress(true);
+          } else {
+            props.setIsShowServiceProgress(false);
+          }
+        } else {
+          message.error('安装/维修单详情为空');
+          setOrderInfo(void 0);
+        }
+      }).catch(console.log);
+    } else {
+      setOrderInfo(void 0);
+    }
+    return;
+  }, [props.id]);
+  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);
+          }
+        } else {
+          tableColumns = DETAIL_ITEM_LIST;
+        }
+      }).catch(console.debug);
+    }
+  }, []);
+  return orderInfo && tableColumns ? /*#__PURE__*/React.createElement("div", null, tableColumns.map(function (item) {
+    return renderDetailItem(orderInfo, item, {
+      shopList: props.shopList
+    });
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, "...");
+};
+OrderInfo.displayName = 'OrderInfo';
+export default OrderInfo;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Shop } from '../../model/types/login';
+declare const ServiceProgress: {
+    (props: {
+        contentWidth: number;
+        id: string;
+        shopList: Shop[];
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default ServiceProgress;