@titaui/pc 1.11.21-beta.10 → 1.11.21-beta.2

package/lib/components/okr-detail/components/header/o-name.js

@@ -13,6 +13,8 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _tools = require("../../../../utils/tools");
 
+var _helper = require("../../helper");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function OName(props) {
@@ -20,11 +22,15 @@ function OName(props) {
       okrName = props.okrName,
       setIsEdit = props.setIsEdit,
       okrStatus = props.okrStatus,
-      children = props.children;
+      children = props.children,
+      approvalSetting = props.approvalSetting,
+      applyState = props.applyState;
 
   var handleEditClick = function handleEditClick() {
-    if (editable) {
-      setIsEdit(true);
+    if ((0, _helper.getApprovalIsShow)(approvalSetting, "changeOkrName", applyState)) {
+      if (editable) {
+        setIsEdit(true);
+      }
     }
   };
 

package/lib/components/okr-detail/components/o-classify.js

@@ -84,7 +84,11 @@ function OClassify(props) {
 
             case 5:
               res = _context.sent;
-              onOkrClassifyChange(select);
+
+              if (onOkrClassifyChange) {
+                onOkrClassifyChange(select);
+              }
+
               setVisible(false);
 
               _toast["default"].Success("修改成功", {

package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js

@@ -47,6 +47,8 @@ var _EditKrWightModal = _interopRequireDefault(require("../../../../../edit-kr-w
 
 var _okrProgressModal = _interopRequireDefault(require("../../../../../okr-progress-modal"));
 
+var _helper = require("../../../../helper");
+
 var _getLocale = require("../../../../../../utils/getLocale");
 
 require("./index.css");
@@ -98,7 +100,8 @@ function _default(props) {
 
   var _useContext = (0, _react.useContext)(_context2.CommonContext),
       refreshAll = _useContext.refreshAll,
-      okrInfo = _useContext.okrInfo;
+      okrInfo = _useContext.okrInfo,
+      approvalSetting = _useContext.approvalSetting;
 
   var _useState = (0, _react.useState)(data.confidenceIndex),
       _useState2 = _slicedToArray(_useState, 2),
@@ -315,7 +318,7 @@ function _default(props) {
   }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-title"))
   }, /*#__PURE__*/_react["default"].createElement(_editableInput["default"], {
-    editable: krCanEdit,
+    editable: krCanEdit && (0, _helper.getApprovalIsShow)(approvalSetting, "changeOkrName", okrInfo.applyState),
     defaultValue: krName,
     emptyMessage: "KR\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A",
     onKeyDown: onKrNameChangeHandler,
@@ -329,10 +332,10 @@ function _default(props) {
     name: user.name,
     id: user.userId,
     width: 68,
-    editable: krCanEdit,
+    editable: krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval,
     onEditUser: onEditUserHandler,
     nameTips: function nameTips(name) {
-      return /*#__PURE__*/_react["default"].createElement("span", null, "\u8D1F\u8D23\u4EBA\uFF1A", name);
+      return /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Text_Owner'), name);
     }
   })), showKrWeight && /*#__PURE__*/_react["default"].createElement(OkrRowColumn, {
     width: 60,
@@ -348,7 +351,7 @@ function _default(props) {
     marginLeft: 16
   }, /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
     data: data,
-    editable: krCanEdit
+    editable: krCanEdit && (0, _helper.getApprovalIsShow)(approvalSetting, 'changeOkrTime', okrInfo.applyState)
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-actions"))
   }, showHeart && /*#__PURE__*/_react["default"].createElement("div", {
@@ -377,7 +380,7 @@ function _default(props) {
     evaluateValue: evaluateValue,
     setEvaluateValue: onEvaluateChangeHanler,
     isEvaluate: isEvaluate
-  })), krCanEdit && /*#__PURE__*/_react["default"].createElement("div", {
+  })), krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-delete")),
     onClick: function onClick() {
       return setDeleteModalVisible(true);

package/lib/components/okr-detail/detail-header/constant.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getApproveStatusTextMap = exports.ApproveStatusColor = exports.ApproveStatus = void 0;
+
+var _getLocale = require("../../../utils/getLocale");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ApproveStatus;
+exports.ApproveStatus = ApproveStatus;
+
+(function (ApproveStatus) {
+  ApproveStatus[ApproveStatus["None"] = 0] = "None";
+  ApproveStatus[ApproveStatus["WaitCommit"] = 6] = "WaitCommit";
+  ApproveStatus[ApproveStatus["Rejected"] = 3] = "Rejected";
+  ApproveStatus[ApproveStatus["UnderApproval"] = 1] = "UnderApproval";
+  ApproveStatus[ApproveStatus["ApproveAgree"] = 2] = "ApproveAgree";
+  ApproveStatus[ApproveStatus["WithDraw"] = 4] = "WithDraw";
+  ApproveStatus[ApproveStatus["Done"] = 5] = "Done";
+})(ApproveStatus || (exports.ApproveStatus = ApproveStatus = {}));
+
+var getApproveStatusTextMap = function getApproveStatusTextMap(status) {
+  var _ApproveStatusTextMap;
+
+  var ApproveStatusTextMap = (_ApproveStatusTextMap = {}, _defineProperty(_ApproveStatusTextMap, ApproveStatus.WaitCommit, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Rejected, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.UnderApproval, (0, _getLocale.getLocale)('Pro_detail_Approval')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.ApproveAgree, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.WithDraw, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.None, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Done, ''), _ApproveStatusTextMap);
+  return ApproveStatusTextMap[status];
+};
+
+exports.getApproveStatusTextMap = getApproveStatusTextMap;
+
+var ApproveStatusColor = function ApproveStatusColor(status) {
+  var _ApprovalStatusColorM;
+
+  var ApprovalStatusColorMap = (_ApprovalStatusColorM = {}, _defineProperty(_ApprovalStatusColorM, ApproveStatus.WaitCommit, {
+    color: '#F0A326',
+    bgColor: 'rgba(240, 163, 38, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.Rejected, {
+    color: '#F0A326',
+    bgColor: 'rgba(240, 163, 38, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.UnderApproval, {
+    color: '#2879FF',
+    bgColor: 'rgba(40, 121, 255, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.ApproveAgree, {
+    color: '#ffffff',
+    bgColor: '#ffffff'
+  }), _ApprovalStatusColorM);
+  return ApprovalStatusColorMap[status];
+};
+
+exports.ApproveStatusColor = ApproveStatusColor;

package/lib/components/okr-detail/detail-header/index.js

@@ -29,6 +29,8 @@ var _okrShare = _interopRequireDefault(require("../../okr-share"));
 
 var _context7 = require("../context");
 
+var _constant = require("./constant");
+
 var _deleteConfirm = _interopRequireDefault(require("./delete-confirm/delete-confirm"));
 
 var _drawerManager = _interopRequireDefault(require("../../drawer-manager"));
@@ -85,6 +87,9 @@ function OkrDetailHeader(_ref) {
   var loginUserId = window.BSGlobal.loginUserInfo.Id;
   var context = (0, _react.useContext)(_context7.GeneralDataContext);
   var commonContext = (0, _react.useContext)(_context7.CommonContext);
+  var approvalSetting = commonContext.approvalSetting,
+      okrInfo = commonContext.okrInfo;
+  var approveStatusColor = (0, _constant.ApproveStatusColor)(detailInfo.applyState);
   var changVisiblity = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(workId, visibility) {
       var visibilityScope,
@@ -111,7 +116,7 @@ function OkrDetailHeader(_ref) {
               }));
 
             case 3:
-              _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
+              _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
 
               context.setGeneralVisibility({
                 visibility: visibility,
@@ -136,230 +141,230 @@ function OkrDetailHeader(_ref) {
   var actions = (0, _react.useMemo)(function () {
     if (!detailInfo) {
       return [];
-    } else {
-      return (0, _actions.getOkrHeadActions)({
-        roleType: context.generalRoleType,
-        principalUser: context.generalPrincipalUser,
-        visibility: context.generalVisibility.visibility,
-        detailInfo: detailInfo,
-        openShareModal: function () {
-          var _openShareModal = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-            var krss;
-            return regeneratorRuntime.wrap(function _callee2$(_context2) {
-              while (1) {
-                switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.next = 2;
-                    return (0, _requestApis.getKrs)({
-                      okrId: detailInfo.workId
-                    });
-
-                  case 2:
-                    krss = _context2.sent;
-                    setKrs(krss);
-                    setShareVisible(true);
-
-                  case 5:
-                  case "end":
-                    return _context2.stop();
-                }
-              }
-            }, _callee2);
-          }));
+    }
 
-          function openShareModal() {
-            return _openShareModal.apply(this, arguments);
-          }
+    return (0, _actions.getOkrHeadActions)({
+      roleType: context.generalRoleType,
+      principalUser: context.generalPrincipalUser,
+      visibility: context.generalVisibility.visibility,
+      detailInfo: detailInfo,
+      openShareModal: function () {
+        var _openShareModal = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+          var krss;
+          return regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return (0, _requestApis.getKrs)({
+                    okrId: detailInfo.workId
+                  });
+
+                case 2:
+                  krss = _context2.sent;
+                  setKrs(krss);
+                  setShareVisible(true);
 
-          return openShareModal;
-        }(),
-        changeVisiblilty: function changeVisiblilty(visibility) {
-          if (visibility === 4) {
-            if (userSelectRef.current) {
-              userSelectRef.current.open();
+                case 5:
+                case "end":
+                  return _context2.stop();
+              }
             }
+          }, _callee2);
+        }));
+
+        function openShareModal() {
+          return _openShareModal.apply(this, arguments);
+        }
 
-            return;
+        return openShareModal;
+      }(),
+      changeVisiblilty: function changeVisiblilty(visibility) {
+        if (visibility === 4) {
+          if (userSelectRef.current) {
+            userSelectRef.current.open();
           }
 
-          changVisiblity(detailInfo.workId, visibility);
-        },
-        onDeleteOkr: function onDeleteOkr(e) {
-          popRef.current.getRef().show(e.target);
-        },
-        onCopyOkr: function onCopyOkr() {
-          // @ts-ignore
-          window.openCopyOkrModal({
-            okrId: detailInfo.workId,
-            okrType: detailInfo.okrType
-          });
-        },
-        onChangeOkrFollow: function () {
-          var _onChangeOkrFollow = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(follow) {
-            var res;
-            return regeneratorRuntime.wrap(function _callee3$(_context3) {
-              while (1) {
-                switch (_context3.prev = _context3.next) {
-                  case 0:
-                    _context3.next = 2;
-                    return (0, _confirm["default"])(follow ? (0, _getLocale.getLocale)('OKR_MyO_Err_Focuson') : (0, _getLocale.getLocale)('OKR_MyO_Err_Unfollow'), follow ? (0, _getLocale.getLocale)('OKR_MyO_Err_Payatten') : (0, _getLocale.getLocale)('OKR_MyO_Err_Progress'));
-
-                  case 2:
-                    res = _context3.sent;
-
-                    if (!res) {
-                      _context3.next = 14;
-                      break;
-                    }
-
-                    if (!follow) {
-                      _context3.next = 9;
-                      break;
-                    }
-
-                    _context3.next = 7;
-                    return (0, _requestApis.addUser)(loginUserId, detailInfo.workId, 3);
-
-                  case 7:
-                    _context3.next = 11;
+          return;
+        }
+
+        changVisiblity(detailInfo.workId, visibility);
+      },
+      onDeleteOkr: function onDeleteOkr(e) {
+        popRef.current.getRef().show(e.target);
+      },
+      onCopyOkr: function onCopyOkr() {
+        // @ts-ignore
+        window.openCopyOkrModal({
+          okrId: detailInfo.workId,
+          okrType: detailInfo.okrType
+        });
+      },
+      onChangeOkrFollow: function () {
+        var _onChangeOkrFollow = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(follow) {
+          var res;
+          return regeneratorRuntime.wrap(function _callee3$(_context3) {
+            while (1) {
+              switch (_context3.prev = _context3.next) {
+                case 0:
+                  _context3.next = 2;
+                  return (0, _confirm["default"])(follow ? (0, _getLocale.getLocale)("OKR_MyO_Err_Focuson") : (0, _getLocale.getLocale)("OKR_MyO_Err_Unfollow"), follow ? (0, _getLocale.getLocale)("OKR_MyO_Err_Payatten") : (0, _getLocale.getLocale)("OKR_MyO_Err_Progress"));
+
+                case 2:
+                  res = _context3.sent;
+
+                  if (!res) {
+                    _context3.next = 14;
+                    break;
+                  }
+
+                  if (!follow) {
+                    _context3.next = 9;
                     break;
+                  }
 
-                  case 9:
-                    _context3.next = 11;
-                    return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 3);
+                  _context3.next = 7;
+                  return (0, _requestApis.addUser)(loginUserId, detailInfo.workId, 3);
 
-                  case 11:
-                    context.setGeneralRoleType(follow ? 3 : 0); // 关注
+                case 7:
+                  _context3.next = 11;
+                  break;
 
-                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
+                case 9:
+                  _context3.next = 11;
+                  return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 3);
 
-                    if (!follow) {
-                      commonContext.refreshAll();
-                    }
+                case 11:
+                  context.setGeneralRoleType(follow ? 3 : 0); // 关注
 
-                  case 14:
-                  case "end":
-                    return _context3.stop();
-                }
+                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+
+                  if (!follow) {
+                    commonContext.refreshAll();
+                  }
+
+                case 14:
+                case "end":
+                  return _context3.stop();
               }
-            }, _callee3);
-          }));
+            }
+          }, _callee3);
+        }));
 
-          function onChangeOkrFollow(_x3) {
-            return _onChangeOkrFollow.apply(this, arguments);
-          }
+        function onChangeOkrFollow(_x3) {
+          return _onChangeOkrFollow.apply(this, arguments);
+        }
 
-          return onChangeOkrFollow;
-        }(),
-        onFinishOrReOpen: function () {
-          var _onFinishOrReOpen = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(isFinish) {
-            var res;
-            return regeneratorRuntime.wrap(function _callee4$(_context4) {
-              while (1) {
-                switch (_context4.prev = _context4.next) {
-                  case 0:
-                    _context4.next = 2;
-                    return (0, _confirm["default"])(isFinish ? (0, _getLocale.getLocale)('OKR_MyO_Areycloseobjective') : (0, _getLocale.getLocale)('OKR_MyO_Err_Restart'));
-
-                  case 2:
-                    res = _context4.sent;
-
-                    if (!res) {
-                      _context4.next = 13;
-                      break;
-                    }
-
-                    if (!isFinish) {
-                      _context4.next = 9;
-                      break;
-                    }
-
-                    _context4.next = 7;
-                    return (0, _requestApis.close)(detailInfo.workId);
-
-                  case 7:
-                    _context4.next = 11;
+        return onChangeOkrFollow;
+      }(),
+      onFinishOrReOpen: function () {
+        var _onFinishOrReOpen = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(isFinish) {
+          var res;
+          return regeneratorRuntime.wrap(function _callee4$(_context4) {
+            while (1) {
+              switch (_context4.prev = _context4.next) {
+                case 0:
+                  _context4.next = 2;
+                  return (0, _confirm["default"])(isFinish ? (0, _getLocale.getLocale)("OKR_MyO_Areycloseobjective") : (0, _getLocale.getLocale)("OKR_MyO_Err_Restart"));
+
+                case 2:
+                  res = _context4.sent;
+
+                  if (!res) {
+                    _context4.next = 13;
+                    break;
+                  }
+
+                  if (!isFinish) {
+                    _context4.next = 9;
                     break;
+                  }
+
+                  _context4.next = 7;
+                  return (0, _requestApis.close)(detailInfo.workId);
 
-                  case 9:
-                    _context4.next = 11;
-                    return (0, _requestApis.start)(detailInfo.workId);
+                case 7:
+                  _context4.next = 11;
+                  break;
 
-                  case 11:
-                    commonContext.refreshAll(); // 刷新
+                case 9:
+                  _context4.next = 11;
+                  return (0, _requestApis.start)(detailInfo.workId);
 
-                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
+                case 11:
+                  commonContext.refreshAll(); // 刷新
 
-                  case 13:
-                  case "end":
-                    return _context4.stop();
-                }
+                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+
+                case 13:
+                case "end":
+                  return _context4.stop();
               }
-            }, _callee4);
-          }));
+            }
+          }, _callee4);
+        }));
 
-          function onFinishOrReOpen(_x4) {
-            return _onFinishOrReOpen.apply(this, arguments);
-          }
+        function onFinishOrReOpen(_x4) {
+          return _onFinishOrReOpen.apply(this, arguments);
+        }
 
-          return onFinishOrReOpen;
-        }(),
-        onQuit: function () {
-          var _onQuit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-            var res;
-            return regeneratorRuntime.wrap(function _callee5$(_context5) {
-              while (1) {
-                switch (_context5.prev = _context5.next) {
-                  case 0:
-                    _context5.next = 2;
-                    return (0, _confirm["default"])((0, _getLocale.getLocale)('OKR_MyO_Err_Quit'), (0, _getLocale.getLocale)('OKR_MyO_Err_Inchargec'));
-
-                  case 2:
-                    res = _context5.sent;
-
-                    if (!res) {
-                      _context5.next = 8;
-                      break;
-                    }
-
-                    _context5.next = 6;
-                    return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 2);
-
-                  case 6:
-                    // context.setGeneralRoleType(0)
-                    commonContext.refreshAll(); // 刷新
-
-                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
-
-                  case 8:
-                  case "end":
-                    return _context5.stop();
-                }
+        return onFinishOrReOpen;
+      }(),
+      onQuit: function () {
+        var _onQuit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+          var res;
+          return regeneratorRuntime.wrap(function _callee5$(_context5) {
+            while (1) {
+              switch (_context5.prev = _context5.next) {
+                case 0:
+                  _context5.next = 2;
+                  return (0, _confirm["default"])((0, _getLocale.getLocale)("OKR_MyO_Err_Quit"), (0, _getLocale.getLocale)("OKR_MyO_Err_Inchargec"));
+
+                case 2:
+                  res = _context5.sent;
+
+                  if (!res) {
+                    _context5.next = 8;
+                    break;
+                  }
+
+                  _context5.next = 6;
+                  return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 2);
+
+                case 6:
+                  // context.setGeneralRoleType(0)
+                  commonContext.refreshAll(); // 刷新
+
+                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+
+                case 8:
+                case "end":
+                  return _context5.stop();
               }
-            }, _callee5);
-          }));
+            }
+          }, _callee5);
+        }));
 
-          function onQuit() {
-            return _onQuit.apply(this, arguments);
-          }
+        function onQuit() {
+          return _onQuit.apply(this, arguments);
+        }
 
-          return onQuit;
-        }()
-      });
-    }
+        return onQuit;
+      }()
+    });
   }, [detailInfo, context.generalRoleType, context.generalPrincipalUser, context.generalVisibility.visibility]);
   var parent = null;
 
   if (context.generalParent) {
     if (context.generalParent.parentKr) {
       parent = {
-        type: 'kr',
+        type: "kr",
         id: context.generalParent.parentKr.mileStoneId,
         name: context.generalParent.parentKr.mileStoneName
       };
     } else if (context.generalParent.parentOkr) {
       parent = {
-        type: 'okr',
+        type: "okr",
         id: context.generalParent.parentOkr.workId,
         name: context.generalParent.parentOkr.workName
       };
@@ -368,6 +373,8 @@ function OkrDetailHeader(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_drawer["default"].Header, {
     actions: actions,
+    approvalSetting: approvalSetting,
+    detailInfo: detailInfo,
     actionComponent: /*#__PURE__*/_react["default"].createElement(_wechatBtn["default"], {
       id: detailInfo.workId,
       objType: 62,
@@ -380,13 +387,17 @@ function OkrDetailHeader(_ref) {
       className: "tu-icon-liebiao-duiqinubiao"
     }), /*#__PURE__*/_react["default"].createElement("span", {
       onClick: function onClick() {
-        return parent.type === 'okr' ? _drawerManager["default"].open('okrDetail', {
+        return parent.type === "okr" ? _drawerManager["default"].open("okrDetail", {
           okrId: parent.id
-        }) : _drawerManager["default"].open('krDetail', {
+        }) : _drawerManager["default"].open("krDetail", {
           krId: parent.id
         });
       }
-    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === 'okr' ? 'O ' : 'KR '), parent.name)) : null
+    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === "okr" ? "O " : "KR "), parent.name)) : null,
+    status: {
+      title: (0, _constant.getApproveStatusTextMap)(okrInfo.applyState),
+      color: approveStatusColor
+    }
   }), /*#__PURE__*/_react["default"].createElement(_okrShare["default"], {
     visible: shareVisible,
     onClose: closeShareModal,
@@ -423,7 +434,7 @@ function OkrDetailHeader(_ref) {
                   });
 
                 case 2:
-                  _toast["default"].Success((0, _getLocale.getLocale)('Pro_detail_Deletsuccess'));
+                  _toast["default"].Success((0, _getLocale.getLocale)("Pro_detail_Deletsuccess"));
 
                   setTimeout(function () {
                     commonContext.refreshAll();
@@ -447,7 +458,7 @@ function OkrDetailHeader(_ref) {
     })
   }, /*#__PURE__*/_react["default"].createElement("span", null)), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      textAlign: 'right',
+      textAlign: "right",
       height: 0
     }
   }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
@@ -461,9 +472,9 @@ function OkrDetailHeader(_ref) {
     selectNodes: context.generalVisibility.visibilityScope || {},
     trigger: /*#__PURE__*/_react["default"].createElement("div", {
       style: {
-        visibility: 'hidden',
+        visibility: "hidden",
         zIndex: -1,
-        display: 'inline-block',
+        display: "inline-block",
         height: 0
       }
     }, "empty select")