@titaui/pc 1.5.69-beta.5 → 1.5.69-beta.9

package/lib/components/grid-page/personal-info/index.js

@@ -106,16 +106,16 @@ function PersonalInfoComponent() {
     for (var item in loginUserInfo) {
       switch (item) {
         case 'IsBoss':
-          loginUserInfo['IsBoss'] && userRoleList.push('Boss');
+          loginUserInfo['IsBoss'] && userRoleList.push('boss');
           break;
 
         case 'Role':
           loginUserInfo['Role'] === 2 && userRoleList.push('super');
-          loginUserInfo['Role'] === 4 && userRoleList.push('UserManager');
+          loginUserInfo['Role'] === 4 && userRoleList.push('userManager');
           break;
 
         case 'IsTitaFeedSystemManager':
-          loginUserInfo['IsTitaFeedSystemManager'] && userRoleList.push('Assistant');
+          loginUserInfo['IsTitaFeedSystemManager'] && userRoleList.push('assistant');
           break;
       }
     }
@@ -181,7 +181,7 @@ function PersonalInfoComponent() {
     style: {
       filter: avatarUrl ? 'blur(10px)' : 'blur(6px)'
     },
-    src: avatarUrl || require("../image/Default-background.png")
+    src: avatarUrl || require("../image/default-background.png")
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "PersonalInfoComponent-PersonalInfo__personInfo",
     ref: toolTipRef

package/lib/pages/like-ranking/column.js

@@ -13,6 +13,8 @@ var _default = _interopRequireDefault(require("../../components/avatar/default")
 
 var _bsGlobal = require("../../utils/bs-global");
 
+var _tools = require("../../utils/tools");
+
 var _openData = require("../../utils/open-data");
 
 require("./index.css");
@@ -46,8 +48,7 @@ var columns = function columns() {
         className: "".concat(preCls, "-ranking")
       }, num);
     }
-  }; // @ts-ignore
-
+  };
 
   return [{
     title: "排名",
@@ -64,8 +65,18 @@ var columns = function columns() {
     className: "".concat(preCls, "__td"),
     render: function render(text, data) {
       var user = data.user;
+      var url = (0, _tools.getUrlForUserPage)({
+        userId: user.userId,
+        userType: user.userType || 2
+      });
+
+      var handleOpenUserPage = function handleOpenUserPage() {
+        window.open(url, "_blank");
+      };
+
       return /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(preCls, "__td-name")
+        className: "".concat(preCls, "__td-name"),
+        onClick: handleOpenUserPage
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(preCls, "__td-name-avatar")
       }, /*#__PURE__*/_react["default"].createElement(_default["default"], {
@@ -73,10 +84,12 @@ var columns = function columns() {
         src: user.avatar.small,
         color: user.avatar.color,
         userId: user.userId
-      })), /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      })), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(preCls, "__td-name-text")
+      }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         id: user.userId,
         name: user.name
-      }));
+      })));
     }
   }, {
     title: "所属部门",

package/lib/pages/like-ranking/filter-buttons/department.js

@@ -33,10 +33,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'filter-buttons';
-
 var DepartMent = function DepartMent(_ref) {
-  var setToDepIds = _ref.setToDepIds;
+  var setParma = _ref.setParma;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -44,17 +42,30 @@ var DepartMent = function DepartMent(_ref) {
       setSelected = _useState2[1];
 
   var onDepartSelect = function onDepartSelect(keys, data) {
+    console.log(keys);
     setSelected(keys);
-    var departments = keys.departments;
-    var depIds = '';
+    var departments = keys.departments,
+        groups = keys.groups;
+    var depIds = "";
     departments.forEach(function (item, key) {
       depIds = depIds + item.id;
 
       if (key != departments.length - 1) {
-        depIds = depIds + ',';
+        depIds = depIds + ",";
       }
     });
-    setToDepIds(depIds);
+    var groupIds = "";
+    groups.forEach(function (item, key) {
+      groupIds = groupIds + item.id;
+
+      if (key != groups.length - 1) {
+        groupIds = groupIds + ",";
+      }
+    });
+    setParma("departmets", {
+      depIds: depIds,
+      groupIds: groupIds
+    });
   };
 
   var departRef = (0, _react.useRef)();
@@ -64,11 +75,7 @@ var DepartMent = function DepartMent(_ref) {
     ref: departRef,
     selectNodes: selected,
     onOk: onDepartSelect,
-    position: "bottomLeft",
-    panes: {
-      'depart': true,
-      'group': false
-    }
+    position: "bottomLeft"
   }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, "\u90E8\u95E8")));
 };
 

package/lib/pages/like-ranking/filter-buttons/index.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _name = _interopRequireDefault(require("./name"));
-
 var _department = _interopRequireDefault(require("./department"));
 
 var _timer = _interopRequireDefault(require("./timer"));
@@ -19,33 +17,20 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var preCls = 'filter-buttons';
+var preCls = "filter-buttons";
 
 var FilterButton = function FilterButton(_ref) {
-  var setToUserIds = _ref.setToUserIds,
-      setToDepIds = _ref.setToDepIds,
-      setCreateDate = _ref.setCreateDate,
-      setObjectType = _ref.setObjectType,
-      Date = _ref.Date,
-      setEndDate = _ref.setEndDate;
+  var parmas = _ref.parmas,
+      setParma = _ref.setParma;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls)
-  }, /*#__PURE__*/_react["default"].createElement(_name["default"], {
-    setToUserIds: setToUserIds
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "-line")
-  }), /*#__PURE__*/_react["default"].createElement(_department["default"], {
-    setToDepIds: setToDepIds
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "-line")
+  }, /*#__PURE__*/_react["default"].createElement(_department["default"], {
+    setParma: setParma
   }), /*#__PURE__*/_react["default"].createElement(_timer["default"], {
-    setCreateDate: setCreateDate,
-    Date: Date,
-    setEndDate: setEndDate
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "-line")
+    setParma: setParma,
+    parmas: parmas
   }), /*#__PURE__*/_react["default"].createElement(_modular["default"], {
-    setObjectType: setObjectType
+    setParma: setParma
   }));
 };
 

package/lib/pages/like-ranking/filter-buttons/modular.js

@@ -39,12 +39,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'filter-buttons-modular';
+var preCls = "filter-buttons-modular";
 
 var Modular = function Modular(_ref) {
-  var setObjectType = _ref.setObjectType;
+  var setParma = _ref.setParma;
 
-  var _useState = (0, _react.useState)('0'),
+  var _useState = (0, _react.useState)("0"),
       _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
@@ -55,37 +55,37 @@ var Modular = function Modular(_ref) {
       setVisible = _useState4[1];
 
   var list = [{
-    value: '0',
-    label: '全部'
-  }, (0, _bsGlobal.hasWebHead)('okr') && {
-    value: '1',
-    label: '目标'
-  }, (0, _bsGlobal.hasWebHead)('okr') && {
-    value: '2',
-    label: '关键成果'
-  }, (0, _bsGlobal.hasWebHead)('project') && {
-    value: '3',
-    label: '项目'
-  }, (0, _bsGlobal.hasWebHead)('task') && {
-    value: '4',
-    label: '任务'
+    value: "0",
+    label: "全部"
+  }, (0, _bsGlobal.hasWebHead)("okr") && {
+    value: "1",
+    label: "目标"
+  }, (0, _bsGlobal.hasWebHead)("okr") && {
+    value: "2",
+    label: "关键成果"
+  }, (0, _bsGlobal.hasWebHead)("project") && {
+    value: "3",
+    label: "项目"
+  }, (0, _bsGlobal.hasWebHead)("task") && {
+    value: "4",
+    label: "任务"
   }, {
-    value: '5',
-    label: '总结'
-  }, (0, _bsGlobal.hasWebHead)('kaohe') && {
-    value: '6',
-    label: '绩效考核'
+    value: "5",
+    label: "总结"
+  }, (0, _bsGlobal.hasWebHead)("kaohe") && {
+    value: "6",
+    label: "绩效考核"
   }];
 
   var onMenuClickHandler = function onMenuClickHandler(name) {
     setValue(name);
-    setObjectType(name);
+    setParma("ObjectType", Number(name));
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_dropdownLayer["default"], {
     multi: false,
     onChange: onMenuClickHandler,
-    popupPlacement: 'bottom',
+    popupPlacement: "bottom",
     hideOnChange: true,
     checked: value,
     limitHeight: false,
@@ -94,7 +94,9 @@ var Modular = function Modular(_ref) {
       onClick: function onClick() {
         return setVisible(true);
       }
-    }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, "\u70B9\u8D5E\u6A21\u5757"))
+    }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], {
+      noRightLine: true
+    }, "\u70B9\u8D5E\u6A21\u5757"))
   }, list.map(function (item, key) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
       className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "-checked"), item.value === value)),

package/lib/pages/like-ranking/filter-buttons/name.js

@@ -33,10 +33,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'filter-buttons';
-
 var Name = function Name(_ref) {
-  var setToUserIds = _ref.setToUserIds;
+  var setParma = _ref.setParma;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -46,15 +44,15 @@ var Name = function Name(_ref) {
   var onEditUserHandler = function onEditUserHandler(selectNodes) {
     setSelected(selectNodes);
     var users = selectNodes.users;
-    var userIds = '';
+    var userIds = "";
     users.forEach(function (item, key) {
       userIds = userIds + item.userId;
 
       if (key != users.length - 1) {
-        userIds = userIds + ',';
+        userIds = userIds + ",";
       }
     });
-    setToUserIds(userIds);
+    setParma("ToUserIds", userIds);
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_userSelector.FieldPersonSelector, {
@@ -65,8 +63,8 @@ var Name = function Name(_ref) {
     disabledDepartSelect: true,
     isGetRoot: false,
     panes: {
-      'depart': true,
-      'group': false
+      depart: true,
+      group: false
     }
   }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, "\u59D3\u540D")));
 };

package/lib/pages/like-ranking/filter-buttons/search-dropdown/index.css

@@ -5,6 +5,23 @@
   cursor: pointer;
 }
 
+.like-search-dropdown:hover {
+  color: #2879ff;
+}
+
+.like-search-dropdown::after {
+  content: '';
+  display: inline-block;
+  width: 1px;
+  height: 22px;
+  background: linear-gradient(150deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
+  margin: 0 10px;
+}
+
+.like-search-dropdown-noRightLine::after {
+  display: none;
+}
+
 .like-search-dropdown__text {
   margin-right: 4px;
 }

package/lib/pages/like-ranking/filter-buttons/search-dropdown/index.js

@@ -7,17 +7,23 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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 preCls = "like-search-dropdown";
 
 var SearchDropDown = function SearchDropDown(props) {
   var children = props.children,
-      maxWidth = props.maxWidth;
+      maxWidth = props.maxWidth,
+      _props$noRightLine = props.noRightLine,
+      noRightLine = _props$noRightLine === void 0 ? false : _props$noRightLine;
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: preCls
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-noRightLine"), noRightLine))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__text"),
     style: {

package/lib/pages/like-ranking/filter-buttons/timer.js

@@ -23,20 +23,19 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var preCls = "filter-buttons";
-
 var Timer = function Timer(_ref) {
-  var setCreateDate = _ref.setCreateDate,
-      Date = _ref.Date,
-      setEndDate = _ref.setEndDate;
-  var createDate = Date.createDate,
-      endDate = Date.endDate;
+  var setParma = _ref.setParma,
+      parmas = _ref.parmas;
+  var _parmas$date = parmas.date,
+      createDate = _parmas$date.createDate,
+      endDate = _parmas$date.endDate;
 
   var onStartDateConfirmHandler = function onStartDateConfirmHandler(data) {
-    var startDate = data.startDate,
-        endDate = data.endDate;
-    setCreateDate(startDate);
-    setEndDate(endDate);
+    var date = {
+      createDate: data.startDate,
+      endDate: data.endDate
+    };
+    setParma("date", date);
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {

package/lib/pages/like-ranking/index.css

@@ -1,3 +1,8 @@
+.like-ranking-page {
+  height: 100%;
+  background: #f0f4fa;
+}
+
 .like-ranking-page__tab-bar {
   display: flex;
 }
@@ -76,7 +81,7 @@
 }
 
 .like-ranking-page__content {
-  margin-top: 12px;
+  margin: 12px 20px 10px;
   background: #FFFFFF;
   box-shadow: 0px 0px 8px 0px #F7F9FB;
   border-radius: 6px;
@@ -95,6 +100,7 @@
 .like-ranking-table__td-name {
   display: flex;
   align-items: center;
+  cursor: pointer;
 }
 
 .like-ranking-table__td-name-avatar {
@@ -103,6 +109,10 @@
   margin-right: 8px;
 }
 
+.like-ranking-table__td-name-text:hover {
+  color: #2879ff;
+}
+
 .like-ranking-table__td-num {
   font-size: 16px;
   font-weight: 600;
@@ -124,6 +134,8 @@
 }
 
 .like-ranking-table-ranking {
+  display: inline-block;
   font-size: 18px;
-  margin-left: 11px;
+  width: 28px;
+  text-align: center;
 }

package/lib/pages/like-ranking/index.js

@@ -29,6 +29,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -43,90 +47,55 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'like-ranking-page'; // export interface ContextInterface {
-//   toUserIds?:Array<any>;
-//   setToUserIds?:Function;
-//   pageNum?:number;
-//   setPageNum?:Function;
-//   setPageSize?:Function;
-//   pageSize?:number;
-//   createDate?:any;
-//   setCreateDate?:any;
-//   objectType?:any;
-//   setObjectType?:Function;
-// }
-// export const OkrListContext = React.createContext<ContextInterface>({
-//   pageSize:5,
-//   toUserIds:[],
-//   setToUserIds:()=>{},
-//   pageNum:1,
-//   setPageNum:()=>{},
-//   setPageSize:()=>{},
-//   createDate:'',
-//   setCreateDate:()=>{},
-//   objectType:'',
-//   setObjectType:()=>{}
-// });
+var preCls = "like-ranking-page";
 
 var LikeRanking = function LikeRanking() {
-  var _useState = (0, _react.useState)(10),
+  var _useState = (0, _react.useState)({
+    date: {
+      createDate: "",
+      endDate: ""
+    },
+    departmets: {
+      depIds: "",
+      groupIds: ""
+    }
+  }),
       _useState2 = _slicedToArray(_useState, 2),
-      pageSize = _useState2[0],
-      setPageSize = _useState2[1];
+      parmas = _useState2[0],
+      setParmas = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(1),
+  var _useState3 = (0, _react.useState)(10),
       _useState4 = _slicedToArray(_useState3, 2),
-      pageNum = _useState4[0],
-      setPageNum = _useState4[1];
+      pageSize = _useState4[0],
+      setPageSize = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(0),
+  var _useState5 = (0, _react.useState)(1),
       _useState6 = _slicedToArray(_useState5, 2),
-      total = _useState6[0],
-      setTotal = _useState6[1];
+      pageNum = _useState6[0],
+      setPageNum = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(''),
+  var _useState7 = (0, _react.useState)(0),
       _useState8 = _slicedToArray(_useState7, 2),
-      createDate = _useState8[0],
-      setCreateDate = _useState8[1];
+      total = _useState8[0],
+      setTotal = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(''),
+  var _useState9 = (0, _react.useState)([]),
       _useState10 = _slicedToArray(_useState9, 2),
-      endDate = _useState10[0],
-      setEndDate = _useState10[1];
+      pariseInfos = _useState10[0],
+      setPariseInfos = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(''),
+  var _useState11 = (0, _react.useState)("全部"),
       _useState12 = _slicedToArray(_useState11, 2),
-      toUserIds = _useState12[0],
-      setToUserIds = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(''),
-      _useState14 = _slicedToArray(_useState13, 2),
-      toDepIds = _useState14[0],
-      setToDepIds = _useState14[1];
-
-  var _useState15 = (0, _react.useState)([]),
-      _useState16 = _slicedToArray(_useState15, 2),
-      pariseInfos = _useState16[0],
-      setPariseInfos = _useState16[1];
-
-  var _useState17 = (0, _react.useState)('全部'),
-      _useState18 = _slicedToArray(_useState17, 2),
-      type = _useState18[0],
-      setType = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(''),
-      _useState20 = _slicedToArray(_useState19, 2),
-      objectType = _useState20[0],
-      setObjectType = _useState20[1];
+      type = _useState12[0],
+      setType = _useState12[1];
 
   (0, _react.useEffect)(function () {
     (0, _requestApi.getRanking)({
-      ToUserIds: toUserIds,
-      ToDepIds: toDepIds,
-      ToGroupIds: '',
-      CreateDate: createDate,
-      EndDate: endDate,
-      ObjectType: Number(objectType),
+      ToDepIds: parmas["departmets"]['depIds'] || "",
+      ToGroupIds: parmas["departmets"]['groupIds'] || "",
+      CreateDate: parmas["date"] ? parmas["date"]["createDate"] || "" : "",
+      EndDate: parmas["date"] ? parmas["date"]["endDate"] || "" : "",
+      ObjectType: parmas["ObjectType"] || "",
       ObjectTypeAction: 0,
       PageNum: pageNum,
       PageSize: pageSize
@@ -139,27 +108,40 @@ var LikeRanking = function LikeRanking() {
         setPariseInfos(userPariseinfos);
       }
     });
-  }, [pageNum, pageSize, toUserIds, toDepIds, createDate, endDate, objectType]);
+  }, [parmas]);
+
+  var setParma = function setParma(key, value) {
+    var obj = _objectSpread({}, parmas);
+
+    obj[key] = value;
+    setParmas(obj);
+  };
 
   var handlerChangeDate = function handlerChangeDate(item) {
     setType(item);
-    var createDate = '';
-    var endDate = '';
+    var createDate = "";
+    var endDate = "";
 
-    if (item == '本月') {
+    if (item == "本月") {
       createDate = (0, _formatTime.showMonthFirstDay)();
       endDate = (0, _formatTime.showNextMonthFirstDay)();
-    } else if (item == '本周') {
+    } else if (item == "本周") {
       createDate = (0, _formatTime.showWeekFirstDay)();
       endDate = (0, _formatTime.showNextWeekFirstDay)();
+    } else if (item == "本年") {
+      createDate = (0, _formatTime.getFirstDayOfYear)();
+      endDate = (0, _formatTime.getNextDayOfYear)();
     }
 
-    setCreateDate(createDate);
-    setEndDate(endDate);
+    var date = {
+      createDate: createDate,
+      endDate: endDate
+    };
+    setParma("date", date);
   };
 
   var TabBar = function TabBar() {
-    var typeData = ['全部', '本周', '本月'];
+    var typeData = ["全部", "本周", "本月", "本年"];
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__tab-bar")
     }, typeData.map(function (item, key) {
@@ -173,7 +155,9 @@ var LikeRanking = function LikeRanking() {
     }));
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__header")
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__header-back")
@@ -188,18 +172,9 @@ var LikeRanking = function LikeRanking() {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__btns-left")
   }, /*#__PURE__*/_react["default"].createElement(_filterButtons["default"], {
-    setToUserIds: setToUserIds,
-    setToDepIds: setToDepIds,
-    setCreateDate: setCreateDate,
-    setEndDate: setEndDate,
-    Date: {
-      createDate: createDate,
-      endDate: endDate
-    },
-    setObjectType: setObjectType
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__btns-right")
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+    setParma: setParma,
+    parmas: parmas
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__content")
   }, TabBar(), /*#__PURE__*/_react["default"].createElement(_table["default"], {
     columns: (0, _column.columns)(),