@kmkf-fe-packages/kmkf-work-order-service-component 2.0.75 → 2.0.76

package/dist/esm/GlobalContext/hook/dist/useGetHasErpData.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var toolkit_1 = require("@reduxjs/toolkit");
+var getTemplate = function getTemplate(companyUserConfig) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+  return JSON.stringify({
+    hasWln: (_c = (_b = (_a = companyUserConfig === null || companyUserConfig === void 0 ? void 0 : companyUserConfig.plugins) === null || _a === void 0 ? void 0 : _a.wln) === null || _b === void 0 ? void 0 : _b.show) !== null && _c !== void 0 ? _c : false,
+    hasWdt: (_f = (_e = (_d = companyUserConfig === null || companyUserConfig === void 0 ? void 0 : companyUserConfig.plugins) === null || _d === void 0 ? void 0 : _d.wdt) === null || _e === void 0 ? void 0 : _e.show) !== null && _f !== void 0 ? _f : false,
+    hasBs: (_j = (_h = (_g = companyUserConfig === null || companyUserConfig === void 0 ? void 0 : companyUserConfig.plugins) === null || _g === void 0 ? void 0 : _g.bs) === null || _h === void 0 ? void 0 : _h.show) !== null && _j !== void 0 ? _j : false,
+    hasE3: (_m = (_l = (_k = companyUserConfig === null || companyUserConfig === void 0 ? void 0 : companyUserConfig.plugins) === null || _k === void 0 ? void 0 : _k.bse3) === null || _l === void 0 ? void 0 : _l.show) !== null && _m !== void 0 ? _m : false,
+    hasJst: (_q = (_p = (_o = companyUserConfig === null || companyUserConfig === void 0 ? void 0 : companyUserConfig.plugins) === null || _o === void 0 ? void 0 : _o.jst) === null || _p === void 0 ? void 0 : _p.show) !== null && _q !== void 0 ? _q : false,
+    hasGy: (_t = (_s = (_r = companyUserConfig === null || companyUserConfig === void 0 ? void 0 : companyUserConfig.plugins) === null || _r === void 0 ? void 0 : _r.gy) === null || _s === void 0 ? void 0 : _s.show) !== null && _t !== void 0 ? _t : false
+  });
+};
+function useGetHasErpData() {
+  var companyUserConfig = react_redux_1.useSelector(toolkit_1.createSelector([function (state) {
+    var _a, _b, _c, _d;
+    console.log("state--useSelector", state);
+    /**
+     * pc main
+     * 端 workOrder
+     * **/
+    return (_d = (_b = (_a = state === null || state === void 0 ? void 0 : state.main) === null || _a === void 0 ? void 0 : _a.userInfo) !== null && _b !== void 0 ? _b : (_c = state === null || state === void 0 ? void 0 : state.workOrder) === null || _c === void 0 ? void 0 : _c.userInfo) !== null && _d !== void 0 ? _d : {};
+  }], function (state) {
+    var _a;
+    var companyUserConfig = (_a = state === null || state === void 0 ? void 0 : state.companyUserConfig) !== null && _a !== void 0 ? _a : {};
+    if (typeof companyUserConfig === "string") {
+      try {
+        companyUserConfig = JSON.parse(companyUserConfig);
+      } catch (e) {
+        console.error("companyUserConfig转换异常", companyUserConfig);
+        companyUserConfig = {};
+      }
+    }
+    return companyUserConfig;
+  }));
+  var _a = react_1.useState(getTemplate({})),
+    hasErpDataJson = _a[0],
+    setHasErpDataJson = _a[1];
+  react_1.useEffect(function () {
+    setHasErpDataJson(getTemplate(companyUserConfig));
+    console.log("companyUserConfig---", companyUserConfig);
+  }, [companyUserConfig]);
+  var hasErpData = react_1.useMemo(function () {
+    return JSON.parse(hasErpDataJson);
+  }, [hasErpDataJson]);
+  return hasErpData;
+}
+exports["default"] = useGetHasErpData;

package/dist/esm/GlobalContext/orderQuery/dist/useGetErpAddressData.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = this && this.__generator || function (thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (_) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var useGetHasErpData_1 = require("../hook/useGetHasErpData");
+var ahooks_1 = require("ahooks");
+var kmkf_utils_1 = require("@kmkf-fe-packages/kmkf-utils");
+function useGetErpAddressData(notJudgedErp) {
+  var _this = this;
+  var _a = react_1.useState("loading"),
+    globalState = _a[0],
+    setGlobalState = _a[1];
+  var hasErpData = useGetHasErpData_1["default"]();
+  ahooks_1.useUpdateEffect(function () {
+    asyncQueryData(hasErpData, notJudgedErp);
+  }, [hasErpData, notJudgedErp]);
+  var asyncQueryData = function asyncQueryData(hasErpData, notJudgedErp) {
+    return __awaiter(_this, void 0, void 0, function () {
+      var hasBs, hasWdt, hasGy, promises, e_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            hasBs = hasErpData.hasBs, hasWdt = hasErpData.hasWdt, hasGy = hasErpData.hasGy;
+            promises = [];
+            if (hasBs || notJudgedErp) promises.push(kmkf_utils_1.servers.queryBsAddressData);
+            if (hasWdt || notJudgedErp) promises.push(kmkf_utils_1.servers.queryWdtAddressData);
+            if (hasGy || notJudgedErp) promises.push(kmkf_utils_1.servers.queryGyAddressData);
+            _a.label = 1;
+          case 1:
+            _a.trys.push([1, 3,, 4]);
+            return [4 /*yield*/, Promise.all(promises.map(function (promise) {
+              return promise();
+            }))];
+          case 2:
+            _a.sent();
+            setGlobalState("success");
+            return [3 /*break*/, 4];
+          case 3:
+            e_1 = _a.sent();
+            setGlobalState("failed");
+            return [3 /*break*/, 4];
+          case 4:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+
+  var onReload = function onReload() {
+    return __awaiter(_this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4 /*yield*/, asyncQueryData(hasErpData, notJudgedErp)];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+
+  return [globalState, onReload];
+}
+exports["default"] = useGetErpAddressData;

package/dist/esm/GlobalContext/orderQuery/dist/useGetErpLogisticsCompany.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = this && this.__generator || function (thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (_) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var useGetHasErpData_1 = require("../hook/useGetHasErpData");
+var ahooks_1 = require("ahooks");
+var api_1 = require("../../../service/api");
+function useGetErpLogisticsCompany(notJudgedErp) {
+  var _this = this;
+  var _a = react_1.useState("loading"),
+    globalState = _a[0],
+    setGlobalState = _a[1];
+  var hasErpData = useGetHasErpData_1["default"]();
+  ahooks_1.useUpdateEffect(function () {
+    asyncQueryData(hasErpData, notJudgedErp);
+  }, [hasErpData, notJudgedErp]);
+  var asyncQueryData = function asyncQueryData(hasErpData, notJudgedErp) {
+    return __awaiter(_this, void 0, void 0, function () {
+      var hasWdt, hasE3, hasJst, hasWln, promises, e_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            hasWdt = hasErpData.hasWdt, hasE3 = hasErpData.hasE3, hasJst = hasErpData.hasJst, hasWln = hasErpData.hasWln;
+            promises = [api_1.queryKMLogisticsCompany];
+            if (hasWdt || notJudgedErp) promises.push(api_1.queryWdtLogisticsCompany);
+            if (hasE3 || notJudgedErp) promises.push(api_1.queryBsE3LogisticsCompany);
+            if (hasJst || notJudgedErp) promises.push(api_1.queryJSTLogisticsCompany);
+            if (hasWln || notJudgedErp) promises.push(api_1.queryWLNLogisticsCompany);
+            if (!hasWdt && !hasE3 && !hasJst && !hasWln && !notJudgedErp) {
+              setGlobalState("success");
+              return [2 /*return*/];
+            }
+
+            _a.label = 1;
+          case 1:
+            _a.trys.push([1, 3,, 4]);
+            return [4 /*yield*/, Promise.all(promises.map(function (promise) {
+              return promise();
+            }))];
+          case 2:
+            _a.sent();
+            setGlobalState("success");
+            return [3 /*break*/, 4];
+          case 3:
+            e_1 = _a.sent();
+            setGlobalState("failed");
+            return [3 /*break*/, 4];
+          case 4:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+
+  var onReload = function onReload() {
+    return __awaiter(_this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4 /*yield*/, asyncQueryData(hasErpData, notJudgedErp)];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+
+  return [globalState, onReload];
+}
+exports["default"] = useGetErpLogisticsCompany;

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

@@ -1,8 +1,10 @@
 import React from 'react';
+import { PlatForm } from '../WorkOrder/types';
 export declare const COMMON_HOST = "https://kefu.kuaimai.com";
 export declare const HD_HOST = "https://kefuab.kuaimai.com";
 interface LoginProps {
     loginCallBack?: (val: any) => void;
+    platform?: PlatForm;
 }
 declare const ProviderLogin: (props: LoginProps) => React.JSX.Element;
 export default ProviderLogin;

package/dist/esm/Login/index.js

@@ -15,13 +15,16 @@ import { Provider } from 'react-redux';
 import store from "../model/store";
 import cache from "../common/cache";
 import { useAppDispatch } from "../model/hooks";
-import { fetchGrayWhiteListThunk, fetchLogin, fetchShopList, setUserInfo } from "../model/login";
+import { fetchGrayWhiteListThunk, fetchLogin, fetchxzLogin, fetchShopList, setUserInfo } from "../model/login";
+import { getHashParams } from "../common/utils/tools";
+import { PlatForm } from "../WorkOrder/types";
 import logo from "../assets/logo.svg";
 import styles from "./index.module.less";
 export var COMMON_HOST = 'https://kefu.kuaimai.com';
 export var HD_HOST = 'https://kefuab.kuaimai.com';
 var Login = function Login(props) {
-  var loginCallBack = props.loginCallBack;
+  var loginCallBack = props.loginCallBack,
+    platform = props.platform;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     name = _useState2[0],
@@ -88,6 +91,9 @@ var Login = function Login(props) {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var isInHd,
         isDirect,
+        login,
+        params,
+        parsed,
         _args2 = arguments;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -117,11 +123,20 @@ var Login = function Login(props) {
           case 11:
             try {
               setLoading(true);
-              dispatch(fetchLogin({
+              login = platform === PlatForm.XIAOZHI ? fetchxzLogin : fetchLogin;
+              params = {
                 name: name.trim(),
                 account: account.trim(),
                 password: isDirect ? password : md5(password)
-              })).unwrap().then( /*#__PURE__*/function () {
+              };
+              if (platform === PlatForm.XIAOZHI) {
+                parsed = getHashParams('/login?'); // console.log(parsed);
+                params.thirdUserId = parsed === null || parsed === void 0 ? void 0 : parsed.thirdUserId;
+                params.platform = parsed === null || parsed === void 0 ? void 0 : parsed.platform;
+                params.taobaoNick = parsed === null || parsed === void 0 ? void 0 : parsed.taobaoNick;
+                params.subUserNick = parsed === null || parsed === void 0 ? void 0 : parsed.subUserNick;
+              }
+              dispatch(login(params)).unwrap().then( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
                   var data, success;
                   return _regeneratorRuntime().wrap(function _callee$(_context) {

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

@@ -10,6 +10,7 @@ interface WorkOrderProps {
     orderNo?: string;
     userKey?: string;
     otherInfo?: any;
+    platInfo?: any;
     onEmpowerCallback?: () => void;
     onOpenWangWang?: (nick: string, id: string) => void;
 }

package/dist/esm/WorkOrder/index.js

@@ -15,22 +15,27 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
  */
 import React, { useState, useEffect, useLayoutEffect, useMemo } from 'react';
-import { Spin, ConfigProvider, Radio, message, Alert } from 'antd';
+import { Spin, ConfigProvider, Radio, message, Alert, Popover, Avatar, Modal } from 'antd';
 import { Provider } from 'react-redux';
 import { useAppSelector, useAppDispatch } from "../model/hooks";
 import { fetchQueryCurrentCompanyUser } from "../model/workOrder";
 import { fetchLogicFlowList } from "../model/logicFlow";
 import { setCurrentBuyerChecked, showPayment } from "../model/customizeWorkOrder";
 import store from "../model/store";
+import { fetchLogOut, fetchxzLogOut } from "../model/login";
 import { Global } from '@kmkf-fe-packages/services-components';
+import moment from 'moment';
+import { LogoutOutlined } from '@ant-design/icons';
 import OrderList from "./components/WorkOrderList";
 import Reminder from "./components/Reminder";
 import WdtTradeList from "../WdtTradeList";
 import PaymentWorkOrderList from "./components/PaymentWorkOrderList";
+import { getHashParams } from "../common/utils/tools";
 import zhCN from 'antd/es/locale/zh_CN';
 import 'moment/locale/zh-cn';
 import { PlatForm } from "./types";
 import "./index.less";
+import avatarImg from "../common/imgs/default-avatar.png";
 message.config({
   top: 50,
   duration: 2,
@@ -68,6 +73,9 @@ var WorkOrder = function WorkOrder(props) {
     var _state$workOrder$user;
     return (_state$workOrder$user = state.workOrder.userInfo) === null || _state$workOrder$user === void 0 ? void 0 : _state$workOrder$user.companyUserConfig;
   });
+  var userInfo = useAppSelector(function (state) {
+    return state.workOrder.userInfo;
+  });
   try {
     companyUserConfig = JSON.parse(companyUserConfig || '{}');
   } catch (e) {
@@ -85,6 +93,10 @@ var WorkOrder = function WorkOrder(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     tabActive = _useState4[0],
     setTabActive = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    visible = _useState6[0],
+    setVisible = _useState6[1];
   useEffect(function () {
     if (buyerId) {
       dispatch(setCurrentBuyerChecked(true));
@@ -167,6 +179,50 @@ var WorkOrder = function WorkOrder(props) {
     }
     return opt;
   }, [isShowPayment, isShowWdt]);
+  var RenderInfo = function RenderInfo() {
+    var _userInfo$featureGrou, _userInfo$featureGrou2;
+    var loginOutHandle = function loginOutHandle() {
+      setVisible(false);
+      Modal.confirm({
+        content: '确定要退出登录吗？退出登录后将与当前平台账号解绑',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: function onOk() {
+          var parsed = getHashParams();
+          // console.log(parsed);
+          platform === PlatForm.XIAOZHI ? dispatch(fetchxzLogOut({
+            thirdUserId: parsed === null || parsed === void 0 ? void 0 : parsed.thirdUserId,
+            platform: parsed === null || parsed === void 0 ? void 0 : parsed.platform,
+            taobaoNick: parsed === null || parsed === void 0 ? void 0 : parsed.taobaoNick,
+            subUserNick: parsed === null || parsed === void 0 ? void 0 : parsed.subUserNick
+          })) : dispatch(fetchLogOut());
+          onEmpowerCallback === null || onEmpowerCallback === void 0 ? void 0 : onEmpowerCallback();
+        }
+      });
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: "userInfo"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "infoBox"
+    }, "\u516C\u53F8\u540D\u79F0: ", /*#__PURE__*/React.createElement("span", {
+      className: "infoColor"
+    }, userInfo === null || userInfo === void 0 ? void 0 : userInfo.name)), /*#__PURE__*/React.createElement("div", {
+      className: "infoBox borderBottom"
+    }, "\u8D26\u53F7\u540D\u79F0: ", /*#__PURE__*/React.createElement("span", {
+      className: "infoColor"
+    }, userInfo === null || userInfo === void 0 ? void 0 : userInfo.account)), /*#__PURE__*/React.createElement("div", {
+      className: "infoBox"
+    }, "\u5F53\u524D\u7248\u672C:", ' ', /*#__PURE__*/React.createElement("span", {
+      className: "infoColor"
+    }, userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$featureGrou = userInfo.featureGroupInfoList) === null || _userInfo$featureGrou === void 0 ? void 0 : (_userInfo$featureGrou2 = _userInfo$featureGrou[0]) === null || _userInfo$featureGrou2 === void 0 ? void 0 : _userInfo$featureGrou2.groupName)), /*#__PURE__*/React.createElement("div", {
+      className: "infoBox"
+    }, "\u5230\u671F\u65F6\u95F4:", ' ', /*#__PURE__*/React.createElement("span", {
+      className: "infoColor"
+    }, moment(userInfo === null || userInfo === void 0 ? void 0 : userInfo.subscribeDeadline, 'YYYY-MM-DD').format('YYYY-MM-DD'))), /*#__PURE__*/React.createElement("div", {
+      className: "loginOut infoBox",
+      onClick: loginOutHandle
+    }, /*#__PURE__*/React.createElement(LogoutOutlined, null), "\u9000\u51FA\u767B\u5F55"));
+  };
   return /*#__PURE__*/React.createElement(Global, {
     notJudgedErp: false,
     reduxData: reduxData
@@ -178,6 +234,11 @@ var WorkOrder = function WorkOrder(props) {
   }), /*#__PURE__*/React.createElement("div", {
     id: "customize-work-order-component",
     className: "order_container ".concat(platform === PlatForm.FXG ? '' : 'order_container_padding_bottom')
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
   }, /*#__PURE__*/React.createElement(Radio.Group, {
     optionType: "button",
     options: options,
@@ -188,7 +249,15 @@ var WorkOrder = function WorkOrder(props) {
     style: {
       marginBottom: '8px'
     }
-  }), /*#__PURE__*/React.createElement(OrderList, {
+  }), platform === PlatForm.XIAOZHI ? /*#__PURE__*/React.createElement(Popover, {
+    placement: "bottomRight",
+    trigger: "click",
+    visible: visible,
+    onOpenChange: setVisible,
+    content: RenderInfo
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    src: avatarImg
+  })) : null), /*#__PURE__*/React.createElement(OrderList, {
     tabActive: tabActive,
     onOpenWangWang: onOpenWangWang
   }), /*#__PURE__*/React.createElement(PaymentWorkOrderList, {

package/dist/esm/WorkOrder/index.less

@@ -131,3 +131,26 @@
 .formDefault {
   display: none;
 }
+
+.userInfo {
+  color:#999;
+  .infoBox{
+    height: 32px;
+    line-height: 32px;
+  }
+  .infoColor{
+    color:#1966ff
+  }
+  .borderBottom{
+    border-bottom:1px dashed #eee
+  }
+  .loginOut{
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    color:#666;
+    background-color: #eee;
+    margin:0 -16px -12px -16px;
+    cursor: pointer;
+  }
+}