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

1481 lines
65 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[1713],{
/***/ 97282:
/*!*****************************************!*\
!*** ./src/components/NoData/index.tsx ***!
\*****************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301);
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/assets/images/icons/nodata.png */ 4977);
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ 3113);
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;
};
const noData = ({
img,
buttonProps = {},
styles = {},
customText,
ButtonText,
ButtonClick,
Buttonclass,
ButtonTwo,
imgStyles,
loading = false
}) => {
return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(
"section",
{
className: "tc animated fadeIn",
style: __spreadValues(__spreadValues({}, { color: "#999", margin: "100px auto", visibility: loading ? "hidden" : "visible" }), styles)
},
/* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", { src: img || _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_1__, style: __spreadValues({}, imgStyles) }),
/* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("p", { className: "mt20 font14" }, customText || "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!"),
ButtonText && /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(antd__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP, __spreadValues({ className: Buttonclass, onClick: ButtonClick }, buttonProps), ButtonText),
ButtonTwo && ButtonTwo
);
};
/* harmony default export */ __webpack_exports__.Z = (noData);
/***/ }),
/***/ 98376:
/*!**********************************************************************!*\
!*** ./src/pages/virtualSpaces/Lists/Settings/index.tsx + 7 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 */ Settings; }
});
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(87101);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Settingsmodules = ({"flex_box_center":"flex_box_center___kBXL_","flex_space_between":"flex_space_between___OazEq","flex_box_vertical_center":"flex_box_vertical_center___wrPiJ","flex_box_center_end":"flex_box_center_end___cNbBK","flex_box_column":"flex_box_column___VfVx_","wrap":"wrap___dX7Vx","title":"title___rON5Q","tags":"tags___ykLgw","tag":"tag___dcw2w","btns":"btns___X0ko6"});
// 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 message = __webpack_require__(8591);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
var input = __webpack_require__(1056);
// 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__(6557);
// 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/checkbox/index.js + 3 modules
var es_checkbox = __webpack_require__(24905);
// 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/pages/virtualSpaces/Lists/Settings/components/ModuleSettings/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var ModuleSettingsmodules = ({"flex_box_center":"flex_box_center___y1YZJ","flex_space_between":"flex_space_between___wTOwl","flex_box_vertical_center":"flex_box_vertical_center___XmLwW","flex_box_center_end":"flex_box_center_end___gWVqd","flex_box_column":"flex_box_column___PjZDS","form":"form___JA0Ze","text":"text___cCcOQ","img":"img___ht1lh","title":"title___mljGY","list":"list___isVFT","btn":"btn___IUjb1"});
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(64741);
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.2.6@@ant-design/icons/es/icons/CloseCircleFilled.js + 1 modules
var CloseCircleFilled = __webpack_require__(48796);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 14 modules
var _umi_production_exports = __webpack_require__(87210);
// EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 34 modules
var ui_customization = __webpack_require__(94477);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/ModuleSettings/index.tsx
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
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 Page = (_a) => {
var _b = _a, {
globalSetting,
virtualSpaces,
dispatch
} = _b, props = __objRest(_b, [
"globalSetting",
"virtualSpaces",
"dispatch"
]);
var _a2, _b2, _c, _d;
const query = (0,_umi_production_exports.useParams)();
const { virtualSpacesDetails, menus } = virtualSpaces;
const [btnLoading, setBtnLoading] = (0,_react_17_0_2_react.useState)(false);
const [loading, setLoading] = (0,_react_17_0_2_react.useState)(true);
const [form] = es_form["default"].useForm();
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);
const titleDesc = {
homepage: "\u8BE5\u6A21\u5757\u4E3A\u865A\u62DF\u793E\u533A\u4E3B\u9875\uFF0C\u53EF\u7F16\u8F91\u5C55\u793A\u672C\u865A\u62DF\u793E\u533A\u7684\u57FA\u672C\u4ECB\u7ECD\uFF0C\u652F\u6301markdown\u7F16\u8F91\u5668\u7F16\u8F91\u5C55\u793A\u5185\u5BB9",
announcement: "\u8BE5\u6A21\u5757\u4E3A\u901A\u77E5\u516C\u544A\u6A21\u5757\uFF0C\u53EF\u4EE5\u53D1\u5E03\u3001\u7F16\u8F91\u548C\u5220\u9664\u901A\u77E5\u516C\u544A\u5185\u5BB9",
lesson: "\u8BE5\u6A21\u5757\u4E3A\u597D\u8BFE\u5C55\u793A\u6A21\u5757\uFF0C\u652F\u6301\u6DFB\u52A0\u597D\u8BFE\u548C\u6DFB\u52A0\u597D\u8BFE\u94FE\u63A5",
survey: "\u8BE5\u6A21\u5757\u4E3A\u8BFE\u7A0B\u8C03\u7814\u6A21\u5757\uFF0C\u53EF\u4EE5\u5BF9\u76F8\u5173\u8C03\u7814\u6587\u4EF6\u8FDB\u884C\u4E0A\u4F20\u3001\u67E5\u770B\u3001\u4E0B\u8F7D\u3001\u5220\u9664\u64CD\u4F5C",
knowledge: "\u8BE5\u6A21\u5757\u4E3A\u77E5\u8BC6\u4F53\u7CFB\u6A21\u5757\uFF0C\u4E3B\u8981\u5206\u4E3A\u56DB\u4E2A\u5B50\u6A21\u5757\uFF1A\u8BFE\u7A0B\u5B9A\u4F4D\u4E0E\u76EE\u6807\u3001\u8BFE\u7A0B\u77E5\u8BC6\u70B9\u3001\u77E5\u8BC6\u56FE\u8C31\u63CF\u8FF0\u3001\u77E5\u8BC6\u56FE\u8C31\u3002",
plan: "\u8BE5\u6A21\u5757\u4E3A\u8BFE\u7A0B\u6559\u6848\u6A21\u5757\uFF0C\u652F\u6301\u4EE5\u6587\u4EF6\u5939\u7684\u5F62\u5F0F\u7BA1\u7406\u8BFE\u7A0B\u76F8\u5173\u7684\u6559\u6848\u6587\u4EF6",
material: "\u8BE5\u6A21\u5757\u4E3A\u8BFE\u7A0B\u6559\u6750\u6A21\u5757\uFF0C\u4E3B\u8981\u5206\u4E3A\u4E24\u4E2A\u5B50\u6A21\u5757\uFF1A\u4E3B\u6559\u6750\u3001\u5B9E\u8DF5\u6559\u6750",
experiment: "\u8BE5\u6A21\u5757\u4E3A\u5B9E\u9A8C\u4F53\u7CFB\u6A21\u5757\uFF0C\u652F\u6301\u8001\u5E08\u4ECE\u5B9E\u8DF5\u9879\u76EE\u548C\u5B9E\u8DF5\u8BFE\u7A0B\u4E2D\u9009\u7528\u5B9E\u9A8C\u52A0\u5165",
discussion: "\u8BE5\u6A21\u5757\u4E3A\u4EA4\u6D41\u7814\u8BA8\u6A21\u5757\uFF0C\u652F\u6301\u53D1\u5E03\u4EA4\u6D41\u7814\u8BA8\u7684\u4FE1\u606F\u548C\u4E0A\u4F20\u76F8\u5173\u9644\u4EF6\u89C6\u9891\u3002",
resources: "\u8BE5\u6A21\u5757\u4E3A\u6559\u5B66\u8D44\u6E90\u6A21\u5757\uFF0C\u652F\u6301\u4E0A\u4F20\u5BF9\u5E94\u6559\u6750\u7684\u6559\u5B66\u8D44\u6E90\u548C\u6DFB\u52A0\u5916\u94FE\u8D44\u6E90",
settings: "\u8BE5\u6A21\u5757\u4E3A\u793E\u533A\u8BBE\u7F6E\u6A21\u5757\uFF0C\u652F\u6301\u5BF9\u793E\u533A\u540D\u79F0\u3001\u793E\u533A\u7C7B\u578B\u3001\u6807\u8BC6\u3001\u5C01\u9762\u56FE\u3001\u8BE6\u60C5\u9876\u90E8\u80CC\u666F\u548C\u6A21\u5757\u5C55\u793A\u63A7\u5236\u3001\u4EBA\u5458\u7BA1\u7406\u8FDB\u884C\u8BBE\u7F6E"
};
(0,_react_17_0_2_react.useEffect)(() => {
var _a3, _b3, _c2, _d2;
if ((virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.id) && (menus == null ? void 0 : menus.length)) {
form.setFieldsValue({
name: virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.name,
vs_type: virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.vs_type,
identifier: virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.identifier,
settings: menus.map((e) => __spreadProps(__spreadValues({}, e), { checked: !e.hidden }))
});
const newFileList = ((_a3 = virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.cover_url) == null ? void 0 : _a3.includes("attachments")) ? [{ response: { id: (_b3 = virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.cover_url) == null ? void 0 : _b3.split("/")[3] } }] : [];
const newFileOtherList = ((_c2 = virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.backbground_image_url) == null ? void 0 : _c2.includes("attachments")) ? [{ response: { id: (_d2 = virtualSpacesDetails == null ? void 0 : virtualSpacesDetails.backbground_image_url) == null ? void 0 : _d2.split("/")[3] } }] : [];
setFileList(newFileList);
setFileOtherList(newFileOtherList);
}
}, [virtualSpacesDetails, menus]);
const handleOk = () => {
form.submit();
};
const handleSubmit = (values) => __async(void 0, null, function* () {
var _a3, _b3, _c2, _d2, _e;
setBtnLoading(true);
const body = {
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: ((_b3 = (_a3 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a3.response) == null ? void 0 : _b3.id) || "",
backbground_image_id: ((_d2 = (_c2 = fileOtherList == null ? void 0 : fileOtherList[0]) == null ? void 0 : _c2.response) == null ? void 0 : _d2.id) || "",
modules_list: (_e = values == null ? void 0 : values.settings) == null ? void 0 : _e.map((e) => __spreadProps(__spreadValues({}, e), { hidden: !e.checked }))
};
const res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${query.virtual_spacesId}.json`, {
method: "put",
body
});
if ((res == null ? void 0 : res.status) !== -1) {
message/* default */.ZP.success("\u4FEE\u6539\u6210\u529F");
dispatch({
type: "virtualSpaces/getVirtualSpacesMenus",
payload: {
id: values == null ? void 0 : values.identifier
}
});
dispatch({
type: "virtualSpaces/getVirtualSpacesDetails",
payload: { id: values == null ? void 0 : values.identifier }
});
_umi_production_exports.history.replace(`/${(values == null ? void 0 : values.vs_type) === "classroom" ? "vtrs" : "101"}/${values == null ? void 0 : values.identifier}/settings`);
}
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) {
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) {
message/* default */.ZP.warning("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E200KB");
return false;
}
if (is1M && type === 2) {
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 _a3, _b3, _c2, _d2;
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ModuleSettingsmodules.img }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { src: env/* default */.Z.API_SERVER + "/api/attachments/" + (type === 1 ? (_b3 = (_a3 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a3.response) == null ? void 0 : _b3.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(CloseCircleFilled/* default */.Z, { onClick: () => {
if (type === 1) {
setFileList([]);
} else {
setFileOtherList([]);
}
}, style: { fontSize: "16px", color: "red" } })));
};
return /* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"],
{
form,
colon: false,
onFinish: handleSubmit,
className: ModuleSettingsmodules.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"], { style: { width: 516 }, 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"], { style: { width: 516 }, maxLength: 15 })
),
/* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"].Item,
{
name: "cover_id",
label: "\u5C01\u9762\u56FE",
className: "mt30"
},
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ModuleSettingsmodules.upload }, ((_b2 = (_a2 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a2.response) == null ? void 0 : _b2.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(ui_customization/* CustomButton */.op, { className: "radius2" }, "\u4E0A\u4F20\u56FE\u7247")
), /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: ModuleSettingsmodules.text }, "\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",
className: "mt30"
},
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ModuleSettingsmodules.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(ui_customization/* CustomButton */.op, { className: "radius2" }, "\u4E0A\u4F20\u56FE\u7247")
), /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: ModuleSettingsmodules.text }, "\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"))
),
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ModuleSettingsmodules.title }, /* @__PURE__ */ _react_17_0_2_react.createElement("b", null), /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u6A21\u5757\u5C55\u793A\u63A7\u5236")),
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ModuleSettingsmodules.list }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].List, { name: "settings" }, (fields, { add, remove, move }) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, fields.map((field, index) => {
var _b3;
const _a3 = field, { key, name } = _a3, restField = __objRest(_a3, ["key", "name"]);
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { key }, /* @__PURE__ */ _react_17_0_2_react.createElement(
row/* default */.Z,
{
align: "top"
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"].Item,
__spreadProps(__spreadValues({}, restField), {
className: "mr20",
valuePropName: "checked",
name: [name, "checked"]
}),
/* @__PURE__ */ _react_17_0_2_react.createElement(es_checkbox["default"], { disabled: menus[key].disabled })
),
/* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"].Item,
__spreadProps(__spreadValues({}, restField), {
style: { flex: 1 },
name: [name, "name"]
}),
/* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], null)
),
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "ml20", style: { width: 60, display: "flex", alignItems: "center", justifyContent: "left", paddingTop: 6 } }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "mr10" }, /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "right", title: titleDesc[(_b3 = menus == null ? void 0 : menus[key]) == null ? void 0 : _b3.icon_type] }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-tishixiaowenhao", style: { color: "#3061D0" } }))), index !== 0 && index <= fields.length - 2 && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { onClick: () => {
var _a4;
move(index, index - 1);
const formSetting = (_a4 = form.getFieldValue("settings")) == null ? void 0 : _a4.map((e, i) => {
fields.map((fe, fi) => {
if (i === fi)
e.position = Number(fe.name) + 1;
});
return e;
});
form.setFieldValue("settings", formSetting);
} }, /* @__PURE__ */ _react_17_0_2_react.createElement(
"i",
{
className: "iconfont icon-shangyi3",
style: { transform: "translateY(2px)" }
}
)), index < fields.length - 2 && /* @__PURE__ */ _react_17_0_2_react.createElement(
"div",
{
onClick: () => {
var _a4;
move(index, index + 1);
const formSetting = (_a4 = form.getFieldValue("settings")) == null ? void 0 : _a4.map((e, i) => {
fields.map((fe, fi) => {
if (i === fi)
e.position = Number(fe.name) + 1;
});
return e;
});
form.setFieldValue("settings", formSetting);
},
className: index === 0 ? "" : "ml10",
style: { transform: "rotate(180deg) translateY(1px)" }
},
/* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-shangyi3" })
))
));
}));
})),
/* @__PURE__ */ _react_17_0_2_react.createElement(
es_button/* default */.ZP,
{
disabled: imgLoading,
loading: btnLoading,
type: "primary",
className: ModuleSettingsmodules.btn,
onClick: handleOk
},
"\u786E\u8BA4\u4FEE\u6539"
)
);
};
/* harmony default export */ var ModuleSettings = ((0,_umi_production_exports.connect)(
({
globalSetting,
virtualSpaces
}) => ({
globalSetting,
virtualSpaces
})
)(Page));
// 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/pagination/index.js + 10 modules
var pagination = __webpack_require__(41867);
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
var NoData = __webpack_require__(97282);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Membermodules = ({"flex_box_center":"flex_box_center____FAUe","flex_space_between":"flex_space_between___JShCL","flex_box_vertical_center":"flex_box_vertical_center___YhLcd","flex_box_center_end":"flex_box_center_end___yfXIw","flex_box_column":"flex_box_column___zPH_W","warp":"warp____XM76","Content":"Content___dD_y0","imgstyle":"imgstyle___d5fnu","cardstyle":"cardstyle___uUh0g","paddingcard":"paddingcard___uEvZt","titlefont":"titlefont___HssVh","flexEnd":"flexEnd___Hl39R","modalinput":"modalinput___Vs9yI","items":"items___Gh25j","adminsstyle":"adminsstyle___dby7X","upadmin":"upadmin___JBDfN","yes":"yes___VIGe0","no":"no___e0VYU"});
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/auto-complete/index.js
var auto_complete = __webpack_require__(88522);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/table/index.js + 85 modules
var table = __webpack_require__(72315);
// EXTERNAL MODULE: ./node_modules/_react-infinite-scroller@1.2.4@react-infinite-scroller/index.js
var _react_infinite_scroller_1_2_4_react_infinite_scroller = __webpack_require__(26724);
var _react_infinite_scroller_1_2_4_react_infinite_scroller_default = /*#__PURE__*/__webpack_require__.n(_react_infinite_scroller_1_2_4_react_infinite_scroller);
// EXTERNAL MODULE: ./node_modules/_dayjs@1.11.10@dayjs/dayjs.min.js
var dayjs_min = __webpack_require__(9498);
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
// EXTERNAL MODULE: ./src/service/virtualSpaces.ts
var virtualSpaces = __webpack_require__(3060);
// EXTERNAL MODULE: ./src/service/classrooms.ts
var classrooms = __webpack_require__(16560);
// EXTERNAL MODULE: ./src/components/ImagesIcon/index.ts + 32 modules
var ImagesIcon = __webpack_require__(43021);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/AddTeacher.tsx
var AddTeacher_defProp = Object.defineProperty;
var AddTeacher_defProps = Object.defineProperties;
var AddTeacher_getOwnPropDescs = Object.getOwnPropertyDescriptors;
var AddTeacher_getOwnPropSymbols = Object.getOwnPropertySymbols;
var AddTeacher_hasOwnProp = Object.prototype.hasOwnProperty;
var AddTeacher_propIsEnum = Object.prototype.propertyIsEnumerable;
var AddTeacher_defNormalProp = (obj, key, value) => key in obj ? AddTeacher_defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var AddTeacher_spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (AddTeacher_hasOwnProp.call(b, prop))
AddTeacher_defNormalProp(a, prop, b[prop]);
if (AddTeacher_getOwnPropSymbols)
for (var prop of AddTeacher_getOwnPropSymbols(b)) {
if (AddTeacher_propIsEnum.call(b, prop))
AddTeacher_defNormalProp(a, prop, b[prop]);
}
return a;
};
var AddTeacher_spreadProps = (a, b) => AddTeacher_defProps(a, AddTeacher_getOwnPropDescs(b));
var AddTeacher_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 AddTeacher = ({ classroomList, loading, dispatch }) => {
var _a, _b;
const params = (0,_umi_production_exports.useParams)();
const { actionTabs } = classroomList;
const [options, setOptions] = (0,_react_17_0_2_react.useState)([]);
const [hasMore, setHasmore] = (0,_react_17_0_2_react.useState)(true);
const [isLoading, setIsLoading] = (0,_react_17_0_2_react.useState)(false);
const [form] = es_form["default"].useForm();
const [tableData, setTableData] = (0,_react_17_0_2_react.useState)([]);
const [page, setPage] = (0,_react_17_0_2_react.useState)(0);
const [selectArrs, setSelectArrs] = (0,_react_17_0_2_react.useState)([]);
const [notSearch, setNotSearch] = (0,_react_17_0_2_react.useState)(true);
const autoCompleteRef = (0,_react_17_0_2_react.useRef)();
(0,_react_17_0_2_react.useEffect)(() => {
if (classroomList.actionTabs.key === "\u6DFB\u52A0\u8001\u5E08") {
setNotSearch(true);
getData();
}
}, [classroomList.actionTabs.key]);
const getData = () => AddTeacher_async(void 0, null, function* () {
const res = yield dispatch({
type: "classroomList/getSchoolList",
payload: {}
});
setOptions(res.map((item) => {
return { value: item };
}));
});
const onFinish = () => {
var _a2;
if (((_a2 = form.getFieldValue()) == null ? void 0 : _a2.keyword) === "") {
setTableData([]);
message/* default */.ZP.error("\u8BF7\u8F93\u5165\u59D3\u540D");
return;
}
;
setNotSearch(false);
setHasmore(true);
setIsLoading(false);
setSelectArrs([]);
setTimeout(() => {
handleInfiniteOnLoad(true);
}, 200);
};
const saveSelect = (id) => {
id = String(id);
const key = selectArrs.indexOf(id);
if (key < 0) {
selectArrs.push(id);
} else {
selectArrs.splice(key, 1);
}
setSelectArrs([...selectArrs]);
};
const handleInfiniteOnLoad = (reload = false) => AddTeacher_async(void 0, null, function* () {
var _a2;
if ((reload || hasMore) && !isLoading) {
const formValue = form.getFieldValue();
setIsLoading(true);
setPage(reload ? 1 : page + 1);
const res = yield (0,classrooms/* searchSchoolTeacherList */.nQ)({
page: reload ? 1 : page + 1,
container_id: params.virtual_spacesId,
container_type: 5,
school_name: formValue == null ? void 0 : formValue.school_name,
keyword: formValue == null ? void 0 : formValue.keyword
});
reload ? setTableData([...res.users]) : setTableData([...tableData, ...res.users]);
setIsLoading(false);
if (((_a2 = res.users) == null ? void 0 : _a2.length) < 10)
setHasmore(false);
}
});
const onOK = () => AddTeacher_async(void 0, null, function* () {
if (selectArrs == "") {
message/* default */.ZP.error("\u8BF7\u9009\u62E9\u4EBA\u6570");
} else {
const res = yield (0,virtualSpaces/* Addmember */.MM)(AddTeacher_spreadProps(AddTeacher_spreadValues({}, params), {
user_ids: selectArrs
}));
if (res.status === 0) {
message/* default */.ZP.success("\u6DFB\u52A0\u6210\u529F");
dispatch({
type: "classroomList/setActionTabs",
payload: {
key: "\u5237\u65B0\u6570\u636E"
}
});
}
}
});
const columns = [
{
title: "",
dataIndex: "added",
width: 40,
ellipsis: true,
render: (add, record) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(
es_checkbox["default"],
{
value: record.numid,
checked: selectArrs.includes(String(record.numid)),
disabled: !!add
}
);
}
},
{
title: "\u59D3\u540D",
width: 100,
ellipsis: true,
dataIndex: "username",
render: (text, record) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { className: "bold c-black", to: `/users/${record.login}`, target: "_blank" }, text || "--"));
}
},
{
title: "\u624B\u673A",
width: 100,
dataIndex: "phone",
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u90AE\u7BB1",
dataIndex: "email",
width: 100,
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u5B66\u53F7/\u5DE5\u53F7",
width: 100,
dataIndex: "student_number",
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u5B66\u6821/\u5355\u4F4D",
width: 150,
dataIndex: "school_name",
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u9662\u7CFB/\u90E8\u95E8",
dataIndex: "depart_name",
width: 130,
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u5B9E\u540D\u8BA4\u8BC1",
dataIndex: "school_name",
width: 100,
render: (text) => text ? "\u662F" : "\u5426"
},
{
title: "\u6700\u540E\u767B\u5F55\u65F6\u95F4",
dataIndex: "last_login_on",
width: 140,
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, dayjs_min_default()(text).format("YYYY-MM-DD HH:mm")));
}
},
{
title: "\u72B6\u6001",
dataIndex: "added",
width: 80,
render: (text) => {
if (text === 1) {
return /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: "c-green" }, "\u5DF2\u6DFB\u52A0");
} else {
return /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u672A\u6DFB\u52A0");
}
}
}
];
return /* @__PURE__ */ _react_17_0_2_react.createElement(
modal["default"],
{
centered: true,
title: "\u6DFB\u52A0\u6210\u5458",
open: classroomList.actionTabs.key === "\u6DFB\u52A0\u6210\u5458" ? true : false,
okText: "\u786E\u5B9A",
cancelText: "\u53D6\u6D88",
width: 1100,
zIndex: 9999,
bodyStyle: { minHeight: 200 },
onOk: () => AddTeacher_async(void 0, null, function* () {
onOK();
}),
onCancel: () => {
setSelectArrs([]);
dispatch({
type: "classroomList/setActionTabs",
payload: {}
});
}
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"],
{
layout: "inline",
form,
initialValues: {
school_name: "",
keyword: ""
},
className: "mt10"
},
/* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { name: "keyword", label: "\u59D3\u540D\uFF1A" }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { allowClear: true, style: { width: 370 }, size: "middle", defaultValue: ((_a = actionTabs.selectArrs) == null ? void 0 : _a.category_name) || ((_b = actionTabs.selectArrs) == null ? void 0 : _b.name) })),
/* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { name: "school_name", label: "\u5355\u4F4D\uFF1A" }, /* @__PURE__ */ _react_17_0_2_react.createElement(
"div",
{
ref: autoCompleteRef
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
auto_complete/* default */.Z,
{
options,
style: { width: 400 },
size: "middle",
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
filterOption: (inputValue, option) => option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
}
)
)),
/* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, null, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { htmlType: "submit", type: "primary", size: "middle", onClick: () => onFinish() }, "\u641C\u7D22"))
),
notSearch && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "tc font16 c-light-black mt40 pb30" }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { src: ImagesIcon/* searchIcon */.RL, width: "100", alt: "" }), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { className: "mt20" }, "\u8BF7\u641C\u7D22\u8981\u6DFB\u52A0\u7684\u4EBA\u5458")),
!notSearch && tableData == "" && !isLoading && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "tc font16 c-light-black mt40 pb30" }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { src: ImagesIcon/* noDataIcon */.z3, width: "100", alt: "" }), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { className: "mt20" }, "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!")),
(!notSearch && tableData != "" || isLoading) && /* @__PURE__ */ _react_17_0_2_react.createElement("section", null, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "flexd-table-header mt20" }, /* @__PURE__ */ _react_17_0_2_react.createElement(table["default"], { pagination: false, dataSource: [], columns })), /* @__PURE__ */ _react_17_0_2_react.createElement(
"div",
{
style: {
maxHeight: 260,
overflow: "auto"
}
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
(_react_infinite_scroller_1_2_4_react_infinite_scroller_default()),
{
initialLoad: false,
pageStart: 1,
threshold: 20,
loadMore: (page2) => {
handleInfiniteOnLoad();
},
hasMore,
useWindow: false
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
table["default"],
{
loading: isLoading,
showHeader: false,
pagination: false,
dataSource: tableData,
columns,
onRow: (record) => {
return {
onClick: (event) => {
if (!event.currentTarget.querySelector("input").disabled)
saveSelect(event.currentTarget.querySelector("input").value);
}
};
}
}
)
)
))
);
};
/* harmony default export */ var Member_AddTeacher = ((0,_umi_production_exports.connect)(
({
classroomList,
loading
}) => ({
classroomList,
loading
})
)(AddTeacher));
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/SetMember.tsx
var SetMember_defProp = Object.defineProperty;
var SetMember_defProps = Object.defineProperties;
var SetMember_getOwnPropDescs = Object.getOwnPropertyDescriptors;
var SetMember_getOwnPropSymbols = Object.getOwnPropertySymbols;
var SetMember_hasOwnProp = Object.prototype.hasOwnProperty;
var SetMember_propIsEnum = Object.prototype.propertyIsEnumerable;
var SetMember_defNormalProp = (obj, key, value) => key in obj ? SetMember_defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var SetMember_spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (SetMember_hasOwnProp.call(b, prop))
SetMember_defNormalProp(a, prop, b[prop]);
if (SetMember_getOwnPropSymbols)
for (var prop of SetMember_getOwnPropSymbols(b)) {
if (SetMember_propIsEnum.call(b, prop))
SetMember_defNormalProp(a, prop, b[prop]);
}
return a;
};
var SetMember_spreadProps = (a, b) => SetMember_defProps(a, SetMember_getOwnPropDescs(b));
var SetMember_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 SetMember_AddTeacher = ({ classroomList, loading, dispatch }) => {
var _a, _b;
const params = (0,_umi_production_exports.useParams)();
const { actionTabs } = classroomList;
const [options, setOptions] = (0,_react_17_0_2_react.useState)([]);
const [hasMore, setHasmore] = (0,_react_17_0_2_react.useState)(true);
const [isLoading, setIsLoading] = (0,_react_17_0_2_react.useState)(false);
const [form] = es_form["default"].useForm();
const [tableData, setTableData] = (0,_react_17_0_2_react.useState)([]);
const [page, setPage] = (0,_react_17_0_2_react.useState)(0);
const [selectArrs, setSelectArrs] = (0,_react_17_0_2_react.useState)();
const [notSearch, setNotSearch] = (0,_react_17_0_2_react.useState)(true);
const autoCompleteRef = (0,_react_17_0_2_react.useRef)();
(0,_react_17_0_2_react.useEffect)(() => {
if (classroomList.actionTabs.key === "\u66F4\u6362\u7BA1\u7406\u5458") {
setNotSearch(true);
getData();
}
}, [classroomList.actionTabs.key]);
const getData = () => SetMember_async(void 0, null, function* () {
const res = yield dispatch({
type: "classroomList/getSchoolList",
payload: {}
});
setOptions(res.map((item) => {
return { value: item };
}));
setNotSearch(false);
setHasmore(true);
setIsLoading(false);
setSelectArrs("");
setTimeout(() => {
handleInfiniteOnLoad(true);
}, 200);
});
const onFinish = () => {
var _a2;
if (((_a2 = form.getFieldValue()) == null ? void 0 : _a2.keyword) === "") {
setTableData([]);
message/* default */.ZP.error("\u8BF7\u8F93\u5165\u59D3\u540D");
return;
}
;
setNotSearch(false);
setHasmore(true);
setIsLoading(false);
setSelectArrs("");
setTimeout(() => {
handleInfiniteOnLoad(true);
}, 200);
};
const saveSelect = (id) => {
id = String(id);
setSelectArrs(id);
};
const handleInfiniteOnLoad = (reload = false) => SetMember_async(void 0, null, function* () {
var _a2;
if ((reload || hasMore) && !isLoading) {
const formValue = form.getFieldValue();
setIsLoading(true);
setPage(reload ? 1 : page + 1);
const res = yield (0,classrooms/* searchSchoolTeacherList */.nQ)({
page: reload ? 1 : page + 1,
container_id: params.virtual_spacesId,
container_type: 5,
source: "virtual_classroom",
school_name: formValue == null ? void 0 : formValue.school_name,
keyword: formValue == null ? void 0 : formValue.keyword
});
reload ? setTableData([...res.users]) : setTableData([...tableData, ...res.users]);
setIsLoading(false);
if (((_a2 = res.users) == null ? void 0 : _a2.length) < 10)
setHasmore(false);
}
});
const onOK = () => SetMember_async(void 0, null, function* () {
if (selectArrs == "") {
message/* default */.ZP.error("\u8BF7\u9009\u62E9\u6210\u5458");
} else {
const res = yield (0,virtualSpaces/* change_creator */.xt)(SetMember_spreadProps(SetMember_spreadValues({}, params), {
id: selectArrs,
virtual_classroom_id: params.virtual_spacesId
}));
if (res.status === 0) {
message/* default */.ZP.success("\u66F4\u6362\u6210\u529F");
dispatch({
type: "classroomList/setActionTabs",
payload: {
key: "\u5237\u65B0\u6570\u636E"
}
});
}
}
});
const columns = [
{
title: "",
dataIndex: "added",
width: 40,
ellipsis: true,
render: (add, record) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(
es_radio/* default */.ZP,
{
value: record.numid,
checked: selectArrs === String(record.numid)
}
);
}
},
{
title: "\u59D3\u540D",
width: 100,
ellipsis: true,
dataIndex: "username",
render: (text, record) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { className: "bold c-black", to: `/users/${record.login}`, target: "_blank" }, text || "--"));
}
},
{
title: "\u624B\u673A",
width: 100,
dataIndex: "phone",
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u90AE\u7BB1",
dataIndex: "email",
width: 100,
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u5B66\u53F7/\u5DE5\u53F7",
width: 100,
dataIndex: "student_number",
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u5B66\u6821/\u5355\u4F4D",
width: 150,
dataIndex: "school_name",
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u9662\u7CFB/\u90E8\u95E8",
dataIndex: "depart_name",
width: 130,
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, text || "--"));
}
},
{
title: "\u5B9E\u540D\u8BA4\u8BC1",
dataIndex: "school_name",
width: 100,
render: (text) => text ? "\u662F" : "\u5426"
},
{
title: "\u6700\u540E\u767B\u5F55\u65F6\u95F4",
dataIndex: "last_login_on",
width: 140,
ellipsis: true,
render: (text) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { placement: "bottom", title: text }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, dayjs_min_default()(text).format("YYYY-MM-DD HH:mm")));
}
}
];
return /* @__PURE__ */ _react_17_0_2_react.createElement(
modal["default"],
{
centered: true,
title: "\u66F4\u6362\u7BA1\u7406\u5458",
open: classroomList.actionTabs.key === "\u66F4\u6362\u7BA1\u7406\u5458" ? true : false,
okText: "\u786E\u5B9A",
cancelText: "\u53D6\u6D88",
width: 1100,
zIndex: 9999,
bodyStyle: { minHeight: 200 },
onOk: () => SetMember_async(void 0, null, function* () {
onOK();
}),
onCancel: () => {
setSelectArrs("");
dispatch({
type: "classroomList/setActionTabs",
payload: {}
});
}
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"],
{
layout: "inline",
form,
initialValues: {
school_name: "",
keyword: ""
},
className: "mt10"
},
/* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { name: "keyword", label: "\u59D3\u540D\uFF1A" }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { allowClear: true, style: { width: 370 }, size: "middle", defaultValue: ((_a = actionTabs.selectArrs) == null ? void 0 : _a.category_name) || ((_b = actionTabs.selectArrs) == null ? void 0 : _b.name) })),
/* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { name: "school_name", label: "\u5355\u4F4D\uFF1A" }, /* @__PURE__ */ _react_17_0_2_react.createElement(
"div",
{
ref: autoCompleteRef
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
auto_complete/* default */.Z,
{
options,
style: { width: 400 },
size: "middle",
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
filterOption: (inputValue, option) => option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
}
)
)),
/* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, null, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { htmlType: "submit", type: "primary", size: "middle", onClick: () => onFinish() }, "\u641C\u7D22"))
),
notSearch && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "tc font16 c-light-black mt40 pb30" }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { src: ImagesIcon/* searchIcon */.RL, width: "100", alt: "" }), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { className: "mt20" }, "\u8BF7\u641C\u7D22\u8981\u6DFB\u52A0\u7684\u4EBA\u5458")),
!notSearch && tableData == "" && !isLoading && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "tc font16 c-light-black mt40 pb30" }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { src: ImagesIcon/* noDataIcon */.z3, width: "100", alt: "" }), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { className: "mt20" }, "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!")),
(!notSearch && tableData != "" || isLoading) && /* @__PURE__ */ _react_17_0_2_react.createElement("section", null, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "flexd-table-header mt20" }, /* @__PURE__ */ _react_17_0_2_react.createElement(table["default"], { pagination: false, dataSource: [], columns })), /* @__PURE__ */ _react_17_0_2_react.createElement(
"div",
{
style: {
maxHeight: 260,
overflow: "auto"
}
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
(_react_infinite_scroller_1_2_4_react_infinite_scroller_default()),
{
initialLoad: false,
pageStart: 1,
threshold: 20,
loadMore: (page2) => {
handleInfiniteOnLoad();
},
hasMore,
useWindow: false
},
/* @__PURE__ */ _react_17_0_2_react.createElement(
table["default"],
{
loading: isLoading,
showHeader: false,
pagination: false,
dataSource: tableData,
columns,
onRow: (record) => {
return {
onClick: (event) => {
if (!event.currentTarget.querySelector("input").disabled)
saveSelect(event.currentTarget.querySelector("input").value);
}
};
}
}
)
)
))
);
};
/* harmony default export */ var SetMember = ((0,_umi_production_exports.connect)(
({
classroomList,
loading
}) => ({
classroomList,
loading
})
)(SetMember_AddTeacher));
// EXTERNAL MODULE: ./src/utils/authority.ts
var authority = __webpack_require__(55830);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/index.tsx
var Member_getOwnPropSymbols = Object.getOwnPropertySymbols;
var Member_hasOwnProp = Object.prototype.hasOwnProperty;
var Member_propIsEnum = Object.prototype.propertyIsEnumerable;
var Member_objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (Member_hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && Member_getOwnPropSymbols)
for (var prop of Member_getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && Member_propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
var Member_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 ShixunsListPage = (_a) => {
var _b = _a, {
classroomList,
globalSetting,
virtualSpaces,
user,
loading,
dispatch
} = _b, props = Member_objRest(_b, [
"classroomList",
"globalSetting",
"virtualSpaces",
"user",
"loading",
"dispatch"
]);
var _a2;
const [cousesList, setcousesList] = (0,_react_17_0_2_react.useState)([]);
const [AddMember, setAddMember] = (0,_react_17_0_2_react.useState)(false);
const { virtualSpacesDetails } = virtualSpaces;
const [activitykey, setactivity] = (0,_react_17_0_2_react.useState)("1");
const query = (0,_umi_production_exports.useParams)();
let [params, setparams] = (0,_react_17_0_2_react.useState)({
page: 1,
limit: 16,
search: "",
virtual_classroom_id: query.virtual_spacesId,
module_id: virtualSpaces.actionTabs.module_id
});
function getDataSets() {
return Member_async(this, null, function* () {
let res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${query.virtual_spacesId}/members.json`, {
method: "get",
params
});
setcousesList(res);
});
}
function getappling_member_list() {
return Member_async(this, null, function* () {
let res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${query.virtual_spacesId}/appling_member_list.json`, {
method: "get",
params
});
setcousesList(res);
});
}
(0,_react_17_0_2_react.useEffect)(() => {
getDataSets();
}, []);
(0,_react_17_0_2_react.useEffect)(() => {
if (classroomList.actionTabs.key === "\u5237\u65B0\u6570\u636E") {
getDataSets();
setactivity("1");
dispatch({
type: "virtualSpaces/getVirtualSpacesDetails",
payload: { id: query.virtual_spacesId }
});
}
}, [classroomList.actionTabs.key]);
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Membermodules.warp }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Membermodules.Content }, (cousesList == null ? void 0 : cousesList.total_count) <= 0 && /* @__PURE__ */ _react_17_0_2_react.createElement(NoData/* default */.Z, { Buttonclass: Membermodules.buttonstyle, customText: "\u6B64\u9879\u76EE\u8FD8\u6CA1\u6709\u6210\u5458\uFF0C\u7ACB\u5373\u6DFB\u52A0\u5B83\u4EEC\u5427\uFF5E" }), (_a2 = cousesList == null ? void 0 : cousesList.members) == null ? void 0 : _a2.map((item, index) => {
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Membermodules.items, onClick: () => {
window.open(`/users/${item.login}`);
} }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { src: env/* default */.Z.IMG_SERVER + "/images/" + (item == null ? void 0 : item.image_url) }), /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { fontSize: "16px", display: "flex", fontWeight: 600 } }, item == null ? void 0 : item.name, (item == null ? void 0 : item.is_creator) && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Membermodules.adminsstyle }, "\u7BA1\u7406\u5458")), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { fontSize: "14px", color: "#7D8592", marginTop: "7px" } }, item.school, item.school && item.department_name && "-", item.department_name))), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "center" } }, ((item == null ? void 0 : item.is_creator) && user.userInfo.user_id === item.user_id || (0,authority/* isSuperAdmins */.Ny)()) && index === 0 && activitykey === "1" && (item == null ? void 0 : item.is_creator) && /* @__PURE__ */ _react_17_0_2_react.createElement("span", { onClick: (e) => {
e.stopPropagation();
e.preventDefault();
dispatch({
type: "classroomList/setActionTabs",
payload: {
key: "\u66F4\u6362\u7BA1\u7406\u5458",
params
}
});
}, className: Membermodules.upadmin }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-genghuanguanliyuan mr5 font14" }), "\u66F4\u6362\u7BA1\u7406\u5458"), (item == null ? void 0 : item.can_remove) && activitykey === "1" && /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: "font14", onClick: (e) => {
e.stopPropagation();
e.preventDefault();
modal["default"].confirm({
title: "\u79FB\u9664\u6210\u5458",
content: `\u786E\u8BA4\u5C06\u6210\u5458\u300A${item.name}\u300B\u79FB\u51FA\u865A\u62DF\u793E\u533A\u5417\uFF1F`,
okText: "\u786E\u8BA4",
cancelText: "\u53D6\u6D88",
onOk: () => Member_async(void 0, null, function* () {
let res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${query.virtual_spacesId}/members/${item.user_id}.json`, {
method: "Delete"
});
if (res.status === 0) {
getDataSets();
dispatch({
type: "virtualSpaces/getVirtualSpacesDetails",
payload: { id: query.virtual_spacesId }
});
}
})
});
}, style: { color: "#3061D0", cursor: "pointer" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("i", { className: "iconfont icon-piliangshanchubeifen mr5 font14" }), "\u5220\u9664\u6210\u5458"), !(item == null ? void 0 : item.is_creator) && activitykey === "2" && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { cursor: "pointer" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { onClick: (e) => Member_async(void 0, null, function* () {
e.stopPropagation();
e.preventDefault();
let res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${query.virtual_spacesId}/agree.json`, {
method: "post",
body: {
apply_id: item.source_id
}
});
if (res.status === 0) {
getappling_member_list();
}
}), className: Membermodules.yes }, "\u540C\u610F"), /* @__PURE__ */ _react_17_0_2_react.createElement("span", { onClick: (e) => Member_async(void 0, null, function* () {
e.stopPropagation();
e.preventDefault();
let res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${query.virtual_spacesId}/refuse.json`, {
method: "post",
body: {
apply_id: item.source_id
}
});
if (res.status === 0) {
getappling_member_list();
}
}), className: Membermodules.no }, "\u62D2\u7EDD"))));
})), /* @__PURE__ */ _react_17_0_2_react.createElement(Member_AddTeacher, null), /* @__PURE__ */ _react_17_0_2_react.createElement(SetMember, null), /* @__PURE__ */ _react_17_0_2_react.createElement(
pagination/* default */.Z,
{
current: params.page,
total: cousesList == null ? void 0 : cousesList.total_count,
style: { textAlign: "end", marginBottom: "20px" },
pageSize: params.limit,
hideOnSinglePage: true,
onChange: (e) => {
params.page = e;
if (activitykey === "1") {
getDataSets();
} else {
getappling_member_list();
}
}
}
));
};
/* harmony default export */ var Member = ((0,_umi_production_exports.connect)(
({
classroomList,
loading,
globalSetting,
virtualSpaces,
user
}) => ({
classroomList,
globalSetting,
loading: loading.effects,
virtualSpaces,
user
})
)(ShixunsListPage));
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/index.tsx
var Settings_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 Settings_Page = ({ dispatch, virtualSpaces }) => {
var _a;
const query = (0,_umi_production_exports.useParams)();
const { virtual_spacesId } = query;
const [active, setActive] = (0,_react_17_0_2_react.useState)("1");
const [status, setStatus] = (0,_react_17_0_2_react.useState)(false);
(0,_react_17_0_2_react.useEffect)(() => {
getData();
}, []);
const getData = () => Settings_async(void 0, null, function* () {
const res = yield (0,fetch/* default */.ZP)(`/api/virtual_classrooms/${virtual_spacesId}/settings_auth.json`, {
method: "get"
});
if (res.status === 0) {
setStatus(true);
}
});
const tabs = [{
id: "1",
name: "\u6A21\u5757\u8BBE\u7F6E"
}, {
id: "2",
name: "\u6210\u5458\u8BBE\u7F6E",
total: (_a = virtualSpaces == null ? void 0 : virtualSpaces.virtualSpacesDetails) == null ? void 0 : _a.members_count
}];
if (!status)
return /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null);
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Settingsmodules.wrap }, /* @__PURE__ */ _react_17_0_2_react.createElement(
ui_customization/* CustomTabs */.YG,
{
value: active,
onChange: (k) => {
setActive(k);
},
dataSource: tabs,
tabBarExtraContent: active === "2" && /* @__PURE__ */ _react_17_0_2_react.createElement(ui_customization/* CustomButton */.op, { onClick: () => {
dispatch({
type: "classroomList/setActionTabs",
payload: {
key: "\u6DFB\u52A0\u6210\u5458",
params: {}
}
});
} }, "\u6DFB\u52A0\u6210\u5458")
}
), active === "1" && /* @__PURE__ */ _react_17_0_2_react.createElement(ModuleSettings, null), active === "2" && /* @__PURE__ */ _react_17_0_2_react.createElement(Member, null));
};
/* harmony default export */ var Settings = ((0,_umi_production_exports.connect)(
({
globalSetting,
virtualSpaces
}) => ({
globalSetting,
virtualSpaces
})
)(Settings_Page));
/***/ })
}]);