@titaui/pc 1.7.25 → 1.7.29
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.
- package/lib/components/common-share/index.js +7 -3
- package/lib/components/common-share/publishMblog.js +4 -2
- package/lib/components/nav-top/components/user-message/components/inform/inform-item.js +7 -1
- package/lib/components/nav-top/components/user-message/index.js +9 -0
- package/lib/components/nav-top/index.js +2 -3
- package/lib/components/weekly-report/card.js +36 -40
- package/lib/components/weekly-report/img/close.svg +22 -0
- package/lib/components/weekly-report/index.css +25 -5
- package/lib/components/weekly-report/index.js +106 -16
- package/lib/components/weekly-report/interface.js +5 -0
- package/lib/components/weekly-report/statistics.js +6 -9
- package/lib/pages/new-okr-list/index.js +2 -2
- package/package.json +1 -1
- package/src/components/cascader/index.scss +1 -1
- package/src/components/common-share/index.tsx +6 -2
- package/src/components/common-share/publishMblog.tsx +3 -1
- package/src/components/nav-top/components/user-message/components/inform/inform-item.tsx +5 -1
- package/src/components/nav-top/components/user-message/index.tsx +6 -1
- package/src/components/nav-top/index.tsx +1 -2
- package/src/components/weekly-report/card.tsx +127 -95
- package/src/components/weekly-report/img/close.svg +22 -0
- package/src/components/weekly-report/index.scss +25 -5
- package/src/components/weekly-report/index.tsx +89 -24
- package/src/components/weekly-report/interface.ts +31 -0
- package/src/components/weekly-report/statistics.tsx +7 -6
- package/src/pages/new-okr-list/index.tsx +2 -2
- package/yarn-error.log +15894 -0
|
@@ -40,7 +40,8 @@ var ShareContent = function ShareContent(_ref) {
|
|
|
40
40
|
getModalRef = _ref.getModalRef,
|
|
41
41
|
uid = _ref.uid,
|
|
42
42
|
shareComponent = _ref.shareComponent,
|
|
43
|
-
shareImage = _ref.shareImage
|
|
43
|
+
shareImage = _ref.shareImage,
|
|
44
|
+
defaultContent = _ref.defaultContent;
|
|
44
45
|
|
|
45
46
|
var _useState = (0, _react.useState)(false),
|
|
46
47
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -61,7 +62,8 @@ var ShareContent = function ShareContent(_ref) {
|
|
|
61
62
|
getModalRef: getModalRef,
|
|
62
63
|
closeModal: closeModal,
|
|
63
64
|
key: "publish",
|
|
64
|
-
uid: uid
|
|
65
|
+
uid: uid,
|
|
66
|
+
defaultContent: defaultContent
|
|
65
67
|
}));
|
|
66
68
|
};
|
|
67
69
|
|
|
@@ -69,7 +71,8 @@ var OkrShare = function OkrShare(_ref2) {
|
|
|
69
71
|
var uid = _ref2.uid,
|
|
70
72
|
visible = _ref2.visible,
|
|
71
73
|
onClose = _ref2.onClose,
|
|
72
|
-
shareComponent = _ref2.shareComponent
|
|
74
|
+
shareComponent = _ref2.shareComponent,
|
|
75
|
+
defaultContent = _ref2.defaultContent;
|
|
73
76
|
|
|
74
77
|
var _useState3 = (0, _react.useState)(),
|
|
75
78
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
@@ -96,6 +99,7 @@ var OkrShare = function OkrShare(_ref2) {
|
|
|
96
99
|
},
|
|
97
100
|
uid: uid,
|
|
98
101
|
shareImage: shareImage,
|
|
102
|
+
defaultContent: defaultContent,
|
|
99
103
|
shareComponent: shareComponent(setShareImage)
|
|
100
104
|
}) : null));
|
|
101
105
|
};
|
|
@@ -55,7 +55,9 @@ function PublishMblog(_ref) {
|
|
|
55
55
|
var base64 = _ref.base64,
|
|
56
56
|
getModalRef = _ref.getModalRef,
|
|
57
57
|
closeModal = _ref.closeModal,
|
|
58
|
-
uid = _ref.uid
|
|
58
|
+
uid = _ref.uid,
|
|
59
|
+
_ref$defaultContent = _ref.defaultContent,
|
|
60
|
+
defaultContent = _ref$defaultContent === void 0 ? "秀一秀我的 OKR" : _ref$defaultContent;
|
|
59
61
|
|
|
60
62
|
var _useState = (0, _react.useState)({
|
|
61
63
|
url: "",
|
|
@@ -95,7 +97,7 @@ function PublishMblog(_ref) {
|
|
|
95
97
|
}
|
|
96
98
|
}, /*#__PURE__*/_react["default"].createElement(_mblog["default"], {
|
|
97
99
|
autoResizing: false,
|
|
98
|
-
defaultContent:
|
|
100
|
+
defaultContent: defaultContent,
|
|
99
101
|
submitStatus: status,
|
|
100
102
|
commentsTypeKey: "share-okr" + loginUserId + uid,
|
|
101
103
|
autoFocus: true,
|
|
@@ -74,7 +74,13 @@ var Inform = function Inform(props) {
|
|
|
74
74
|
// // @ts-ignore
|
|
75
75
|
// Talent.app.vent.trigger("global-daily-detail-pull-screen", feedId);
|
|
76
76
|
// }
|
|
77
|
-
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
if (messageType == 135) {
|
|
80
|
+
var redisKey = item.content.match(/redisKey=(\S*?)"/g)[1]; // @ts-ignore
|
|
81
|
+
|
|
82
|
+
Talent.app.vent.trigger("open-weekly-report-modal", redisKey);
|
|
83
|
+
} // 处理合并的消息
|
|
78
84
|
|
|
79
85
|
|
|
80
86
|
var isMessageMerging = messageType == 13018 || messageType == 30362 || messageType == 131;
|
|
@@ -153,6 +153,9 @@ var UserMessage = function UserMessage() {
|
|
|
153
153
|
var blessIndicator = indicators.filter(function (item) {
|
|
154
154
|
return item.type === 'mZhufu';
|
|
155
155
|
});
|
|
156
|
+
var weeklyReportIndicator = indicators.filter(function (item) {
|
|
157
|
+
return item.type === 'mWeekStatisticIndicator';
|
|
158
|
+
});
|
|
156
159
|
|
|
157
160
|
if (blessIndicator.length === 1) {
|
|
158
161
|
var userInfo = (0, _bsGlobal.getUserInfo)();
|
|
@@ -164,6 +167,12 @@ var UserMessage = function UserMessage() {
|
|
|
164
167
|
|
|
165
168
|
window.util.openGift(options);
|
|
166
169
|
}
|
|
170
|
+
|
|
171
|
+
if (weeklyReportIndicator.length) {
|
|
172
|
+
var _window;
|
|
173
|
+
|
|
174
|
+
(_window = window) === null || _window === void 0 ? void 0 : _window.Talent.app.vent.trigger('open-weekly-report-modal');
|
|
175
|
+
}
|
|
167
176
|
}
|
|
168
177
|
});
|
|
169
178
|
};
|
|
@@ -33,8 +33,6 @@ var _request = require("../../utils/request");
|
|
|
33
33
|
|
|
34
34
|
var _toast = _interopRequireDefault(require("../toast"));
|
|
35
35
|
|
|
36
|
-
var _helpers = require("../../utils/helpers");
|
|
37
|
-
|
|
38
36
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
39
37
|
|
|
40
38
|
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); }
|
|
@@ -55,7 +53,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
55
53
|
|
|
56
54
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
57
55
|
|
|
58
|
-
var Logo = (0,
|
|
56
|
+
var Logo = (0, _bsGlobal.getTenantInfo)().Logo || _logoWhite["default"];
|
|
57
|
+
|
|
59
58
|
var hasOKRApp = (0, _bsGlobal.getBSGlobal)("newNavigation").find(function (item) {
|
|
60
59
|
return item.appId === 113;
|
|
61
60
|
});
|
|
@@ -49,12 +49,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
49
49
|
|
|
50
50
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
51
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
var preCls = 'weekly-report-card';
|
|
52
|
+
var preCls = "weekly-report-card";
|
|
55
53
|
|
|
56
54
|
var getImageBase64ByUrl = function getImageBase64ByUrl(toUserId) {
|
|
57
|
-
return (0, _request.rpost)(
|
|
55
|
+
return (0, _request.rpost)("v1")("okr/share/getBase64Str", {
|
|
58
56
|
toUserId: toUserId
|
|
59
57
|
}).then(function (getBase64Str) {
|
|
60
58
|
return getBase64Str.Data;
|
|
@@ -62,7 +60,7 @@ var getImageBase64ByUrl = function getImageBase64ByUrl(toUserId) {
|
|
|
62
60
|
};
|
|
63
61
|
|
|
64
62
|
function Card(_ref, ref) {
|
|
65
|
-
|
|
63
|
+
var data = _ref.data;
|
|
66
64
|
|
|
67
65
|
var _useState = (0, _react.useState)(),
|
|
68
66
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -85,12 +83,8 @@ function Card(_ref, ref) {
|
|
|
85
83
|
switch (_context.prev = _context.next) {
|
|
86
84
|
case 0:
|
|
87
85
|
return _context.abrupt("return", new Promise(function (res) {
|
|
88
|
-
var
|
|
89
|
-
//需要截图的包裹的(原生的)DOM 对象
|
|
90
|
-
// @ts-ignore
|
|
91
|
-
width = 375,
|
|
86
|
+
var width = 375,
|
|
92
87
|
//获取dom 宽度
|
|
93
|
-
// @ts-ignore
|
|
94
88
|
height = 710,
|
|
95
89
|
//获取dom 高度
|
|
96
90
|
canvas = document.createElement("canvas"),
|
|
@@ -128,7 +122,7 @@ function Card(_ref, ref) {
|
|
|
128
122
|
|
|
129
123
|
};
|
|
130
124
|
(0, _html2canvas["default"])(cardRef.current, opts).then(function (canvas) {
|
|
131
|
-
var imgUrl = canvas.toDataURL(
|
|
125
|
+
var imgUrl = canvas.toDataURL("image/png"); //得到图片的base64编码数据
|
|
132
126
|
|
|
133
127
|
//得到图片的base64编码数据
|
|
134
128
|
res(imgUrl);
|
|
@@ -153,7 +147,7 @@ function Card(_ref, ref) {
|
|
|
153
147
|
}, []);
|
|
154
148
|
(0, _react.useEffect)(function () {
|
|
155
149
|
if ((0, _bsGlobal.isWx)()) {
|
|
156
|
-
window[
|
|
150
|
+
window["WWOpenData"] && window["WWOpenData"].enableCanvasSharing && window["WWOpenData"].enableCanvasSharing();
|
|
157
151
|
}
|
|
158
152
|
|
|
159
153
|
if (loginUserInfo.UserAvatar.HasAvatar) {
|
|
@@ -162,70 +156,72 @@ function Card(_ref, ref) {
|
|
|
162
156
|
name: loginUserInfo.Name,
|
|
163
157
|
userId: loginUserInfo.Id,
|
|
164
158
|
color: loginUserInfo.UserAvatar.Color
|
|
165
|
-
},
|
|
159
|
+
}, "data:image/jpeg;base64," + data.obj);
|
|
166
160
|
}).then(setAvatarSrc);
|
|
167
161
|
} else {
|
|
168
162
|
(0, _darwAvatar.drawAvatar)({
|
|
169
163
|
name: loginUserInfo.Name,
|
|
170
164
|
userId: loginUserInfo.Id,
|
|
171
165
|
color: loginUserInfo.UserAvatar.Color
|
|
172
|
-
},
|
|
166
|
+
}, "").then(setAvatarSrc);
|
|
173
167
|
}
|
|
174
168
|
|
|
175
169
|
(0, _drawName["default"])(loginUserInfo.Name, loginUserInfo.Id).then(setNameSrc);
|
|
176
170
|
return function () {
|
|
177
171
|
if ((0, _bsGlobal.isWx)()) {
|
|
178
|
-
window[
|
|
172
|
+
window["WWOpenData"] && window["WWOpenData"].disableCanvasSharing && window["WWOpenData"].disableCanvasSharing();
|
|
179
173
|
}
|
|
180
174
|
};
|
|
181
175
|
}, []);
|
|
182
176
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
183
|
-
className: preCls +
|
|
177
|
+
className: preCls + "-content",
|
|
184
178
|
ref: cardRef
|
|
185
179
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
186
|
-
className: preCls +
|
|
180
|
+
className: preCls + "__title",
|
|
187
181
|
src: require("./img/title.png")
|
|
188
182
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
189
|
-
className: preCls +
|
|
190
|
-
},
|
|
191
|
-
className: preCls +
|
|
183
|
+
className: preCls + "__date-range"
|
|
184
|
+
}, data.WeekCycle), /*#__PURE__*/_react["default"].createElement("div", {
|
|
185
|
+
className: preCls + "__shadow"
|
|
192
186
|
}), /*#__PURE__*/_react["default"].createElement("img", {
|
|
193
|
-
className: preCls +
|
|
187
|
+
className: preCls + "__laba",
|
|
194
188
|
src: require("./img/laba.png")
|
|
195
189
|
}), /*#__PURE__*/_react["default"].createElement("img", {
|
|
196
|
-
className: preCls +
|
|
190
|
+
className: preCls + "__bofang",
|
|
197
191
|
src: require("./img/bofang.png")
|
|
198
192
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
199
|
-
className: preCls +
|
|
200
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
201
|
-
className: preCls + '__avatar'
|
|
193
|
+
className: preCls + "__avatar"
|
|
202
194
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
203
195
|
src: avatarSrc
|
|
204
|
-
})), /*#__PURE__*/_react["default"].createElement("
|
|
205
|
-
className: preCls +
|
|
196
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
197
|
+
className: preCls + "__body"
|
|
198
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
199
|
+
className: preCls + "__userName",
|
|
206
200
|
src: nameSrc
|
|
207
201
|
}), /*#__PURE__*/_react["default"].createElement("img", {
|
|
208
|
-
className: preCls +
|
|
202
|
+
className: preCls + "__quote",
|
|
209
203
|
src: require("./img/quote.png"),
|
|
210
204
|
alt: ""
|
|
211
205
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
212
|
-
className: preCls +
|
|
213
|
-
},
|
|
214
|
-
percent:
|
|
206
|
+
className: preCls + "__text"
|
|
207
|
+
}, data.Quotations), /*#__PURE__*/_react["default"].createElement(_board["default"], {
|
|
208
|
+
percent: Number(data.Complete)
|
|
215
209
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
216
|
-
className: preCls +
|
|
217
|
-
}, "OKR \u5B8C\u6210\u5EA6", /*#__PURE__*/_react["default"].createElement("img", {
|
|
218
|
-
className: preCls +
|
|
219
|
-
src: require("./img/up.png"),
|
|
210
|
+
className: preCls + "__comparison"
|
|
211
|
+
}, data.Increase != '0' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "OKR \u5B8C\u6210\u5EA6", /*#__PURE__*/_react["default"].createElement("img", {
|
|
212
|
+
className: preCls + "__direction",
|
|
213
|
+
src: Number(data.Increase) > 0 ? require("./img/up.png") : require("./img/down.png"),
|
|
220
214
|
alt: ""
|
|
221
215
|
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
222
216
|
style: {
|
|
223
|
-
color:
|
|
217
|
+
color: Number(data.Increase) > 0 ? "#4DC591" : '#F05E5E'
|
|
224
218
|
}
|
|
225
|
-
}, "
|
|
226
|
-
className: preCls +
|
|
227
|
-
},
|
|
228
|
-
|
|
219
|
+
}, Math.abs(Number(data.Increase)), "%")) : ''), /*#__PURE__*/_react["default"].createElement("div", {
|
|
220
|
+
className: preCls + "__colleague"
|
|
221
|
+
}, data.PromptLanguage), /*#__PURE__*/_react["default"].createElement(_statistics["default"], {
|
|
222
|
+
data: data
|
|
223
|
+
})), /*#__PURE__*/_react["default"].createElement("img", {
|
|
224
|
+
className: preCls + "__bottom",
|
|
229
225
|
src: require("./img/bottom.png")
|
|
230
226
|
}));
|
|
231
227
|
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<title>编组 31</title>
|
|
4
|
+
<defs>
|
|
5
|
+
<filter id="filter-1">
|
|
6
|
+
<feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
|
|
7
|
+
</filter>
|
|
8
|
+
</defs>
|
|
9
|
+
<g id="每周推送" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
10
|
+
<g id="暂定-员工视角" transform="translate(-871.000000, -106.000000)">
|
|
11
|
+
<g id="编组-31" transform="translate(871.000000, 106.000000)">
|
|
12
|
+
<circle id="椭圆形" fill-opacity="0.2" fill="#141C28" cx="16" cy="16" r="16"></circle>
|
|
13
|
+
<g id="canceled" transform="translate(7.000000, 7.000000)" filter="url(#filter-1)">
|
|
14
|
+
<g>
|
|
15
|
+
<rect id="矩形" x="0" y="0" width="18" height="18"></rect>
|
|
16
|
+
<path d="M4.20533009,3.14466991 L8.978,7.917 L13.7512716,3.14466991 C14.0175382,2.87840335 14.4342019,2.8541973 14.7278134,3.07205176 L14.8119318,3.14466991 C15.104825,3.43756313 15.104825,3.91243687 14.8119318,4.20533009 L14.8119318,4.20533009 L10.038,8.978 L14.8119318,13.7512716 C15.104825,14.0441649 15.104825,14.5190386 14.8119318,14.8119318 C14.5190386,15.104825 14.0441649,15.104825 13.7512716,14.8119318 L8.978,10.038 L4.20533009,14.8119318 C3.93906352,15.0781984 3.52239984,15.1024044 3.22878835,14.88455 L3.14466991,14.8119318 C2.8517767,14.5190386 2.8517767,14.0441649 3.14466991,13.7512716 L3.14466991,13.7512716 L7.917,8.978 L3.14466991,4.20533009 C2.8517767,3.91243687 2.8517767,3.43756313 3.14466991,3.14466991 C3.43756313,2.8517767 3.91243687,2.8517767 4.20533009,3.14466991 Z" id="形状结合" fill="#444444"></path>
|
|
17
|
+
</g>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
</g>
|
|
21
|
+
</g>
|
|
22
|
+
</svg>
|
|
@@ -16,6 +16,16 @@
|
|
|
16
16
|
transform: scale(0.9);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.weekly-report-card__close {
|
|
20
|
+
position: absolute;
|
|
21
|
+
right: -42px;
|
|
22
|
+
top: 0;
|
|
23
|
+
width: 32px;
|
|
24
|
+
height: 32px;
|
|
25
|
+
background-image: url("./img/close.svg");
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
}
|
|
28
|
+
|
|
19
29
|
.weekly-report-card-content {
|
|
20
30
|
display: flex;
|
|
21
31
|
flex-direction: column;
|
|
@@ -51,14 +61,21 @@
|
|
|
51
61
|
border-radius: 12px;
|
|
52
62
|
background-image: url("./img/body.png");
|
|
53
63
|
background-size: 100% 100%;
|
|
64
|
+
background-position-y: -1px;
|
|
54
65
|
}
|
|
55
66
|
|
|
56
67
|
.weekly-report-card__avatar {
|
|
57
68
|
position: absolute;
|
|
58
|
-
left:
|
|
59
|
-
top:
|
|
60
|
-
|
|
69
|
+
left: 150px;
|
|
70
|
+
top: 135px;
|
|
71
|
+
width: 76px;
|
|
72
|
+
height: 76px;
|
|
73
|
+
background-color: #FFF;
|
|
61
74
|
border-radius: 50%;
|
|
75
|
+
display: flex;
|
|
76
|
+
align-items: center;
|
|
77
|
+
justify-content: center;
|
|
78
|
+
z-index: 2;
|
|
62
79
|
}
|
|
63
80
|
|
|
64
81
|
.weekly-report-card__avatar > img {
|
|
@@ -92,6 +109,7 @@
|
|
|
92
109
|
margin: 28px 0;
|
|
93
110
|
max-width: 279px;
|
|
94
111
|
text-align: center;
|
|
112
|
+
min-height: 52px;
|
|
95
113
|
}
|
|
96
114
|
|
|
97
115
|
.weekly-report-card__quote {
|
|
@@ -120,8 +138,10 @@
|
|
|
120
138
|
|
|
121
139
|
.weekly-report-card-board__undone {
|
|
122
140
|
position: absolute;
|
|
123
|
-
|
|
124
|
-
|
|
141
|
+
left: -3px;
|
|
142
|
+
bottom: 50%;
|
|
143
|
+
width: 160px;
|
|
144
|
+
height: 80px;
|
|
125
145
|
background-color: #eaf1fe;
|
|
126
146
|
transform-origin: center bottom;
|
|
127
147
|
transform: rotate(90deg);
|
|
@@ -9,12 +9,18 @@ exports["default"] = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
12
14
|
var _rectBtn = _interopRequireDefault(require("../button/rect-btn"));
|
|
13
15
|
|
|
14
16
|
var _commonShare = _interopRequireDefault(require("../common-share"));
|
|
15
17
|
|
|
16
18
|
var _card = _interopRequireDefault(require("./card"));
|
|
17
19
|
|
|
20
|
+
var _request = require("../../utils/request");
|
|
21
|
+
|
|
22
|
+
var _tools = require("../../utils/tools");
|
|
23
|
+
|
|
18
24
|
require("./index.css");
|
|
19
25
|
|
|
20
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -43,40 +49,66 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
|
|
|
43
49
|
|
|
44
50
|
var preCls = "weekly-report-card";
|
|
45
51
|
|
|
52
|
+
var getImageBase64ByUrl = function getImageBase64ByUrl(base64) {
|
|
53
|
+
return (0, _request.rpost)('v1')("/okr/share/imageDownLoadDfs", {
|
|
54
|
+
'SharePicLink': base64
|
|
55
|
+
}).then(function (res) {
|
|
56
|
+
return res.Data;
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
|
|
46
60
|
function WeeklyReportPreview(_ref) {
|
|
47
|
-
var onShare = _ref.onShare
|
|
61
|
+
var onShare = _ref.onShare,
|
|
62
|
+
onClose = _ref.onClose,
|
|
63
|
+
data = _ref.data;
|
|
48
64
|
var cardRef = (0, _react.useRef)();
|
|
49
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
66
|
+
style: {
|
|
67
|
+
position: "relative"
|
|
68
|
+
}
|
|
69
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
|
+
className: (0, _classnames["default"])("tu-icon-circle", preCls + "__close"),
|
|
71
|
+
onClick: onClose
|
|
72
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
50
73
|
style: {
|
|
51
74
|
position: "absolute",
|
|
52
|
-
left: "-
|
|
75
|
+
left: "-99999999px"
|
|
53
76
|
}
|
|
54
77
|
}, /*#__PURE__*/_react["default"].createElement(_card["default"], {
|
|
78
|
+
data: data,
|
|
55
79
|
ref: cardRef
|
|
56
80
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
57
81
|
className: preCls + "-wrapper"
|
|
58
|
-
}, /*#__PURE__*/_react["default"].createElement(_card["default"],
|
|
82
|
+
}, /*#__PURE__*/_react["default"].createElement(_card["default"], {
|
|
83
|
+
data: data
|
|
84
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
59
85
|
className: preCls + "__button-container"
|
|
60
86
|
}, /*#__PURE__*/_react["default"].createElement(_rectBtn["default"], {
|
|
61
87
|
className: preCls + "__download",
|
|
62
88
|
onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
63
|
-
var
|
|
89
|
+
var _cardRef$current;
|
|
90
|
+
|
|
91
|
+
var img, url, a;
|
|
64
92
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
65
93
|
while (1) {
|
|
66
94
|
switch (_context.prev = _context.next) {
|
|
67
95
|
case 0:
|
|
68
96
|
_context.next = 2;
|
|
69
|
-
return cardRef.current.getImage();
|
|
97
|
+
return cardRef === null || cardRef === void 0 ? void 0 : (_cardRef$current = cardRef.current) === null || _cardRef$current === void 0 ? void 0 : _cardRef$current.getImage();
|
|
70
98
|
|
|
71
99
|
case 2:
|
|
72
100
|
img = _context.sent;
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
ele.width = 375;
|
|
76
|
-
ele.style = "position:fixed;z-index:100000;top:0";
|
|
77
|
-
document.body.appendChild(ele);
|
|
101
|
+
_context.next = 5;
|
|
102
|
+
return getImageBase64ByUrl(img.split(',')[1]);
|
|
78
103
|
|
|
79
|
-
case
|
|
104
|
+
case 5:
|
|
105
|
+
url = _context.sent;
|
|
106
|
+
a = document.createElement('a');
|
|
107
|
+
a.href = url.obj;
|
|
108
|
+
a.download = 'okr.png';
|
|
109
|
+
a.click();
|
|
110
|
+
|
|
111
|
+
case 10:
|
|
80
112
|
case "end":
|
|
81
113
|
return _context.stop();
|
|
82
114
|
}
|
|
@@ -111,20 +143,78 @@ function WeeklyReportPreview(_ref) {
|
|
|
111
143
|
function WeeklyReportModal(_ref4) {
|
|
112
144
|
_objectDestructuringEmpty(_ref4);
|
|
113
145
|
|
|
114
|
-
var _useState = (0, _react.useState)(),
|
|
146
|
+
var _useState = (0, _react.useState)(!!(0, _tools.getQueryString)().redisKey),
|
|
115
147
|
_useState2 = _slicedToArray(_useState, 2),
|
|
116
148
|
visible = _useState2[0],
|
|
117
149
|
setVisible = _useState2[1];
|
|
118
150
|
|
|
151
|
+
var _useState3 = (0, _react.useState)((0, _tools.getQueryString)().redisKey || null),
|
|
152
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
153
|
+
redisKey = _useState4[0],
|
|
154
|
+
setRedisKey = _useState4[1];
|
|
155
|
+
|
|
156
|
+
var _useState5 = (0, _react.useState)(),
|
|
157
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
158
|
+
data = _useState6[0],
|
|
159
|
+
setData = _useState6[1];
|
|
160
|
+
|
|
161
|
+
(0, _react.useEffect)(function () {
|
|
162
|
+
var _window, _window$Talent, _window2, _window2$Talent;
|
|
163
|
+
|
|
164
|
+
(_window = window) === null || _window === void 0 ? void 0 : (_window$Talent = _window.Talent) === null || _window$Talent === void 0 ? void 0 : _window$Talent.app.vent.off('open-weekly-report-modal');
|
|
165
|
+
(_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Talent = _window2.Talent) === null || _window2$Talent === void 0 ? void 0 : _window2$Talent.app.vent.on('open-weekly-report-modal', function (redisKey) {
|
|
166
|
+
if (visible) return;
|
|
167
|
+
setRedisKey(redisKey);
|
|
168
|
+
setVisible(true);
|
|
169
|
+
});
|
|
170
|
+
return function () {
|
|
171
|
+
var _window3, _window3$Talent;
|
|
172
|
+
|
|
173
|
+
return (_window3 = window) === null || _window3 === void 0 ? void 0 : (_window3$Talent = _window3.Talent) === null || _window3$Talent === void 0 ? void 0 : _window3$Talent.app.vent.off('open-weekly-report-modal');
|
|
174
|
+
};
|
|
175
|
+
}, []);
|
|
176
|
+
(0, _react.useEffect)(function () {
|
|
177
|
+
if (!visible) return;
|
|
178
|
+
var current = new Date();
|
|
179
|
+
var dateTimeTicks = current.getFullYear() + '/' + (current.getMonth() + 1) + '/' + current.getDate();
|
|
180
|
+
var param = "redisKey=".concat(redisKey || null, "&dateTimeTicks=").concat(dateTimeTicks || null);
|
|
181
|
+
|
|
182
|
+
if (data) {
|
|
183
|
+
setData(null);
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
(0, _request.rget)('v1')('okr/wwsummary/get?' + param).then(function (res) {
|
|
187
|
+
if (res.Code == 1) {
|
|
188
|
+
setData(res.Data);
|
|
189
|
+
} else {
|
|
190
|
+
setVisible(false);
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
}, [redisKey, visible]);
|
|
194
|
+
(0, _react.useEffect)(function () {
|
|
195
|
+
if (!!(0, _tools.getQueryString)().redisKey) {
|
|
196
|
+
location.replace(decodeURIComponent(location.href).replace(/&?redisKey=\S*(&|$)/g, ''));
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
if (visible) {
|
|
200
|
+
(0, _request.rdelete)('v1')('Indicator/Clear?message_type=0&indicator_type=15');
|
|
201
|
+
}
|
|
202
|
+
}, [visible]);
|
|
203
|
+
if (!data) return null;
|
|
119
204
|
return /*#__PURE__*/_react["default"].createElement(_commonShare["default"], {
|
|
120
|
-
uid:
|
|
121
|
-
visible:
|
|
205
|
+
uid: new Date().getTime(),
|
|
206
|
+
visible: visible,
|
|
122
207
|
onClose: function onClose() {
|
|
123
208
|
return setVisible(false);
|
|
124
209
|
},
|
|
210
|
+
defaultContent: "Show \u4E00\u4E0B\u6211\u8FD9\u5468\u7684\u52AA\u529B\uFF5E",
|
|
125
211
|
shareComponent: function shareComponent(onShare) {
|
|
126
212
|
return /*#__PURE__*/_react["default"].createElement(WeeklyReportPreview, {
|
|
127
|
-
onShare: onShare
|
|
213
|
+
onShare: onShare,
|
|
214
|
+
onClose: function onClose() {
|
|
215
|
+
return setVisible(false);
|
|
216
|
+
},
|
|
217
|
+
data: data
|
|
128
218
|
});
|
|
129
219
|
}
|
|
130
220
|
});
|
|
@@ -11,34 +11,31 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
|
|
14
|
-
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
|
|
15
|
-
|
|
16
14
|
var preCls = 'weekly-report-card__statistics';
|
|
17
15
|
|
|
18
16
|
function Statistics(_ref) {
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
var data = _ref.data;
|
|
21
18
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
22
19
|
className: preCls
|
|
23
20
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
24
21
|
className: (0, _classnames["default"])(preCls + '__item', preCls + '__finish')
|
|
25
22
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
26
23
|
className: preCls + '__num'
|
|
27
|
-
},
|
|
24
|
+
}, data.TaskNum), /*#__PURE__*/_react["default"].createElement("div", {
|
|
28
25
|
className: preCls + '__text'
|
|
29
26
|
}, "\u5B8C\u6210\u4EFB\u52A1")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
27
|
className: (0, _classnames["default"])(preCls + '__item', preCls + '__praise')
|
|
31
28
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
29
|
className: preCls + '__num'
|
|
33
|
-
},
|
|
30
|
+
}, data.LoveNum), /*#__PURE__*/_react["default"].createElement("div", {
|
|
34
31
|
className: preCls + '__text'
|
|
35
|
-
}, "\u83B7\u5F97\u70B9\u8D5E"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
|
+
}, "\u83B7\u5F97\u70B9\u8D5E"), data.LoveTopNum && data.LoveTopNum != '0' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
33
|
className: preCls + '__tips'
|
|
37
|
-
}, "
|
|
34
|
+
}, "Top", data.LoveTopNum)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
35
|
className: (0, _classnames["default"])(preCls + '__item', preCls + '__communication')
|
|
39
36
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
40
37
|
className: preCls + '__num'
|
|
41
|
-
},
|
|
38
|
+
}, data.Lnteraction), /*#__PURE__*/_react["default"].createElement("div", {
|
|
42
39
|
className: preCls + '__text'
|
|
43
40
|
}, "\u53C2\u4E0E\u4E92\u52A8")));
|
|
44
41
|
}
|
|
@@ -91,7 +91,7 @@ var NewOkrList = function NewOkrList(props) {
|
|
|
91
91
|
targetSort: ""
|
|
92
92
|
};
|
|
93
93
|
|
|
94
|
-
var filterCycle = function
|
|
94
|
+
var filterCycle = function () {
|
|
95
95
|
var routerData = (0, _tools.getQueryString)();
|
|
96
96
|
var annualNum = routerData.annualNum,
|
|
97
97
|
cycleType = routerData.cycleType,
|
|
@@ -110,7 +110,7 @@ var NewOkrList = function NewOkrList(props) {
|
|
|
110
110
|
cycleType: "2",
|
|
111
111
|
yqmNum: "".concat((0, _moment["default"])().quarter())
|
|
112
112
|
};
|
|
113
|
-
};
|
|
113
|
+
}();
|
|
114
114
|
|
|
115
115
|
var showWorkExecution = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting.ShowWorkExecution;
|
|
116
116
|
|
package/package.json
CHANGED