@titaui/pc 1.10.8 → 1.10.9

package/lib/components/dynamic/dynamic-item/dynamic-project/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-project-item__content-img {
+  display: inline-block;
+  width: 36px;
+  border-radius: 6px;
 }
 
 .titaui-dynamic-project-item__content-info {
   flex: 1;
   display: flex;
   flex-direction: column;
+  margin-left: 16px;
   overflow: hidden;
 }
 
-.titaui-dynamic-project-item__content-status-icon {
-  font-size: 14px;
-}
-
 .titaui-dynamic-project-item__content-status-and-time-range {
   display: flex;
   align-items: center;
@@ -56,33 +59,10 @@
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;
-  display: flex;
-  margin-bottom: 4px;
-  align-items: center;
-}
-
-.titaui-dynamic-project-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-project-item__content-title-text {
-  flex: 1;
-  cursor: pointer;
-  overflow: hidden;
 }
 
 .titaui-dynamic-project-item__content-title-text:hover {
+  cursor: pointer;
   color: #2879ff;
 }
 
@@ -93,10 +73,23 @@
 }
 
 .titaui-dynamic-project-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-project-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-project/index.js

@@ -23,6 +23,10 @@ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handl
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
+var _dynamicProject = _interopRequireDefault(require("./img/dynamic-project.png"));
+
+var _util = require("../../util");
+
 var _getLocale = require("../../../../utils/getLocale");
 
 require("./index.css");
@@ -56,6 +60,10 @@ var DynamicProject = function DynamicProject(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTitle = function handleClickTitle() {
     window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(data.obj.objId)));
   };
@@ -70,9 +78,14 @@ var DynamicProject = function DynamicProject(_ref) {
     }));
   }, [workName, 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")
-    }, (0, _getLocale.getLocale)("Mod_InChargeof"), (0, _getLocale.getLocale)("Feed_Set_Project"));
+    }, (0, _getLocale.getLocale)("Mod_InChargeof"), (0, _getLocale.getLocale)("Feed_Set_Project")), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -83,26 +96,26 @@ var DynamicProject = function DynamicProject(_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: _dynamicProject["default"],
+    alt: ""
+  }), /*#__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)("Feed_Set_Project")), /*#__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")
   }, (0, _constant.getEStatusClass2StatusTypeText)()[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, "-", deadline)))));

package/lib/components/dynamic/dynamic-item/dynamic-relative/img/dynamic-relative.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>关联-icon</title>
+    <defs>
+        <linearGradient x1="50%" y1="50%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="目标" transform="translate(-270.000000, -2013.000000)">
+            <g id="新建目标-负责目标" transform="translate(202.000000, 1901.000000)">
+                <g id="编组-19" transform="translate(68.000000, 78.000000)">
+                    <g id="pull-up" transform="translate(0.000000, 34.000000)">
+                        <rect id="Rectangle-5" x="0" y="0" width="18" height="18"></rect>
+                        <path d="M6.05737522,9.80294126 C6.34805303,9.80193178 6.58393921,10.0378179 6.58397526,10.3295413 L6.58397526,10.3295413 L6.58430875,14.0309019 C6.58333532,14.5429815 6.78303323,15.0240195 7.14513215,15.3861184 C7.50723108,15.7482174 7.98932361,15.9448057 8.50139427,15.9458963 C9.01344689,15.9469869 9.49446685,15.7473611 9.85649367,15.3853343 C10.2185205,15.0233075 10.4171098,14.541251 10.4170557,14.0302169 L10.4170557,14.0302169 L10.4156676,10.3298748 C10.4166591,10.039197 10.6514727,9.80438339 10.9421685,9.8033739 C11.2328464,9.80238244 11.4687235,10.0382596 11.4687686,10.3299739 L11.4687686,10.3299739 L11.4691021,14.0313345 C11.4702197,14.8496128 11.1371886,15.5923329 10.5993129,16.1302086 C10.0624738,16.6670477 9.31973568,17.0000788 8.50043886,16.9999977 C7.7070011,17.0009711 6.96111733,16.6915998 6.40037504,16.1308575 C5.83965078,15.5701333 5.53025242,14.8242225 5.5301713,14.0297662 L5.5301713,14.0297662 L5.53087433,10.3294422 C5.52980175,10.0387553 5.76564286,9.80291422 6.05737522,9.80294126 Z M8.52047535,7.44504397 C8.81215364,7.44406152 9.04887804,7.68078593 9.04892311,7.97349172 L9.04892311,7.97349172 L9.04935574,10.0910323 C9.04836428,10.2373897 8.99129229,10.3671266 8.89477824,10.4636407 C8.79826419,10.5601547 8.66644519,10.6192727 8.52113332,10.6192547 C8.22944602,10.6202281 7.99273964,10.3835217 7.99267655,10.0907979 L7.99267655,10.0907979 L7.99225293,7.97326639 C7.99113528,7.68159712 8.22775153,7.44498088 8.52047535,7.44504397 Z M8.49961865,1.00000031 C10.137302,0.999252214 11.4700124,2.33196266 11.4703008,3.96860944 L11.4703008,3.96860944 L11.4709318,7.67019534 C11.4699313,7.81605702 11.412012,7.94640686 11.3158135,8.04260544 C11.2196329,8.138786 11.0882555,8.19773276 10.9434214,8.19770572 C10.6527165,8.19870619 10.4167943,7.96278397 10.4167492,7.67103357 L10.4167492,7.67103357 L10.4160913,3.96945669 C10.4170377,3.45736801 10.2172947,2.97626693 9.85514168,2.61411393 C9.49298867,2.25196092 9.01086009,2.05326348 8.49979892,2.05316434 C7.44249781,2.05299308 6.58295676,2.91253413 6.58313702,3.96982623 L6.58313702,3.96982623 L6.58378598,7.6713941 C6.58486757,7.96210797 6.34903548,8.19794006 6.05730312,8.19787697 C5.76659826,8.19887744 5.53067604,7.96295522 5.53063097,7.67120483 L5.53063097,7.67120483 L5.53000004,3.96965498 C5.52972063,2.33096219 6.86093488,0.999747943 8.49962767,1.00002735 Z" id="形状结合" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -6,7 +6,7 @@
 }
 
 .titaui-dynamic-relative-item__content {
-  margin-left: 88px;
+  margin-left: 69px;
   position: relative;
 }
 
@@ -21,41 +21,10 @@
   width: 100%;
 }
 
-.titaui-dynamic-relative-item__obj-base-info-left {
-  width: 40px;
-  height: 40px;
-  min-width: 40px;
-  border-radius: 50%;
+.titaui-dynamic-relative-item__obj-base-info-icon {
+  color: #89919F;
+  font-size: 18px;
   margin-right: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.titaui-dynamic-relative-item__obj-base-info-left--o {
-  background: rgba(40, 121, 255, 0.16);
-}
-
-.titaui-dynamic-relative-item__obj-base-info-left--kr {
-  background: rgba(90, 216, 166, 0.16);
-}
-
-.titaui-dynamic-relative-item__obj-base-info-left--task {
-  background: rgba(40, 121, 255, 0.16);
-}
-
-.titaui-dynamic-relative-item__obj-base-info-left--project {
-  background: rgba(98, 77, 255, 0.16);
-}
-
-.titaui-dynamic-relative-item__obj-base-info-left-img {
-  width: 20px;
-  height: 20px;
-}
-
-.titaui-dynamic-relative-item__obj-base-info-right {
-  flex: 1;
-  overflow: hidden;
 }
 
 .titaui-dynamic-relative-item__obj-title {
@@ -64,7 +33,7 @@
   word-break: keep-all;
   font-size: 14px;
   font-weight: 600;
-  color: #3f4755;
+  color: #3F4755;
   line-height: 22px;
 }
 
@@ -75,8 +44,9 @@
 
 .titaui-dynamic-relative-item__obj-principal-user {
   font-size: 12px;
-  color: #89919f;
+  color: #89919F;
   line-height: 18px;
+  margin-left: 26px;
 }
 
 .titaui-dynamic-relative-item__obj-principal-user::after {
@@ -87,15 +57,13 @@
 
 .titaui-dynamic-relative-item__obj-cycle {
   font-size: 12px;
-  color: #89919f;
+  color: #89919F;
   line-height: 18px;
 }
 
-.titaui-dynamic-relative-item__rela-img {
+.titaui-dynamic-relative-item__align-img {
   position: absolute;
-  top: 51px;
-  width: 18px;
-  left: 10px;
+  top: 38px;
 }
 
 .titaui-dynamic-relative-item__space {
@@ -103,10 +71,23 @@
 }
 
 .titaui-dynamic-relative-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-relative-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-relative/index.js

@@ -19,24 +19,18 @@ var _openData = require("../../../../utils/open-data");
 
 var _constant = require("../../constant");
 
-var _dynamicRela = _interopRequireDefault(require("./img/dynamic-rela.svg"));
+var _dynamicRelative = _interopRequireDefault(require("./img/dynamic-relative.svg"));
 
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
+var _util = require("../../util");
+
 var _context = require("../../context");
 
 var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
-var _dynamicRelaO = _interopRequireDefault(require("./img/dynamic-rela-o.png"));
-
-var _dynamicRelaKr = _interopRequireDefault(require("./img/dynamic-rela-kr.png"));
-
-var _dynamicRelaProject = _interopRequireDefault(require("./img/dynamic-rela-project.png"));
-
-var _dynamicRelaTask = _interopRequireDefault(require("./img/dynamic-rela-task.png"));
-
 require("./index.css");
 
 var _excluded = ["data"];
@@ -47,8 +41,6 @@ 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 _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 _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; }
@@ -58,8 +50,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var prefix = "titaui-dynamic-relative-item";
 
 var DynamicRelative = function DynamicRelative(_ref) {
-  var _classNames, _classNames2;
-
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -78,6 +68,10 @@ var DynamicRelative = function DynamicRelative(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTitle = function handleClickTitle(id, type) {
     if (type === _constant.EObjType.Kr) {
       _drawerManager["default"].open("krDetail", {
@@ -92,7 +86,7 @@ var DynamicRelative = function DynamicRelative(_ref) {
     }
 
     if (type === _constant.EObjType.Project) {
-      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(id)));
+      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(id)));
     }
 
     if (type === _constant.EObjType.Task) {
@@ -111,9 +105,14 @@ var DynamicRelative = function DynamicRelative(_ref) {
       text = "".concat((0, _getLocale.getLocale)("Mod_Connected")).concat((0, _getLocale.getLocale)("Mod_Objective"));
     }
 
-    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")
-    }, text);
+    }, text), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -128,15 +127,12 @@ var DynamicRelative = function DynamicRelative(_ref) {
     className: "".concat(prefix, "__obj")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--o"), relateObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), relateObjType === _constant.EObjType.Kr), _classNames))
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "",
-    className: "".concat(prefix, "__obj-base-info-left-img"),
-    src: relateObjType === _constant.EObjType.O ? _dynamicRelaO["default"] : _dynamicRelaKr["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__obj-base-info-right")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-icon"), {
+      "tu-icon-okr": relateObjType === _constant.EObjType.O,
+      "tu-icon-KR": relateObjType === _constant.EObjType.Kr
+    })
+  }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-title"),
     onClick: function onClick() {
       handleClickTitle(relateObjId, relateObjType);
@@ -147,32 +143,28 @@ var DynamicRelative = function DynamicRelative(_ref) {
       str: relateObjName,
       keyWord: searchKeyWord
     })
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-principal-user")
   }, rObjprincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     id: rObjprincipalUser.userId,
     name: rObjprincipalUser.name
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-cycle")
-  }, rObjCycleName))))), /*#__PURE__*/_react["default"].createElement("img", {
-    className: "".concat(prefix, "__rela-img"),
-    src: _dynamicRela["default"],
-    alt: ""
+  }, rObjCycleName))), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__relative-img"),
+    src: _dynamicRelative["default"]
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__space")
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "__obj-base-info-left--task"), objType === _constant.EObjType.Task), _defineProperty(_classNames2, "".concat(prefix, "__obj-base-info-left--project"), objType === _constant.EObjType.Project), _classNames2))
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "",
-    className: "".concat(prefix, "__obj-base-info-left-img"),
-    src: objType === _constant.EObjType.Task ? _dynamicRelaTask["default"] : _dynamicRelaProject["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__obj-base-info-right")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-icon"), {
+      "tu-icon-renwu-s": objType === _constant.EObjType.Task,
+      "tu-icon-project-s": objType === _constant.EObjType.Project
+    })
+  }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-title"),
     onClick: function onClick() {
       handleClickTitle(objId, objType);
@@ -180,14 +172,14 @@ var DynamicRelative = function DynamicRelative(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
     text: objName
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-principal-user")
   }, objPrincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     id: objPrincipalUser.userId,
     name: objPrincipalUser.name
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-cycle")
-  }, objCycleName)))))));
+  }, objCycleName)))));
 };
 
 var _default = DynamicRelative;

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

@@ -3,16 +3,11 @@
 }
 
 .titaui-dynamic-reply-item__content {
-  margin-left: 88px;
-}
-
-.titaui-dynamic-reply-item__content-title {
-  display: flex;
-  overflow: hidden;
+  margin-left: 69px;
 }
 
 .titaui-dynamic-reply-item__detail {
-  margin-top: 14px;
+  margin-top: 16px;
 }
 
 .titaui-dynamic-reply-item__detail-gain {
@@ -23,10 +18,6 @@
   margin-bottom: 16px;
 }
 
-.titaui-dynamic-reply-item__detail-drawback:last-of-type {
-  margin-bottom: 0;
-}
-
 .titaui-dynamic-reply-item__detail-tasks-item {
   display: flex;
   align-items: center;
@@ -66,7 +57,7 @@
   display: inline-block;
   width: 4px;
   height: 12px;
-  background: #2879ff;
+  background: linear-gradient(180deg, #2879ff 0%, #9fbfff 100%);
   border-radius: 2px;
   margin-right: 4px;
 }
@@ -103,10 +94,6 @@
   white-space: pre-wrap;
 }
 
-.titaui-dynamic-reply-item__detail-block-content:last-of-type {
-  margin-bottom: 0;
-}
-
 .titaui-dynamic-reply-item__detail-block-content--sub {
   margin-left: 20px;
 }
@@ -125,11 +112,11 @@
 }
 
 .titaui-dynamic-reply-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-replay/index.js

@@ -23,6 +23,8 @@ var _constant = require("../../constant");
 
 var _title = _interopRequireDefault(require("../../components/title"));
 
+var _util = require("../../util");
+
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _getLocale = require("../../../../utils/getLocale");
@@ -55,8 +57,13 @@ var DynamicReply = function DynamicReply(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var replayObjType = data.replayObjType,
+      feedType = data.feedType,
       publishUser = data.publishUser;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleShowTaskDrawer = function handleShowTaskDrawer(taskId) {
     window.Talent.app.vent.trigger("global-pull-screen", taskId, "task");
   };
@@ -100,9 +107,14 @@ var DynamicReply = function DynamicReply(_ref) {
       })), "\u4E0B\u5173\u952E\u6210\u679C\u7684\u590D\u76D8");
     }
 
-    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")
-    }, dom);
+    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -113,16 +125,10 @@ var DynamicReply = function DynamicReply(_ref) {
     user: publishUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-title")
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
-    content: data.replayObjName,
-    onClickTitle: handleClickTitle,
-    type: "".concat(data.replayObjType === 65 ? "KR" : (0, _getLocale.getLocale)("Mod_Objective")),
-    typeBgColor: "".concat(data.replayObjType === 65 ? "rgba(90, 216, 166, 0.5)" : "rgba(40, 121, 255, 0.5)"),
-    titleBgColor: "".concat(data.replayObjType === 65 ? "rgba(90, 216, 166, 0.1)" : "rgba(40, 121, 255, 0.1)"),
-    contentColor: "".concat(data.replayObjType === 65 ? "#5AD8A6" : "#2879FF")
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+    content: "".concat(data.replayObjType === 65 ? "KR：" : "O：").concat(data.replayObjName),
+    onClickTitle: handleClickTitle
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__detail")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__detail-gain")