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.
1224 lines
53 KiB
1224 lines
53 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[559],{
|
|
|
|
/***/ 47229:
|
|
/*!************************************************************!*\
|
|
!*** ./src/components/ui-customization/reset.less?modules ***!
|
|
\************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ __webpack_exports__.Z = ({"flex_box_center":"flex_box_center___vG4eV","flex_space_between":"flex_space_between___qVVxe","flex_box_vertical_center":"flex_box_vertical_center___P8Z8s","flex_box_center_end":"flex_box_center_end___VMme3","flex_box_column":"flex_box_column___VMHwm","dropdownmenus":"dropdownmenus___oVzoj","popupClassNames":"popupClassNames___OcZq7","selectdown":"selectdown___mmcA8"});
|
|
|
|
/***/ }),
|
|
|
|
/***/ 34350:
|
|
/*!*********************************************************!*\
|
|
!*** ./src/layouts/virtualDetail/index.tsx + 9 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 */ virtualDetail; },
|
|
listPlanLibrary: function() { return /* binding */ listPlanLibrary; }
|
|
});
|
|
|
|
// 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__(23852);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/layout/index.js
|
|
var layout = __webpack_require__(44000);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/row/index.js
|
|
var row = __webpack_require__(95237);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/skeleton/index.js + 12 modules
|
|
var skeleton = __webpack_require__(2518);
|
|
// EXTERNAL MODULE: ./node_modules/_react-beautiful-dnd@13.0.0@react-beautiful-dnd/dist/react-beautiful-dnd.esm.js + 27 modules
|
|
var react_beautiful_dnd_esm = __webpack_require__(15445);
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/LeftMenus/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var LeftMenusmodules = ({"flex_box_center":"flex_box_center___DQ9X1","flex_space_between":"flex_space_between___FvB3U","flex_box_vertical_center":"flex_box_vertical_center___CjjN6","flex_box_center_end":"flex_box_center_end___kfWYR","flex_box_column":"flex_box_column___P4a8M","leftMenu":"leftMenu___Xh9Tv","menuText":"menuText___r8qUK","list":"list___gc6zr","icon":"icon___BIyI5","name":"name___EvZQx","activeCssOne":"activeCssOne___bjRI_","activeCssTwo":"activeCssTwo___X0Axs"});
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/LeftMenus/index.tsx
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var __spreadValues = (a, b) => {
|
|
for (var prop in b || (b = {}))
|
|
if (__hasOwnProp.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
if (__getOwnPropSymbols)
|
|
for (var prop of __getOwnPropSymbols(b)) {
|
|
if (__propIsEnum.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
}
|
|
return a;
|
|
};
|
|
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 Menus = (_a) => {
|
|
var _b = _a, {
|
|
virtualSpaces,
|
|
globalSetting,
|
|
user,
|
|
loading,
|
|
dispatch,
|
|
children
|
|
} = _b, props = __objRest(_b, [
|
|
"virtualSpaces",
|
|
"globalSetting",
|
|
"user",
|
|
"loading",
|
|
"dispatch",
|
|
"children"
|
|
]);
|
|
const query = (0,_umi_production_exports.useParams)();
|
|
const location = (0,_umi_production_exports.useLocation)();
|
|
const [openFirstKey, setOpenFirstKey] = (0,_react_17_0_2_react.useState)([]);
|
|
const { menus } = virtualSpaces;
|
|
console.log(menus, "menus");
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
getMenus();
|
|
}, []);
|
|
const SubmenuIcons = {
|
|
syllabuses: "iconfont font18 icon-jiaoxuedagang",
|
|
courses: "iconfont font18 icon-kechengziyuan",
|
|
shixuns: "iconfont font18 icon-shixunxiangmu",
|
|
videos: "iconfont font18 icon-shipinziyuan",
|
|
attachments: "iconfont icon-kejianziyuan",
|
|
members: "iconfont font18 icon-chengyuanguanli2",
|
|
notices: "iconfont font18 icon-tongzhigonggao",
|
|
graphs: "iconfont font18 icon-zhishitupu",
|
|
achievements: "iconfont font18 icon-jiaoyanchengguo",
|
|
vresearches: "iconfont font18 icon-VRyantao",
|
|
leaderboards: "iconfont font18 icon-gongxianpaihang",
|
|
news: "iconfont font18 icon-tongzhigonggao",
|
|
collaborates: "iconfont font18 icon-jiaoxuexietong",
|
|
educations: "iconfont font18 icon-kechengziyuan",
|
|
practices: "iconfont font18 icon-jiaoyanchengguo",
|
|
communities: "iconfont font18 icon-gongxianpaihang",
|
|
managements: "iconfont font18 icon-shezhi6"
|
|
};
|
|
const getMenus = () => __async(void 0, null, function* () {
|
|
const res = yield dispatch({
|
|
type: "virtualSpaces/getVirtualSpacesMenus",
|
|
payload: {
|
|
id: query.virtual_spacesId
|
|
}
|
|
});
|
|
let key = [];
|
|
let id = "";
|
|
res == null ? void 0 : res.forEach((e) => {
|
|
var _a2;
|
|
(_a2 = e == null ? void 0 : e.children) == null ? void 0 : _a2.forEach((k) => {
|
|
var _a3;
|
|
if ((_a3 = location == null ? void 0 : location.pathname) == null ? void 0 : _a3.includes(k.module_url)) {
|
|
id = k.id;
|
|
}
|
|
});
|
|
key.push(e.id);
|
|
});
|
|
setOpenFirstKey(key);
|
|
dispatch({
|
|
type: "virtualSpaces/setActionTabs",
|
|
payload: {
|
|
module_id: id
|
|
}
|
|
});
|
|
});
|
|
const onDragEnd = (data) => __async(void 0, null, function* () {
|
|
});
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement("section", { className: LeftMenusmodules.leftMenu }, /* @__PURE__ */ _react_17_0_2_react.createElement(skeleton/* default */.Z, { loading: loading.effects["virtualSpaces/getVirtualSpacesMenus"] }, menus == null ? void 0 : menus.map(function(v, k) {
|
|
var _a2;
|
|
let bool = (_a2 = v == null ? void 0 : v.children) == null ? void 0 : _a2.some((e) => location.pathname.indexOf(e.module_url) > -1);
|
|
bool = bool || location.pathname === (v == null ? void 0 : v.module_url);
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement("ul", { key: k }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"li",
|
|
{
|
|
className: bool && LeftMenusmodules.activeCssOne,
|
|
onClick: () => {
|
|
if ((v == null ? void 0 : v.icon_type) === "managements") {
|
|
_umi_production_exports.history.push(v == null ? void 0 : v.module_url);
|
|
}
|
|
}
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"div",
|
|
{
|
|
className: LeftMenusmodules.list,
|
|
style: (v == null ? void 0 : v.icon_type) === "managements" ? { cursor: "pointer" } : {}
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: LeftMenusmodules.icon }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: SubmenuIcons == null ? void 0 : SubmenuIcons[v.icon_type] }), " "),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: LeftMenusmodules.name }, v.name)
|
|
)
|
|
), (openFirstKey == null ? void 0 : openFirstKey.includes(v.id)) && /* @__PURE__ */ _react_17_0_2_react.createElement(react_beautiful_dnd_esm/* DragDropContext */.Z5, { onDragEnd }, /* @__PURE__ */ _react_17_0_2_react.createElement(react_beautiful_dnd_esm/* Droppable */.bK, { droppableId: String(v.id) }, (provided, snapshot) => {
|
|
var _a3;
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"ul",
|
|
__spreadValues({
|
|
ref: provided.innerRef
|
|
}, provided.droppableProps),
|
|
(_a3 = v == null ? void 0 : v.children) == null ? void 0 : _a3.map(function(val, key) {
|
|
var _a4;
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
react_beautiful_dnd_esm/* Draggable */._l,
|
|
{
|
|
draggableId: `${(_a4 = val.id) == null ? void 0 : _a4.toString()}-${k}-${key}`,
|
|
index: key,
|
|
key: val.id,
|
|
isDragDisabled: true
|
|
},
|
|
(provided2, snapshot2) => /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"div",
|
|
__spreadValues(__spreadValues({
|
|
key,
|
|
ref: provided2.innerRef
|
|
}, provided2.draggableProps), provided2.dragHandleProps),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("li", { className: location.pathname.indexOf(val.module_url) > -1 && LeftMenusmodules.activeCssTwo }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"span",
|
|
{
|
|
className: LeftMenusmodules.menuText,
|
|
onClick: (e) => {
|
|
_umi_production_exports.history.push(val.module_url);
|
|
dispatch({
|
|
type: "virtualSpaces/setActionTabs",
|
|
payload: {
|
|
module_id: v.id
|
|
}
|
|
});
|
|
}
|
|
},
|
|
val.name
|
|
))
|
|
)
|
|
);
|
|
})
|
|
);
|
|
})));
|
|
})));
|
|
};
|
|
/* harmony default export */ var LeftMenus = ((0,_umi_production_exports.connect)(
|
|
({
|
|
virtualSpaces,
|
|
loading,
|
|
globalSetting,
|
|
user
|
|
}) => ({
|
|
virtualSpaces,
|
|
globalSetting,
|
|
user,
|
|
loading
|
|
})
|
|
)(Menus));
|
|
|
|
// 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/message/index.js + 4 modules
|
|
var message = __webpack_require__(8591);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tooltip/index.js + 3 modules
|
|
var tooltip = __webpack_require__(6848);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
|
|
var es_button = __webpack_require__(3113);
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/TopBanner/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var TopBannermodules = ({"bg":"bg___vd7LL","headName":"headName___sPZlC","name":"name___MBElV","member":"member___StkKn"});
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(64841);
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
var env = __webpack_require__(19351);
|
|
// EXTERNAL MODULE: ./src/pages/virtualSpaces/components/AddOrEdit/index.tsx + 1 modules
|
|
var AddOrEdit = __webpack_require__(16859);
|
|
// EXTERNAL MODULE: ./src/utils/authority.ts
|
|
var authority = __webpack_require__(77883);
|
|
// EXTERNAL MODULE: ./src/utils/verifyLogin.tsx + 2 modules
|
|
var verifyLogin = __webpack_require__(53140);
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/TopBanner/index.tsx
|
|
var TopBanner_defProp = Object.defineProperty;
|
|
var TopBanner_getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
var TopBanner_hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var TopBanner_propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
var TopBanner_defNormalProp = (obj, key, value) => key in obj ? TopBanner_defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var TopBanner_spreadValues = (a, b) => {
|
|
for (var prop in b || (b = {}))
|
|
if (TopBanner_hasOwnProp.call(b, prop))
|
|
TopBanner_defNormalProp(a, prop, b[prop]);
|
|
if (TopBanner_getOwnPropSymbols)
|
|
for (var prop of TopBanner_getOwnPropSymbols(b)) {
|
|
if (TopBanner_propIsEnum.call(b, prop))
|
|
TopBanner_defNormalProp(a, prop, b[prop]);
|
|
}
|
|
return a;
|
|
};
|
|
var TopBanner_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 TopBanner = ({ virtualSpaces, user, dispatch }) => {
|
|
const [visible, setVisible] = (0,_react_17_0_2_react.useState)(false);
|
|
const urlParams = (0,_umi_production_exports.useParams)();
|
|
const { virtualSpacesDetails } = virtualSpaces;
|
|
const getDetails = () => {
|
|
dispatch({
|
|
type: "virtualSpaces/getVirtualSpacesDetails",
|
|
payload: { id: urlParams == null ? void 0 : urlParams.virtual_spacesId }
|
|
});
|
|
};
|
|
const handleJoin = () => {
|
|
if (!(0,verifyLogin/* handleVerifyLogin */.o1)(dispatch)) {
|
|
return;
|
|
}
|
|
modal["default"].confirm({
|
|
centered: true,
|
|
width: 424,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
title: "\u786E\u8BA4\u7533\u8BF7\u52A0\u5165",
|
|
icon: null,
|
|
className: "custom-modal-divider",
|
|
content: /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "font14" }, "\u786E\u8BA4\u5411\u7BA1\u7406\u5458\u7533\u8BF7\u52A0\u5165\u8BE5\u865A\u62DF\u793E\u533A\u5417\uFF1F"),
|
|
onOk: () => TopBanner_async(void 0, null, function* () {
|
|
const res = yield (0,fetch/* default */.ZP)(
|
|
`/api/virtual_classrooms/${urlParams == null ? void 0 : urlParams.virtual_spacesId}/apply_become_member.json`,
|
|
{
|
|
method: "post"
|
|
}
|
|
);
|
|
if ((res == null ? void 0 : res.status) !== -1) {
|
|
message/* default */.ZP.success(res == null ? void 0 : res.message);
|
|
getDetails();
|
|
}
|
|
})
|
|
});
|
|
};
|
|
const handlePublic = () => {
|
|
modal["default"].confirm({
|
|
centered: true,
|
|
width: 424,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
title: "\u786E\u8BA4\u7533\u8BF7\u516C\u5F00",
|
|
icon: null,
|
|
className: "custom-modal-divider",
|
|
content: /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "font14" }, /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u786E\u8BA4\u5411\u5E73\u53F0\u7533\u8BF7\u516C\u5F00\u865A\u62DF\u793E\u533A\u5417\uFF1F"), /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u516C\u5F00\u865A\u62DF\u793E\u533A\u9700\u7ECF\u8FC7\u5E73\u53F0\u6807\u51C6\u5316\u5BA1\u6838\uFF0C\u5BA1\u6838\u5468\u671F\u4E3A1-2\u5929\uFF0C"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, "\u516C\u5F00\u7684\u865A\u62DF\u793E\u533A\u5C06\u5BF9\u5E73\u53F0\u6240\u6709\u4EBA\u53EF\u89C1\u3002")),
|
|
onOk: () => TopBanner_async(void 0, null, function* () {
|
|
const res = yield (0,fetch/* default */.ZP)(
|
|
`/api/virtual_classrooms/${urlParams == null ? void 0 : urlParams.virtual_spacesId}/apply_public.json`,
|
|
{
|
|
method: "post"
|
|
}
|
|
);
|
|
if ((res == null ? void 0 : res.status) !== -1) {
|
|
message/* default */.ZP.success(res == null ? void 0 : res.message);
|
|
getDetails();
|
|
}
|
|
})
|
|
});
|
|
};
|
|
const handleOk = (values) => TopBanner_async(void 0, null, function* () {
|
|
const res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${urlParams == null ? void 0 : urlParams.virtual_spacesId}.json`, {
|
|
method: "put",
|
|
body: values
|
|
});
|
|
if ((res == null ? void 0 : res.status) === 0) {
|
|
getDetails();
|
|
setVisible(false);
|
|
}
|
|
});
|
|
const handleEdit = (values) => TopBanner_async(void 0, null, function* () {
|
|
setVisible(TopBanner_spreadValues({}, virtualSpacesDetails));
|
|
});
|
|
const permission = (virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.is_member) || (0,authority/* isSuperAdmins */.Ny)();
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"div",
|
|
{
|
|
className: TopBannermodules.bg,
|
|
style: {
|
|
background: `url('${env/* default */.Z.IMG_SERVER + (virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.backbground_image_url)}') no-repeat center center`
|
|
}
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: TopBannermodules.headName }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, " ", virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.name)),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("aside", null, /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: TopBannermodules.member }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u6210\u5458\u603B\u6570" }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { style: { color: "#FF8B58", fontSize: 24 }, className: "iconfont icon-a-chengyuan1" })), /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u6210\u5458\u603B\u6570" }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.members_count))), /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u8D44\u6E90\u603B\u6570" }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { style: { color: "#07C160", marginLeft: 100 }, className: "iconfont icon-a-ziyuanku1" })), /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u8D44\u6E90\u603B\u6570" }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.resources_count)))), permission && /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_button/* default */.ZP,
|
|
{
|
|
disabled: (virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.status) !== 2,
|
|
onClick: handlePublic,
|
|
type: "primary"
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-sheweigongkai2 mr5 font14" }),
|
|
(virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.status) === 2 ? "\u7533\u8BF7\u516C\u5F00" : (virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.status) === 0 ? "\u7533\u8BF7\u4E2D" : "\u5DF2\u516C\u5F00"
|
|
), !permission && /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { onClick: handleJoin, type: "primary" }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-shenqingjiaru2 mr5 font14" }), "\u7533\u8BF7\u52A0\u5165"))),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
AddOrEdit/* default */.Z,
|
|
{
|
|
visible,
|
|
title: "\u7F16\u8F91\u865A\u62DF\u793E\u533A",
|
|
onCancel: () => setVisible(false),
|
|
onOk: handleOk
|
|
}
|
|
)
|
|
);
|
|
};
|
|
/* harmony default export */ var virtualDetail_TopBanner = ((0,_umi_production_exports.connect)(
|
|
({
|
|
virtualSpaces,
|
|
user
|
|
}) => ({
|
|
virtualSpaces,
|
|
user
|
|
})
|
|
)(TopBanner));
|
|
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/TopPlanBanner/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var TopPlanBannermodules = ({"bg":"bg___kZNV_","headName":"headName___ZMo2u"});
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/TopPlanBanner/index.tsx
|
|
|
|
|
|
|
|
const TopPlanBanner_TopBanner = ({ virtualSpaces, user, dispatch }) => {
|
|
const { virtualSpacesDetails } = virtualSpaces;
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"div",
|
|
{
|
|
className: TopPlanBannermodules.bg,
|
|
style: {
|
|
background: `url('${virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.backbground_image_url}') no-repeat center center`
|
|
}
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: TopPlanBannermodules.headName }, !(virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.is_upload_bg_image) && /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, " ", virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.name))
|
|
);
|
|
};
|
|
/* harmony default export */ var TopPlanBanner = ((0,_umi_production_exports.connect)(
|
|
({
|
|
virtualSpaces,
|
|
user
|
|
}) => ({
|
|
virtualSpaces,
|
|
user
|
|
})
|
|
)(TopPlanBanner_TopBanner));
|
|
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/LeftPlanMenus/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var LeftPlanMenusmodules = ({"flex_box_center":"flex_box_center___tyjzz","flex_space_between":"flex_space_between___twMxD","flex_box_vertical_center":"flex_box_vertical_center___rpdJ6","flex_box_center_end":"flex_box_center_end___HPgPu","flex_box_column":"flex_box_column___Xw8TQ","menuWrap":"menuWrap___oMbDo","nav":"nav___tDkKA","active":"active___CEg8Y"});
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/LeftPlanMenus/index.tsx
|
|
var LeftPlanMenus_defProp = Object.defineProperty;
|
|
var __defProps = Object.defineProperties;
|
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
var LeftPlanMenus_getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
var LeftPlanMenus_hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var LeftPlanMenus_propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
var LeftPlanMenus_defNormalProp = (obj, key, value) => key in obj ? LeftPlanMenus_defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var LeftPlanMenus_spreadValues = (a, b) => {
|
|
for (var prop in b || (b = {}))
|
|
if (LeftPlanMenus_hasOwnProp.call(b, prop))
|
|
LeftPlanMenus_defNormalProp(a, prop, b[prop]);
|
|
if (LeftPlanMenus_getOwnPropSymbols)
|
|
for (var prop of LeftPlanMenus_getOwnPropSymbols(b)) {
|
|
if (LeftPlanMenus_propIsEnum.call(b, prop))
|
|
LeftPlanMenus_defNormalProp(a, prop, b[prop]);
|
|
}
|
|
return a;
|
|
};
|
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
var LeftPlanMenus_objRest = (source, exclude) => {
|
|
var target = {};
|
|
for (var prop in source)
|
|
if (LeftPlanMenus_hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
target[prop] = source[prop];
|
|
if (source != null && LeftPlanMenus_getOwnPropSymbols)
|
|
for (var prop of LeftPlanMenus_getOwnPropSymbols(source)) {
|
|
if (exclude.indexOf(prop) < 0 && LeftPlanMenus_propIsEnum.call(source, prop))
|
|
target[prop] = source[prop];
|
|
}
|
|
return target;
|
|
};
|
|
var LeftPlanMenus_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 Banner = (_a) => {
|
|
var _b = _a, {
|
|
user,
|
|
globalSetting,
|
|
dispatch,
|
|
virtualSpaces
|
|
} = _b, props = LeftPlanMenus_objRest(_b, [
|
|
"user",
|
|
"globalSetting",
|
|
"dispatch",
|
|
"virtualSpaces"
|
|
]);
|
|
var _a2;
|
|
const location = (0,_umi_production_exports.useLocation)();
|
|
const [activeKey, setActiveKey] = (0,_react_17_0_2_react.useState)();
|
|
const params = (0,_umi_production_exports.useParams)();
|
|
const { virtual_spacesId } = params;
|
|
const { menus = [] } = virtualSpaces;
|
|
const [searchParams] = (0,_umi_production_exports.useSearchParams)();
|
|
window.addEventListener("beforeunload", function(event) {
|
|
});
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
var _a3, _b2, _c, _d, _e, _f;
|
|
if (searchParams.get("leftMenuId")) {
|
|
setActiveKey(searchParams.get("leftMenuId"));
|
|
window.localStorage.setItem("vtrsModuleId", searchParams.get("leftMenuId"));
|
|
} else {
|
|
if (menus.length) {
|
|
if (!window.localStorage.getItem("vtrsModuleId") || !((_a3 = location.pathname.split("/")) == null ? void 0 : _a3[3])) {
|
|
setActiveKey((_b2 = menus == null ? void 0 : menus[0]) == null ? void 0 : _b2.id);
|
|
window.localStorage.setItem("vtrsModuleId", (_c = menus == null ? void 0 : menus[0]) == null ? void 0 : _c.id);
|
|
} else {
|
|
for (let i in menus) {
|
|
if (((_d = menus == null ? void 0 : menus[i]) == null ? void 0 : _d.module_url) == location.pathname) {
|
|
setActiveKey((_e = menus == null ? void 0 : menus[i]) == null ? void 0 : _e.id);
|
|
window.localStorage.setItem("vtrsModuleId", (_f = menus == null ? void 0 : menus[i]) == null ? void 0 : _f.id);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}, [menus, location.pathname]);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
getMenus();
|
|
}, []);
|
|
const getMenus = () => LeftPlanMenus_async(void 0, null, function* () {
|
|
dispatch({
|
|
type: "virtualSpaces/getVirtualSpacesMenus",
|
|
payload: {
|
|
id: virtual_spacesId
|
|
}
|
|
});
|
|
});
|
|
const renderList = () => {
|
|
let list = menus.map((e) => {
|
|
const param = listPlanLibrary.find((k) => k.icon_type === e.icon_type);
|
|
return __spreadProps(LeftPlanMenus_spreadValues({}, e), { icon: param == null ? void 0 : param.icon });
|
|
});
|
|
list = list.filter((e) => !e.hidden);
|
|
return list;
|
|
};
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: LeftPlanMenusmodules.menuWrap }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: LeftPlanMenusmodules.nav }, (_a2 = renderList()) == null ? void 0 : _a2.map((item) => {
|
|
const { icon_type, icon, name, module_url, id } = item;
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
_umi_production_exports.Link,
|
|
{
|
|
key: id,
|
|
to: module_url + "?leftMenuId=" + id,
|
|
onClick: () => {
|
|
var _a3, _b2;
|
|
for (let i in menus) {
|
|
if (((_a3 = menus[i]) == null ? void 0 : _a3.id) == activeKey && ((_b2 = menus[i]) == null ? void 0 : _b2.icon_type) == "settings") {
|
|
dispatch({
|
|
type: "virtualSpaces/getVirtualSpacesMenus",
|
|
payload: {
|
|
id: virtual_spacesId
|
|
}
|
|
});
|
|
}
|
|
}
|
|
setActiveKey(id);
|
|
window.localStorage.setItem("vtrsModuleId", id);
|
|
},
|
|
className: activeKey == id ? LeftPlanMenusmodules.active : ""
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: icon }),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("span", { title: name }, name)
|
|
);
|
|
})));
|
|
};
|
|
/* harmony default export */ var LeftPlanMenus = ((0,_umi_production_exports.connect)(
|
|
({
|
|
user,
|
|
virtualSpaces: VirtualSpacesModelState2,
|
|
globalSetting
|
|
}) => ({
|
|
user,
|
|
globalSetting,
|
|
virtualSpaces: VirtualSpacesModelState2
|
|
})
|
|
)(Banner));
|
|
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var virtualDetailmodules = ({"loading":"loading___hM_ZK","wrap":"wrap___o0FSi"});
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
var util = __webpack_require__(75798);
|
|
;// CONCATENATED MODULE: ./src/layouts/virtualDetail/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const listPlanLibrary = [
|
|
{
|
|
icon_type: "workplace",
|
|
name: "\u4E2A\u4EBA\u5DE5\u4F5C\u53F0",
|
|
icon: "iconfont icon-a-101jihua"
|
|
},
|
|
{
|
|
icon_type: "lesson",
|
|
name: "\u597D\u8BFE\u5C55\u793A",
|
|
icon: "iconfont icon-haokezhanshi"
|
|
},
|
|
{
|
|
icon_type: "discussion",
|
|
name: "\u4EA4\u6D41\u7814\u8BA8",
|
|
icon: "iconfont icon-jiaoliuyantao"
|
|
},
|
|
{
|
|
icon_type: "homepage",
|
|
name: "101\u8BA1\u5212-\u8F6F\u4EF6\u5DE5\u7A0B",
|
|
icon: "iconfont icon-a-101jihua"
|
|
},
|
|
{
|
|
icon_type: "announcement",
|
|
name: "\u901A\u77E5\u516C\u544A",
|
|
icon: "iconfont icon-tongzhigonggao1"
|
|
},
|
|
{
|
|
icon_type: "survey",
|
|
name: "\u8BFE\u7A0B\u8C03\u7814",
|
|
icon: "iconfont icon-kechengtiaoyan"
|
|
},
|
|
{
|
|
icon_type: "knowledge",
|
|
name: "\u77E5\u8BC6\u4F53\u7CFB",
|
|
icon: "iconfont icon-zhishitixi"
|
|
},
|
|
{
|
|
icon_type: "plan",
|
|
name: "\u8BFE\u7A0B\u6559\u6848",
|
|
icon: "iconfont icon-kechengjiaoan"
|
|
},
|
|
{
|
|
icon_type: "material",
|
|
name: "\u8BFE\u7A0B\u6559\u6750",
|
|
icon: "iconfont icon-kechengjiaocai"
|
|
},
|
|
{
|
|
icon_type: "experiment",
|
|
name: "\u5B9E\u9A8C\u4F53\u7CFB",
|
|
icon: "iconfont icon-shijianxiangmu"
|
|
},
|
|
{
|
|
icon_type: "resources",
|
|
name: "\u6559\u5B66\u8D44\u6E90",
|
|
icon: "iconfont icon-jiaoxueziyuan"
|
|
},
|
|
{
|
|
icon_type: "digtal",
|
|
name: "\u6570\u5B57\u8BFE\u5802",
|
|
icon: "iconfont icon-shuziketang"
|
|
},
|
|
// {
|
|
// icon_type: "contribute",
|
|
// name: "社区贡献",
|
|
// icon: 'iconfont icon-shijianxiangmu',
|
|
// },
|
|
{
|
|
icon_type: "settings",
|
|
name: "\u793E\u533A\u8BBE\u7F6E",
|
|
icon: "iconfont icon-shequshezhi"
|
|
}
|
|
];
|
|
const { Content } = layout["default"];
|
|
const Page = ({
|
|
globalSetting,
|
|
user,
|
|
dispatch,
|
|
children,
|
|
virtualSpaces
|
|
}) => {
|
|
const urlParams = (0,_umi_production_exports.useParams)();
|
|
const location = (0,_umi_production_exports.useLocation)();
|
|
const { virtualSpacesDetails, loading } = virtualSpaces;
|
|
const newPage = util/* vtrsKey */.AS === "101" || util/* vtrsKey */.AS === "vtrs";
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
dispatch({
|
|
type: "globalSetting/setTheme",
|
|
payload: "vspaces"
|
|
});
|
|
return () => {
|
|
dispatch({
|
|
type: "globalSetting/setTheme",
|
|
payload: "default"
|
|
});
|
|
};
|
|
}, []);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
dispatch({
|
|
type: "virtualSpaces/getVirtualSpacesDetails",
|
|
payload: { id: urlParams == null ? void 0 : urlParams.virtual_spacesId }
|
|
});
|
|
}, []);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
if ((virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.id) && loading) {
|
|
dispatch({
|
|
type: "virtualSpaces/setVirtualSpacesLoading",
|
|
payload: false
|
|
});
|
|
}
|
|
}, [virtualSpacesDetails, loading]);
|
|
if (loading) {
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null);
|
|
}
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, newPage ? /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `pb20` }, /* @__PURE__ */ _react_17_0_2_react.createElement(TopPlanBanner, null), /* @__PURE__ */ _react_17_0_2_react.createElement(row/* default */.Z, { className: `${virtualDetailmodules.wrap} bg-white`, wrap: false }, /* @__PURE__ */ _react_17_0_2_react.createElement(LeftPlanMenus, null), /* @__PURE__ */ _react_17_0_2_react.createElement(Content, { style: { flex: 1, overflow: "hidden", paddingBottom: 20 } }, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Outlet, null)))) : /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, /* @__PURE__ */ _react_17_0_2_react.createElement(virtualDetail_TopBanner, null), /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: "edu-container mb20" }, /* @__PURE__ */ _react_17_0_2_react.createElement(row/* default */.Z, null, /* @__PURE__ */ _react_17_0_2_react.createElement(LeftMenus, null), /* @__PURE__ */ _react_17_0_2_react.createElement(Content, { className: "ml20" }, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Outlet, null))))));
|
|
};
|
|
/* harmony default export */ var virtualDetail = ((0,_umi_production_exports.connect)(
|
|
({
|
|
globalSetting,
|
|
user,
|
|
virtualSpaces
|
|
}) => ({
|
|
globalSetting,
|
|
user,
|
|
virtualSpaces
|
|
})
|
|
)(Page));
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 16859:
|
|
/*!****************************************************************************!*\
|
|
!*** ./src/pages/virtualSpaces/components/AddOrEdit/index.tsx + 1 modules ***!
|
|
\****************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ components_AddOrEdit; }
|
|
});
|
|
|
|
// UNUSED EXPORTS: Edit
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/index.js + 19 modules
|
|
var es_form = __webpack_require__(78241);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
|
|
var es_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/input/index.js + 5 modules
|
|
var input = __webpack_require__(20008);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/radio/index.js + 5 modules
|
|
var es_radio = __webpack_require__(5112);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/upload/index.js + 24 modules
|
|
var upload = __webpack_require__(73598);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/components/AddOrEdit/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var AddOrEditmodules = ({"flex_box_center":"flex_box_center___ze4wf","flex_space_between":"flex_space_between___JpH0B","flex_box_vertical_center":"flex_box_vertical_center___NbRyF","flex_box_center_end":"flex_box_center_end___fUFoB","flex_box_column":"flex_box_column___i2BZL","form":"form____yVeV","btn":"btn___X16NC","img":"img___sQnKq"});
|
|
// EXTERNAL MODULE: ./src/components/ui-customization/reset.less?modules
|
|
var resetmodules = __webpack_require__(47229);
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
var env = __webpack_require__(19351);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.3.1@@ant-design/icons/es/icons/CloseCircleFilled.js + 1 modules
|
|
var icons_CloseCircleFilled = __webpack_require__(23411);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/components/AddOrEdit/index.tsx
|
|
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 AddOrEdit = ({
|
|
visible,
|
|
onOk,
|
|
onCancel,
|
|
title = ""
|
|
}) => {
|
|
var _a, _b, _c, _d;
|
|
const [form] = es_form["default"].useForm();
|
|
const [btnLoading, setBtnLoading] = (0,_react_17_0_2_react.useState)(false);
|
|
const [fileList, setFileList] = (0,_react_17_0_2_react.useState)([]);
|
|
const [fileOtherList, setFileOtherList] = (0,_react_17_0_2_react.useState)([]);
|
|
const [imgLoading, setImgLoading] = (0,_react_17_0_2_react.useState)(false);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
var _a2, _b2, _c2, _d2;
|
|
if (visible == null ? void 0 : visible.name) {
|
|
form.setFieldsValue({ name: visible == null ? void 0 : visible.name });
|
|
const newFileList = ((_a2 = visible == null ? void 0 : visible.cover_url) == null ? void 0 : _a2.includes("attachments")) ? [{ response: { id: (_b2 = visible == null ? void 0 : visible.cover_url) == null ? void 0 : _b2.split("/")[3] } }] : [];
|
|
const newFileOtherList = ((_c2 = visible == null ? void 0 : visible.backbground_image_url) == null ? void 0 : _c2.includes("attachments")) ? [{ response: { id: (_d2 = visible == null ? void 0 : visible.backbground_image_url) == null ? void 0 : _d2.split("/")[3] } }] : [];
|
|
setFileList(newFileList);
|
|
setFileOtherList(newFileOtherList);
|
|
}
|
|
}, [visible]);
|
|
const handleOk = () => {
|
|
form.submit();
|
|
};
|
|
const handleCancel = () => {
|
|
onCancel();
|
|
};
|
|
const addSubmit = (values) => __async(void 0, null, function* () {
|
|
var _a2, _b2, _c2, _d2;
|
|
setBtnLoading(true);
|
|
console.log(fileList, fileOtherList, 3333);
|
|
const param = {
|
|
name: values == null ? void 0 : values.name,
|
|
vs_type: values == null ? void 0 : values.vs_type,
|
|
identifier: values == null ? void 0 : values.identifier,
|
|
cover_id: ((_b2 = (_a2 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a2.response) == null ? void 0 : _b2.id) || "",
|
|
backbground_image_id: ((_d2 = (_c2 = fileOtherList == null ? void 0 : fileOtherList[0]) == null ? void 0 : _c2.response) == null ? void 0 : _d2.id) || ""
|
|
};
|
|
onOk(param, (res) => {
|
|
if ((res == null ? void 0 : res.status) === -3) {
|
|
form.setFields([{
|
|
name: "identifier",
|
|
errors: ["\u8BE5\u6807\u8BC6\u5DF2\u5B58\u5728\uFF0C\u8BF7\u66F4\u6362"]
|
|
}]);
|
|
}
|
|
setBtnLoading(false);
|
|
});
|
|
});
|
|
const handleFileChange = (info, type) => {
|
|
const statusList = ["uploading", "done", "removed"];
|
|
if (statusList.includes(info.file.status)) {
|
|
if (info.file.status === "uploading") {
|
|
setImgLoading(true);
|
|
}
|
|
if (info.file.status === "done") {
|
|
setImgLoading(false);
|
|
}
|
|
if (type === 1) {
|
|
setFileList(info.fileList);
|
|
} else {
|
|
setFileOtherList(info.fileList);
|
|
}
|
|
}
|
|
};
|
|
const handleFileRemove = (file, type) => {
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
};
|
|
const handleFileBeforeUpload = (file, type) => {
|
|
const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png";
|
|
if (!isJpgOrPng) {
|
|
es_message/* default */.ZP.warning("\u8BF7\u4E0A\u4F20jpg\u6216png\u7684\u56FE\u7247!");
|
|
return false;
|
|
}
|
|
const is200K = file.size / 1024 > 200;
|
|
const is1M = file.size / 1024 / 1024 > 1;
|
|
if (is200K && type === 1) {
|
|
es_message/* default */.ZP.warning("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E200KB");
|
|
return false;
|
|
}
|
|
if (is1M && type === 2) {
|
|
es_message/* default */.ZP.warning("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E1MB");
|
|
return false;
|
|
}
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
return true;
|
|
};
|
|
const renderImg = (type) => {
|
|
var _a2, _b2, _c2, _d2;
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: AddOrEditmodules.img }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { src: env/* default */.Z.API_SERVER + "/api/attachments/" + (type === 1 ? (_b2 = (_a2 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a2.response) == null ? void 0 : _b2.id : (_d2 = (_c2 = fileOtherList == null ? void 0 : fileOtherList[0]) == null ? void 0 : _c2.response) == null ? void 0 : _d2.id), alt: "avatar", style: { width: "100%" } }), /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement(icons_CloseCircleFilled/* default */.Z, { onClick: () => {
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
}, style: { fontSize: "16px", color: "red" } })));
|
|
};
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
modal["default"],
|
|
{
|
|
title,
|
|
open: visible,
|
|
onOk: handleOk,
|
|
centered: true,
|
|
onCancel: handleCancel,
|
|
confirmLoading: btnLoading,
|
|
okButtonProps: {
|
|
disabled: imgLoading
|
|
},
|
|
width: 694,
|
|
afterClose: () => {
|
|
setBtnLoading(false);
|
|
setFileList([]);
|
|
setFileOtherList([]);
|
|
form.resetFields();
|
|
},
|
|
okText: (visible == null ? void 0 : visible.name) ? "\u786E\u8BA4" : "\u786E\u8BA4\u65B0\u5EFA",
|
|
cancelText: "\u53D6\u6D88",
|
|
wrapClassName: resetmodules/* default */.Z.CustomCss
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_form["default"],
|
|
{
|
|
form,
|
|
colon: false,
|
|
onFinish: addSubmit,
|
|
className: AddOrEditmodules.form
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_form["default"].Item,
|
|
{
|
|
label: "\u793E\u533A\u540D\u79F0",
|
|
name: "name",
|
|
rules: [{
|
|
required: true,
|
|
message: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0"
|
|
}, { whitespace: true, message: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0" }, { max: 60, message: "\u53EA\u80FD\u8F93\u516560\u4E2A\u5B57\u7B26" }]
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { maxLength: 60, placeholder: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0" })
|
|
),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_form["default"].Item,
|
|
{
|
|
label: "\u793E\u533A\u7C7B\u578B",
|
|
initialValue: "classroom",
|
|
name: "vs_type",
|
|
rules: [{
|
|
required: true,
|
|
message: "\u8BF7\u8F93\u5165\u793E\u533A\u7C7B\u578B"
|
|
}]
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(es_radio/* default.Group */.ZP.Group, null, /* @__PURE__ */ _react_17_0_2_react.createElement(es_radio/* default */.ZP, { value: "classroom" }, "\u865A\u62DF\u6559\u7814\u5BA4"), /* @__PURE__ */ _react_17_0_2_react.createElement(es_radio/* default */.ZP, { className: "ml20", value: "plan" }, "101\u8BA1\u5212"))
|
|
),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_form["default"].Item,
|
|
{
|
|
label: /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { width: 66 } }, "\u6807\u8BC6"),
|
|
name: "identifier",
|
|
rules: [{ pattern: /^[a-zA-Z0-9]+$/, message: "\u4EC5\u652F\u6301\u586B\u5199\u82F1\u6587\u548C\u6570\u5B57" }]
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { maxLength: 15 })
|
|
),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { marginLeft: 78 } }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "14px c-grey-999" }, "\u7528\u4E8E\u5355\u72EC\u6807\u8BC6\u865A\u62DF\u793E\u533A\uFF0C\u5728\u94FE\u63A5\u4E2D\u4F53\u73B0\uFF0C\u5982\uFF1Awww.educoder.net/vtrs/+\u6807\u8BC6"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "14px c-grey-333" }, "\u6CE8\u610F\uFF1A", /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), "1\u3001\u6807\u8BC6\u4E0D\u53EF\u91CD\u590D", /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), "2\u3001\u4EC5\u652F\u6301\u586B\u5199\u82F1\u6587\u548C\u6570\u5B57", /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), "3\u3001\u4E0D\u8D85\u8FC715\u4E2A\u5B57\u7B26", /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), "4\u3001\u672A\u586B\u5199\u65F6\uFF0C\u7CFB\u7EDF\u81EA\u52A8\u751F\u6210\u72EC\u7ACB\u6807\u8BC6")),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_form["default"].Item,
|
|
{
|
|
name: "cover_id",
|
|
label: "\u4E0A\u4F20\u5C01\u9762\u56FE",
|
|
valuePropName: "fileList",
|
|
className: "mt30"
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: AddOrEditmodules.upload }, ((_b = (_a = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a.response) == null ? void 0 : _b.id) ? renderImg(1) : /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
upload["default"],
|
|
{
|
|
fileList,
|
|
action: `${env/* default */.Z.API_SERVER}/api/attachments.json`,
|
|
onChange: (e) => handleFileChange(e, 1),
|
|
onRemove: (e) => handleFileRemove(e, 1),
|
|
beforeUpload: (e) => handleFileBeforeUpload(e, 1),
|
|
withCredentials: true,
|
|
accept: "image/*"
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: AddOrEditmodules.btn }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-shangchuantupian2" }), "\u4E0A\u4F20\u56FE\u7247")
|
|
))
|
|
),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("aside", null, "\u4EC5\u652F\u6301\u4E0A\u4F20jpg/png\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7200KB\uFF0C\u5EFA\u8BAE\u4F7F\u7528282*228\u50CF\u7D20\uFF1B\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002"),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_form["default"].Item,
|
|
{
|
|
name: "backbground_image_id",
|
|
label: "\u8BE6\u60C5\u9876\u90E8\u80CC\u666F",
|
|
valuePropName: "fileList",
|
|
className: "mt30"
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: AddOrEditmodules.upload }, ((_d = (_c = fileOtherList == null ? void 0 : fileOtherList[0]) == null ? void 0 : _c.response) == null ? void 0 : _d.id) ? renderImg(2) : /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
upload["default"],
|
|
{
|
|
fileList: fileOtherList,
|
|
action: `${env/* default */.Z.API_SERVER}/api/attachments.json`,
|
|
onChange: (e) => handleFileChange(e, 2),
|
|
onRemove: (e) => handleFileRemove(e, 2),
|
|
beforeUpload: (e) => handleFileBeforeUpload(e, 2),
|
|
withCredentials: true,
|
|
accept: "image/*"
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: AddOrEditmodules.btn }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-shangchuantupian2" }), "\u4E0A\u4F20\u56FE\u7247")
|
|
))
|
|
),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("aside", null, "\u4EC5\u652F\u6301\u4E0A\u4F20jpg/png\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC71MB\uFF0C\u5EFA\u8BAE\u4F7F\u75283840*148\u50CF\u7D20\uFF1B\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002")
|
|
)
|
|
);
|
|
};
|
|
const Edit = ({
|
|
data,
|
|
onOk
|
|
}) => {
|
|
var _a, _b, _c, _d;
|
|
const [form] = Form.useForm();
|
|
const [btnLoading, setBtnLoading] = useState(false);
|
|
const [fileList, setFileList] = useState([]);
|
|
const [fileOtherList, setFileOtherList] = useState([]);
|
|
const [imgLoading, setImgLoading] = useState(false);
|
|
useEffect(() => {
|
|
var _a2, _b2, _c2, _d2;
|
|
if (data == null ? void 0 : data.name) {
|
|
form.setFieldsValue({ name: data == null ? void 0 : data.name });
|
|
const newFileList = ((_a2 = data == null ? void 0 : data.cover_url) == null ? void 0 : _a2.includes("attachments")) ? [{ response: { id: (_b2 = data == null ? void 0 : data.cover_url) == null ? void 0 : _b2.split("/")[3] } }] : [];
|
|
const newFileOtherList = ((_c2 = data == null ? void 0 : data.backbground_image_url) == null ? void 0 : _c2.includes("attachments")) ? [{ response: { id: (_d2 = data == null ? void 0 : data.backbground_image_url) == null ? void 0 : _d2.split("/")[3] } }] : [];
|
|
setFileList(newFileList);
|
|
setFileOtherList(newFileOtherList);
|
|
}
|
|
}, [data]);
|
|
const handleOk = () => {
|
|
form.submit();
|
|
};
|
|
const addSubmit = (values) => __async(void 0, null, function* () {
|
|
var _a2, _b2, _c2, _d2;
|
|
setBtnLoading(true);
|
|
const param = {
|
|
name: values == null ? void 0 : values.name,
|
|
cover_id: ((_b2 = (_a2 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a2.response) == null ? void 0 : _b2.id) || "",
|
|
backbground_image_id: ((_d2 = (_c2 = fileOtherList == null ? void 0 : fileOtherList[0]) == null ? void 0 : _c2.response) == null ? void 0 : _d2.id) || ""
|
|
};
|
|
onOk(param, () => {
|
|
setBtnLoading(false);
|
|
});
|
|
});
|
|
const handleFileChange = (info, type) => {
|
|
const statusList = ["uploading", "done", "removed"];
|
|
if (statusList.includes(info.file.status)) {
|
|
if (info.file.status === "uploading") {
|
|
setImgLoading(true);
|
|
}
|
|
if (info.file.status === "done") {
|
|
setImgLoading(false);
|
|
}
|
|
if (type === 1) {
|
|
setFileList(info.fileList);
|
|
} else {
|
|
setFileOtherList(info.fileList);
|
|
}
|
|
}
|
|
};
|
|
const handleFileRemove = (file, type) => {
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
};
|
|
const handleFileBeforeUpload = (file, type) => {
|
|
const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png";
|
|
if (!isJpgOrPng) {
|
|
message.error("\u8BF7\u4E0A\u4F20jpg\u6216png\u7684\u56FE\u7247!");
|
|
return false;
|
|
}
|
|
const is150M = file.size / 1024 / 1024 > 2;
|
|
if (is150M) {
|
|
message.info("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E2MB");
|
|
return false;
|
|
}
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
return true;
|
|
};
|
|
const renderImg = (type) => {
|
|
var _a2, _b2, _c2, _d2;
|
|
return /* @__PURE__ */ React.createElement("div", { className: styles.img }, /* @__PURE__ */ React.createElement("img", { src: ENV.API_SERVER + "/api/attachments/" + (type === 1 ? (_b2 = (_a2 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a2.response) == null ? void 0 : _b2.id : (_d2 = (_c2 = fileOtherList == null ? void 0 : fileOtherList[0]) == null ? void 0 : _c2.response) == null ? void 0 : _d2.id), alt: "avatar", style: { width: "100%" } }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(CloseCircleFilled, { onClick: () => {
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
}, style: { fontSize: "16px", color: "red" } })));
|
|
};
|
|
return /* @__PURE__ */ React.createElement(
|
|
Form,
|
|
{
|
|
form,
|
|
colon: false,
|
|
onFinish: addSubmit,
|
|
labelCol: { span: 3 },
|
|
wrapperCol: { span: 19 },
|
|
className: styles.form
|
|
},
|
|
/* @__PURE__ */ React.createElement(
|
|
Form.Item,
|
|
{
|
|
label: "\u793E\u533A\u540D\u79F0",
|
|
name: "name",
|
|
rules: [{
|
|
required: true,
|
|
message: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0"
|
|
}, { whitespace: true, message: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0" }, { max: 60, message: "\u53EA\u80FD\u8F93\u516560\u4E2A\u5B57\u7B26" }]
|
|
},
|
|
/* @__PURE__ */ React.createElement(Input, { maxLength: 60, placeholder: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0" })
|
|
),
|
|
/* @__PURE__ */ React.createElement(
|
|
Form.Item,
|
|
{
|
|
name: "cover_id",
|
|
label: "\u5C01\u9762\u56FE",
|
|
valuePropName: "fileList"
|
|
},
|
|
/* @__PURE__ */ React.createElement("div", { className: styles.upload }, ((_b = (_a = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a.response) == null ? void 0 : _b.id) ? renderImg(1) : /* @__PURE__ */ React.createElement(
|
|
Upload,
|
|
{
|
|
fileList,
|
|
action: `${ENV.API_SERVER}/api/attachments.json`,
|
|
onChange: (e) => handleFileChange(e, 1),
|
|
onRemove: (e) => handleFileRemove(e, 1),
|
|
beforeUpload: (e) => handleFileBeforeUpload(e, 1),
|
|
withCredentials: true,
|
|
accept: "image/*"
|
|
},
|
|
/* @__PURE__ */ React.createElement(Button, null, /* @__PURE__ */ React.createElement("i", { className: "iconfont icon-shangchuantupian2 mr10" }), "\u4E0A\u4F20\u56FE\u7247")
|
|
), /* @__PURE__ */ React.createElement("aside", null, "\u4EC5\u652F\u6301\u4E0A\u4F20jpg/png\u7B49\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC72M,\u5EFA\u8BAE\u4F7F\u7528278*225\u50CF\u7D20\uFF1B\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002"))
|
|
),
|
|
/* @__PURE__ */ React.createElement(
|
|
Form.Item,
|
|
{
|
|
name: "backbground_image_id",
|
|
label: "\u8BE6\u60C5\u9876\u90E8\u80CC\u666F",
|
|
valuePropName: "fileList"
|
|
},
|
|
/* @__PURE__ */ React.createElement("div", { className: styles.upload }, ((_d = (_c = fileOtherList == null ? void 0 : fileOtherList[0]) == null ? void 0 : _c.response) == null ? void 0 : _d.id) ? renderImg(2) : /* @__PURE__ */ React.createElement(
|
|
Upload,
|
|
{
|
|
fileList: fileOtherList,
|
|
action: `${ENV.API_SERVER}/api/attachments.json`,
|
|
onChange: (e) => handleFileChange(e, 2),
|
|
onRemove: (e) => handleFileRemove(e, 2),
|
|
beforeUpload: (e) => handleFileBeforeUpload(e, 2),
|
|
withCredentials: true,
|
|
accept: "image/*"
|
|
},
|
|
/* @__PURE__ */ React.createElement(Button, null, /* @__PURE__ */ React.createElement("i", { className: "iconfont icon-shangchuantupian2 mr10" }), "\u4E0A\u4F20\u56FE\u7247")
|
|
), /* @__PURE__ */ React.createElement("aside", null, "\u4EC5\u652F\u6301\u4E0A\u4F20jpg/png\u7B49\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC72M,\u5EFA\u8BAE\u4F7F\u75281920*220\u50CF\u7D20\uFF1B\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002"))
|
|
),
|
|
/* @__PURE__ */ React.createElement(
|
|
Button,
|
|
{
|
|
disabled: imgLoading,
|
|
loading: btnLoading,
|
|
type: "primary",
|
|
onClick: handleOk,
|
|
style: { marginLeft: 120 }
|
|
},
|
|
"\u786E\u8BA4"
|
|
)
|
|
);
|
|
};
|
|
/* harmony default export */ var components_AddOrEdit = (AddOrEdit);
|
|
|
|
|
|
/***/ })
|
|
|
|
}]); |