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__Competitions__Update__in...

202 lines
11 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[5650],{
/***/ 70167:
/*!*************************************************************!*\
!*** ./src/pages/Competitions/Update/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 */ Update; }
});
// 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 + 15 modules
var _umi_production_exports = __webpack_require__(67866);
;// CONCATENATED MODULE: ./src/pages/Competitions/Update/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Updatemodules = ({"flex_box_center":"flex_box_center___DHrsr","flex_space_between":"flex_space_between___VeuX0","flex_box_vertical_center":"flex_box_vertical_center___gw9oR","flex_box_center_end":"flex_box_center_end___DyeB2","flex_box_column":"flex_box_column___b77m0","Selecttext":"Selecttext___F1tf1","Updatecount":"Updatecount___VMhwg","Spanradius":"Spanradius___FVSCg"});
// EXTERNAL MODULE: ./node_modules/_react-cropper@1.3.0@react-cropper/dist/react-cropper.js
var react_cropper = __webpack_require__(33555);
// EXTERNAL MODULE: ./node_modules/_cropperjs@1.6.2@cropperjs/dist/cropper.css
var cropper = __webpack_require__(11271);
// 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/breadcrumb/index.js + 6 modules
var breadcrumb = __webpack_require__(66104);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
var input = __webpack_require__(98135);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
var es_button = __webpack_require__(3113);
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(21873);
// EXTERNAL MODULE: ./src/utils/util.tsx
var util = __webpack_require__(13462);
;// CONCATENATED MODULE: ./src/pages/Competitions/Update/index.tsx
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
var __async = (__this, __arguments, generator) => {
return new Promise((resolve, reject) => {
var fulfilled = (value) => {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
};
var rejected = (value) => {
try {
step(generator.throw(value));
} catch (e) {
reject(e);
}
};
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
step((generator = generator.apply(__this, __arguments)).next());
});
};
const competitionDetails = (_a) => {
var _b = _a, {
globalSetting,
loading,
dispatch
} = _b, props = __objRest(_b, [
"globalSetting",
"loading",
"dispatch"
]);
const [HeaderDetail, setHeaderDetail] = (0,_react_17_0_2_react.useState)();
const [personname, setpersonname] = (0,_react_17_0_2_react.useState)();
const [imageurl, setimageurl] = (0,_react_17_0_2_react.useState)();
const [teamlog, setteamlog] = (0,_react_17_0_2_react.useState)("");
const Croppers = (0,_react_17_0_2_react.useRef)(null);
const [updateimg, setupdateimg] = (0,_react_17_0_2_react.useState)("");
const { identifier, Teannameid } = (0,_umi_production_exports.useParams)();
const [letimg, setletimg] = (0,_react_17_0_2_react.useState)("");
(0,_react_17_0_2_react.useEffect)(() => {
function init() {
return __async(this, null, function* () {
var _a2, _b2, _c, _d;
setHeaderDetail(
yield dispatch({
type: "competitions/getHeader",
payload: {
identifier
}
})
);
let data = yield dispatch({
type: "competitions/getTeamDetail",
payload: {
identifier,
Teannameid
}
});
if (data) {
setpersonname((_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.name);
setupdateimg(`${(_b2 = env/* default */.Z) == null ? void 0 : _b2.IMG_SERVER}/${(_c = data == null ? void 0 : data.data) == null ? void 0 : _c.team_log}`);
setletimg((_d = data == null ? void 0 : data.data) == null ? void 0 : _d.team_log);
}
});
}
if (identifier) {
init();
}
}, [identifier]);
(0,_react_17_0_2_react.useEffect)(() => {
(0,util/* setDocumentTitle */.Dk)("\u5728\u7EBF\u7ADE\u8D5B");
});
function _crop() {
setimageurl(Croppers.current.getCroppedCanvas().toDataURL());
}
function submitname() {
return __async(this, null, function* () {
var _a2, _b2;
if (!personname) {
message/* default */.ZP.info("\u961F\u4F0D\u540D\u4E0D\u80FD\u4E3A\u7A7A");
return;
}
let data = yield dispatch({
type: "competitions/UpTeam",
payload: {
identifier,
Teannameid,
name: personname,
image: ((_b2 = (_a2 = Croppers == null ? void 0 : Croppers.current) == null ? void 0 : _a2.getCroppedCanvas()) == null ? void 0 : _b2.toDataURL("image/jpeg")) || ""
}
});
if ((data == null ? void 0 : data.status) === 0) {
message/* default */.ZP.info("\u4FEE\u6539\u6210\u529F");
_umi_production_exports.history.push(`/competitions/${identifier}/detail/enroll`);
}
});
}
function handleFileChange(e) {
const file = e.target.files[0];
if (file) {
if (file.size > 2 * 1024 * 1024) {
message/* default */.ZP.info("\u4EC5\u652F\u6301\u6587\u4EF6\u5927\u5C0F\u5C0F\u4E8E2M\u7684\u6587\u4EF6");
return;
}
}
var reader = new FileReader();
reader.readAsBinaryString(file);
reader.onload = () => {
let base64_content = btoa(reader.result);
setupdateimg(`data:${file.type};base64,${base64_content}`);
};
reader.onerror = function() {
};
}
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "edu-container minH500" }, /* @__PURE__ */ _react_17_0_2_react.createElement(breadcrumb/* default */.Z, { className: "mt10", separator: ">" }, /* @__PURE__ */ _react_17_0_2_react.createElement(breadcrumb/* default */.Z.Item, null, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { to: "/competitions/index" }, "\u5728\u7EBF\u7ADE\u8D5B")), /* @__PURE__ */ _react_17_0_2_react.createElement(breadcrumb/* default */.Z.Item, null, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { to: `/competitions/${identifier}/` }, HeaderDetail && HeaderDetail.name, HeaderDetail && HeaderDetail.sub_title ? "-" + HeaderDetail && HeaderDetail.sub_title : null)), /* @__PURE__ */ _react_17_0_2_react.createElement(breadcrumb/* default */.Z.Item, null, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { to: `/competitions/${identifier}/detail/enroll` }, "\u62A5\u540D")), /* @__PURE__ */ _react_17_0_2_react.createElement(breadcrumb/* default */.Z.Item, null, "\u7F16\u8F91\u6218\u961F\u4FE1\u606F")), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Updatemodules.Selecttext }, "\u7F16\u8F91\u6218\u961F"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Updatemodules.Updatecount }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { fontSize: "14px", color: "#F73737" } }, "*"), "\u961F\u540D\uFF1A", /* @__PURE__ */ _react_17_0_2_react.createElement("p", { style: { marginTop: "15px", marginLeft: "8px", width: "544px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { placeholder: "\u8BF7\u8F93\u5165\u961F\u540D", value: personname, maxLength: 60, addonAfter: !!(personname == null ? void 0 : personname.length) ? String(personname && personname.length) + "/60" : "0/60", onChange: (e) => setpersonname(e.target.value) })), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { style: { marginTop: "15px", marginLeft: "8px", width: "544px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "LOGO\uFF1A"), /* @__PURE__ */ _react_17_0_2_react.createElement("label", { id: "uploadBtn", style: { color: "#4DACFF", cursor: "pointer" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("input", { type: "file", className: "sr-only", id: "inputImage", name: "file", accept: "image/*", onChange: handleFileChange, style: { display: "none" } }), "\u4E0A\u4F20LOGO"), "\xA0", /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "(\u652F\u6301jpg\u3001gif\u3001png\u683C\u5F0F\u7684\u56FE\u7247\uFF0C\u5EFA\u8BAE\u6587\u4EF6\u5C0F\u4E8E2M)")), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { marginTop: "15px", marginLeft: "8px", display: "flex" } }, imageurl ? /* @__PURE__ */ _react_17_0_2_react.createElement("img", { className: Updatemodules.Spanradius, src: imageurl }) : teamlog ? /* @__PURE__ */ _react_17_0_2_react.createElement("img", { className: Updatemodules.Spanradius }) : /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Updatemodules.Spanradius }, personname && personname.length > 2 ? personname && personname.substring(0, 2) : personname), /* @__PURE__ */ _react_17_0_2_react.createElement(
react_cropper/* default */.Z,
{
style: { width: "320px", height: "320px", marginLeft: "30px", background: "#EEEEEE" },
src: updateimg,
guides: false,
ref: Croppers,
crop: _crop
}
))), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { marginTop: "15px", marginBottom: "15px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { type: "primary", onClick: () => submitname() }, "\u786E\u5B9A"), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { style: { marginLeft: "15px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { to: `/competitions/${identifier}/detail/enroll` }, "\u53D6\u6D88"))));
};
/* harmony default export */ var Update = ((0,_umi_production_exports.connect)(
({
loading,
globalSetting
}) => ({
globalSetting,
loading: loading.models.competitions
})
)(competitionDetails));
/***/ })
}]);