@titaui/pc 1.12.22-beta.4 → 1.12.22-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/lib/components/attachments-preview/index.js +6 -2
  2. package/lib/components/dynamic/components/comments-dialog/index.js +12 -6
  3. package/lib/components/dynamic/dynamic-item/components/header/index.js +1 -41
  4. package/lib/components/dynamic/dynamic-item/components/okr-progress/index.js +3 -14
  5. package/lib/components/dynamic/dynamic-item/components/summary-header/index.js +53 -7
  6. package/lib/components/dynamic/dynamic-item/components/summary-header/request-api.js +17 -0
  7. package/lib/components/dynamic/dynamic-item/components/task-progress/constant.js +15 -2
  8. package/lib/components/dynamic/dynamic-item/components/task-progress/index.css +40 -30
  9. package/lib/components/dynamic/dynamic-item/components/task-progress/index.js +72 -85
  10. package/lib/components/dynamic/dynamic-item/components/task-progress/interface.js +18 -1
  11. package/lib/components/dynamic/dynamic-item/components/task-progress/render-row.js +80 -0
  12. package/lib/components/dynamic/dynamic-item/components/task-progress/request-api.js +16 -0
  13. package/lib/components/dynamic/dynamic-item/components/task-progress/utils.js +92 -8
  14. package/lib/components/dynamic/dynamic-item/dynamic-new-report/components/evalute/index.js +44 -19
  15. package/lib/components/dynamic/dynamic-item/dynamic-new-report/index.js +40 -61
  16. package/lib/components/import-modal/import-task-modal/search-form.js +4 -1
  17. package/lib/components/import-modal/request-api.js +1 -1
  18. package/lib/components/import-modal/search/task-relation.js +9 -5
  19. package/lib/components/menus/components/search-colleague/index.js +3 -1
  20. package/lib/components/menus/export-modules/summary-menus/depart-menus/index.js +2 -3
  21. package/lib/utils/helpers.js +58 -3
  22. package/package.json +1 -1
@@ -49,7 +49,9 @@ var AttachmentsPreview = function AttachmentsPreview(props) {
49
49
  case 'delete':
50
50
  {
51
51
  onChange(attachments.filter(function (f) {
52
- return f.Id != attachments[index].Id;
52
+ var _attachments$index;
53
+
54
+ return f.Id !== attachments[index].Id || (f === null || f === void 0 ? void 0 : f.DocumentId) !== ((_attachments$index = attachments[index]) === null || _attachments$index === void 0 ? void 0 : _attachments$index.DocumentId);
53
55
  }));
54
56
  break;
55
57
  }
@@ -64,7 +66,9 @@ var AttachmentsPreview = function AttachmentsPreview(props) {
64
66
  });
65
67
  previewRef.current.show(i);
66
68
  } else {
67
- window.open(attachments[index].ClientUrl);
69
+ var _attachments$index2, _attachments$index3;
70
+
71
+ window.open(((_attachments$index2 = attachments[index]) === null || _attachments$index2 === void 0 ? void 0 : _attachments$index2.ClientUrl) || ((_attachments$index3 = attachments[index]) === null || _attachments$index3 === void 0 ? void 0 : _attachments$index3.PreviewUrl));
68
72
  }
69
73
 
70
74
  break;
@@ -115,7 +115,11 @@ var RemindDialog = function RemindDialog(props) {
115
115
  };
116
116
  (0, _api.setSummaryEvaluate)(params).then(function (res) {
117
117
  if (res.Code === 1) {
118
- closeDialog();
118
+ closeDialog({
119
+ remark: remark,
120
+ type: Number(evaluateType),
121
+ value: value
122
+ });
119
123
 
120
124
  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
121
125
  }
@@ -123,7 +127,7 @@ var RemindDialog = function RemindDialog(props) {
123
127
  };
124
128
 
125
129
  (0, _react.useEffect)(function () {
126
- if (!isUpdated) {
130
+ if (!isUpdated && visible) {
127
131
  var params = {
128
132
  objectId: feedId,
129
133
  objectType: "8",
@@ -145,21 +149,23 @@ var RemindDialog = function RemindDialog(props) {
145
149
  }
146
150
  });
147
151
  }
152
+ }, [visible]);
153
+ var onCloseHandler = (0, _react.useCallback)(function () {
154
+ closeDialog();
148
155
  }, []);
149
156
  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
150
- visible: visible // visible={true}
151
- ,
157
+ visible: visible,
152
158
  style: {
153
159
  width: 538
154
160
  },
155
- onCancel: closeDialog,
161
+ onCancel: onCloseHandler,
156
162
  onOk: handleSubmit,
157
163
  noFooterLine: true,
158
164
  noHeadLine: true,
159
165
  title: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, (0, _getLocale.getLocale)("Rep_NewS_Evaluation")), /*#__PURE__*/_react["default"].createElement("span", {
160
166
  className: "titleDesc"
161
167
  }, (0, _getLocale.getLocale)("Rep_NewS_ComhenRatin"))),
162
- onClose: closeDialog
168
+ onClose: onCloseHandler
163
169
  }, /*#__PURE__*/_react["default"].createElement("div", {
164
170
  className: "".concat(precls, "-content")
165
171
  }, /*#__PURE__*/_react["default"].createElement(_form["default"], null, /*#__PURE__*/_react["default"].createElement(_regulationSettingItem["default"], {
@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
14
  var _avatar = _interopRequireDefault(require("../../../../avatar"));
15
15
 
16
- var _dropSelector = _interopRequireWildcard(require("../../../../drop-selector"));
17
-
18
16
  var _requestApi = require("../../../request-api");
19
17
 
20
18
  var _dialogConfirm = _interopRequireWildcard(require("../../../../dialog-confirm"));
@@ -23,8 +21,6 @@ var _toast = _interopRequireDefault(require("../../../../toast"));
23
21
 
24
22
  var _openData = require("../../../../../utils/open-data");
25
23
 
26
- var _conditionRender = _interopRequireDefault(require("../../../../condition-render"));
27
-
28
24
  var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
29
25
 
30
26
  var _constant = require("../../../constant");
@@ -265,43 +261,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
265
261
  name: user.name,
266
262
  id: user.userId
267
263
  })
268
- })), desc, suffixContent), /*#__PURE__*/_react["default"].createElement("div", {
269
- className: "".concat(prefix, "__more-operate")
270
- }, /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
271
- popupPlacement: "bottomRight",
272
- checked: ["collect"],
273
- onChange: onChangeHandler,
274
- multi: false,
275
- visible: selectVisible,
276
- trigger: /*#__PURE__*/_react["default"].createElement("span", {
277
- className: (0, _classnames["default"])("".concat(prefix, "-right"), "tu-icon-more1"),
278
- onClick: handleShowDropSelector
279
- })
280
- }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
281
- name: "collect"
282
- }, /*#__PURE__*/_react["default"].createElement("div", {
283
- className: "".concat(prefix, "__more-operate-selection")
284
- }, /*#__PURE__*/_react["default"].createElement("i", {
285
- className: (0, _classnames["default"])("tu-icon-APP-shoucang", "".concat(prefix, "__more-operate-selection-icon"))
286
- }), nowIsCollect ? (0, _getLocale.getLocale)("Mod_CancCollection") : (0, _getLocale.getLocale)("Mod_Collection"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
287
- condition: showTopping
288
- }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
289
- name: "top",
290
- onClick: handleTopOperateClick
291
- }, /*#__PURE__*/_react["default"].createElement("div", {
292
- className: "".concat(prefix, "__more-operate-selection")
293
- }, /*#__PURE__*/_react["default"].createElement("i", {
294
- className: (0, _classnames["default"])("tu-icon-zhiding", "".concat(prefix, "__more-operate-selection-icon"))
295
- }), nowIsTop ? (0, _getLocale.getLocale)("OKR_MyO_Unpinned") : (0, _getLocale.getLocale)("Feed_Top")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
296
- condition: showDelete
297
- }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
298
- name: "delete",
299
- onClick: handleDeleteClick
300
- }, /*#__PURE__*/_react["default"].createElement("div", {
301
- className: "".concat(prefix, "__more-operate-selection")
302
- }, /*#__PURE__*/_react["default"].createElement("i", {
303
- className: (0, _classnames["default"])("tu-icon-del", "".concat(prefix, "__more-operate-selection-icon"))
304
- }), (0, _getLocale.getLocale)("Mod_Delete"))))))), /*#__PURE__*/_react["default"].createElement("div", {
264
+ })), desc, suffixContent)), /*#__PURE__*/_react["default"].createElement("div", {
305
265
  className: "".concat(prefix, "-desc-time")
306
266
  }, createDate))), renderDialogConfirm);
307
267
  };
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -31,8 +33,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
31
33
 
32
34
  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; }
33
35
 
34
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
35
-
36
36
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
37
37
 
38
38
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -59,17 +59,6 @@ var OkrProgress = function OkrProgress(_ref) {
59
59
  rowsData = _useState2[0],
60
60
  setRowsData = _useState2[1];
61
61
 
62
- var renderTitle = (0, _react.useMemo)(function () {
63
- if (type === 'day') {
64
- return (0, _getLocale.getLocale)('Rep_NewS_ToOKRpro');
65
- } else if (type === 'week') {
66
- return (0, _getLocale.getLocale)('Rep_NewS_ThisOKRprogr');
67
- } else if (type === 'month') {
68
- return (0, _getLocale.getLocale)('Rep_NewS_TmonOKRpro');
69
- }
70
-
71
- return '';
72
- }, [type]);
73
62
  var renderTable = (0, _react.useMemo)(function () {
74
63
  return /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
75
64
  className: "".concat(prefix, "__table-title")
@@ -134,7 +123,7 @@ var OkrProgress = function OkrProgress(_ref) {
134
123
  })));
135
124
  }, [rowsData]);
136
125
  (0, _react.useEffect)(function () {
137
- if (_typeof(data) !== 'object' && data !== '') {
126
+ if (typeof data === 'string' && data !== '') {
138
127
  setRowsData(JSON.parse(data));
139
128
  }
140
129
  }, [data]);
@@ -41,14 +41,24 @@ var _evalute = _interopRequireDefault(require("./img/evalute.png"));
41
41
 
42
42
  require("./index.css");
43
43
 
44
+ var _requestApi2 = require("./request-api");
45
+
44
46
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
45
47
 
46
48
  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); }
47
49
 
48
50
  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; }
49
51
 
52
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
53
+
54
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
55
+
50
56
  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; }
51
57
 
58
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
59
+
60
+ function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
61
+
52
62
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
53
63
 
54
64
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -69,18 +79,20 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
69
79
  _ref$showDelete = _ref.showDelete,
70
80
  showDelete = _ref$showDelete === void 0 ? false : _ref$showDelete,
71
81
  _ref$showEdit = _ref.showEdit,
72
- showEdit = _ref$showEdit === void 0 ? true : _ref$showEdit,
82
+ showEdit = _ref$showEdit === void 0 ? false : _ref$showEdit,
73
83
  _ref$showCollect = _ref.showCollect,
74
- showCollect = _ref$showCollect === void 0 ? false : _ref$showCollect,
84
+ showCollect = _ref$showCollect === void 0 ? true : _ref$showCollect,
75
85
  _ref$showOperateRecor = _ref.showOperateRecord,
76
- showOperateRecord = _ref$showOperateRecor === void 0 ? true : _ref$showOperateRecor,
86
+ showOperateRecord = _ref$showOperateRecor === void 0 ? false : _ref$showOperateRecor,
77
87
  data = _ref.data,
78
88
  _ref$desc = _ref.desc,
79
89
  desc = _ref$desc === void 0 ? "" : _ref$desc,
80
90
  user = _ref.user,
81
91
  _ref$suffixContent = _ref.suffixContent,
82
92
  suffixContent = _ref$suffixContent === void 0 ? "" : _ref$suffixContent,
83
- canEvaluate = _ref.canEvaluate;
93
+ canEvaluate = _ref.canEvaluate,
94
+ _ref$setEvaluates = _ref.setEvaluates,
95
+ setEvaluates = _ref$setEvaluates === void 0 ? function () {} : _ref$setEvaluates;
84
96
  var createDate = data.createDate,
85
97
  feedId = data.feedId,
86
98
  _data$isCollect = data.isCollect,
@@ -209,9 +221,43 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
209
221
  window.open("#/summary/template?isCreate=false&hideNavTop=true&reportType=".concat(reportType, "&currentTime=").concat(dailyDate), "_blank");
210
222
  };
211
223
 
212
- var handleCloseEvaluateDialog = function handleCloseEvaluateDialog() {
213
- setEvaluateVisible(false);
214
- };
224
+ var handleCloseEvaluateDialog = /*#__PURE__*/function () {
225
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(params) {
226
+ var _user;
227
+
228
+ return regeneratorRuntime.wrap(function _callee$(_context) {
229
+ while (1) {
230
+ switch (_context.prev = _context.next) {
231
+ case 0:
232
+ if (!params) {
233
+ _context.next = 5;
234
+ break;
235
+ }
236
+
237
+ _context.next = 3;
238
+ return (0, _requestApi2.getUserById)(loginUserId);
239
+
240
+ case 3:
241
+ _user = _context.sent;
242
+ setEvaluates([_objectSpread(_objectSpread({}, params), {}, {
243
+ user: _user
244
+ })]);
245
+
246
+ case 5:
247
+ setEvaluateVisible(false);
248
+
249
+ case 6:
250
+ case "end":
251
+ return _context.stop();
252
+ }
253
+ }
254
+ }, _callee);
255
+ }));
256
+
257
+ return function handleCloseEvaluateDialog(_x) {
258
+ return _ref2.apply(this, arguments);
259
+ };
260
+ }();
215
261
 
216
262
  var renderDialogConfirm = (0, _react.useMemo)(function () {
217
263
  return /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"], {
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getUserById = void 0;
7
+
8
+ var _request = require("../../../../../utils/request");
9
+
10
+ // @ts-ignore
11
+ var getUserById = function getUserById(userId) {
12
+ return (0, _request.rget)("v2")("user/GetById?touserid=".concat(userId)).then(function (res) {
13
+ return res.Data;
14
+ });
15
+ };
16
+
17
+ exports.getUserById = getUserById;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.EStatusStatus2ClassType = void 0;
6
+ exports.EStatusStatus2ClassType = exports.EObjType = void 0;
7
7
  var EStatusStatus2ClassType = {
8
8
  2: "tu-icon-finished",
9
9
  1: "tu-icon-running",
@@ -13,4 +13,17 @@ var EStatusStatus2ClassType = {
13
13
  0: "tu-icon-notstart",
14
14
  5: "tu-icon-jiantou-right"
15
15
  };
16
- exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
16
+ exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
17
+ var EObjType;
18
+ exports.EObjType = EObjType;
19
+
20
+ (function (EObjType) {
21
+ EObjType[EObjType["Project"] = 4] = "Project";
22
+ EObjType[EObjType["Task"] = 7] = "Task";
23
+ EObjType[EObjType["O"] = 62] = "O";
24
+ EObjType[EObjType["Kr"] = 65] = "Kr";
25
+ EObjType[EObjType["Assess"] = 23] = "Assess";
26
+ EObjType[EObjType["MileStone"] = 27] = "MileStone";
27
+ EObjType[EObjType["KanBan"] = 66] = "KanBan";
28
+ EObjType[EObjType["Report"] = 8] = "Report";
29
+ })(EObjType || (exports.EObjType = EObjType = {}));
@@ -131,6 +131,7 @@
131
131
  line-height: 22px;
132
132
  position: relative;
133
133
  overflow: hidden;
134
+ cursor: pointer;
134
135
  }
135
136
 
136
137
  .titaui-dynamic-summary-task-progress__statistic-item:last-child {
@@ -141,8 +142,17 @@
141
142
  background: rgba(0, 214, 133, 0.1);
142
143
  }
143
144
 
144
- .titaui-dynamic-summary-task-progress__statistic-item--finished::before {
145
- content: '';
145
+ .titaui-dynamic-summary-task-progress__statistic-item--finished-text {
146
+ color: #00d685;
147
+ font-size: 16px;
148
+ }
149
+
150
+ .titaui-dynamic-summary-task-progress__statistic-item--finished-active {
151
+ background: rgba(0, 214, 133, 0.3);
152
+ }
153
+
154
+ .titaui-dynamic-summary-task-progress__statistic-item--finished-active::before {
155
+ content: "";
146
156
  position: absolute;
147
157
  top: 0;
148
158
  left: 0;
@@ -152,50 +162,50 @@
152
162
  border-radius: 12px 0 0 12px;
153
163
  }
154
164
 
155
- .titaui-dynamic-summary-task-progress__statistic-item--finished-text {
156
- color: #00D685;
157
- font-size: 16px;
158
- }
159
-
160
165
  .titaui-dynamic-summary-task-progress__statistic-item--processing {
161
166
  background: rgba(40, 121, 255, 0.1);
162
167
  }
163
168
 
164
169
  .titaui-dynamic-summary-task-progress__statistic-item--processing-text {
165
- color: #2879FF;
170
+ color: #2879ff;
166
171
  font-size: 16px;
167
172
  }
168
173
 
169
- .titaui-dynamic-summary-task-progress__statistic-item--overdue {
170
- background: rgba(240, 94, 94, 0.1);
174
+ .titaui-dynamic-summary-task-progress__statistic-item--processing-active {
175
+ background: rgba(40, 121, 255, 0.3);
171
176
  }
172
177
 
173
- .titaui-dynamic-summary-task-progress__statistic-item--overdue-text {
174
- color: #F05E5E;
175
- font-size: 16px;
178
+ .titaui-dynamic-summary-task-progress__statistic-item--processing-active::before {
179
+ content: "";
180
+ position: absolute;
181
+ top: 0;
182
+ left: 0;
183
+ width: 4px;
184
+ height: 48px;
185
+ background: rgba(40, 121, 255, 0.3);
186
+ border-radius: 12px 0 0 12px;
176
187
  }
177
188
 
178
- .titaui-dynamic-summary-task-progress__import {
179
- margin-top: 10px;
180
- width: 60px;
181
- height: 60px;
182
- border-radius: 8px;
183
- border: 1px solid #e9ecf0;
184
- display: flex;
185
- align-items: center;
186
- justify-content: center;
189
+ .titaui-dynamic-summary-task-progress__statistic-item--overdue {
190
+ background: rgba(240, 94, 94, 0.1);
187
191
  }
188
192
 
189
- .titaui-dynamic-summary-task-progress__import-icon {
190
- font-size: 24px;
191
- color: #BFC7D5;
193
+ .titaui-dynamic-summary-task-progress__statistic-item--overdue-text {
194
+ color: #f05e5e;
195
+ font-size: 16px;
192
196
  }
193
197
 
194
- .titaui-dynamic-summary-task-progress__import:hover {
195
- cursor: pointer;
196
- border: 1px solid #2879ff;
198
+ .titaui-dynamic-summary-task-progress__statistic-item--overdue-active {
199
+ background: rgba(240, 94, 94, 0.3);
197
200
  }
198
201
 
199
- .titaui-dynamic-summary-task-progress__import:hover .tu-icon-add1 {
200
- color: #2879ff;
202
+ .titaui-dynamic-summary-task-progress__statistic-item--overdue-active::before {
203
+ content: "";
204
+ position: absolute;
205
+ top: 0;
206
+ left: 0;
207
+ width: 4px;
208
+ height: 48px;
209
+ background: rgba(240, 94, 94, 0.3);
210
+ border-radius: 12px 0 0 12px;
201
211
  }