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

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;
+  }
+}