You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__User__Detail__Order__pag...

237 lines
11 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[85111],{
/***/ 87667:
/*!**********************************************************************************!*\
!*** ./src/pages/User/Detail/Order/pages/orderInformation/index.tsx + 1 modules ***!
\**********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": function() { return /* binding */ orderInformation; }
});
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(7557);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(41498);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(79800);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectDestructuringEmpty.js
var objectDestructuringEmpty = __webpack_require__(70236);
var objectDestructuringEmpty_default = /*#__PURE__*/__webpack_require__.n(objectDestructuringEmpty);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
;// CONCATENATED MODULE: ./src/pages/User/Detail/Order/pages/orderInformation/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var orderInformationmodules = ({"flex_box_center":"flex_box_center___cJIfw","flex_space_between":"flex_space_between___tjNZb","flex_box_vertical_center":"flex_box_vertical_center___Rm39J","flex_box_center_end":"flex_box_center_end___tNSRd","flex_box_column":"flex_box_column___VMXBG","information":"information___zSItT","bg":"bg___VfIGQ","content":"content___ASHZ6","header":"header___x8M2V","title":"title___OttIa","des":"des___S4eIV","main":"main___p_J1u","info":"info___ZucvQ","subject":"subject___PUwj6","img":"img___M0YwU","footer":"footer___T2kqC","d1":"d1___EyB5j","d2":"d2___WY8x3","d3":"d3___gtusP"});
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/skeleton/index.js + 12 modules
var skeleton = __webpack_require__(66999);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
var es_button = __webpack_require__(3113);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(57964);
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(88499);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
var _umi_production_exports = __webpack_require__(63350);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/User/Detail/Order/pages/orderInformation/index.tsx
// const test: any = {
// detail: {
// id: 2, // 付费id
// expiration: "2", // 付费类型 1: 长期有效, 2 :有效天数, 3 固定日期
// name: "Python程序设计入门", // 商品名称
// price: "233.0", // 实际加个
// origin_price: '456.0', // 原始价格
// expiration_name: "有效天数: 89",
// days: 89, // 有效天数
// start_at: "", // 固定日期的开始日期
// end_at: "" // 固定日期的结束日期
// }
// }
var Information = function Information(_ref) {
objectDestructuringEmpty_default()(_ref);
var params = (0,_umi_production_exports.useParams)();
var _useState = (0,_react_17_0_2_react.useState)(true),
_useState2 = slicedToArray_default()(_useState, 2),
loading = _useState2[0],
setLoading = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(false),
_useState4 = slicedToArray_default()(_useState3, 2),
btnLoading = _useState4[0],
setBtnLoading = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)({}),
_useState6 = slicedToArray_default()(_useState5, 2),
data = _useState6[0],
setData = _useState6[1];
(0,_react_17_0_2_react.useEffect)(function () {
getData();
}, [params.courseId]);
var getData = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
setLoading(true);
_context.next = 3;
return (0,fetch/* default */.ZP)("/api/subject_charges/detail.json", {
method: 'get',
params: {
subject_id: params.courseId
}
});
case 3:
res = _context.sent;
if (res !== null && res !== void 0 && res.detail) {
setData(res === null || res === void 0 ? void 0 : res.detail);
setLoading(false);
}
case 5:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData() {
return _ref2.apply(this, arguments);
};
}();
var handleClick = /*#__PURE__*/function () {
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
var res;
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
setBtnLoading(true);
_context2.next = 3;
return (0,fetch/* default */.ZP)("/api/payments.json", {
method: 'POST',
body: {
subject_id: params.courseId,
payment_method: 'wechat_qr'
}
});
case 3:
res = _context2.sent;
if (res !== null && res !== void 0 && res.num) {
setBtnLoading(false);
_umi_production_exports.history.push("/order/".concat(params.courseId, "/pay?order_num=").concat(res === null || res === void 0 ? void 0 : res.num));
}
case 5:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return function handleClick() {
return _ref3.apply(this, arguments);
};
}();
return /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
className: orderInformationmodules.information,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: orderInformationmodules.bg
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.content,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.header,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: orderInformationmodules.title,
children: "\u786E\u8BA4\u8BA2\u5355\u4FE1\u606F"
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: orderInformationmodules.des,
children: "\u6CE8\u610F\uFF1A\u8D2D\u4E70\u540E\u4E0D\u652F\u6301\u9000\u6B3E\u3001\u8F6C\u8BA9\uFF0C\u8BF7\u786E\u8BA4\u6709\u6548\u671F\u540E\u518D\u63D0\u4EA4\u8BA2\u5355"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(skeleton/* default */.Z, {
loading: loading,
active: true,
paragraph: {
rows: 5
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.main,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: orderInformationmodules.info,
children: "\u5546\u54C1\u4FE1\u606F"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.subject,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: orderInformationmodules.img,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: "".concat(env/* default */.Z.IMG_SERVER, "/images/avatars/Subject/").concat(data === null || data === void 0 ? void 0 : data.subject_id),
alt: "",
width: 160
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("li", {
children: data === null || data === void 0 ? void 0 : data.name
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
children: ["\u8BFE\u7A0B\u6709\u6548\u671F\uFF1A", (data === null || data === void 0 ? void 0 : data.expiration) === '1' && '永久有效', (data === null || data === void 0 ? void 0 : data.expiration) === '2' && "\u8D2D\u4E70\u540E".concat(data === null || data === void 0 ? void 0 : data.days, "\u5929\u6709\u6548"), (data === null || data === void 0 ? void 0 : data.expiration) === '3' && "".concat(data === null || data === void 0 ? void 0 : data.start_at, "\u5230").concat(data === null || data === void 0 ? void 0 : data.end_at)]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\uFFE5"
}), data === null || data === void 0 ? void 0 : data.price]
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.footer,
children: [!!(data !== null && data !== void 0 && data.origin_price) && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.d1,
children: ["\u5546\u54C1\u91D1\u989D:", /*#__PURE__*/(0,jsx_runtime.jsxs)("b", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\uFFE5"
}), data === null || data === void 0 ? void 0 : data.origin_price]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.d2,
children: ["\u5E94\u4ED8\u91D1\u989D:", /*#__PURE__*/(0,jsx_runtime.jsxs)("b", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\uFFE5"
}), data === null || data === void 0 ? void 0 : data.price]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: orderInformationmodules.d3,
children: ["\u63D0\u4EA4\u8BA2\u5355\u5219\u8868\u793A\u60A8\u540C\u610F", /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
href: "https://forge.educoder.net/help?index=4",
children: "\u300AEduCoder\u670D\u52A1\u534F\u8BAE\u300B"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
loading: btnLoading,
type: "primary",
onClick: handleClick,
children: "\u63D0\u4EA4\u8BA2\u5355"
})]
})]
})]
})]
});
};
/* harmony default export */ var orderInformation = (Information);
/***/ })
}]);