@titaui/pc 1.10.8 → 1.10.9

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

@@ -4,50 +4,12 @@
 
 .titaui-dynamic-create-o-item__content {
   display: flex;
-  margin-left: 88px;
-  background: rgba(40, 121, 255, 0.06);
-  border-radius: 18px;
-  padding: 16px;
+  flex-direction: column;
+  margin-left: 69px;
 }
 
-.titaui-dynamic-create-o-item__content-progress-text {
-  position: absolute;
-  transform: translate(-50%, -50%);
-  left: 50%;
-  top: 50%;
-}
-
-.titaui-dynamic-create-o-item__content-right {
-  flex: 1;
-  overflow: hidden;
-  margin-left: 12px;
-}
-
-.titaui-dynamic-create-o-item__content-right-title {
-  display: flex;
-  overflow: hidden;
-  box-sizing: border-box;
-  word-break: keep-all;
-  white-space: nowrap;
-  font-size: 14px;
-  line-height: 22px;
-  color: #3f4755;
-  font-weight: 600;
-  z-index: 2;
-}
-
-.titaui-dynamic-create-o-item__content-right-title-text {
-  flex: 1;
-  overflow: hidden;
-  cursor: pointer;
-}
-
-.titaui-dynamic-create-o-item__content-right-title-text:hover {
-  color: #2879ff !important;
-}
-
-.titaui-dynamic-create-o-item__content-right-infos-wrapper {
-  margin-top: 6px;
+.titaui-dynamic-create-o-item__infos-wrapper {
+  margin-top: 12px;
 }
 
 .titaui-dynamic-create-o-item__okr {
@@ -58,12 +20,12 @@
   line-height: 18px;
 }
 
-.titaui-dynamic-create-o-item__okr-type {
+.titaui-dynamic-create-o-item__okr-type-icon, .titaui-dynamic-create-o-item__okr-cycle-icon {
   margin-right: 4px;
 }
 
-.titaui-dynamic-create-o-item__okr-cycle {
-  margin-left: 4px;
+.titaui-dynamic-create-o-item__okr-cycle-icon {
+  margin-left: 20px;
 }
 
 .titaui-dynamic-create-o-item__okr-krs {
@@ -78,7 +40,7 @@
 
 .titaui-dynamic-create-o-item__kr-order {
   font-size: 12px;
-  color: #89919f;
+  color: #2879ff;
   line-height: 18px;
   margin-right: 4px;
   margin-top: 1px;
@@ -96,11 +58,38 @@
   cursor: pointer;
 }
 
+.titaui-dynamic-create-o-item__classify {
+  display: flex;
+  width: 18px;
+  margin-left: 8px;
+}
+
+.titaui-dynamic-create-o-item__classify--desire {
+  background: url("../../img/dynamic-desire.svg") no-repeat;
+}
+
+.titaui-dynamic-create-o-item__classify--promise {
+  background: url("../../img/dynamic-promise.svg") no-repeat;
+}
+
 .titaui-dynamic-create-o-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
+
+.titaui-dynamic-create-o-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  height: 18px;
+  min-width: 40px;
+  border-radius: 10px 10px 10px 2px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -15,7 +15,7 @@ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handl
 
 var _header = _interopRequireDefault(require("../components/header"));
 
-var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+var _title = _interopRequireDefault(require("../../components/title"));
 
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
@@ -23,12 +23,10 @@ var _openData = require("../../../../utils/open-data");
 
 var _context = require("../../context");
 
-var _getLocale = require("../../../../utils/getLocale");
-
-var _progress = _interopRequireDefault(require("../../../progress"));
-
 var _util = require("../../util");
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -41,6 +39,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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 _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 _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; }
@@ -58,16 +58,16 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
       cycleName = data.cycleName,
       okrTypeName = data.okrTypeName,
       okrTypeId = data.okrTypeId,
-      principalUser = data.principalUser,
-      _data$riskLevel = data.riskLevel,
-      riskLevel = _data$riskLevel === void 0 ? 3 : _data$riskLevel,
-      okrStatus = data.okrStatus,
-      _data$okrProgress = data.okrProgress,
-      okrProgress = _data$okrProgress === void 0 ? 0 : _data$okrProgress;
+      classify = data.classify,
+      principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickOTitle = function handleClickOTitle() {
     _drawerManager["default"].open("okrDetail", {
       okrId: okrId
@@ -88,7 +88,8 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     // 个人
     2: {
       icon: "tu-icon-liebiao-xiashu",
-      text: okrTypeId === -1 ? "默认部门" : /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+      text: // @ts-ignore
+      "departmentId" == -1 ? "默认部门" : /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
         id: okrTypeId,
         name: okrTypeName
       })
@@ -114,10 +115,26 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     };
   }
 
-  var renderDesc = (0, _react.useMemo)(function () {
+  var Classify = (0, _react.useMemo)(function () {
+    var _classNames;
+
+    if (+classify == 0) {
+      return;
+    }
+
     return /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(prefix, "__classify"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__classify--desire"), classify == 2), _defineProperty(_classNames, "".concat(prefix, "__classify--promise"), classify == 1), _classNames))
+    });
+  }, [classify]);
+  var renderDesc = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Mod_InChargeof"), (0, _getLocale.getLocale)("Mod_Objective"));
+    }, (0, _getLocale.getLocale)("Mod_InChargeof"), (0, _getLocale.getLocale)("Mod_Objective")), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -128,41 +145,19 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-left")
-  }, /*#__PURE__*/_react["default"].createElement(_progress["default"].Circle, {
-    linear: true,
-    linearId: data.feedId,
-    linearStartColor: (0, _util.getProcessColor)(okrStatus, riskLevel, "linearStartColor"),
-    linearEndColor: (0, _util.getProcessColor)(okrStatus, riskLevel, "linearEndColor"),
-    backgroundColor: (0, _util.getProcessColor)(okrStatus, riskLevel, "backgroundColor"),
-    percent: Number.parseInt(okrProgress || 0, 10),
-    showTextContent: true,
-    size: 48,
-    width: 5,
-    textClass: "".concat(prefix, "__content-progress-text")
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-right")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-right-title")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-right-title-text"),
-    onClick: handleClickOTitle
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
-    text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-      str: okrName,
-      keyWord: searchKeyWord
-    }),
-    isPercent: true
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-right-infos-wrapper")
+  }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
+    content: "O\uFF1A".concat(okrName),
+    onClickTitle: handleClickOTitle,
+    suffixContent: Classify
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__infos-wrapper")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__okr")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__okr-type")
-  }, okrTypeInfo.text), /*#__PURE__*/_react["default"].createElement("span", null, "\xB7"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__okr-cycle")
-  }, cycleName)), krs && krs.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])(okrTypeInfo.icon, "".concat(prefix, "__okr-type-icon"))
+  }), okrTypeInfo.text, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__okr-cycle-icon"))
+  }), cycleName), krs && krs.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__okr-krs")
   }, krs.map(function (kr, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -171,7 +166,7 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__kr-order")
     }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(prefix, "__kr-name")),
+      className: "".concat(prefix, "__kr-name"),
       onClick: function onClick() {
         handleClickKrTitle(kr.krId);
       }
@@ -179,7 +174,7 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
       str: kr.krName,
       keyWord: searchKeyWord
     })));
-  }))))));
+  })))));
 };
 
 var _default = DynamicCreateO;

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

@@ -3,57 +3,32 @@
 }
 
 .titaui-dynamic-kr-item__content {
-  margin-left: 88px;
-  background: rgba(90, 216, 166, 0.1);
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  padding: 8px 12px;
-  box-sizing: border-box;
+  margin-left: 69px;
 }
 
-.titaui-dynamic-kr-item__content-title {
+.titaui-dynamic-kr-item__content-time-range {
   display: flex;
   align-items: center;
-  flex: 1;
-  word-break: keep-all;
-  white-space: nowrap;
-  overflow: hidden;
-  font-size: 16px;
-  font-weight: 600;
-  color: #3f4755;
-  line-height: 24px;
+  font-size: 12px;
+  color: #89919f;
+  line-height: 18px;
+  margin-top: 8px;
 }
 
-.titaui-dynamic-kr-item__content-title-type {
-  border-radius: 18px;
-  background: rgba(90, 216, 166, 0.5);
-  color: #ffffff;
-  margin-right: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  font-weight: 400;
-  height: 20px;
+.titaui-dynamic-kr-item__content-time-range-icon {
+  margin-right: 4px;
 }
 
-.titaui-dynamic-kr-item__content-title-text {
-  flex: 1;
-  cursor: pointer;
+.titaui-dynamic-kr-item__title {
+  display: flex;
+  align-items: center;
   overflow: hidden;
 }
 
-.titaui-dynamic-kr-item__content-title-text:hover {
-  color: #2879ff;
-}
-
 .titaui-dynamic-kr-item__object-name {
-  font-size: 16px;
+  font-size: 14px;
   color: #2879ff;
-  line-height: 24px;
+  line-height: 22px;
   margin: 0 4px;
   overflow: hidden;
 }
@@ -64,14 +39,27 @@
 }
 
 .titaui-dynamic-kr-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
 
 .titaui-dynamic-kr-item__operate-desc-wrapper {
   display: flex;
 }
+
+.titaui-dynamic-kr-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  height: 18px;
+  min-width: 40px;
+  border-radius: 10px 10px 10px 2px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -9,22 +9,24 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
 var _header = _interopRequireDefault(require("../components/header"));
 
+var _title = _interopRequireDefault(require("../../components/title"));
+
+var _util = require("../../util");
+
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
 var _constant = require("../../constant");
 
-var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
-
 require("./index.css");
 
-var _context = require("../../context");
-
 var _excluded = ["data"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -45,13 +47,16 @@ var DynamicKr = function DynamicKr(_ref) {
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
-      searchKeyWord = _useContext.searchKeyWord;
-
-  var name = data.name,
+  var endDate = data.endDate,
+      startDate = data.startDate,
+      name = data.name,
       krId = data.krId,
       principalUser = data.principalUser;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickKrTitle = function handleClickKrTitle() {
     _drawerManager["default"].open("krDetail", {
       krId: krId
@@ -65,7 +70,7 @@ var DynamicKr = function DynamicKr(_ref) {
   };
 
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc-wrapper")
@@ -75,7 +80,12 @@ var DynamicKr = function DynamicKr(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
       text: data.obj.objName,
       isPercent: true
-    })), (0, _getLocale.getLocale)("Mod_skeyresults")));
+    })), (0, _getLocale.getLocale)("Mod_skeyresults"))), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -87,19 +97,15 @@ var DynamicKr = function DynamicKr(_ref) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-title")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-type")
-  }, "KR"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-text"),
-    onClick: handleClickKrTitle
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
-    text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-      str: name,
-      keyWord: searchKeyWord
-    }),
-    isPercent: true
-  })))));
+    className: "".concat(prefix, "__title")
+  }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
+    content: "KR\uFF1A".concat(name),
+    onClickTitle: handleClickKrTitle
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content-time-range")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-time-range-icon"))
+  }), /*#__PURE__*/_react["default"].createElement("span", null, startDate, "-", endDate))));
 };
 
 var _default = DynamicKr;

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

@@ -11,24 +11,27 @@
   height: 78px;
   display: flex;
   align-items: center;
-  border-radius: 12px;
-  background: rgba(98, 77, 255, 0.06);
-  padding: 8px 12px;
+  border-radius: 8px;
+  background: rgba(240, 244, 250, 0.5);
+  padding: 16px 12px 16px 16px;
   box-sizing: border-box;
-  margin-left: 88px;
+  margin-left: 69px;
+}
+
+.titaui-dynamic-milestone-item__content-img {
+  display: inline-block;
+  width: 36px;
+  border-radius: 6px;
 }
 
 .titaui-dynamic-milestone-item__content-info {
   flex: 1;
   display: flex;
   flex-direction: column;
+  margin-left: 16px;
   overflow: hidden;
 }
 
-.titaui-dynamic-milestone-item__content-status-icon {
-  font-size: 14px;
-}
-
 .titaui-dynamic-milestone-item__content-status-and-time-range {
   display: flex;
   align-items: center;
@@ -56,30 +59,10 @@
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;
-  display: flex;
-  margin-bottom: 4px;
-  align-items: center;
-}
-
-.titaui-dynamic-milestone-item__content-title-type {
-  border-radius: 18px;
-  background: rgba(98, 77, 255, 0.5);
-  color: #ffffff;
-  margin-right: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  font-weight: 400;
-  height: 20px;
 }
 
 .titaui-dynamic-milestone-item__content-title-text {
-  flex: 1;
   cursor: pointer;
-  overflow: hidden;
 }
 
 .titaui-dynamic-milestone-item__content-title-text:hover {
@@ -93,9 +76,9 @@
 }
 
 .titaui-dynamic-milestone-item__object-name {
-  font-size: 16px;
+  font-size: 14px;
   color: #2879ff;
-  line-height: 24px;
+  line-height: 22px;
   margin: 0 4px;
   overflow: hidden;
 }
@@ -106,11 +89,11 @@
 }
 
 .titaui-dynamic-milestone-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
 

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

@@ -23,6 +23,10 @@ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handl
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
+var _util = require("../../util");
+
+var _dynamicMilestone = _interopRequireDefault(require("./img/dynamic-milestone.png"));
+
 var _getLocale = require("../../../../utils/getLocale");
 
 require("./index.css");
@@ -51,12 +55,17 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
       name = data.name,
       startDate = data.startDate,
       endDate = data.endDate,
+      feedType = data.feedType,
       obj = data.obj,
       principalUser = data.principalUser;
 
   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.mileStoneId, "milestone", new window.Talent.Model(data), {
       option: true,
@@ -72,7 +81,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
         objId = obj.objId;
 
     if (objType === _constant2.EObjType.Project) {
-      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
+      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
     }
   };
 
@@ -86,7 +95,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
     }));
   }, [name, searchKeyWord]);
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc-wrapper")
@@ -96,7 +105,12 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
       text: obj.objName,
       isPercent: true
-    })), (0, _getLocale.getLocale)("Mod_smilestone")));
+    })), (0, _getLocale.getLocale)("Mod_smilestone"))), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -107,26 +121,25 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
     user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__content-img"),
+    src: _dynamicMilestone["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-info")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-title")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-type")
-  }, (0, _getLocale.getLocale)("Pro_page_Plan_Milestone")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-text")
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
     text: renderName,
     minusWidth: 30
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-status-and-time-range")
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status], "".concat(prefix, "__content-status-icon"))
+    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status])
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-status-text")
   }, _constant.MileStoneStatusClass2StatusTypeText[status]), /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-status-icon"))
+    className: (0, _classnames["default"])("tu-icon-deferred")
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-time-range")
   }, startDate, "-", endDate)))));