@titaui/pc 1.11.46 → 1.11.48-beta.2

package/lib/components/button/images/blue.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <pattern id="pattern-1" width="100%" height="100%" patternUnits="objectBoundingBox">
+            <use xlink:href="#image-2"></use>
+        </pattern>
+        <image id="image-2" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABo0lEQVQoFTWSwU7kMBBEq912WAYhJEba6+6BAwjxhfwcH8MVBJdhiGOb145IlHTHruqqbscense/WtW2oW3p2vq11vOn6uur1vs7nSWtY6jKtJoETJsNtVRX5VLkyyJvprSe5f0G2O81NMzUAkyBGdnaspsyZJVFsqThVd26XI+QzxoDkiAApq42YkW1Zb5yctnaZEuRTisKDcAHxCM5oADPB7tTNYhULwDdXD660uEKFL3+/+B7V8EPBOmbIlEAiSCaFpIed5fyoAg9y//OwVRsfgE+EaPAJJGPDGlR9IZ7euz4+kPPl9EzRd4BvwGMqTZUodA3i1MRgDEOg2UMKymrYPuJ/RdAt+wWbDokm3cQeTgIpSSlaXUHHfB9TKY3CCFxCDKTco7FibZbhYRq5OHgArUDsaBQAZ3I6QOBwdqu7JkKAXA2Mz1GfoHZwno46MSYKB3MK841XLbcIUKiQ82cxcyEM0CLYUHcz5FCoYzt+JNQ3AfkYRXgTmJA0QcF4g/gPcnx19gksxxgp4pHRD0sJaxxQBCNd9jlIY/jwEC0K/0AOvvST1WxS68AAAAASUVORK5CYII="></image>
+    </defs>
+    <g id="2、按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="线性按钮Bottun" transform="translate(-881.000000, -339.000000)" fill="url(#pattern-1)" fill-rule="nonzero">
+            <g id="6" transform="translate(30.000000, 248.000000)">
+                <g id="编组-7" transform="translate(287.000000, 40.000000)">
+                    <g id="编组-8" transform="translate(548.000000, 40.000000)">
+                        <path d="M23,11 C26.8659932,11 30,14.1340068 30,18 C30,21.8659932 26.8659932,25 23,25 C19.1340068,25 16,21.8659932 16,18 C16,14.1340068 19.1340068,11 23,11 Z M23,12.2 C19.7967485,12.2 17.2,14.7967485 17.2,18 C17.2,21.2032515 19.7967485,23.8 23,23.8 C26.2032515,23.8 28.8,21.2032515 28.8,18 C28.8,14.7967485 26.2032515,12.2 23,12.2 Z" id="椭圆形"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/button/images/red.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <pattern id="pattern-1" width="100%" height="100%" patternUnits="objectBoundingBox">
+            <use xlink:href="#image-2"></use>
+        </pattern>
+        <image id="image-2" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABx0lEQVQoFT2SQW7bQAxFSQ4l2YabhbtJgQA5Qc/RE3ST03bXO2TVRXdpArSL2JrRDPsoFDUwHor8n5/8kl6fnh7fVftS6/bHfftkVn/W2r6L1C+Hwy1Ua4g043lEbKq6iUi3tXc/RRQ7HssHd/tN/HC76VeqECT4KcAE/z80sDZNvnJ029xac4P4S7XIy4uKKoK6E1DrqUaTlrcfUIzetZaiMy3fzcIvl03u71Wu1xRNQqNJg1QZoJPsxtATQ89b70tzX85jzE7ux/Nz2UkJ5jDzCqmSq7mv8zeH+6Aw+hiupRRfVznf3d1SBdIVAv5pklO98xyu7rP2HmmVlzLY5bCaHc/ns6wib4Bfc9R/BgXPkfM7wFxNMUXHGGDU+E3N7LNGfEP1Qn2KMQoxfLBJpDgLyCTkqAmieiL+SO6Veoqc9jxuD5FCTh3QTMVQc/j4ogvxifwEuEHK/QjxIiKb7mRc2QEFU7LJxOgLwIk9jIY5e76CkmRy+TE4dvdUmACUTKA0sWHezp06A3AnTmXL3Wgcw6x47oWbhYSzfJqVyqmmTCPsM8h3zoZBureDvJOo58tO1bKPiFHEcHDGbH/HfHs9HeTOgvwFtVIeevLXjdUAAAAASUVORK5CYII="></image>
+    </defs>
+    <g id="2、按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="线性按钮Bottun" transform="translate(-881.000000, -547.000000)" fill="url(#pattern-1)" fill-rule="nonzero">
+            <g id="6" transform="translate(30.000000, 248.000000)">
+                <g id="编组-7" transform="translate(287.000000, 40.000000)">
+                    <g id="编组-8" transform="translate(548.000000, 248.000000)">
+                        <path d="M23,11 C26.8659932,11 30,14.1340068 30,18 C30,21.8659932 26.8659932,25 23,25 C19.1340068,25 16,21.8659932 16,18 C16,14.1340068 19.1340068,11 23,11 Z M23,12.2 C19.7967485,12.2 17.2,14.7967485 17.2,18 C17.2,21.2032515 19.7967485,23.8 23,23.8 C26.2032515,23.8 28.8,21.2032515 28.8,18 C28.8,14.7967485 26.2032515,12.2 23,12.2 Z" id="椭圆形"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/button/images/white.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <pattern id="pattern-1" width="100%" height="100%" patternUnits="objectBoundingBox">
+            <use xlink:href="#image-2"></use>
+        </pattern>
+        <image id="image-2" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAAA+UlEQVQoFVXSSVLDQBBEUQkzL+EAnID7b7kQLBltRL4OpaOpiB+tkjNraGvdtu1pWZZTOO585/wJzs/9bF7N6TI/QGzhNxwCQcN7hWeOs5FwNq97/s+Qd7qfOxJBMOs4G4k77iik41UwHi6CYJQT2RVfYXTLOTpe58FuUIhBuBjCj/AemDv2RshoPMF8G+4kibfwGtqJbmhr7I5O4xr/ObyEh9B1qhuj6UiM7nyf58egm5DXbJW1HWuS30xCI9pPaHA2t4MqfWYkUMzOLqUXZj+6cautUqMT9mF0kzorJJgPFbVjcyJGUXM/Cu/G38E0w1Sj6ow1t9jyBy9lWT02rrfMAAAAAElFTkSuQmCC"></image>
+    </defs>
+    <g id="2、按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="面性按钮Bottun" transform="translate(-909.000000, -339.000000)" fill="url(#pattern-1)" fill-rule="nonzero">
+            <g id="6" transform="translate(30.000000, 248.000000)">
+                <g id="编组-7" transform="translate(209.000000, 40.000000)">
+                    <path d="M677,51 C680.865993,51 684,54.1340068 684,58 C684,61.8659932 680.865993,65 677,65 C673.134007,65 670,61.8659932 670,58 C670,54.1340068 673.134007,51 677,51 Z M677,52.2 C673.796748,52.2 671.2,54.7967485 671.2,58 C671.2,61.2032515 673.796748,63.8 677,63.8 C680.203252,63.8 682.8,61.2032515 682.8,58 C682.8,54.7967485 680.203252,52.2 677,52.2 Z" id="椭圆形"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/button/rect-btn/index.js

@@ -34,10 +34,10 @@ function RectBtn(props) {
       className = _props$className === void 0 ? '' : _props$className,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style,
-      children = props.children,
       _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading;
+      loading = _props$loading === void 0 ? false : _props$loading,
+      style = props.style,
+      children = props.children;
 
   var renderIcon = function renderIcon() {
     if (typeof icon === 'string') {

package/lib/components/change-okr-modal/index.js

@@ -504,7 +504,7 @@ var _initialiseProps = function _initialiseProps() {
 
   this.getListData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(isLoading) {
-      var _this4$state2, keywords, type, users, departments, data, nextPage, toUserId, _this4$state3, status, cycle, year, okrPopType, url;
+      var _this4$state2, keywords, type, users, departments, data, nextPage, toUserId, _this4$state3, status, cycle, year, _this4$props2, okrPopType, _this4$props2$include, includeCreateFailApprovalOkr, url;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -520,7 +520,7 @@ var _initialiseProps = function _initialiseProps() {
             case 2:
               _this4$state2 = _this4.state, keywords = _this4$state2.keywords, type = _this4$state2.type, users = _this4$state2.users, departments = _this4$state2.departments, data = _this4$state2.data, nextPage = _this4$state2.nextPage, toUserId = _this4$state2.toUserId;
               _this4$state3 = _this4.state, status = _this4$state3.status, cycle = _this4$state3.cycle, year = _this4$state3.year;
-              okrPopType = _this4.props.okrPopType;
+              _this4$props2 = _this4.props, okrPopType = _this4$props2.okrPopType, _this4$props2$include = _this4$props2.includeCreateFailApprovalOkr, includeCreateFailApprovalOkr = _this4$props2$include === void 0 ? false : _this4$props2$include;
               cycle = cycle || '-1';
               year = year || -1;
               status = status || 0;
@@ -565,7 +565,7 @@ var _initialiseProps = function _initialiseProps() {
                 searchKr: okrPopType,
                 // 是否搜索KR：默认为0-不搜索，1-只有对齐目标弹层可以搜索KR
                 toUserId: toUserId,
-                includeCreateFailApprovalOkr: false
+                includeCreateFailApprovalOkr: includeCreateFailApprovalOkr
               }).then(function (res) {
                 _this4.pending = false;
                 var resData = res && res.Data && res.Data.works || [];
@@ -630,9 +630,9 @@ var _initialiseProps = function _initialiseProps() {
     var _this4$state4 = _this4.state,
         selected = _this4$state4.selected,
         selectOkr = _this4$state4.selectOkr;
-    var _this4$props2 = _this4.props,
-        onConfirm = _this4$props2.onConfirm,
-        parentId = _this4$props2.parentId;
+    var _this4$props3 = _this4.props,
+        onConfirm = _this4$props3.onConfirm,
+        parentId = _this4$props3.parentId;
     var parentType = selected && selected.mileStoneId ? 2 : 1; // 临时注入
 
     var data = _objectSpread(_objectSpread({}, selected), {}, {

package/lib/components/form/form-fields/radios/index.css

@@ -28,3 +28,7 @@
   line-height: 22px;
   color: #3f4755;
 }
+
+.form-field-radio__radios-item {
+  display: flex;
+}

package/lib/components/form/form-fields/radios/index.js

@@ -33,17 +33,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefixCls = "form-field-radio";
+var prefixCls = 'form-field-radio';
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       label = props.label,
       onChange = props.onChange,
       radios = props.radios,
       require = props.require,
       value = props.value,
-      radioClass = props.radioClass;
+      _props$radioClass = props.radioClass,
+      radioClass = _props$radioClass === void 0 ? '' : _props$radioClass;
 
   var _useState = (0, _react.useState)(value),
       _useState2 = _slicedToArray(_useState, 2),

package/lib/components/okr-detail/components/base-okr-type/confirm/confirm.js

@@ -47,7 +47,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var ConfirmWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* TODO padding \u53EF\u52A8\u6001\u8C03\u6574 */\n  width: 300px;\n  max-height: 100px;\n  border-radius: 5px;\n  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);\n  padding: 15px 12px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: #fff;\n"])));
+var ConfirmWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* TODO padding \u53EF\u52A8\u6001\u8C03\u6574 */\n  width: 300px;\n  // max-height: 100px;\n  border-radius: 5px;\n  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);\n  padding: 15px 12px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: #fff;\n"])));
 
 var FooterWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: 5px;\n  button {\n    padding: 2px 12px;\n    font-size: 12px;\n  }\n"])));
 

package/lib/components/okr-detail/detail-header/delete-confirm/index.css

@@ -6,7 +6,7 @@
 
 .okr-detail-delete-confirm__option-text {
   font-size: 14px;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -23,7 +23,7 @@
 }
 
 .okr-detail-delete-confirm__icon.tu-icon-singlebox-have {
-  color: #BFC7D5;
+  color: #bfc7d5;
 }
 
 .okr-detail-delete-confirm__icon.tu-icon-wiki {
@@ -38,13 +38,17 @@
   margin-top: 10px;
 }
 
+.okr-detail-delete-confirm .tita-radio:hover .tita-radio-inner {
+  color: #2879ff;
+}
+
 .isApprovalDisabled {
   margin-bottom: 0;
   padding: 5px 24px;
   font-size: 14px;
   line-height: 22px;
-  transition: all .3s ease-in;
-  color: #BFC7D5;
+  transition: all 0.3s ease-in;
+  color: #bfc7d5;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -54,6 +58,6 @@
 .isApprovalDisabled .options-icon {
   margin-right: 12px;
   font-size: 14px;
-  transition: all .3s ease-in;
+  transition: all 0.3s ease-in;
   color: #89919f;
 }

package/lib/components/okr-detail/e-list/index.js

@@ -84,12 +84,12 @@ function Elist(props, ref) {
       krList = _useState2[0],
       setKrList = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(hasCondition ? JSON.parse(localStorage.getItem("okrDrawerECheckedStatus".concat(loginUser))) : []),
+  var _useState3 = (0, _react.useState)(hasCondition ? JSON.parse(localStorage.getItem("okrDrawerECheckedStatus".concat(loginUser)) || '[]') : []),
       _useState4 = _slicedToArray(_useState3, 2),
       checkedStatus = _useState4[0],
       setCheckedStatus = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(hasCondition ? JSON.parse(localStorage.getItem("okrDrawerESelectUsers".concat(loginUser))) : []),
+  var _useState5 = (0, _react.useState)(hasCondition ? JSON.parse(localStorage.getItem("okrDrawerESelectUsers".concat(loginUser)) || '[]') : []),
       _useState6 = _slicedToArray(_useState5, 2),
       selectUsers = _useState6[0],
       setSelectUsers = _useState6[1];

package/lib/components/period-selector/interface.js

@@ -0,0 +1,7 @@
+// annualNum: "2022" 年份
+// cycleType: "-1" 全部周期
+// endDate: ""
+// startDate: ""
+// yqmNum: "0"
+//
+"use strict";

package/lib/components/radio/index.css

@@ -30,7 +30,7 @@
 }
 
 .titaui-radio-wrapper .titaui-radio:hover > .titaui-radio-inner {
-  border: 1px solid #96d0fa;
+  border: 1px solid #2879ff;
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-input {
@@ -59,14 +59,14 @@
   height: 10px;
   min-height: 10px;
   border-radius: 50%;
-  background-color: #1687d9;
+  background-color: #2879ff;
   transform: scale(0);
   opacity: 0;
   transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-input:checked + .titaui-radio-inner {
-  border-color: #1687d9;
+  border-color: #2879ff;
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-input:checked + .titaui-radio-inner:after {

package/lib/components/search-input/index.css

@@ -41,7 +41,7 @@
 .search-input-box > input {
   background: #ffffff;
   border: 1px solid #e9edf0;
-  border-radius: 5px;
+  border-radius: 16px;
   width: 100%;
   height: 100%;
   padding: 0 44px 0 11px;

package/lib/components/task-relation-modal/helper.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.preCls = exports.lableTypeMap = exports.isOpenWorkManage = exports.isOpenOkrManage = exports.isOpenLabel = exports.formatDateStr = void 0;
+exports.workStatus = exports.timeFormat = exports.preCls = exports.okrStatus = exports.lableTypeMap = exports.isOpenWorkManage = exports.isOpenOkrManage = exports.isOpenLabel = exports.formatDateStr = void 0;
 
 var _bsGlobal = require("../../utils/bs-global");
 
+var _getLocale = require("../../utils/getLocale");
+
 var preCls = "titaui-task-relation";
 exports.preCls = preCls;
 var isOpenOkrManage = (0, _bsGlobal.getAppHead)("113"); // 开通OKR
@@ -29,7 +31,21 @@ var lableTypeMap = {
 };
 exports.lableTypeMap = lableTypeMap;
 
+var timeFormat = function timeFormat(NowDate) {
+  var date = new Date(NowDate);
+  var y = date.getFullYear(); // 年
+
+  var m = date.getMonth() + 1; // 月
+
+  var d = date.getDate(); // 日
+
+  return "".concat(y, "/").concat(m, "/").concat(d);
+};
+
+exports.timeFormat = timeFormat;
+
 var formatDateStr = function formatDateStr(str) {
+  str = timeFormat(str);
   var currentYear = new Date().getFullYear();
 
   if (str.indexOf(currentYear) !== -1) {
@@ -39,4 +55,55 @@ var formatDateStr = function formatDateStr(str) {
   return str;
 };
 
-exports.formatDateStr = formatDateStr;
+exports.formatDateStr = formatDateStr;
+
+var okrStatus = function okrStatus(key) {
+  // 分类的类型（4：项目 17：普通分类 62:目标
+  var label = (0, _getLocale.getLocale)('OKR_MyO_E_From_AllStates');
+
+  switch (Number(key)) {
+    case 1:
+      label = (0, _getLocale.getLocale)('Per_MyRe_text_Inprogress');
+      break;
+
+    case 2:
+      label = (0, _getLocale.getLocale)('Pro_page_Sta_Completed');
+      break;
+
+    case 3:
+      label = (0, _getLocale.getLocale)('OKR_MyO_E_From_Delayed');
+      break;
+
+    case 4:
+      label = (0, _getLocale.getLocale)('OKR_MyO_E_From_Cancelled');
+      break;
+
+    case 5:
+      label = (0, _getLocale.getLocale)('OKR_MyO_E_From_Notaccepted');
+      break;
+
+    case 6:
+      label = (0, _getLocale.getLocale)('OKR_MyO_E_From_Suspended');
+      break;
+
+    case 0:
+      label = (0, _getLocale.getLocale)('OKR_MyO_E_From_NotStarted');
+      break;
+
+    default:
+      break;
+  }
+
+  return label;
+};
+
+exports.okrStatus = okrStatus;
+
+var workStatus = function workStatus() {
+  return {
+    1: (0, _getLocale.getLocale)("Per_MyRe_text_Inprogress"),
+    2: (0, _getLocale.getLocale)("OKR_MyO_E_From_Completed")
+  };
+};
+
+exports.workStatus = workStatus;

package/lib/components/task-relation-modal/index.js

@@ -29,6 +29,12 @@ var _requestApi = require("./request-api");
 
 var _getLocale = require("../../utils/getLocale");
 
+var _relationTaskModel = _interopRequireDefault(require("./okr-relation/relation-task-model"));
+
+var _relationWorkModel = _interopRequireDefault(require("./okr-relation/relation-work-model"));
+
+var _workRelation = _interopRequireDefault(require("./work-relation"));
+
 require("./index.css");
 
 var _excluded = ["defaultVisible", "multiple", "onOk", "onCancel", "taskId", "isRelationOther", "lastSelected"];
@@ -306,5 +312,8 @@ function TaskRelationModal(props) {
   }, selected.length), "\u9879"))));
 }
 
+TaskRelationModal.RelationTaskModel = _relationTaskModel["default"];
+TaskRelationModal.RelationWorkModel = _relationWorkModel["default"];
+TaskRelationModal.WorkRelationModal = _workRelation["default"];
 var _default = TaskRelationModal;
 exports["default"] = _default;

package/lib/components/task-relation-modal/okr-relation/relation-task-model/index.css

@@ -0,0 +1,18 @@
+.relation-task__content {
+  padding: 0 32px;
+}
+
+.relation-task__content-tree {
+  margin-top: 16px;
+}
+
+.relation-task__content-empty {
+  height: 382px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.relation-task__content-empty > img {
+  width: 60px;
+}