@titaui/pc 1.10.54 → 1.10.57
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/dynamic/dynamic-item/dynamic-report/index.js +1 -1
- package/lib/components/dynamic/dynamic-item/index.js +1 -1
- package/lib/components/nav-top/components/user-message/components/reply/index.js +7 -6
- package/lib/components/nav-top/components/user-message/components/reply/reply-item.js +15 -5
- package/lib/components/nav-top/request.apis.js +7 -1
- package/lib/components/okrcase-library/okrcases-components/submitOkr-dialog.js +40 -36
- package/lib/index.js +8 -0
- package/lib/pages/new-okr-list/header/index.js +2 -1
- package/lib/pages/pay/image/success.png +0 -0
- package/lib/pages/pay/index.css +79 -0
- package/lib/pages/pay/index.js +66 -0
- package/package.json +1 -1
|
@@ -56,8 +56,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
56
56
|
var preCls = "titaui-user-message-msg-reply";
|
|
57
57
|
|
|
58
58
|
function Reply(props) {
|
|
59
|
-
var onItemClick = props.onItemClick
|
|
60
|
-
handleIntervalRequestMessageInfo = props.handleIntervalRequestMessageInfo;
|
|
59
|
+
var onItemClick = props.onItemClick;
|
|
61
60
|
|
|
62
61
|
var _useState = (0, _react.useState)([]),
|
|
63
62
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -108,6 +107,10 @@ function Reply(props) {
|
|
|
108
107
|
}
|
|
109
108
|
};
|
|
110
109
|
|
|
110
|
+
var handleDeleteReply = function handleDeleteReply(msgId) {
|
|
111
|
+
(0, _request.deleteReply)(msgId);
|
|
112
|
+
};
|
|
113
|
+
|
|
111
114
|
(0, _react.useEffect)(function () {
|
|
112
115
|
setTimeout(function () {
|
|
113
116
|
(0, _request.getReplys)(1).then(function (res) {
|
|
@@ -118,9 +121,6 @@ function Reply(props) {
|
|
|
118
121
|
|
|
119
122
|
setIsLoading(false);
|
|
120
123
|
});
|
|
121
|
-
(0, _request.clearReplys)().then(function () {
|
|
122
|
-
return handleIntervalRequestMessageInfo();
|
|
123
|
-
});
|
|
124
124
|
}, 300);
|
|
125
125
|
}, []);
|
|
126
126
|
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
|
|
@@ -144,7 +144,8 @@ function Reply(props) {
|
|
|
144
144
|
return /*#__PURE__*/_react["default"].createElement(_replyItem["default"], {
|
|
145
145
|
item: item,
|
|
146
146
|
onItemClick: onItemClick,
|
|
147
|
-
replys: replys
|
|
147
|
+
replys: replys,
|
|
148
|
+
handleDeleteReply: handleDeleteReply
|
|
148
149
|
});
|
|
149
150
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
151
|
className: (0, _classnames["default"])("".concat(preCls, "__footer"))
|
|
@@ -30,14 +30,17 @@ var preCls = "titaui-user-message-msg-reply";
|
|
|
30
30
|
function Reply(props) {
|
|
31
31
|
var item = props.item,
|
|
32
32
|
onItemClick = props.onItemClick,
|
|
33
|
-
replys = props.replys
|
|
33
|
+
replys = props.replys,
|
|
34
|
+
handleDeleteReply = props.handleDeleteReply;
|
|
34
35
|
|
|
35
36
|
var handleReplyClick = function handleReplyClick() {
|
|
36
|
-
|
|
37
|
+
if (onItemClick) {
|
|
38
|
+
onItemClick(false);
|
|
39
|
+
}
|
|
37
40
|
};
|
|
38
41
|
|
|
39
42
|
var getDescText = function getDescText() {
|
|
40
|
-
if (item.content.indexOf("@")
|
|
43
|
+
if (item.content.indexOf("@") !== -1) {
|
|
41
44
|
return "@我";
|
|
42
45
|
}
|
|
43
46
|
|
|
@@ -56,8 +59,15 @@ function Reply(props) {
|
|
|
56
59
|
return (0, _utils.deleteText)((0, _utils.htmlToText)(item.content));
|
|
57
60
|
};
|
|
58
61
|
|
|
59
|
-
|
|
60
|
-
|
|
62
|
+
var handleReplyItemClick = function handleReplyItemClick(msgId) {
|
|
63
|
+
handleDeleteReply(msgId);
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
67
|
+
className: (0, _classnames["default"])("".concat(preCls, "__item"), _defineProperty({}, "".concat(preCls, "__item--scroll"), replys.length >= 4)),
|
|
68
|
+
onClick: function onClick() {
|
|
69
|
+
return handleReplyItemClick(item.msgId);
|
|
70
|
+
}
|
|
61
71
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
62
72
|
className: (0, _classnames["default"])("".concat(preCls, "__item-photo"))
|
|
63
73
|
}, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getTodos = exports.getReplys = exports.getReminds = exports.getMessages = exports.getInforms = exports.getData = exports.clearReplys = exports.clearInforms = exports.changeLang = void 0;
|
|
6
|
+
exports.getTodos = exports.getReplys = exports.getReminds = exports.getMessages = exports.getInforms = exports.getData = exports.deleteReply = exports.clearReplys = exports.clearInforms = exports.changeLang = void 0;
|
|
7
7
|
|
|
8
8
|
var _axios = _interopRequireDefault(require("axios"));
|
|
9
9
|
|
|
@@ -65,6 +65,12 @@ var clearReplys = function clearReplys() {
|
|
|
65
65
|
|
|
66
66
|
exports.clearReplys = clearReplys;
|
|
67
67
|
|
|
68
|
+
var deleteReply = function deleteReply(msgId) {
|
|
69
|
+
return (0, _request.rpost)("v1")("messages/clear?msgId=".concat(msgId));
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
exports.deleteReply = deleteReply;
|
|
73
|
+
|
|
68
74
|
var getMessages = function getMessages() {
|
|
69
75
|
var nowTime = new Date();
|
|
70
76
|
var year = nowTime.getFullYear();
|
|
@@ -57,23 +57,23 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
57
57
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
58
58
|
|
|
59
59
|
var Fields = _form["default"].Fields;
|
|
60
|
-
var precls =
|
|
60
|
+
var precls = "okr-cases-library__pay-window";
|
|
61
61
|
|
|
62
62
|
function SubmitDialog(props) {
|
|
63
63
|
var handleShowSubmitOkrWindow = props.handleShowSubmitOkrWindow,
|
|
64
64
|
isShowSubmitOkrWindow = props.isShowSubmitOkrWindow;
|
|
65
65
|
|
|
66
|
-
var _useState = (0, _react.useState)(
|
|
66
|
+
var _useState = (0, _react.useState)(""),
|
|
67
67
|
_useState2 = _slicedToArray(_useState, 2),
|
|
68
68
|
type = _useState2[0],
|
|
69
69
|
setType = _useState2[1];
|
|
70
70
|
|
|
71
|
-
var _useState3 = (0, _react.useState)(
|
|
71
|
+
var _useState3 = (0, _react.useState)(""),
|
|
72
72
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
73
73
|
job = _useState4[0],
|
|
74
74
|
setJob = _useState4[1];
|
|
75
75
|
|
|
76
|
-
var _useState5 = (0, _react.useState)(
|
|
76
|
+
var _useState5 = (0, _react.useState)(""),
|
|
77
77
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
78
78
|
scene = _useState6[0],
|
|
79
79
|
setScene = _useState6[1];
|
|
@@ -93,11 +93,11 @@ function SubmitDialog(props) {
|
|
|
93
93
|
|
|
94
94
|
if (!err.length) {
|
|
95
95
|
(0, _network.postSurvey)(body).then(function () {
|
|
96
|
-
_toast["default"].Success(
|
|
96
|
+
_toast["default"].Success("发送成功");
|
|
97
97
|
|
|
98
98
|
handleShowSubmitOkrWindow(false);
|
|
99
99
|
})["catch"](function () {
|
|
100
|
-
_toast["default"].Warning(
|
|
100
|
+
_toast["default"].Warning("发送失败");
|
|
101
101
|
});
|
|
102
102
|
}
|
|
103
103
|
};
|
|
@@ -130,7 +130,7 @@ function SubmitDialog(props) {
|
|
|
130
130
|
placeholder: "\u5982\u9500\u552E\u56E2\u961F",
|
|
131
131
|
require: true,
|
|
132
132
|
verifies: [{
|
|
133
|
-
tip:
|
|
133
|
+
tip: "OKR类型不能为空",
|
|
134
134
|
test: /\S/
|
|
135
135
|
}],
|
|
136
136
|
onChange: setType
|
|
@@ -140,7 +140,7 @@ function SubmitDialog(props) {
|
|
|
140
140
|
placeholder: "\u5982\u9500\u552EVP",
|
|
141
141
|
require: true,
|
|
142
142
|
verifies: [{
|
|
143
|
-
tip:
|
|
143
|
+
tip: "OKR岗位不能为空",
|
|
144
144
|
test: /\S/
|
|
145
145
|
}],
|
|
146
146
|
onChange: setJob
|
|
@@ -155,7 +155,7 @@ function SubmitDialog(props) {
|
|
|
155
155
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
156
156
|
className: "okr-cases-library__submitWindow-submitButton",
|
|
157
157
|
onClick: onSubmitButtonClick
|
|
158
|
-
}, (0, _getLocale.getLocale)(
|
|
158
|
+
}, (0, _getLocale.getLocale)("Pro_detail_Submission"))));
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
function PayDialog(props) {
|
|
@@ -176,38 +176,38 @@ function PayDialog(props) {
|
|
|
176
176
|
var tenantType = window.BSGlobal.tenantInfo.tenantType; // 外部注冊賬號使用的產品ID不同
|
|
177
177
|
|
|
178
178
|
// 外部注冊賬號使用的產品ID不同
|
|
179
|
-
if (Version === 1 && tenantType === 3) return
|
|
180
|
-
return
|
|
179
|
+
if (Version === 1 && tenantType === 3) return "D9E059E4-4303-4EE2-9275-AE2FA74BBAA6";
|
|
180
|
+
return "60AFAD35-5273-4A06-B2F4-9A3193096BE7";
|
|
181
181
|
}),
|
|
182
182
|
_useState10 = _slicedToArray(_useState9, 1),
|
|
183
183
|
packageId = _useState10[0];
|
|
184
184
|
|
|
185
|
-
var _useState11 = (0, _react.useState)(
|
|
185
|
+
var _useState11 = (0, _react.useState)(""),
|
|
186
186
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
187
187
|
orderId = _useState12[0],
|
|
188
188
|
setOrderId = _useState12[1];
|
|
189
189
|
|
|
190
|
-
var _useState13 = (0, _react.useState)(
|
|
190
|
+
var _useState13 = (0, _react.useState)("wxPay"),
|
|
191
191
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
192
192
|
payCode = _useState14[0],
|
|
193
193
|
setPayCode = _useState14[1];
|
|
194
194
|
|
|
195
|
-
var _useState15 = (0, _react.useState)(
|
|
195
|
+
var _useState15 = (0, _react.useState)("微信"),
|
|
196
196
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
197
197
|
payName = _useState16[0],
|
|
198
198
|
setPayName = _useState16[1];
|
|
199
199
|
|
|
200
200
|
var _useState17 = (0, _react.useState)({
|
|
201
|
-
PayCode:
|
|
202
|
-
PayName:
|
|
201
|
+
PayCode: "directPay",
|
|
202
|
+
PayName: "支付宝"
|
|
203
203
|
}),
|
|
204
204
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
205
205
|
wxModel = _useState18[0],
|
|
206
206
|
setWxModel = _useState18[1];
|
|
207
207
|
|
|
208
208
|
var _useState19 = (0, _react.useState)({
|
|
209
|
-
PayCode:
|
|
210
|
-
PayName:
|
|
209
|
+
PayCode: "wxPay",
|
|
210
|
+
PayName: "微信"
|
|
211
211
|
}),
|
|
212
212
|
_useState20 = _slicedToArray(_useState19, 2),
|
|
213
213
|
aliModel = _useState20[0],
|
|
@@ -259,9 +259,9 @@ function PayDialog(props) {
|
|
|
259
259
|
} else {
|
|
260
260
|
// 订单已支付
|
|
261
261
|
_titaUi.Modal.success({
|
|
262
|
-
title:
|
|
263
|
-
content:
|
|
264
|
-
okText:
|
|
262
|
+
title: "支付成功",
|
|
263
|
+
content: "OKR案例库已开通",
|
|
264
|
+
okText: "立即使用",
|
|
265
265
|
onOk: function () {
|
|
266
266
|
var _onOk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
267
267
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
@@ -300,15 +300,17 @@ function PayDialog(props) {
|
|
|
300
300
|
};
|
|
301
301
|
|
|
302
302
|
var clickPayNowHandler = function clickPayNowHandler(e) {
|
|
303
|
-
if (payCode
|
|
303
|
+
if (payCode === "wxPay") {
|
|
304
304
|
e.preventDefault();
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
})
|
|
305
|
+
var path = window.location.href.split("#")[0];
|
|
306
|
+
var encode = encodeURIComponent("orderId=".concat(orderId, "&payCode=").concat(payCode, "&payName=").concat(payName));
|
|
307
|
+
window.open("".concat(path, "#/pay?").concat(encode), "_blank"); // postWxPayOrder({
|
|
308
|
+
// order_id: orderId,
|
|
309
|
+
// default_bank: payCode,
|
|
310
|
+
// default_bank_name: payName,
|
|
311
|
+
// }).then((res) => {
|
|
312
|
+
// window.open(res, '_blank')
|
|
313
|
+
// })
|
|
312
314
|
}
|
|
313
315
|
|
|
314
316
|
loopOrderInfo(orderId);
|
|
@@ -335,43 +337,45 @@ function PayDialog(props) {
|
|
|
335
337
|
return handleShowPayWindow(false);
|
|
336
338
|
},
|
|
337
339
|
style: {
|
|
338
|
-
width:
|
|
339
|
-
height:
|
|
340
|
+
width: "18px",
|
|
341
|
+
height: "18px"
|
|
340
342
|
}
|
|
341
343
|
}), /*#__PURE__*/_react["default"].createElement("p", {
|
|
342
344
|
className: "".concat(precls, "__head")
|
|
343
|
-
}, price, " \u8D2D\u4E70\u5343\u4EFD OKR \u6848\u4F8B\u5E93"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
345
|
+
}, price, " ", "\u8D2D\u4E70\u5343\u4EFD OKR \u6848\u4F8B\u5E93"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
344
346
|
className: "".concat(precls, "__detail")
|
|
345
347
|
}, "\u53EF\u67E5\u770B \u4F7F\u7528\u6848\u4F8B\u5E93\u6240\u6709\u884C\u4E1A\u7684\u6848\u4F8B", /*#__PURE__*/_react["default"].createElement("a", {
|
|
346
348
|
href: "https://club.tita.com/okr-examples",
|
|
347
349
|
target: "_blank",
|
|
348
350
|
rel: "noreferrer"
|
|
349
|
-
}, (0, _getLocale.getLocale)(
|
|
351
|
+
}, (0, _getLocale.getLocale)("Mod_Checkdetails"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
350
352
|
className: "".concat(precls, "__amount")
|
|
351
353
|
}, "\u5E94\u4ED8\u91D1\u989D\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
352
354
|
style: {
|
|
353
|
-
fontSize:
|
|
355
|
+
fontSize: "32px"
|
|
354
356
|
}
|
|
355
357
|
}, "29.8"), "\u5143/\u5E74")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
356
358
|
className: "".concat(precls, "__type")
|
|
357
359
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
358
|
-
className: (0, _classnames["default"])("".concat(precls, "__commit-order"), "".concat(precls, "__commit-order--wx"), _defineProperty({}, "".concat(precls, "__commit-order--active"), payCode
|
|
360
|
+
className: (0, _classnames["default"])("".concat(precls, "__commit-order"), "".concat(precls, "__commit-order--wx"), _defineProperty({}, "".concat(precls, "__commit-order--active"), payCode === (wxModel === null || wxModel === void 0 ? void 0 : wxModel.PayCode))),
|
|
359
361
|
onClick: function onClick() {
|
|
360
362
|
return onPayOrderChange(wxModel);
|
|
361
363
|
}
|
|
362
364
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
363
365
|
src: _wxPay["default"],
|
|
366
|
+
alt: "",
|
|
364
367
|
width: 20,
|
|
365
368
|
style: {
|
|
366
369
|
marginRight: 4
|
|
367
370
|
}
|
|
368
371
|
}), "\u5FAE\u4FE1\u652F\u4ED8"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
369
|
-
className: (0, _classnames["default"])("".concat(precls, "__commit-order"), _defineProperty({}, "".concat(precls, "__commit-order--active"), payCode
|
|
372
|
+
className: (0, _classnames["default"])("".concat(precls, "__commit-order"), _defineProperty({}, "".concat(precls, "__commit-order--active"), payCode === (aliModel === null || aliModel === void 0 ? void 0 : aliModel.PayCode))),
|
|
370
373
|
onClick: function onClick() {
|
|
371
374
|
return onPayOrderChange(aliModel);
|
|
372
375
|
}
|
|
373
376
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
374
377
|
src: _aliPay["default"],
|
|
378
|
+
alt: "",
|
|
375
379
|
width: 20,
|
|
376
380
|
style: {
|
|
377
381
|
marginRight: 4
|
package/lib/index.js
CHANGED
|
@@ -327,6 +327,12 @@ Object.defineProperty(exports, "PasswordInput", {
|
|
|
327
327
|
return _passwordInput["default"];
|
|
328
328
|
}
|
|
329
329
|
});
|
|
330
|
+
Object.defineProperty(exports, "PayPage", {
|
|
331
|
+
enumerable: true,
|
|
332
|
+
get: function get() {
|
|
333
|
+
return _pay["default"];
|
|
334
|
+
}
|
|
335
|
+
});
|
|
330
336
|
Object.defineProperty(exports, "PeriodSelector", {
|
|
331
337
|
enumerable: true,
|
|
332
338
|
get: function get() {
|
|
@@ -744,6 +750,8 @@ var _uploadPhotoModal = _interopRequireDefault(require("./components/upload-phot
|
|
|
744
750
|
|
|
745
751
|
var _bookDemo = _interopRequireDefault(require("./components/book-demo"));
|
|
746
752
|
|
|
753
|
+
var _pay = _interopRequireDefault(require("./pages/pay"));
|
|
754
|
+
|
|
747
755
|
var _richEditor = _interopRequireDefault(require("./components/rich-editor"));
|
|
748
756
|
|
|
749
757
|
var _videoModal = _interopRequireDefault(require("./components/video-modal"));
|
|
@@ -154,7 +154,8 @@ function Header(props, ref) {
|
|
|
154
154
|
annualNum: annualNum,
|
|
155
155
|
yqmNum: yqmNum
|
|
156
156
|
})), "rootNode=".concat(JSON.stringify(rootNode)), "level2Selected=".concat(JSON.stringify(level2Selected))].join("&");
|
|
157
|
-
|
|
157
|
+
var origin = window.location.href.split('#')[0];
|
|
158
|
+
window.location.href = "".concat(origin, "/#okr/map?").concat(urlQuery);
|
|
158
159
|
};
|
|
159
160
|
|
|
160
161
|
var getTitle = function getTitle() {
|
|
Binary file
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
.tita-pay-page {
|
|
2
|
+
width: 100vw;
|
|
3
|
+
height: 100vh;
|
|
4
|
+
background: linear-gradient(180deg, #e9f1ff 0%, rgba(233, 241, 255, 0) 100%);
|
|
5
|
+
position: relative;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.tita-pay-page-layout {
|
|
9
|
+
position: absolute;
|
|
10
|
+
top: calc(50% - 40px);
|
|
11
|
+
left: 50%;
|
|
12
|
+
transform: translate(-50%, -50%);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.tita-pay-page__title {
|
|
16
|
+
display: flex;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.tita-pay-page__card {
|
|
21
|
+
width: 444px;
|
|
22
|
+
height: 469px;
|
|
23
|
+
background: #ffffff;
|
|
24
|
+
box-shadow: 0px 12px 20px 0px rgba(127, 145, 180, 0.2);
|
|
25
|
+
border-radius: 24px;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
align-items: center;
|
|
29
|
+
margin-top: 21px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.tita-pay-page__card__success-image {
|
|
33
|
+
width: 194px;
|
|
34
|
+
height: 194px;
|
|
35
|
+
margin-top: 76px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.tita-pay-page__card__success-message {
|
|
39
|
+
font-weight: 600;
|
|
40
|
+
margin-top: 28px;
|
|
41
|
+
font-size: 20px;
|
|
42
|
+
color: #3f4755;
|
|
43
|
+
line-height: 32px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.tita-pay-page__card__success-promptMes {
|
|
47
|
+
font-size: 14px;
|
|
48
|
+
font-weight: 400;
|
|
49
|
+
color: #3f4755;
|
|
50
|
+
line-height: 22px;
|
|
51
|
+
margin-top: 12px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.tita-pay-page__card-title {
|
|
55
|
+
font-size: 20px;
|
|
56
|
+
color: #141c28;
|
|
57
|
+
line-height: 30px;
|
|
58
|
+
margin-top: 44px;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.tita-pay-page__card-price {
|
|
62
|
+
margin: 12px 0 17px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.tita-pay-page__card-qrcode {
|
|
66
|
+
width: 240px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.tita-pay-page__card-qrcode > img {
|
|
70
|
+
width: 100%;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.tita-pay-page__card-promptMes {
|
|
74
|
+
margin-top: 20px;
|
|
75
|
+
font-size: 16px;
|
|
76
|
+
font-weight: 400;
|
|
77
|
+
color: #3f4755;
|
|
78
|
+
line-height: 22px;
|
|
79
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _success = _interopRequireDefault(require("./image/success.png"));
|
|
11
|
+
|
|
12
|
+
require("./index.css");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
var preCls = "tita-pay-page";
|
|
17
|
+
|
|
18
|
+
var payPage = function payPage(_ref) {
|
|
19
|
+
var title = _ref.title,
|
|
20
|
+
cardTitle = _ref.cardTitle,
|
|
21
|
+
price = _ref.price,
|
|
22
|
+
qrcode = _ref.qrcode,
|
|
23
|
+
promptMes = _ref.promptMes,
|
|
24
|
+
isSuccessPay = _ref.isSuccessPay,
|
|
25
|
+
successMes = _ref.successMes;
|
|
26
|
+
|
|
27
|
+
var renderSuccessCard = function renderSuccessCard() {
|
|
28
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
29
|
+
className: "".concat(preCls, "__card__success-image"),
|
|
30
|
+
src: _success["default"],
|
|
31
|
+
alt: ""
|
|
32
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
|
+
className: "".concat(preCls, "__card__success-message")
|
|
34
|
+
}, "\u606D\u559C\u60A8\uFF0C\u652F\u4ED8\u6210\u529F"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
+
className: "".concat(preCls, "__card__success-promptMes")
|
|
36
|
+
}, successMes));
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
var renderCard = function renderCard() {
|
|
40
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
41
|
+
className: "".concat(preCls, "__card-title")
|
|
42
|
+
}, cardTitle), /*#__PURE__*/_react["default"].createElement("div", {
|
|
43
|
+
className: "".concat(preCls, "__card-price")
|
|
44
|
+
}, price), /*#__PURE__*/_react["default"].createElement("div", {
|
|
45
|
+
className: "".concat(preCls, "__card-qrcode")
|
|
46
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
47
|
+
src: qrcode,
|
|
48
|
+
alt: ""
|
|
49
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
50
|
+
className: "".concat(preCls, "__card-promptMes")
|
|
51
|
+
}, qrcode ? promptMes : "订单获取失败,请返回重试"));
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
55
|
+
className: "".concat(preCls)
|
|
56
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
57
|
+
className: "".concat(preCls, "-layout")
|
|
58
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
59
|
+
className: "".concat(preCls, "__title")
|
|
60
|
+
}, title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
61
|
+
className: "".concat(preCls, "__card")
|
|
62
|
+
}, isSuccessPay ? renderSuccessCard() : renderCard())));
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
var _default = payPage;
|
|
66
|
+
exports["default"] = _default;
|