@titaui/pc 1.16.12 → 1.16.13

package/lib/components/upload-photo-modal/index.js

@@ -138,25 +138,13 @@ function ChangePhoto(props) {
 
   var handleSuccessSave = function handleSuccessSave(resp) {
     if (resp.Code === 1) {
-      _toast["default"].Success((0, _getLocale.getLocale)("Pro_page_Plan_Saved"), {
-        style: {
-          position: "fixed",
-          top: " 36px",
-          left: "50%"
-        }
-      });
+      _toast["default"].Success((0, _getLocale.getLocale)("Pro_page_Plan_Saved"));
 
       onCancel();
       setImage("");
       handleSuccessUploadPhoto(cropData);
     } else {
-      _toast["default"].Error(resp.Message, {
-        style: {
-          position: "fixed",
-          top: " 36px",
-          left: "50%"
-        }
-      });
+      _toast["default"].Error(resp.Message);
 
       setImage("");
     }

package/lib/pages/new-okr-list/header/index.css

@@ -246,3 +246,47 @@
 .tita-okr-list-v2__period-selector {
   border-radius: 12px !important;
 }
+
+.okr-import {
+  padding: 16px 32px;
+}
+
+.okr-import > div {
+  display: flex;
+  justify-content: space-between;
+  font-weight: 500;
+}
+
+.okr-import__selected-file {
+  height: 44px;
+  background: #f7f8fa;
+  border-radius: 4px;
+  display: flex;
+  padding: 0 16px;
+  align-items: center;
+  margin-top: 16px;
+}
+
+.okr-import__selected-file > img {
+  width: 22px;
+  height: 25px;
+}
+
+.okr-import__selected-file > span {
+  margin-left: 10px;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.okr-import__selected-file > i {
+  color: #BFC7D5;
+  margin-left: 10px;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.okr-import__selected-file > i:hover {
+  color: #f05e5e;
+}

package/lib/pages/new-okr-list/header/index.js

@@ -45,6 +45,8 @@ var _popupSelect = _interopRequireDefault(require("../../../components/popup-sel
 
 var _guideTip = _interopRequireDefault(require("../../../components/guide-tip"));
 
+var _okrImport = _interopRequireDefault(require("./okr-import"));
+
 require("./index.css");
 
 var _reactRouter = require("react-router");
@@ -127,9 +129,9 @@ var titaTracker = function titaTracker(type) {
   }[type];
 
   if (window.titaTracker && !localStorage.getItem('titaccc')) {
-    window.titaTracker("action").record({
-      productName: "OKR展示模式",
-      actionGroup: "选择OKR展示模式",
+    window.titaTracker('action').record({
+      productName: 'OKR展示模式',
+      actionGroup: '选择OKR展示模式',
       actionName: "\u9009\u62E9OKR\u5C55\u793A\u6A21\u5F0F\uFF1A".concat(name)
     });
   }
@@ -453,7 +455,7 @@ function Header(props, ref) {
     action: "click",
     onChange: onChangeMoreMenuHandler
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    overlay: (0, _getLocale.getLocale)("Feed_Set_Pop_Butt_More"),
+    overlay: (0, _getLocale.getLocale)('Feed_Set_Pop_Butt_More'),
     placement: "top"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(_precls.precls, "__header-record")
@@ -475,7 +477,9 @@ function Header(props, ref) {
       yqmNum: Number(yqmNum),
       annualNum: Number(annualNum)
     }
-  })));
+  }), Number(departmentId) === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-item")
+  }, /*#__PURE__*/_react["default"].createElement(_okrImport["default"], null))));
 }
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(Header);

package/lib/pages/new-okr-list/header/okr-import.js

@@ -0,0 +1,213 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _popup = _interopRequireDefault(require("../../../components/popup"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
+
+var _dialog = _interopRequireDefault(require("../../../components/dialog"));
+
+var _titaUi = require("tita-ui");
+
+var _rcUpload = _interopRequireDefault(require("rc-upload"));
+
+var _toast = _interopRequireDefault(require("../../../components/toast"));
+
+var _helpers = require("../../../utils/helpers");
+
+var _precls = require("../precls");
+
+var _auth = require("../../../utils/auth");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
+var preCls = 'okr-import';
+var Auth = new _auth.BaseAuth();
+var show = Auth.isAssistant() || Auth.isBoss || Auth.isDepartmentLeader || Auth.isManager() || Auth.isSuperManager();
+
+var OkrImport = function OkrImport(_ref) {
+  _objectDestructuringEmpty(_ref);
+
+  if (!show) return /*#__PURE__*/_react["default"].createElement("div", null);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dialogVisible = _useState2[0],
+      setDialogVisible = _useState2[1];
+
+  var popupRef = (0, _react.useRef)();
+
+  var openOperateRecordPush = function openOperateRecordPush() {
+    if (popupRef.current) {
+      // @ts-ignore
+      popupRef.current.close();
+    }
+
+    setDialogVisible(true);
+  };
+
+  var onClose = function onClose() {
+    setDialogVisible(false);
+  };
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-record-popup")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-record-item"),
+    onClick: openOperateRecordPush
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-jinzhan-s"
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-record-item-content")
+  }, (0, _getLocale.getLocale)("OKR_ComAll_ImportingOKR"))));
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      file = _useState4[0],
+      setFile = _useState4[1];
+
+  var downloadTemplate = function downloadTemplate() {
+    window.open((0, _helpers.getApiUrl)("import/okrTemplate"));
+  };
+
+  var validateFileType = function validateFileType(file) {
+    if (!/\.xls(x)?$/.test(file.name)) {
+      _toast["default"].Error('暂不支持此文件类型，请上传 Excel 文件格式');
+
+      return false;
+    }
+
+    setFile(file);
+    return false;
+  };
+
+  var clearFile = function clearFile() {
+    return setFile(undefined);
+  };
+
+  var submitFileHandler = function submitFileHandler() {
+    if (file) {
+      var formData = new FormData(); // FormData 对象
+      // @ts-ignore
+
+      formData.append('file', file);
+      var url = (0, _helpers.getApiUrl)("okr/import");
+      var xhr = new XMLHttpRequest(); //创建xhr
+
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState == 4 && xhr.status == 200) {
+          var result = JSON.parse(xhr.responseText); // 上传成功接口返回数据
+
+          if (result.Code === 1) {
+            setFile(undefined);
+            onClose();
+
+            _toast["default"].Success(result.Message || '上传成功');
+          } else {
+            _toast["default"].Error(result.Message || '上传失败，请联系客服或重试');
+          }
+        } else {// Toast.Error(`${xhr.status}:上传出错`)
+        }
+      };
+
+      xhr.open('POST', url, true);
+      xhr.send(formData); //开始上传，发送form数据
+    } else {
+      _toast["default"].Error('请至少上传一个文件');
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    ref: popupRef,
+    popup: popup,
+    popupAlign: {
+      offset: [0, 4]
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: (0, _getLocale.getLocale)("Feed_Set_Pop_Butt_More"),
+    placement: "top"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-record")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-more1"
+  })))), /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    destroyOnClose: true,
+    noHeadLine: true,
+    noFooterLine: true,
+    onCancel: onClose,
+    onClose: onClose,
+    onOk: submitFileHandler,
+    title: (0, _getLocale.getLocale)('Per_Ma_form_BatchImport'),
+    visible: dialogVisible,
+    width: 455
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("div", null, (0, _getLocale.getLocale)('OKR_ComAll_DimporttemplatOKR'), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+    type: "border",
+    shape: "round",
+    size: "s",
+    style: {
+      height: '32px',
+      padding: '0 13px',
+      fontWeight: 500,
+      borderRadius: 16
+    },
+    onClick: downloadTemplate
+  }, (0, _getLocale.getLocale)('Per_ID_DownTemp'))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: 14
+    }
+  }, (0, _getLocale.getLocale)('Per_ID_Uploadtemfile'), /*#__PURE__*/_react["default"].createElement(_rcUpload["default"], {
+    beforeUpload: validateFileType
+  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+    shape: "round",
+    type: "border",
+    size: "s",
+    style: {
+      height: '32px',
+      padding: '0 13px',
+      fontWeight: 500,
+      borderRadius: 16
+    }
+  }, file ? (0, _getLocale.getLocale)('Set_PI_Reupload') : (0, _getLocale.getLocale)('Pro_page_File_Butt_UploadFolder')))), !!file && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__selected-file")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: require("../img/excel.svg")
+  }), /*#__PURE__*/_react["default"].createElement("span", null, file.name), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-circle",
+    onClick: clearFile
+  })))));
+};
+
+var _default = OkrImport;
+exports["default"] = _default;

package/lib/pages/new-okr-list/img/excel.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="25px" viewBox="0 0 22 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
+    <title>编组</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.00352 0.00663228491 14.4407063 0.00663228491 14.4407063 6.34715892 0.00352 6.34715892"></polygon>
+    </defs>
+    <g id="后台-群组" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上传黑名单" transform="translate(-164.000000, -715.000000)">
+            <g id="编组-49" transform="translate(73.000000, 473.000000)">
+                <g id="编组" transform="translate(91.000000, 242.000000)">
+                    <path d="M21.050104,5.84174393 L21.112266,23.2128266 C21.112266,23.6141942 20.80843,23.9365518 20.4288007,23.9365518 L4.57085352,23.9365518 C4.19194465,23.9365518 3.88753224,23.6141942 3.88753224,23.2128266 L3.88753224,1.78253529 C3.88753224,1.38092351 4.19194465,1.05881012 4.57085352,1.05881012 L16.6167434,1.03189358 L15.6668487,0 L4.60416799,0 C4.17854394,-0.00060879397 3.77023995,0.178102343 3.4693146,0.496736733 C3.16841808,0.81540164 2.99956905,1.2476531 3,1.69836772 L3,23.3010225 C2.99945377,23.7517676 3.1683028,24.1841412 3.46922815,24.5028976 C3.77012467,24.8216541 4.17854394,25.0004873 4.60416799,25 L20.3959473,25 C20.8215713,25.0004873 21.2299041,24.8215625 21.5308007,24.5027755 C21.8316972,24.1841412 22.0005462,23.7516761 22,23.3010225 L22,6.87397165 L21.050104,5.84137772 L21.050104,5.84174393 Z" id="Fill-1" fill="#31C480"></path>
+                    <g>
+                        <path d="M15.5264966,5.11544949 C15.5261451,5.61020467 15.7129104,6.08483757 16.0454331,6.43469377 C16.3779557,6.78454997 16.8290731,6.9809583 17.2993451,6.98071164 L21.9768384,6.98071164 L15.5264966,0.0243566085 L15.5264966,5.11544949 Z" id="Fill-3" fill="#21A466"></path>
+                        <g transform="translate(0.000000, 5.555233)">
+                            <mask id="mask-2" fill="white">
+                                <use xlink:href="#path-1"></use>
+                            </mask>
+                            <g id="Clip-6"></g>
+                            <path d="M12.1758501,6.34715892 L2.26449813,6.34715892 C1.6638688,6.34740563 1.0877328,6.09640171 0.663074133,5.64963756 C0.238327467,5.2027191 -6.03970963e-06,4.59658151 -6.03970963e-06,3.96473553 L-6.03970963e-06,2.38954934 C-0.000240533333,1.75748732 0.238210133,1.15131886 0.662986133,0.704400402 C1.08761547,0.257512805 1.6638688,0.00650888081 2.26449813,0.00663228491 L12.1762021,0.00663228491 C12.7768315,0.00650888081 13.3529675,0.257512805 13.7777141,0.704400402 C14.2024901,1.15131886 14.4409408,1.75748732 14.4407063,2.38954934 L14.4407063,3.96473553 C14.4407063,4.59658151 14.2023728,5.2027191 13.7775968,5.64963756 C13.3528501,6.09640171 12.7768315,6.34740563 12.1762021,6.34715892" id="Fill-5" fill="#21A466" mask="url(#mask-2)"></path>
+                        </g>
+                    </g>
+                    <g transform="translate(2.000000, 7.000000)">
+                        <path d="M0.0261872024,0.02052038 L2.34365,0.02052038 L2.34365,0.848147323 L0.892949107,0.848147323 L0.892949107,1.4637 L2.23782113,1.4637 L2.23782113,2.25333385 L0.892949107,2.25333385 L0.892949107,3.01765855 L2.38473185,3.01765855 L2.38473185,3.89616805 L0.0259610119,3.89616805 L0.0259610119,0.02052038 L0.0261872024,0.02052038 Z M2.65839405,0.02052038 L3.61141935,0.02052038 L4.1057869,1.21342712 L4.58788363,0.0203148532 L5.53239851,0.0203148532 L4.66165,1.89665682 L5.614025,3.89616805 L4.64120804,3.89616805 L4.08933155,2.65246684 L3.53765298,3.89616805 L2.57280923,3.89616805 L3.53765298,1.87542884 L2.65839405,0.02052038 Z M5.88836577,0.02052038 L8.20571548,0.02052038 L8.20571548,0.848147323 L6.75478839,0.848147323 L6.75478839,1.4637 L8.0999997,1.4637 L8.0999997,2.25333385 L6.75447738,2.25333385 L6.75447738,3.01765855 L8.24657113,3.01765855 L8.24657113,3.89616805 L5.8876872,3.89616805 L5.8876872,0.02052038 L5.88836577,0.02052038 Z M8.70856518,0.02052038 L9.57100119,0.02052038 L9.57100119,2.94102642 L10.9201991,2.94102642 L10.9201991,3.89616805 L8.70856518,3.89616805 L8.70856518,0.02052038 Z" id="Fill-7" fill="#FFFFFF"></path>
+                        <path d="M7.96891667,8.32821192 L18.9936949,8.32821192 L18.9936949,7.30917987 L8.00092262,7.30917987 C7.58334673,7.30871105 7.18287649,7.4808544 6.88764137,7.78744162 C6.59243452,8.09411693 6.42689137,8.51010311 6.42742727,8.94376459 L6.42742727,16.9832672 L18.9936949,16.9832672 L18.9936949,16.8902516 L7.32679018,16.8902516 L7.31881696,14.8141083 L18.9936949,14.8141083 L18.9936949,13.7444883 L7.31463244,13.7444883 L7.3066875,11.6683449 L18.9936949,11.6683449 L18.9936949,10.5986368 L7.30600893,10.5986368 L7.30236161,9.01945717 C7.29817708,8.64187513 7.60079167,8.32785959 7.96857738,8.32785959" id="Fill-9" fill="#46C98D"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/utils/auth.js

@@ -42,6 +42,12 @@ var BaseAuth = /*#__PURE__*/function () {
     value: function isBoss() {
       // console.log('isboss', this.loginUserInfor.IsBoss)
       return this.loginUserInfor.IsBoss;
+    } // 超管
+
+  }, {
+    key: "isSuperManager",
+    value: function isSuperManager() {
+      return this.loginUserInfor.Role === 2;
     } // 超管、助理、目标管理员
 
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.16.12",
+  "version": "1.16.13",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",