@kmkf-fe-packages/kmkf-work-order-service-component 2.2.13 → 2.2.14-beta.1

package/dist/esm/{WorkOrder/components/CustomizeWorkOrderList/components/RepeatWorkOrderListModal → LoginNew}/index.js

@@ -8,132 +8,261 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useEffect, useState } from 'react';
-import { Modal, message, Button, Spin } from 'antd';
-import { useDispatch, useSelector } from 'react-redux';
-import isEmpty from 'lodash/isEmpty';
-import copy from 'copy-to-clipboard';
-import { getRepeatWorkOrderList } from "../../../../../model/servers/api";
-import { setRepeatModalVisible, setRepeatWorkOrderConditions } from "../../../../../model/customizeWorkOrder/index";
-import { selectRepeatVisible, selectRepeatWorkOrderConditions } from "../../../../../model/customizeWorkOrder/selector";
-import "./index.less";
-var RepeatWorkOrder = function RepeatWorkOrder(_ref) {
-  var title = _ref.title,
-    repeatWorkOrderList = _ref.repeatWorkOrderList;
-  var copyHandle = function copyHandle(text) {
-    copy(text);
-    message.success('复制成功');
-  };
-  return /*#__PURE__*/React.createElement("section", {
-    className: "item-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "item-main-item"
-  }, title), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ol", {
-    className: "customize-repeat-workOrder"
-  }, repeatWorkOrderList === null || repeatWorkOrderList === void 0 ? void 0 : repeatWorkOrderList.map(function (item) {
-    return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("div", {
-      className: "workOrderIdWrap"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "workOrderId"
-    }, item), /*#__PURE__*/React.createElement(Button, {
-      type: "link",
-      onClick: function onClick() {
-        return copyHandle(item);
-      }
-    }, "\u590D\u5236")));
-  }))));
-};
-var RepeatWorkOrderListModal = function RepeatWorkOrderListModal() {
-  var _useState = useState(false),
+import React, { useState, useMemo, useEffect } from 'react';
+import { Input, message, Form, Button } from 'antd';
+import md5 from 'js-md5';
+import { Provider } from 'react-redux';
+import store from "../model/store";
+import cache from "../common/cache";
+import { useAppDispatch } from "../model/hooks";
+import { fetchLoginNew, fetchShopList, setUserInfo } from "../model/login";
+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 _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState([]),
+    name = _useState2[0],
+    setName = _useState2[1];
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    repeatWorkOrderList = _useState4[0],
-    setRepeatWorkOrderList = _useState4[1];
-  var dispatch = useDispatch();
-  var visible = useSelector(selectRepeatVisible);
-  var repeatWorkOrderConditions = useSelector(selectRepeatWorkOrderConditions);
-  var getWorkOrderList = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(conditions) {
-      var _yield$getRepeatWorkO, data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    account = _useState4[0],
+    setAccount = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    password = _useState6[0],
+    setPassword = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  // 直接登陆模式
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isDirectProcess = _useState10[0],
+    setDirectProcess = _useState10[1];
+  // 显示历史记录
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    showRecommendPwdList = _useState12[0],
+    setShowRecommendPwdList = _useState12[1];
+  var dispatch = useAppDispatch();
+  useEffect(function () {
+    localStorage.removeItem('kmkf_kmgd_cookie');
+    cache.setHost(COMMON_HOST);
+  }, []);
+  var processHistoryPwd = function processHistoryPwd(params) {
+    var historyList = cache.getHistoryList();
+    if (historyList.findIndex(function (item) {
+      return item.account === params.account;
+    }) < 0) {
+      historyList.unshift(params);
+    }
+    cache.setHistoryList(historyList);
+  };
+  var changeProcessHistoryPwd = function changeProcessHistoryPwd(params) {
+    var historyList = cache.getHistoryList();
+    historyList = historyList.filter(function (item) {
+      return item.account !== params.account;
+    });
+    historyList.unshift(params);
+    cache.setHistoryList(historyList);
+  };
+  var onCompanyChange = function onCompanyChange(val) {
+    if (isDirectProcess) {
+      setDirectProcess(false);
+      setPassword('');
+    }
+    setName(val);
+  };
+  var onAccountChange = function onAccountChange(val) {
+    if (isDirectProcess) {
+      setDirectProcess(false);
+      setPassword('');
+    }
+    setAccount(val);
+  };
+  var handleLoginClick = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var isDirect,
+        _args2 = arguments;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context.prev = 0;
-            setLoading(true);
-            _context.next = 4;
-            return getRepeatWorkOrderList(conditions);
+            isDirect = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
+            if (name) {
+              _context2.next = 4;
+              break;
+            }
+            message.error('请输入公司名称');
+            return _context2.abrupt("return");
           case 4:
-            _yield$getRepeatWorkO = _context.sent;
-            data = _yield$getRepeatWorkO.data;
-            setRepeatWorkOrderList(data);
+            if (account) {
+              _context2.next = 7;
+              break;
+            }
+            message.error('请输入登录账号');
+            return _context2.abrupt("return");
           case 7:
-            _context.prev = 7;
-            setLoading(false);
-            return _context.finish(7);
+            if (password) {
+              _context2.next = 10;
+              break;
+            }
+            message.error('请输入密码');
+            return _context2.abrupt("return");
           case 10:
+            try {
+              setLoading(true);
+              dispatch(fetchLoginNew({
+                name: name.trim(),
+                account: account.trim(),
+                password: isDirect ? password : md5(password),
+                pageReturnType: 'client_jump'
+              })).unwrap().then( /*#__PURE__*/function () {
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
+                  var data, success, _data$companyUser;
+                  return _regeneratorRuntime().wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        data = res.data, success = res.success; // console.log(data, success);
+                        if (isDirect) {
+                          processHistoryPwd({
+                            name: name,
+                            account: account,
+                            password: password
+                          });
+                        } else {
+                          changeProcessHistoryPwd({
+                            name: name,
+                            account: account,
+                            password: md5(password)
+                          });
+                        }
+                        if (!success) {
+                          _context.next = 10;
+                          break;
+                        }
+                        message.success('登录成功', 1.5);
+                        dispatch(setUserInfo(data === null || data === void 0 ? void 0 : data.companyUser));
+                        cache.setHost((data === null || data === void 0 ? void 0 : data.domain) || COMMON_HOST);
+                        cache.setCookie(data === null || data === void 0 ? void 0 : (_data$companyUser = data.companyUser) === null || _data$companyUser === void 0 ? void 0 : _data$companyUser.ckValue);
+                        _context.next = 9;
+                        return dispatch(fetchShopList());
+                      case 9:
+                        loginCallBack === null || loginCallBack === void 0 ? void 0 : loginCallBack({
+                          data: data
+                        });
+                      case 10:
+                        setLoading(false);
+                      case 11:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }));
+                return function (_x2) {
+                  return _ref2.apply(this, arguments);
+                };
+              }()).catch(function () {
+                setLoading(false);
+              });
+            } catch (err) {
+              setLoading(false);
+              console.error(err);
+            }
+          case 11:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[0,, 7, 10]]);
+      }, _callee2);
     }));
-    return function getWorkOrderList(_x2) {
-      return _ref2.apply(this, arguments);
+    return function handleLoginClick() {
+      return _ref.apply(this, arguments);
     };
   }();
-  useEffect(function () {
-    if (visible && !isEmpty(repeatWorkOrderConditions)) {
-      getWorkOrderList(repeatWorkOrderConditions);
-    } else {
-      setRepeatWorkOrderList([]);
-    }
-  }, [visible, repeatWorkOrderConditions]);
-  var handleCancel = function handleCancel() {
-    dispatch(setRepeatModalVisible(false));
-    dispatch(setRepeatWorkOrderConditions({}));
+  var changeRecommendVisible = function changeRecommendVisible(flag) {
+    setTimeout(function () {
+      setShowRecommendPwdList(flag);
+    }, 500);
   };
-  return /*#__PURE__*/React.createElement(Modal, {
-    title: /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontWeight: 600
+  var handleSelectHistoryRecord = function handleSelectHistoryRecord(item) {
+    var itemName = item.name,
+      itemAccount = item.account,
+      itemPassword = item.password;
+    setName(itemName);
+    setAccount(itemAccount);
+    setPassword(itemPassword);
+    setDirectProcess(true);
+  };
+  var filteredHistoryList = useMemo(function () {
+    var historyList = cache.getHistoryList();
+    return historyList.filter(function (item) {
+      if (account) {
+        return item.account.includes(account);
       }
-    }, "\u91CD\u590D\u63D0\u4EA4\u5DE5\u5355\u7F16\u53F7"),
-    visible: visible,
-    onCancel: handleCancel,
-    footer: null,
-    bodyStyle: {
-      maxHeight: '400px',
-      overflowY: 'auto'
-    },
-    destroyOnClose: true
-  }, /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
+      return true;
+    });
+  }, [account]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrap
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      background: '#f0f0f0'
-    }
-  }, repeatWorkOrderList === null || repeatWorkOrderList === void 0 ? void 0 : repeatWorkOrderList.map(function (item) {
-    var _item$repeatField, _item$repeatField2, _item$repeatField3;
-    if (item !== null && item !== void 0 && (_item$repeatField = item.repeatField) !== null && _item$repeatField !== void 0 && _item$repeatField.endsWith('_tradeId')) {
-      return /*#__PURE__*/React.createElement(RepeatWorkOrder, {
-        title: "\u8BA2\u5355\u53F7\u91CD\u590D",
-        repeatWorkOrderList: item.workOrderIds
-      });
-    }
-    if (item !== null && item !== void 0 && (_item$repeatField2 = item.repeatField) !== null && _item$repeatField2 !== void 0 && _item$repeatField2.endsWith('_buyerNick')) {
-      return /*#__PURE__*/React.createElement(RepeatWorkOrder, {
-        title: "\u4E70\u5BB6\u6635\u79F0\u91CD\u590D",
-        repeatWorkOrderList: item.workOrderIds
-      });
-    }
-    if (item !== null && item !== void 0 && (_item$repeatField3 = item.repeatField) !== null && _item$repeatField3 !== void 0 && _item$repeatField3.endsWith('_expressLogisticsCode')) {
-      return /*#__PURE__*/React.createElement(RepeatWorkOrder, {
-        title: "\u7269\u6D41\u5355\u53F7\u91CD\u590D",
-        repeatWorkOrderList: item.workOrderIds
-      });
-    }
-  }))));
+    className: styles.logo
+  }, /*#__PURE__*/React.createElement("img", {
+    src: logo,
+    alt: "logo"
+  })), /*#__PURE__*/React.createElement(Form, {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    value: name,
+    onChange: function onChange(e) {
+      return onCompanyChange(e.target.value);
+    },
+    placeholder: "\u8BF7\u8F93\u5165\u516C\u53F8\u540D\u79F0"
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.recomConWrap
+  }, /*#__PURE__*/React.createElement(Input, {
+    onFocus: function onFocus() {
+      return changeRecommendVisible(true);
+    },
+    onBlur: function onBlur() {
+      return changeRecommendVisible(false);
+    },
+    value: account,
+    onChange: function onChange(e) {
+      return onAccountChange(e.target.value);
+    },
+    placeholder: "\u8BF7\u8F93\u5165\u767B\u5F55\u8D26\u53F7"
+  }), showRecommendPwdList && filteredHistoryList.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: styles.recomListCon
+  }, /*#__PURE__*/React.createElement("ul", null, filteredHistoryList.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.account,
+      className: styles.recomListItem,
+      onClick: function onClick() {
+        return handleSelectHistoryRecord(item);
+      }
+    }, /*#__PURE__*/React.createElement("div", null, "\u4F01\u4E1A\u540D\u79F0\uFF1A", item.name), /*#__PURE__*/React.createElement("div", null, "\u767B\u5F55\u8D26\u53F7:", item.account));
+  }))))), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    value: password,
+    type: "password",
+    onChange: function onChange(e) {
+      return setPassword(e.target.value);
+    },
+    placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+  }))), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return handleLoginClick(isDirectProcess);
+    },
+    type: "primary",
+    block: true,
+    loading: loading
+  }, "\u767B\u5F55"));
+};
+var ProviderLogin = function ProviderLogin(props) {
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, /*#__PURE__*/React.createElement(Login, props));
 };
-export default RepeatWorkOrderListModal;
+export default ProviderLogin;

package/dist/esm/LoginNew/index.module.less

@@ -0,0 +1,45 @@
+.wrap {
+  width: 266px;
+  margin: auto;
+
+  .logo {
+    display: flex;
+    justify-content: center;
+    margin-top: 146px;
+  }
+
+  .container {
+    margin-top: 48px;
+
+    ul {
+      margin: 0px;
+      padding: 0;
+      list-style-type: none;
+    }
+  }
+}
+
+.recomConWrap {
+  position: relative;
+
+  .recomListCon {
+    position: absolute;
+    left: 28px;
+    z-index: 2;
+    width: 300px;
+    max-height: 160px;
+    overflow: auto;
+    background-color: #fff;
+
+    ul {
+      margin: 0px;
+      padding: 0;
+      list-style-type: none;
+    }
+
+    .recomListItem {
+      padding: 8px;
+      cursor: pointer;
+    }
+  }
+}

package/dist/esm/WorkOrder/components/WorkOrderList/components/LogicFlowList/index.d.ts

@@ -7,6 +7,8 @@ declare type PropsType = {
         id: string;
         name: string;
     }) => void;
+    onChangeOpen: () => void;
+    open: boolean;
 };
-declare const LogicFlowList: ({ logicFlowList, handleCreateWorkOrderByFlowId }: PropsType) => React.JSX.Element;
+declare const LogicFlowList: ({ logicFlowList, handleCreateWorkOrderByFlowId, open, onChangeOpen, }: PropsType) => React.JSX.Element;
 export default LogicFlowList;

package/dist/esm/WorkOrder/components/WorkOrderList/components/LogicFlowList/index.js

@@ -7,10 +7,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import { Input } from 'antd';
 import "./index.less";
+import directionImg from "../../../../../common/imgs/direction.png";
 var MAX_TEMPLATE_NUM = 10;
 var LogicFlowList = function LogicFlowList(_ref) {
   var logicFlowList = _ref.logicFlowList,
-    handleCreateWorkOrderByFlowId = _ref.handleCreateWorkOrderByFlowId;
+    handleCreateWorkOrderByFlowId = _ref.handleCreateWorkOrderByFlowId,
+    open = _ref.open,
+    onChangeOpen = _ref.onChangeOpen;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchVal = _useState2[0],
@@ -21,8 +24,10 @@ var LogicFlowList = function LogicFlowList(_ref) {
     });
   }, [searchVal, logicFlowList]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "template-button-list"
-  }, MAX_TEMPLATE_NUM < (logicFlowList === null || logicFlowList === void 0 ? void 0 : logicFlowList.length) && /*#__PURE__*/React.createElement(Input, {
+    className: "template-button-list ".concat(open && 'template-open')
+  }, MAX_TEMPLATE_NUM < (logicFlowList === null || logicFlowList === void 0 ? void 0 : logicFlowList.length) && /*#__PURE__*/React.createElement("div", {
+    className: "template-button-list-header"
+  }, /*#__PURE__*/React.createElement(Input, {
     allowClear: true,
     size: "small",
     style: {
@@ -32,7 +37,13 @@ var LogicFlowList = function LogicFlowList(_ref) {
     onChange: function onChange(e) {
       return setSearchVal(e.target.value);
     }
-  }), flowList.map(function (item) {
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "template-switch",
+    onClick: onChangeOpen
+  }, !open ? '展开' : '收起', /*#__PURE__*/React.createElement("img", {
+    className: "action_collapse_img ".concat(!open && 'action_collapse_img_transform'),
+    src: directionImg
+  }))), flowList.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
       className: "template-button",
       key: item.id,

package/dist/esm/WorkOrder/components/WorkOrderList/components/LogicFlowList/index.less

@@ -1,18 +1,29 @@
 .template-button-list {
+  position: relative;
   padding:8px;
   display: flex;
   flex-wrap: wrap;
-  max-height: 78px;
+  max-height: 95px;
   margin-bottom: 8px;
   overflow-y: auto;
   background-color: #fff;
   border-radius: 8px;
   width: 100%;
+  transition: all 0.3s linear;
 
-  &:hover {
-    position: absolute;
-    z-index: 1;
-    max-height: 160px;
+  &.template-open {
+    max-height: 178px;
+  }
+  .template-button-list-header {
+    display: flex;
+    width: 100%;
+  }
+  .template-switch {
+    display: flex;
+    width: 64px;
+    margin-left: 8px;
+    color: #0256FF;
+    cursor: pointer;
   }
   .template-button {
     display: flex;
@@ -20,8 +31,8 @@
     padding:0 8px;
     color: rgba(0, 0, 0, 0.88);
     border-radius: 4px;
-    margin-right: 8px;
-    margin-bottom: 8px;
+    margin-right: 4px;
+    margin-bottom: 4px;
     border: 1px solid rgba(0, 0, 0, 0.15);
   }
 }

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

@@ -5,5 +5,5 @@ declare type OrderListProps = {
     deleteHeight?: number;
     onOpenWangWang?: (nick: string, id: string) => void;
 };
-declare const CustomizeWorkOrderList: ({ tabActive, onOpenWangWang, deleteHeight }: OrderListProps) => React.JSX.Element;
+declare const CustomizeWorkOrderList: ({ tabActive, onOpenWangWang, deleteHeight, }: OrderListProps) => React.JSX.Element;
 export default CustomizeWorkOrderList;