@titaui/pc 1.5.69-beta.4 → 1.5.69-beta.8

package/lib/components/dynamic/dynamic-item/dynamic-task/index.js

@@ -0,0 +1,162 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _icon = _interopRequireDefault(require("../components/icon"));
+
+var _constant = require("./constant");
+
+var _constant2 = require("../../constant");
+
+var _context = require("../../context");
+
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+
+var _tooltip = require("../../../tooltip");
+
+var _util = require("../../util");
+
+var _manager = _interopRequireDefault(require("../../../drawer/manager"));
+
+require("./index.css");
+
+var _excluded = ["data"];
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var prefix = "titaui-dynamic-task-item";
+
+var DynamicTask = function DynamicTask(_ref) {
+  var data = _ref.data,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var status = data.status,
+      taskName = data.taskName,
+      startDate = data.startDate,
+      deadline = data.deadline,
+      feedType = data.feedType,
+      obj = data.obj;
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
+  var handleClickTaskTitle = function handleClickTaskTitle() {
+    window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
+  };
+
+  var handleClickTitle = function handleClickTitle() {
+    var objType = obj.objType,
+        objId = obj.objId;
+
+    if (objType === _constant2.EObjType.Kr) {
+      _manager["default"].open("krDetail", {
+        krId: objId
+      });
+    }
+
+    if (objType === _constant2.EObjType.O) {
+      _manager["default"].open("okrDetail", {
+        okrId: objId
+      });
+    }
+
+    if (objType === _constant2.EObjType.Project) {
+      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=" + objId));
+    }
+  };
+
+  var renderName = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__content-title-text",
+      onClick: handleClickTaskTitle
+    }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: taskName,
+      keyWord: searchKeyWord
+    }));
+  }, [taskName]);
+  var renderDesc = (0, _react.useMemo)(function () {
+    var dom;
+
+    if (obj === null) {
+      dom = "负责了任务";
+    } else {
+      dom = /*#__PURE__*/_react["default"].createElement("span", {
+        className: prefix + "__operate-desc-wrapper"
+      }, "\u8D1F\u8D23\u4E86", _constant2.ObjTypeMapText[obj.objType], /*#__PURE__*/_react["default"].createElement("span", {
+        className: prefix + "__object-name",
+        onClick: handleClickTitle
+      }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+        text: obj.objName,
+        isPercent: true
+      })), "\u4E0B\u4EFB\u52A1");
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+    data: data
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content")
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    background: "#6CE7B6",
+    boxShadow: "0px 2px 6px 0px rgba(90, 216, 166, 0.4)",
+    imgUrl: _constant.TaskStatusIconMapping[status]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content-info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content-title"
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    isPercent: true,
+    text: renderName,
+    minusWidth: 30
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content-status-and-time-range"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status])
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__content-status-text"
+  }, _constant.EStatusClass2StatusTypeText[status]), /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-deferred")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__content-time-range"
+  }, startDate, "-", deadline)))));
+};
+
+var _default = DynamicTask;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/index.css

@@ -10,14 +10,15 @@
 .titaui-dynamic-item__content {
   position: relative;
   overflow: hidden;
-  margin-left: 69px;
   margin-right: 20px;
 }
 
 .titaui-dynamic-item__content-show-more {
   position: absolute;
-  bottom: 0;
+  padding-left: 69px;
   width: 100%;
+  box-sizing: border-box;
+  bottom: 0;
   height: 64px;
   display: flex;
   align-items: flex-end;
@@ -46,6 +47,14 @@
   position: relative;
 }
 
+.titaui-dynamic-item__footer-left {
+  display: flex;
+}
+
+.titaui-dynamic-item__footer-left-item {
+  margin-right: 12px;
+}
+
 .titaui-dynamic-item__footer-right {
   display: flex;
   justify-content: flex-end;

package/lib/components/dynamic/dynamic-item/index.js

@@ -13,34 +13,46 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _communication = _interopRequireDefault(require("../../communication"));
 
-var _dynamicItemHeader = _interopRequireDefault(require("./components/dynamic-item-header"));
-
 var _upvote = _interopRequireDefault(require("../../upvote"));
 
+var _upvoteListModal = _interopRequireDefault(require("../../upvote/upvoteListModal"));
+
 var _constant = require("../constant");
 
-var _assessment = _interopRequireDefault(require("./components/assessment"));
+var _dynamicAssessment = _interopRequireDefault(require("./dynamic-assessment"));
+
+var _dynamicShare = _interopRequireDefault(require("./dynamic-share"));
+
+var _dynamicAnnouncement = _interopRequireDefault(require("./dynamic-announcement"));
+
+var _dynamicReplay = _interopRequireDefault(require("./dynamic-replay"));
 
-var _publishContent = _interopRequireDefault(require("./components/publish-content"));
+var _dynamicReport = _interopRequireDefault(require("./dynamic-report"));
 
-var _replay = _interopRequireDefault(require("./components/replay"));
+var _dynamicRelative = _interopRequireDefault(require("./dynamic-relative"));
 
-var _report = _interopRequireDefault(require("./components/report"));
+var _dynamicAlign = _interopRequireDefault(require("./dynamic-align"));
 
-var _dynamicDesc = _interopRequireDefault(require("./components/dynamic-desc"));
+var _dynamicProgress = _interopRequireDefault(require("./dynamic-progress"));
 
-var _relative = _interopRequireDefault(require("./components/relative"));
+var _dynamicCreateO = _interopRequireDefault(require("./dynamic-create-o"));
 
-var _align = _interopRequireDefault(require("./components/align"));
+var _dynamicTask = _interopRequireDefault(require("./dynamic-task"));
 
-var _commonDynamic = _interopRequireDefault(require("./components/common-dynamic"));
+var _dynamicProject = _interopRequireDefault(require("./dynamic-project"));
 
-var _createO = _interopRequireDefault(require("./components/create-o"));
+var _dynamicKr = _interopRequireDefault(require("./dynamic-kr"));
 
-var _taskProject = _interopRequireDefault(require("./components/task-project"));
+var _dynamicReward = _interopRequireDefault(require("./dynamic-reward"));
+
+var _bsGlobal = require("../../../utils/bs-global");
 
 var _avatar = require("../../avatar");
 
+var _context = require("../context");
+
+var _conditionRender = _interopRequireDefault(require("../components/condition-render"));
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -108,6 +120,14 @@ var DynamicItem = function DynamicItem(_ref) {
       isFold = _useState8[0],
       setIsFold = _useState8[1];
 
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      upvoteModalVisible = _useState10[0],
+      setUpvoteModalVisible = _useState10[1];
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
   var dynamicContentRef = (0, _react.useRef)();
   var communicationRef = (0, _react.useRef)();
 
@@ -115,20 +135,24 @@ var DynamicItem = function DynamicItem(_ref) {
     setShowComment(!showComment);
   };
 
-  var handleShowMore = function handleShowMore() {
-    setIsFold(false);
-  };
-
   var handleFold = function handleFold() {
     setIsFold(true);
   };
 
+  var handleShowMore = function handleShowMore() {
+    setIsFold(false);
+  };
+
   var onChangeParse = function onChangeParse(type, count) {
-    var Id = window.BSGlobal.loginUserInfo.Id;
+    var Id = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Id;
+
+    var data = _toConsumableArray(praiseData).filter(function (item) {
+      return item.userId != Id;
+    });
 
     if (type) {
-      var avatar = window.BSGlobal.loginUserInfo.UserAvatar;
-      var name = window.BSGlobal.loginUserInfo.Name;
+      var avatar = (0, _bsGlobal.getBSGlobal)("loginUserInfo").UserAvatar;
+      var name = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Name;
       avatar["color"] = avatar.Color;
       avatar["medium"] = avatar.Medium;
       var parseUser = {
@@ -137,74 +161,78 @@ var DynamicItem = function DynamicItem(_ref) {
         userId: Id,
         praiseType: type
       };
-      setPraiseData([parseUser].concat(_toConsumableArray(praiseData)));
+      setPraiseData([parseUser].concat(_toConsumableArray(data)));
     } else {
-      var _data = _toConsumableArray(praiseData).filter(function (item) {
-        return item.userId != Id;
-      });
-
-      setPraiseData(_data);
+      setPraiseData(data);
     }
   };
 
   var renderContent = (0, _react.useMemo)(function () {
     switch (data.feedType) {
       case _constant.EFeedType.O:
-        return /*#__PURE__*/_react["default"].createElement(_createO["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicCreateO["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       case _constant.EFeedType.Progress:
-        return /*#__PURE__*/_react["default"].createElement(_commonDynamic["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicProgress["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       case _constant.EFeedType.Task:
-        return /*#__PURE__*/_react["default"].createElement(_taskProject["default"], {
-          data: data,
-          type: "task"
-        });
+        return /*#__PURE__*/_react["default"].createElement(_dynamicTask["default"], _extends({
+          data: data
+        }, restProps));
 
       case _constant.EFeedType.Project:
-        return /*#__PURE__*/_react["default"].createElement(_taskProject["default"], {
-          data: data,
-          type: "project"
-        });
+        return /*#__PURE__*/_react["default"].createElement(_dynamicProject["default"], _extends({
+          data: data
+        }, restProps));
 
       case _constant.EFeedType.Align:
-        return /*#__PURE__*/_react["default"].createElement(_align["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicAlign["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       case _constant.EFeedType.Relative:
-        return /*#__PURE__*/_react["default"].createElement(_relative["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicRelative["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       case _constant.EFeedType.Kr:
-        return /*#__PURE__*/_react["default"].createElement(_commonDynamic["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicKr["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       case _constant.EFeedType.Report:
-        return /*#__PURE__*/_react["default"].createElement(_report["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReport["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       case _constant.EFeedType.Reply:
-        return /*#__PURE__*/_react["default"].createElement(_replay["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReplay["default"], _extends({
           data: data
-        });
+        }, restProps));
 
-      case _constant.EFeedType.Share || _constant.EFeedType.Announcement:
-        return /*#__PURE__*/_react["default"].createElement(_publishContent["default"], {
+      case _constant.EFeedType.Share:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicShare["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       case _constant.EFeedType.Assessment:
-        return /*#__PURE__*/_react["default"].createElement(_assessment["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicAssessment["default"], _extends({
+          data: data
+        }, restProps));
+
+      case _constant.EFeedType.Announcement:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicAnnouncement["default"], _extends({
+          data: data
+        }, restProps));
+
+      case _constant.EFeedType.Reward:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReward["default"], _extends({
           data: data
-        });
+        }, restProps));
 
       default:
         return null;
@@ -217,51 +245,63 @@ var DynamicItem = function DynamicItem(_ref) {
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
-  }, /*#__PURE__*/_react["default"].createElement(_dynamicItemHeader["default"], _extends({
-    operateDesc: /*#__PURE__*/_react["default"].createElement(_dynamicDesc["default"], {
-      data: data
-    }),
-    feedId: feedId
-  }, data, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content",
     ref: dynamicContentRef,
     style: {
       height: contentIsOverflow && isFold ? "288px" : "auto"
     }
-  }, renderContent, contentIsOverflow && isFold && /*#__PURE__*/_react["default"].createElement("div", {
+  }, renderContent, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: contentIsOverflow && isFold
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content-show-more",
     onClick: handleShowMore
   }, "\u67E5\u770B\u66F4\u591A", /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-arrow-down", prefix + "__icon")
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__footer"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__footer-left"
-  }, praiseData && praiseData.length > 0 && praiseData.map(function (item, key) {
-    if (key >= 7) return;
-    return /*#__PURE__*/_react["default"].createElement(_avatar.IconAvatar, {
+  }, praiseData.map(function (item, key) {
+    if (key >= 4) return;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: prefix + "__footer-left-item"
+    }, /*#__PURE__*/_react["default"].createElement(_avatar.IconAvatar, {
       name: item.name,
       userId: item.userId,
       avatar: item.avatar,
       type: item.praiseType,
-      key: key
-    });
-  }), praiseData && praiseData.length > 7 && /*#__PURE__*/_react["default"].createElement(_avatar.NameAvatar, {
-    name: praiseData.length,
-    color: "#2879FF"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+      key: key,
+      size: {
+        width: 28,
+        textNum: 1,
+        fontSize: 12
+      }
+    }));
+  }), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: praiseData && praiseData.length > 4
+  }, /*#__PURE__*/_react["default"].createElement(_avatar.NumAvatar, {
+    onClick: function onClick() {
+      return setUpvoteModalVisible(true);
+    },
+    num: praiseData.length - 4
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__footer-right"
-  }, contentIsOverflow && !isFold && /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: contentIsOverflow && !isFold
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__footer-fold",
     onClick: handleFold
   }, "\u6536\u8D77", /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-arrow-up1", prefix + "__icon")
-  })), /*#__PURE__*/_react["default"].createElement("span", {
+  }))), /*#__PURE__*/_react["default"].createElement("span", {
     onClick: handleCommentClick,
     className: (0, _classnames["default"])("tu-icon-pinglun", prefix + "__footer-icon")
-  }, feedComments.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: feedComments.length > 0
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: prefix + "__footer-number"
-  }, feedComments.length)), /*#__PURE__*/_react["default"].createElement(_upvote["default"], {
+  }, feedComments.length))), /*#__PURE__*/_react["default"].createElement(_upvote["default"], {
     type: praiseType,
     count: praiseUsers ? praiseUsers.length : 0,
     feedId: feedId,
@@ -269,13 +309,22 @@ var DynamicItem = function DynamicItem(_ref) {
     style: {
       marginLeft: 30
     }
-  }))), showComment && /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement(_upvoteListModal["default"], {
+    feedId: feedId,
+    visible: upvoteModalVisible,
+    onClose: function onClose() {
+      return setUpvoteModalVisible(false);
+    }
+  }))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showComment
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__communication"
   }, /*#__PURE__*/_react["default"].createElement(_communication["default"], {
     feedId: feedId,
     commentCount: 3,
-    ref: communicationRef
-  })));
+    ref: communicationRef,
+    highLightKeyWord: searchKeyWord
+  }))));
 };
 
 var _default = DynamicItem;

package/lib/components/dynamic/dynamic-like-ranking/index.css

@@ -1,4 +1,5 @@
 .danamic-like-ranking {
+  margin-top: 10px;
   width: 278px;
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);

package/lib/components/dynamic/dynamic-like-ranking/index.js

@@ -11,7 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _mock = require("./mock");
+var _requestApi = require("../request-api");
+
+var _formatTime = require("../../../utils/format-time");
 
 var _item = _interopRequireDefault(require("./item"));
 
@@ -37,33 +39,76 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'danamic-like-ranking';
+var preCls = "danamic-like-ranking";
 
 var DynamicLikeRanking = function DynamicLikeRanking() {
-  var _useState = (0, _react.useState)(_mock.data || []),
+  var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
       rankingData = _useState2[0],
       setRankingData = _useState2[1];
 
-  var _useState3 = (0, _react.useState)('全部'),
+  var _useState3 = (0, _react.useState)("全部"),
       _useState4 = _slicedToArray(_useState3, 2),
       type = _useState4[0],
-      setType = _useState4[1]; // const getData = () =>{
-  //   getDynamicTop().then(res => {
-  //     if (res.Code === 1) {
-  //       setToppingData(res.Data.feeds)
-  //     }
-  //   })
-  // }
-  // useEffect(() => {
-  //   getData()
-  // }, [])
+      setType = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    createDate: "",
+    endDate: ""
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      date = _useState6[0],
+      setDate = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var createDate = date.createDate,
+        endDate = date.endDate;
+    (0, _requestApi.getRanking)({
+      ToUserIds: "",
+      ToDepIds: "",
+      ToGroupIds: "",
+      CreateDate: createDate,
+      EndDate: endDate,
+      ObjectType: 0,
+      ObjectTypeAction: 0,
+      PageNum: 1,
+      PageSize: 8
+    }).then(function (res) {
+      if (res.Code === 1) {
+        var userPariseinfos = res.Data.userPariseinfos;
+        setRankingData(userPariseinfos);
+      }
+    });
+  }, [date]);
+  if (!rankingData || rankingData.length === 0) return null;
 
+  var handleLinkToPraiseRaking = function handleLinkToPraiseRaking() {
+    var href = window.location.href;
+    var url = "".concat(href.split("#")[0], "#praise-raking");
+    window.open(url, "self");
+  };
 
-  if (!rankingData || rankingData.length === 0) return null;
+  var handleChangeDate = function handleChangeDate(item) {
+    setType(item);
+    var createDate = "";
+    var endDate = "";
+
+    if (item == "本月") {
+      createDate = (0, _formatTime.showMonthFirstDay)();
+      endDate = (0, _formatTime.showNextMonthFirstDay)();
+    } else if (item == "本周") {
+      createDate = (0, _formatTime.showWeekFirstDay)();
+      endDate = (0, _formatTime.showNextWeekFirstDay)();
+    }
+
+    setDate({
+      createDate: createDate,
+      endDate: endDate
+    });
+  };
 
   var TabBar = function TabBar() {
-    var typeData = ['全部', '本周', '本月'];
+    var typeData = ["全部", "本周", "本月"];
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__tab-bar")
     }, typeData.map(function (item, key) {
@@ -71,7 +116,7 @@ var DynamicLikeRanking = function DynamicLikeRanking() {
         key: key,
         className: (0, _classnames["default"])("".concat(preCls, "__tab-bar-item"), _defineProperty({}, "".concat(preCls, "__tab-bar-item--selected"), type === item)),
         onClick: function onClick() {
-          return setType(item);
+          return handleChangeDate(item);
         }
       }, item);
     }));
@@ -89,14 +134,15 @@ var DynamicLikeRanking = function DynamicLikeRanking() {
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__header-text"))
   }, "\u70B9\u8D5E\u6392\u884C\u699C")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__header-right"))
+    className: (0, _classnames["default"])("".concat(preCls, "__header-right")),
+    onClick: handleLinkToPraiseRaking
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "tu-icon-APP-xi"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__content"))
   }, TabBar(), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__content-table"))
-  }, _mock.data.map(function (item, index) {
+  }, rankingData.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(_item["default"], {
       userInfo: item,
       key: index