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__Account__index.bf047bed....

464 lines
21 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[60547],{
/***/ 96350:
/*!*************************************************!*\
!*** ./src/pages/Account/index.tsx + 5 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 */ Account; }
});
// 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/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__(39647);
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
var _umi_production_exports = __webpack_require__(25789);
// 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: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(14160);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
var message = __webpack_require__(8591);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/modal/index.js + 16 modules
var modal = __webpack_require__(43418);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/spin/index.js + 1 modules
var spin = __webpack_require__(71418);
// EXTERNAL MODULE: ./node_modules/_react-cropper@1.3.0@react-cropper/dist/react-cropper.js
var react_cropper = __webpack_require__(33555);
;// CONCATENATED MODULE: ./src/pages/Account/components/UpdateAvatarModal/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var UpdateAvatarModalmodules = ({"modal":"modal___UiRZE","avatarWrap":"avatarWrap___ult2g","tip":"tip___VD4sc","previewWrap":"previewWrap___DqV9j","previewImg":"previewImg___hrFoK","uploadButton":"uploadButton___RgVQG"});
// EXTERNAL MODULE: ./node_modules/_cropperjs@1.6.2@cropperjs/dist/cropper.css
var cropper = __webpack_require__(24450);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/Account/components/UpdateAvatarModal/index.tsx
var UpdateAvatarModal = function UpdateAvatarModal(_ref) {
var user = _ref.user,
account = _ref.account,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
dispatch = _ref.dispatch,
visible = _ref.visible,
onClose = _ref.onClose;
var _useState = (0,_react_17_0_2_react.useState)(),
_useState2 = slicedToArray_default()(_useState, 2),
avatarImg = _useState2[0],
setAvatarImg = _useState2[1];
var cropper = (0,_react_17_0_2_react.useRef)();
(0,_react_17_0_2_react.useEffect)(function () {
if (visible) {
var _user$userInfo;
setAvatarImg("".concat(env/* default */.Z.IMG_SERVER, "/images/").concat((_user$userInfo = user.userInfo) === null || _user$userInfo === void 0 ? void 0 : _user$userInfo.image_url));
}
}, [user.userInfo, visible]);
var onChange = function onChange(e) {
var _files;
var files;
if (e.dataTransfer) {
files = e.dataTransfer.files;
} else if (e.target) {
files = e.target.files;
}
if (!((_files = files) !== null && _files !== void 0 && _files.length)) {
return;
}
var file = files[0];
if (!/^image\/\w+/.test(file.type)) {
message/* default */.ZP.info('请选择一个图片格式的文件');
return;
}
if (file.size > 10 * 1024 * 1024) {
message/* default */.ZP.info('仅支持文件大小小于10M的文件');
return;
}
var reader = new FileReader();
reader.onload = function () {
setAvatarImg(reader.result);
};
reader.readAsDataURL(files[0]);
};
var handleOk = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var _user$userInfo2;
var dataUrl, res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
dataUrl = cropper.current.getCroppedCanvas().toDataURL("image/jpeg");
if (!dataUrl) {
message/* default */.ZP.info('请先上传图片');
}
_context.next = 4;
return dispatch({
type: 'account/updateAvatar',
payload: {
image: dataUrl,
login: (_user$userInfo2 = user.userInfo) === null || _user$userInfo2 === void 0 ? void 0 : _user$userInfo2.login
}
});
case 4:
res = _context.sent;
handlerCancel();
if (res.status === 0) {
message/* default */.ZP.info('修改头像成功');
dispatch({
type: 'user/getUserInfo'
});
}
case 7:
case "end":
return _context.stop();
}
}, _callee);
}));
return function handleOk() {
return _ref2.apply(this, arguments);
};
}();
var handlerCancel = function handlerCancel() {
onClose();
};
return /*#__PURE__*/(0,jsx_runtime.jsx)(modal/* default */.Z, {
centered: true,
keyboard: false,
closable: false,
open: visible,
title: "\u4E0A\u4F20\u5934\u50CF",
width: 550,
forceRender: true,
confirmLoading: loading['account/updateAvatar'],
onOk: handleOk,
onCancel: handlerCancel,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(spin/* default */.Z, {
spinning: !!loading['account/updateAvatar'],
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: UpdateAvatarModalmodules.modal,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: UpdateAvatarModalmodules.avatarWrap,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_cropper/* default */.Z, {
style: {
height: 320,
width: 320
},
ref: cropper,
src: avatarImg,
guides: false,
aspectRatio: 1,
preview: "#updateAvatarImg"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: UpdateAvatarModalmodules.tip,
children: "\u4EC5\u652F\u6301JPG\u3001GIF\u3001PNG\uFF0C\u4E14\u6587\u4EF6\u5C0F\u4E8E10M"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: UpdateAvatarModalmodules.previewWrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: UpdateAvatarModalmodules.previewImg,
id: "updateAvatarImg"
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "".concat(UpdateAvatarModalmodules.tip, " tc"),
children: "\u5934\u50CF\u9884\u89C8"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
className: UpdateAvatarModalmodules.uploadButton,
id: "uploadBtn",
htmlFor: "inputImage",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", {
type: "file",
className: "sr-only",
id: "inputImage",
name: "file",
accept: "image/*",
style: {
display: "none"
},
onChange: onChange
}), "\u70B9\u51FB\u4E0A\u4F20"]
})]
})]
})
})
});
};
/* harmony default export */ var components_UpdateAvatarModal = ((0,_umi_production_exports.connect)(function (_ref3) {
var user = _ref3.user,
account = _ref3.account,
loading = _ref3.loading,
globalSetting = _ref3.globalSetting;
return {
user: user,
account: account,
globalSetting: globalSetting,
loading: loading.effects
};
})(UpdateAvatarModal));
;// CONCATENATED MODULE: ./src/pages/Account/components/Sidebar/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Sidebarmodules = ({"wrap":"wrap___jmmMV","avatarWrap":"avatarWrap___rSWxp","avatar":"avatar___fcL4a","updateAvatarWrap":"updateAvatarWrap___PvFWZ","img":"img___HYjbH","updateAvatar":"updateAvatar___A4WCJ","name":"name___I27vY","role":"role___S1bgR","title":"title___lYk_h","colorGary":"colorGary___dTxWU","colorGreen":"colorGreen___IMA6y","colorRed":"colorRed___I0jPR","item":"item___daAx6","active":"active___ZGd1H"});
;// CONCATENATED MODULE: ./src/pages/Account/components/Sidebar/index.tsx
var _excluded = ["user", "account", "globalSetting", "loading", "dispatch"];
var NavType = /*#__PURE__*/function (NavType) {
NavType["Profile"] = "profile";
NavType["Certification"] = "certification";
NavType["Secure"] = "secure";
NavType["Group"] = "teach-group";
NavType["Binding"] = "binding";
NavType["Results"] = "Results";
return NavType;
}(NavType || {});
var Sidebar = function Sidebar(_ref) {
var _user$userInfo, _user$userInfo2, _user$userInfo3, _user$userInfo4, _user$userInfo5, _user$userInfo6, _account$basicInfo, _account$basicInfo2, _account$basicInfo3, _globalSetting$settin, _account$actionTabs;
var user = _ref.user,
account = _ref.account,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, _excluded);
var _useState = (0,_react_17_0_2_react.useState)(),
_useState2 = slicedToArray_default()(_useState, 2),
activeKey = _useState2[0],
setActiveKey = _useState2[1];
var location = (0,_umi_production_exports.useLocation)();
(0,_react_17_0_2_react.useEffect)(function () {
var _location$pathname$sp;
var active = (_location$pathname$sp = location.pathname.split('/')) === null || _location$pathname$sp === void 0 ? void 0 : _location$pathname$sp[2];
setActiveKey(active);
}, [location.pathname]);
var avatarImg = "".concat(env/* default */.Z.IMG_SERVER, "/images/").concat((_user$userInfo = user.userInfo) === null || _user$userInfo === void 0 ? void 0 : _user$userInfo.image_url);
return /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
className: Sidebarmodules.wrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Sidebarmodules.avatarWrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Sidebarmodules.avatar,
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Sidebarmodules.updateAvatarWrap,
onClick: function onClick() {
dispatch({
type: 'account/setActionTabs',
payload: {
key: 'Account-UpdateAvatar'
}
});
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
className: Sidebarmodules.img,
src: avatarImg
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Sidebarmodules.updateAvatar,
children: "\u4FEE\u6539\u5934\u50CF"
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: Sidebarmodules.name,
title: (_user$userInfo2 = user.userInfo) === null || _user$userInfo2 === void 0 ? void 0 : _user$userInfo2.username,
children: ((_user$userInfo3 = user.userInfo) === null || _user$userInfo3 === void 0 || (_user$userInfo3 = _user$userInfo3.username) === null || _user$userInfo3 === void 0 ? void 0 : _user$userInfo3.length) > 6 ? ((_user$userInfo4 = user.userInfo) === null || _user$userInfo4 === void 0 || (_user$userInfo4 = _user$userInfo4.username) === null || _user$userInfo4 === void 0 ? void 0 : _user$userInfo4.substr(0, 6)) + '...' : (_user$userInfo5 = user.userInfo) === null || _user$userInfo5 === void 0 ? void 0 : _user$userInfo5.username
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: Sidebarmodules.role,
children: (_user$userInfo6 = user.userInfo) === null || _user$userInfo6 === void 0 ? void 0 : _user$userInfo6.user_identity
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Sidebarmodules.title,
children: "\u8D26\u53F7\u7BA1\u7406"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", {
className: "pl0",
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
className: "".concat(Sidebarmodules.item, " ").concat(activeKey === NavType.Profile ? Sidebarmodules.active : ''),
onClick: function onClick() {
return _umi_production_exports.history.push("/account/".concat(NavType.Profile));
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-jibenxinxi font16 mr5 ".concat(Sidebarmodules.colorGary)
}), "\u57FA\u672C\u4FE1\u606F"]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont font16 mr25 ".concat((_account$basicInfo = account.basicInfo) !== null && _account$basicInfo !== void 0 && _account$basicInfo.base_info_completed ? "".concat(Sidebarmodules.colorGreen, " icon-wancheng") : "".concat(Sidebarmodules.colorRed, " icon-tishi"))
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
className: "".concat(Sidebarmodules.item, " ").concat(activeKey === NavType.Certification ? Sidebarmodules.active : ''),
onClick: function onClick() {
return _umi_production_exports.history.push("/account/".concat(NavType.Certification));
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-renzhengxinxi font16 mr5 ".concat(Sidebarmodules.colorGary)
}), "\u8BA4\u8BC1\u4FE1\u606F"]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont font16 mr25 ".concat(((_account$basicInfo2 = account.basicInfo) === null || _account$basicInfo2 === void 0 ? void 0 : _account$basicInfo2.professional_certification) === 'certified' && ((_account$basicInfo3 = account.basicInfo) === null || _account$basicInfo3 === void 0 ? void 0 : _account$basicInfo3.authentication) === 'certified' ? "".concat(Sidebarmodules.colorGreen, " icon-wancheng") : "".concat(Sidebarmodules.colorRed, " icon-tishi"))
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
className: "".concat(Sidebarmodules.item, " ").concat(activeKey === NavType.Secure ? Sidebarmodules.active : ''),
onClick: function onClick() {
return _umi_production_exports.history.push("/account/".concat(NavType.Secure));
},
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-anquanshezhi font16 mr5 ".concat(Sidebarmodules.colorGary)
}), "\u5B89\u5168\u8BBE\u7F6E"]
})
}), !(globalSetting !== null && globalSetting !== void 0 && (_globalSetting$settin = globalSetting.setting) !== null && _globalSetting$settin !== void 0 && _globalSetting$settin.is_local) && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
className: "".concat(Sidebarmodules.item, " ").concat(activeKey === NavType.Binding ? Sidebarmodules.active : ''),
onClick: function onClick() {
return _umi_production_exports.history.push("/account/".concat(NavType.Binding));
},
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-lianjie font16 mr5 ".concat(Sidebarmodules.colorGary)
}), "\u7ED1\u5B9A\u767B\u5F55\u8D26\u53F7"]
})
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(components_UpdateAvatarModal, {
visible: ((_account$actionTabs = account.actionTabs) === null || _account$actionTabs === void 0 ? void 0 : _account$actionTabs.key) === 'Account-UpdateAvatar',
onClose: function onClose() {
dispatch({
type: 'account/setActionTabs'
});
}
})]
});
};
/* harmony default export */ var components_Sidebar = ((0,_umi_production_exports.connect)(function (_ref2) {
var user = _ref2.user,
account = _ref2.account,
loading = _ref2.loading,
globalSetting = _ref2.globalSetting;
return {
user: user,
account: account,
globalSetting: globalSetting,
loading: loading.models.index
};
})(Sidebar));
;// CONCATENATED MODULE: ./src/pages/Account/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Accountmodules = ({"bg":"bg___lB_B_","wrap":"wrap___GGUEr"});
;// CONCATENATED MODULE: ./src/pages/Account/index.tsx
var Account_excluded = ["user", "account", "globalSetting", "loading", "dispatch"];
// import BeginnerBottom from '@/components/HomeModal/Beginnerbottom'
var AccountPage = function AccountPage(_ref) {
var _user$userInfo3;
var user = _ref.user,
account = _ref.account,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, Account_excluded);
var location = (0,_umi_production_exports.useLocation)();
(0,_react_17_0_2_react.useEffect)(function () {
var _user$userInfo;
if (!((_user$userInfo = user.userInfo) !== null && _user$userInfo !== void 0 && _user$userInfo.login)) {
return;
}
asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var _user$userInfo2;
var res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return dispatch({
type: 'account/getBasicInfo',
payload: {
login: (_user$userInfo2 = user.userInfo) === null || _user$userInfo2 === void 0 ? void 0 : _user$userInfo2.login
}
});
case 2:
res = _context.sent;
if (!(res !== null && res !== void 0 && res.base_info_completed)) {
if (localStorage.getItem('Noviceguide') === '0') {} else {
dispatch({
type: 'shixunHomeworks/setActionTabs',
payload: {
key: '底部弹窗',
type: 3,
text: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
children: "\u8BF7\u60A8\u5B8C\u5584\u4E00\u4E0B\u5E73\u53F0\u7684\u57FA\u672C\u4FE1\u606F\uFF0C\u5305\u62EC\uFF1A\u6635\u79F0\u3001\u804C\u4E1A\u3001\u5B66\u6821/\u5355\u4F4D\uFF0C \u70B9\u51FB\u4FDD\u5B58"
})
}
});
}
_umi_production_exports.history.push("/account/profile/edit");
}
case 4:
case "end":
return _context.stop();
}
}, _callee);
}))();
// console.log('--------编辑',loading['account/editAccount']);
}, [(_user$userInfo3 = user.userInfo) === null || _user$userInfo3 === void 0 ? void 0 : _user$userInfo3.login]);
return /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
className: Accountmodules.bg,
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Accountmodules.wrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(components_Sidebar, {}), /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Outlet, {})]
})
});
};
/* harmony default export */ var Account = ((0,_umi_production_exports.connect)(function (_ref3) {
var user = _ref3.user,
account = _ref3.account,
loading = _ref3.loading,
globalSetting = _ref3.globalSetting;
return {
user: user,
account: account,
globalSetting: globalSetting,
loading: loading.models.index
};
})(AccountPage));
/***/ })
}]);