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

2431 lines
97 KiB

This file contains ambiguous Unicode characters!

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

(self["webpackChunk"] = self["webpackChunk"] || []).push([[61713],{
/***/ 72020:
/*!*****************************************!*\
!*** ./src/components/NoData/index.tsx ***!
\*****************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectSpread2.js */ 26801);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 59301);
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets/images/icons/nodata.png */ 4977);
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ 3113);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ 37712);
var noData = function noData(_ref) {
var img = _ref.img,
_ref$buttonProps = _ref.buttonProps,
buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
_ref$styles = _ref.styles,
styles = _ref$styles === void 0 ? {} : _ref$styles,
customText = _ref.customText,
ButtonText = _ref.ButtonText,
ButtonClick = _ref.ButtonClick,
Buttonclass = _ref.Buttonclass,
ButtonTwo = _ref.ButtonTwo,
imgStyles = _ref.imgStyles,
_ref$loading = _ref.loading,
loading = _ref$loading === void 0 ? false : _ref$loading;
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("section", {
className: "tc animated fadeIn",
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({}, {
color: '#999',
margin: '100px auto',
visibility: loading ? 'hidden' : 'visible'
}), styles),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", {
src: img || _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_2__,
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({}, imgStyles)
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p", {
className: "mt20 font14",
children: customText || '暂时还没有相关数据哦!'
}), ButtonText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({
className: Buttonclass,
onClick: ButtonClick
}, buttonProps), {}, {
children: ButtonText
})), ButtonTwo && ButtonTwo]
});
};
/* harmony default export */ __webpack_exports__.Z = (noData);
/***/ }),
/***/ 52344:
/*!**********************************************************************!*\
!*** ./src/pages/virtualSpaces/Lists/Settings/index.tsx + 7 modules ***!
\**********************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": function() { return /* binding */ Settings; }
});
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(10574);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(39343);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(11006);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// 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__(97174);
;// 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/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(26801);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__(27161);
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
// 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__(47015);
// 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 + 8 modules
var _umi_production_exports = __webpack_require__(66660);
// EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 34 modules
var ui_customization = __webpack_require__(6487);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/ModuleSettings/index.tsx
var _excluded = ["globalSetting", "virtualSpaces", "dispatch"],
_excluded2 = ["key", "name"];
var Page = function Page(_ref) {
var _fileList$3, _fileOtherList$3;
var globalSetting = _ref.globalSetting,
virtualSpaces = _ref.virtualSpaces,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, _excluded);
var query = (0,_umi_production_exports.useParams)();
var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails,
menus = virtualSpaces.menus;
var _useState = (0,_react_17_0_2_react.useState)(false),
_useState2 = slicedToArray_default()(_useState, 2),
btnLoading = _useState2[0],
setBtnLoading = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(true),
_useState4 = slicedToArray_default()(_useState3, 2),
loading = _useState4[0],
setLoading = _useState4[1];
var _Form$useForm = es_form/* default */.Z.useForm(),
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
form = _Form$useForm2[0];
var _useState5 = (0,_react_17_0_2_react.useState)([]),
_useState6 = slicedToArray_default()(_useState5, 2),
fileList = _useState6[0],
setFileList = _useState6[1];
var _useState7 = (0,_react_17_0_2_react.useState)([]),
_useState8 = slicedToArray_default()(_useState7, 2),
fileOtherList = _useState8[0],
setFileOtherList = _useState8[1];
var _useState9 = (0,_react_17_0_2_react.useState)(false),
_useState10 = slicedToArray_default()(_useState9, 2),
imgLoading = _useState10[0],
setImgLoading = _useState10[1];
var titleDesc = {
homepage: "该模块为虚拟社区主页可编辑展示本虚拟社区的基本介绍支持markdown编辑器编辑展示内容",
announcement: "该模块为通知公告模块,可以发布、编辑和删除通知公告内容",
lesson: "该模块为好课展示模块,支持添加好课和添加好课链接",
survey: "该模块为课程调研模块,可以对相关调研文件进行上传、查看、下载、删除操作",
knowledge: "该模块为知识体系模块,主要分为四个子模块:课程定位与目标、课程知识点、知识图谱描述、知识图谱。",
plan: "该模块为课程教案模块,支持以文件夹的形式管理课程相关的教案文件",
material: "该模块为课程教材模块,主要分为两个子模块:主教材、实践教材",
experiment: "该模块为实验体系模块,支持老师从实践项目和实践课程中选用实验加入",
discussion: "该模块为交流研讨模块,支持发布交流研讨的信息和上传相关附件视频。",
resources: "该模块为教学资源模块,支持上传对应教材的教学资源和添加外链资源",
settings: "该模块为社区设置模块,支持对社区名称、社区类型、标识、封面图、详情顶部背景和模块展示控制、人员管理进行设置"
};
(0,_react_17_0_2_react.useEffect)(function () {
if (virtualSpacesDetails !== null && virtualSpacesDetails !== void 0 && virtualSpacesDetails.id && menus !== null && menus !== void 0 && menus.length) {
var _virtualSpacesDetails, _virtualSpacesDetails2, _virtualSpacesDetails3, _virtualSpacesDetails4;
form.setFieldsValue({
name: virtualSpacesDetails === null || virtualSpacesDetails === void 0 ? void 0 : virtualSpacesDetails.name,
vs_type: virtualSpacesDetails === null || virtualSpacesDetails === void 0 ? void 0 : virtualSpacesDetails.vs_type,
identifier: virtualSpacesDetails === null || virtualSpacesDetails === void 0 ? void 0 : virtualSpacesDetails.identifier,
settings: menus.map(function (e) {
return objectSpread2_default()(objectSpread2_default()({}, e), {}, {
checked: !e.hidden
});
})
});
var newFileList = virtualSpacesDetails !== null && virtualSpacesDetails !== void 0 && (_virtualSpacesDetails = virtualSpacesDetails.cover_url) !== null && _virtualSpacesDetails !== void 0 && _virtualSpacesDetails.includes('attachments') ? [{
response: {
id: virtualSpacesDetails === null || virtualSpacesDetails === void 0 || (_virtualSpacesDetails2 = virtualSpacesDetails.cover_url) === null || _virtualSpacesDetails2 === void 0 ? void 0 : _virtualSpacesDetails2.split('/')[3]
}
}] : [];
var newFileOtherList = virtualSpacesDetails !== null && virtualSpacesDetails !== void 0 && (_virtualSpacesDetails3 = virtualSpacesDetails.backbground_image_url) !== null && _virtualSpacesDetails3 !== void 0 && _virtualSpacesDetails3.includes('attachments') ? [{
response: {
id: virtualSpacesDetails === null || virtualSpacesDetails === void 0 || (_virtualSpacesDetails4 = virtualSpacesDetails.backbground_image_url) === null || _virtualSpacesDetails4 === void 0 ? void 0 : _virtualSpacesDetails4.split('/')[3]
}
}] : [];
setFileList(newFileList);
setFileOtherList(newFileOtherList);
}
}, [virtualSpacesDetails, menus]);
var handleOk = function handleOk() {
form.submit();
};
var handleSubmit = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(values) {
var _fileList$, _fileOtherList$, _values$settings;
var body, res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
setBtnLoading(true);
body = {
name: values === null || values === void 0 ? void 0 : values.name,
vs_type: values === null || values === void 0 ? void 0 : values.vs_type,
identifier: values === null || values === void 0 ? void 0 : values.identifier,
cover_id: (fileList === null || fileList === void 0 || (_fileList$ = fileList[0]) === null || _fileList$ === void 0 || (_fileList$ = _fileList$.response) === null || _fileList$ === void 0 ? void 0 : _fileList$.id) || '',
backbground_image_id: (fileOtherList === null || fileOtherList === void 0 || (_fileOtherList$ = fileOtherList[0]) === null || _fileOtherList$ === void 0 || (_fileOtherList$ = _fileOtherList$.response) === null || _fileOtherList$ === void 0 ? void 0 : _fileOtherList$.id) || '',
modules_list: values === null || values === void 0 || (_values$settings = values.settings) === null || _values$settings === void 0 ? void 0 : _values$settings.map(function (e) {
return objectSpread2_default()(objectSpread2_default()({}, e), {}, {
hidden: !e.checked
});
})
};
_context.next = 4;
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, ".json"), {
method: 'put',
body: body
});
case 4:
res = _context.sent;
if ((res === null || res === void 0 ? void 0 : res.status) !== -1) {
message/* default */.ZP.success('修改成功');
dispatch({
type: 'virtualSpaces/getVirtualSpacesMenus',
payload: {
id: values === null || values === void 0 ? void 0 : values.identifier
}
});
dispatch({
type: 'virtualSpaces/getVirtualSpacesDetails',
payload: {
id: values === null || values === void 0 ? void 0 : values.identifier
}
});
// window.location.href = `/${values?.vs_type === 'classroom' ? 'vtrs' : '101'}/${values?.identifier}/settings`
_umi_production_exports.history.replace("/".concat((values === null || values === void 0 ? void 0 : values.vs_type) === 'classroom' ? 'vtrs' : '101', "/").concat(values === null || values === void 0 ? void 0 : values.identifier, "/settings"));
}
if ((res === null || res === void 0 ? void 0 : res.status) === -3) {
form.setFields([{
name: 'identifier',
errors: ['该标识已存在,请更换']
}]);
}
setBtnLoading(false);
case 8:
case "end":
return _context.stop();
}
}, _callee);
}));
return function handleSubmit(_x) {
return _ref2.apply(this, arguments);
};
}();
var handleFileChange = function handleFileChange(info, type) {
var 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);
}
}
};
var handleFileRemove = function handleFileRemove(file, type) {
if (type === 1) {
setFileList([]);
} else {
setFileOtherList([]);
}
};
var handleFileBeforeUpload = function handleFileBeforeUpload(file, type) {
var isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
if (!isJpgOrPng) {
message/* default */.ZP.warning('请上传jpg或png的图片!');
return false;
}
var is200K = file.size / 1024 > 200;
var is1M = file.size / 1024 / 1024 > 1;
if (is200K && type === 1) {
message/* default */.ZP.warning('文件大小必须小于200KB');
return false;
}
if (is1M && type === 2) {
message/* default */.ZP.warning('文件大小必须小于1MB');
return false;
}
if (type === 1) {
setFileList([]);
} else {
setFileOtherList([]);
}
return true;
};
var renderImg = function renderImg(type) {
var _fileList$2, _fileOtherList$2;
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: ModuleSettingsmodules.img,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: env/* default */.Z.API_SERVER + "/api/attachments/" + (type === 1 ? fileList === null || fileList === void 0 || (_fileList$2 = fileList[0]) === null || _fileList$2 === void 0 || (_fileList$2 = _fileList$2.response) === null || _fileList$2 === void 0 ? void 0 : _fileList$2.id : fileOtherList === null || fileOtherList === void 0 || (_fileOtherList$2 = fileOtherList[0]) === null || _fileOtherList$2 === void 0 || (_fileOtherList$2 = _fileOtherList$2.response) === null || _fileOtherList$2 === void 0 ? void 0 : _fileOtherList$2.id),
alt: "avatar",
style: {
width: '100%'
}
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
children: /*#__PURE__*/(0,jsx_runtime.jsx)(CloseCircleFilled/* default */.Z, {
onClick: function onClick() {
if (type === 1) {
setFileList([]);
} else {
setFileOtherList([]);
}
},
style: {
fontSize: '16px',
color: 'red'
}
})
})]
});
};
return /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
form: form,
colon: false,
onFinish: handleSubmit,
className: ModuleSettingsmodules.form,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
label: "\u793E\u533A\u540D\u79F0",
name: "name",
rules: [{
required: true,
message: '请输入社区名称'
}, {
whitespace: true,
message: '请输入社区名称'
}, {
max: 60,
message: '只能输入60个字符'
}],
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
style: {
width: 516
},
maxLength: 60,
placeholder: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
label: "\u793E\u533A\u7C7B\u578B",
initialValue: "classroom",
name: "vs_type",
rules: [{
required: true,
message: '请输入社区类型'
}],
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(es_radio/* default.Group */.ZP.Group, {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, {
value: "classroom",
children: "\u865A\u62DF\u6559\u7814\u5BA4"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, {
className: "ml20",
value: "plan",
children: "101\u8BA1\u5212"
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
label: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
width: 66
},
children: "\u6807\u8BC6"
}),
name: "identifier",
rules: [{
pattern: /^[a-zA-Z0-9]+$/,
message: '仅支持填写英文和数字'
}],
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
style: {
width: 516
},
maxLength: 15
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
name: "cover_id",
label: "\u5C01\u9762\u56FE",
className: "mt30",
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: ModuleSettingsmodules.upload,
children: [fileList !== null && fileList !== void 0 && (_fileList$3 = fileList[0]) !== null && _fileList$3 !== void 0 && (_fileList$3 = _fileList$3.response) !== null && _fileList$3 !== void 0 && _fileList$3.id ? renderImg(1) : /*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
fileList: fileList,
action: "".concat(env/* default */.Z.API_SERVER, "/api/attachments.json"),
onChange: function onChange(e) {
return handleFileChange(e, 1);
},
onRemove: function onRemove(e) {
return handleFileRemove(e, 1);
},
beforeUpload: function beforeUpload(e) {
return handleFileBeforeUpload(e, 1);
},
withCredentials: true,
accept: "image/*",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomButton */.op, {
className: "radius2",
children: "\u4E0A\u4F20\u56FE\u7247"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: ModuleSettingsmodules.text,
children: "\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__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
name: "backbground_image_id",
label: "\u8BE6\u60C5\u9876\u90E8\u80CC\u666F",
className: "mt30",
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: ModuleSettingsmodules.upload,
children: [fileOtherList !== null && fileOtherList !== void 0 && (_fileOtherList$3 = fileOtherList[0]) !== null && _fileOtherList$3 !== void 0 && (_fileOtherList$3 = _fileOtherList$3.response) !== null && _fileOtherList$3 !== void 0 && _fileOtherList$3.id ? renderImg(2) : /*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
fileList: fileOtherList,
action: "".concat(env/* default */.Z.API_SERVER, "/api/attachments.json"),
onChange: function onChange(e) {
return handleFileChange(e, 2);
},
onRemove: function onRemove(e) {
return handleFileRemove(e, 2);
},
beforeUpload: function beforeUpload(e) {
return handleFileBeforeUpload(e, 2);
},
withCredentials: true,
accept: "image/*",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomButton */.op, {
className: "radius2",
children: "\u4E0A\u4F20\u56FE\u7247"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: ModuleSettingsmodules.text,
children: "\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__*/(0,jsx_runtime.jsxs)("div", {
className: ModuleSettingsmodules.title,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("b", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\u6A21\u5757\u5C55\u793A\u63A7\u5236"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: ModuleSettingsmodules.list,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.List, {
name: "settings",
children: function children(fields, _ref3) {
var add = _ref3.add,
remove = _ref3.remove,
move = _ref3.move;
return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
children: fields.map(function (field, index) {
var _menus$key;
var key = field.key,
name = field.name,
restField = objectWithoutProperties_default()(field, _excluded2);
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
align: "top",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, objectSpread2_default()(objectSpread2_default()({}, restField), {}, {
className: "mr20",
valuePropName: "checked",
name: [name, 'checked'],
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, {
disabled: menus[key].disabled
})
})), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, objectSpread2_default()(objectSpread2_default()({}, restField), {}, {
style: {
flex: 1
},
name: [name, 'name'],
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {})
})), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "ml20",
style: {
width: 60,
display: "flex",
alignItems: "center",
justifyContent: 'left',
paddingTop: 6
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "mr10",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "right",
title: titleDesc[menus === null || menus === void 0 || (_menus$key = menus[key]) === null || _menus$key === void 0 ? void 0 : _menus$key.icon_type],
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-tishixiaowenhao",
style: {
color: "#3061D0"
}
})
})
}), index !== 0 && index <= fields.length - 2 && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
onClick: function onClick() {
var _form$getFieldValue;
move(index, index - 1);
var formSetting = (_form$getFieldValue = form.getFieldValue('settings')) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.map(function (e, i) {
fields.map(function (fe, fi) {
if (i === fi) e.position = Number(fe.name) + 1;
});
return e;
});
form.setFieldValue('settings', formSetting);
},
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-shangyi3",
style: {
transform: 'translateY(2px)'
}
})
}), index < fields.length - 2 && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
onClick: function onClick() {
var _form$getFieldValue2;
move(index, index + 1);
var formSetting = (_form$getFieldValue2 = form.getFieldValue('settings')) === null || _form$getFieldValue2 === void 0 ? void 0 : _form$getFieldValue2.map(function (e, i) {
fields.map(function (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)'
},
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-shangyi3"
})
})]
})]
})
}, key);
})
});
}
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
disabled: imgLoading,
loading: btnLoading,
type: "primary",
className: ModuleSettingsmodules.btn,
onClick: handleOk,
children: "\u786E\u8BA4\u4FEE\u6539"
})]
});
};
/* harmony default export */ var ModuleSettings = ((0,_umi_production_exports.connect)(function (_ref4) {
var globalSetting = _ref4.globalSetting,
virtualSpaces = _ref4.virtualSpaces;
return {
globalSetting: globalSetting,
virtualSpaces: 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__(72020);
;// 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/_@babel_runtime@7.23.2@@babel/runtime/helpers/toConsumableArray.js
var toConsumableArray = __webpack_require__(93923);
var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
// 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__(65450);
// EXTERNAL MODULE: ./src/service/classrooms.ts
var classrooms = __webpack_require__(48600);
// EXTERNAL MODULE: ./src/components/ImagesIcon/index.ts + 32 modules
var ImagesIcon = __webpack_require__(19770);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/AddTeacher.tsx
var AddTeacher = function AddTeacher(_ref) {
var _actionTabs$selectArr, _actionTabs$selectArr2;
var classroomList = _ref.classroomList,
loading = _ref.loading,
dispatch = _ref.dispatch;
var params = (0,_umi_production_exports.useParams)();
var actionTabs = classroomList.actionTabs;
var _useState = (0,_react_17_0_2_react.useState)([]),
_useState2 = slicedToArray_default()(_useState, 2),
options = _useState2[0],
setOptions = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(true),
_useState4 = slicedToArray_default()(_useState3, 2),
hasMore = _useState4[0],
setHasmore = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)(false),
_useState6 = slicedToArray_default()(_useState5, 2),
isLoading = _useState6[0],
setIsLoading = _useState6[1];
var _Form$useForm = es_form/* default */.Z.useForm(),
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
form = _Form$useForm2[0];
var _useState7 = (0,_react_17_0_2_react.useState)([]),
_useState8 = slicedToArray_default()(_useState7, 2),
tableData = _useState8[0],
setTableData = _useState8[1];
var _useState9 = (0,_react_17_0_2_react.useState)(0),
_useState10 = slicedToArray_default()(_useState9, 2),
page = _useState10[0],
setPage = _useState10[1];
var _useState11 = (0,_react_17_0_2_react.useState)([]),
_useState12 = slicedToArray_default()(_useState11, 2),
selectArrs = _useState12[0],
setSelectArrs = _useState12[1];
var _useState13 = (0,_react_17_0_2_react.useState)(true),
_useState14 = slicedToArray_default()(_useState13, 2),
notSearch = _useState14[0],
setNotSearch = _useState14[1];
var autoCompleteRef = (0,_react_17_0_2_react.useRef)();
(0,_react_17_0_2_react.useEffect)(function () {
if (classroomList.actionTabs.key === '添加老师') {
setNotSearch(true);
getData();
}
}, [classroomList.actionTabs.key]);
var getData = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return dispatch({
type: 'classroomList/getSchoolList',
payload: {}
});
case 2:
res = _context.sent;
setOptions(res.map(function (item) {
return {
value: item
};
}));
case 4:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData() {
return _ref2.apply(this, arguments);
};
}();
var onFinish = function onFinish() {
var _form$getFieldValue;
if (((_form$getFieldValue = form.getFieldValue()) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.keyword) === '') {
setTableData([]);
message/* default */.ZP.error("请输入姓名");
return;
}
;
setNotSearch(false);
setHasmore(true);
setIsLoading(false);
setSelectArrs([]);
setTimeout(function () {
handleInfiniteOnLoad(true);
}, 200);
};
var saveSelect = function saveSelect(id) {
id = String(id);
var key = selectArrs.indexOf(id);
if (key < 0) {
selectArrs.push(id);
} else {
selectArrs.splice(key, 1);
}
setSelectArrs(toConsumableArray_default()(selectArrs));
};
var handleInfiniteOnLoad = /*#__PURE__*/function () {
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
var reload,
_res$users,
formValue,
res,
_args2 = arguments;
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
reload = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
if (!((reload || hasMore) && !isLoading)) {
_context2.next = 11;
break;
}
formValue = form.getFieldValue();
setIsLoading(true);
setPage(reload ? 1 : page + 1);
_context2.next = 7;
return (0,classrooms/* searchSchoolTeacherList */.nQ)({
page: reload ? 1 : page + 1,
container_id: params.virtual_spacesId,
container_type: 5,
school_name: formValue === null || formValue === void 0 ? void 0 : formValue.school_name,
keyword: formValue === null || formValue === void 0 ? void 0 : formValue.keyword
});
case 7:
res = _context2.sent;
reload ? setTableData(toConsumableArray_default()(res.users)) : setTableData([].concat(toConsumableArray_default()(tableData), toConsumableArray_default()(res.users)));
setIsLoading(false);
if (((_res$users = res.users) === null || _res$users === void 0 ? void 0 : _res$users.length) < 10) setHasmore(false);
case 11:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return function handleInfiniteOnLoad() {
return _ref3.apply(this, arguments);
};
}();
var onOK = /*#__PURE__*/function () {
var _ref4 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3() {
var res;
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
if (!(selectArrs == '')) {
_context3.next = 4;
break;
}
message/* default */.ZP.error('请选择人数');
_context3.next = 8;
break;
case 4:
_context3.next = 6;
return (0,virtualSpaces/* Addmember */.MM)(objectSpread2_default()(objectSpread2_default()({}, params), {}, {
user_ids: selectArrs
}));
case 6:
res = _context3.sent;
if (res.status === 0) {
message/* default */.ZP.success('添加成功');
dispatch({
type: 'classroomList/setActionTabs',
payload: {
key: '刷新数据'
}
});
}
case 8:
case "end":
return _context3.stop();
}
}, _callee3);
}));
return function onOK() {
return _ref4.apply(this, arguments);
};
}();
var columns = [{
title: "",
dataIndex: "added",
width: 40,
ellipsis: true,
render: function render(add, record) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, {
value: record.numid,
checked: selectArrs.includes(String(record.numid)),
disabled: !!add
});
}
}, {
title: "姓名",
width: 100,
ellipsis: true,
dataIndex: "username",
render: function render(text, record) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
className: "bold c-black",
to: "/users/".concat(record.login),
target: "_blank",
children: text || '--'
})
});
}
}, {
title: "手机",
width: 100,
dataIndex: "phone",
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "邮箱",
dataIndex: "email",
width: 100,
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "学号/工号",
width: 100,
dataIndex: "student_number",
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "学校/单位",
width: 150,
dataIndex: "school_name",
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "院系/部门",
dataIndex: "depart_name",
width: 130,
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "实名认证",
dataIndex: "school_name",
width: 100,
render: function render(text) {
return text ? '是' : "否";
}
}, {
title: "最后登录时间",
dataIndex: "last_login_on",
width: 140,
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: dayjs_min_default()(text).format("YYYY-MM-DD HH:mm")
})
});
}
}, {
title: "状态",
dataIndex: "added",
width: 80,
render: function render(text) {
if (text === 1) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-green",
children: "\u5DF2\u6DFB\u52A0"
});
} else {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\u672A\u6DFB\u52A0"
});
}
}
}];
return /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, {
centered: true,
title: "\u6DFB\u52A0\u6210\u5458",
open: classroomList.actionTabs.key === '添加成员' ? true : false,
okText: "\u786E\u5B9A",
cancelText: "\u53D6\u6D88",
width: 1100,
zIndex: 9999,
bodyStyle: {
minHeight: 200
},
onOk: /*#__PURE__*/asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4() {
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
while (1) switch (_context4.prev = _context4.next) {
case 0:
onOK();
case 1:
case "end":
return _context4.stop();
}
}, _callee4);
})),
onCancel: function onCancel() {
setSelectArrs([]);
dispatch({
type: 'classroomList/setActionTabs',
payload: {}
});
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
layout: "inline",
form: form,
initialValues: {
school_name: "",
keyword: ""
},
className: "mt10"
// onFinish={onFinish}
,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
name: "keyword",
label: "\u59D3\u540D\uFF1A",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
allowClear: true,
style: {
width: 370
},
size: 'middle',
defaultValue: ((_actionTabs$selectArr = actionTabs.selectArrs) === null || _actionTabs$selectArr === void 0 ? void 0 : _actionTabs$selectArr.category_name) || ((_actionTabs$selectArr2 = actionTabs.selectArrs) === null || _actionTabs$selectArr2 === void 0 ? void 0 : _actionTabs$selectArr2.name)
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
name: "school_name",
label: "\u5355\u4F4D\uFF1A",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
ref: autoCompleteRef,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(auto_complete/* default */.Z, {
options: options,
style: {
width: 400
},
size: 'middle',
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
filterOption: function filterOption(inputValue, option) {
return option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1;
}
})
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
htmlType: "submit",
type: "primary",
size: 'middle',
onClick: function onClick() {
return onFinish();
},
children: "\u641C\u7D22"
})
})]
}), notSearch && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "tc font16 c-light-black mt40 pb30",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: ImagesIcon/* searchIcon */.RL,
width: "100",
alt: ""
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: "mt20",
children: "\u8BF7\u641C\u7D22\u8981\u6DFB\u52A0\u7684\u4EBA\u5458"
})]
}), !notSearch && tableData == '' && !isLoading && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "tc font16 c-light-black mt40 pb30",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: ImagesIcon/* noDataIcon */.z3,
width: "100",
alt: ""
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: "mt20",
children: "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!"
})]
}), (!notSearch && tableData != '' || isLoading) && /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "flexd-table-header mt20",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
pagination: false,
dataSource: [],
columns: columns
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
maxHeight: 260,
overflow: 'auto'
},
children: /*#__PURE__*/(0,jsx_runtime.jsx)((_react_infinite_scroller_1_2_4_react_infinite_scroller_default()), {
initialLoad: false,
pageStart: 1,
threshold: 20,
loadMore: function loadMore(page) {
handleInfiniteOnLoad();
},
hasMore: hasMore,
useWindow: false,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
loading: isLoading,
showHeader: false,
pagination: false,
dataSource: tableData,
columns: columns,
onRow: function onRow(record) {
return {
onClick: function 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)(function (_ref6) {
var classroomList = _ref6.classroomList,
loading = _ref6.loading;
return {
classroomList: classroomList,
loading: loading
};
})(AddTeacher));
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/SetMember.tsx
var SetMember_AddTeacher = function AddTeacher(_ref) {
var _actionTabs$selectArr, _actionTabs$selectArr2;
var classroomList = _ref.classroomList,
loading = _ref.loading,
dispatch = _ref.dispatch;
var params = (0,_umi_production_exports.useParams)();
var actionTabs = classroomList.actionTabs;
var _useState = (0,_react_17_0_2_react.useState)([]),
_useState2 = slicedToArray_default()(_useState, 2),
options = _useState2[0],
setOptions = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(true),
_useState4 = slicedToArray_default()(_useState3, 2),
hasMore = _useState4[0],
setHasmore = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)(false),
_useState6 = slicedToArray_default()(_useState5, 2),
isLoading = _useState6[0],
setIsLoading = _useState6[1];
var _Form$useForm = es_form/* default */.Z.useForm(),
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
form = _Form$useForm2[0];
var _useState7 = (0,_react_17_0_2_react.useState)([]),
_useState8 = slicedToArray_default()(_useState7, 2),
tableData = _useState8[0],
setTableData = _useState8[1];
var _useState9 = (0,_react_17_0_2_react.useState)(0),
_useState10 = slicedToArray_default()(_useState9, 2),
page = _useState10[0],
setPage = _useState10[1];
var _useState11 = (0,_react_17_0_2_react.useState)(),
_useState12 = slicedToArray_default()(_useState11, 2),
selectArrs = _useState12[0],
setSelectArrs = _useState12[1];
var _useState13 = (0,_react_17_0_2_react.useState)(true),
_useState14 = slicedToArray_default()(_useState13, 2),
notSearch = _useState14[0],
setNotSearch = _useState14[1];
var autoCompleteRef = (0,_react_17_0_2_react.useRef)();
(0,_react_17_0_2_react.useEffect)(function () {
if (classroomList.actionTabs.key === '更换管理员') {
setNotSearch(true);
getData();
}
}, [classroomList.actionTabs.key]);
var getData = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return dispatch({
type: 'classroomList/getSchoolList',
payload: {}
});
case 2:
res = _context.sent;
setOptions(res.map(function (item) {
return {
value: item
};
}));
setNotSearch(false);
setHasmore(true);
setIsLoading(false);
setSelectArrs('');
setTimeout(function () {
handleInfiniteOnLoad(true);
}, 200);
case 9:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData() {
return _ref2.apply(this, arguments);
};
}();
var onFinish = function onFinish() {
var _form$getFieldValue;
if (((_form$getFieldValue = form.getFieldValue()) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.keyword) === '') {
setTableData([]);
message/* default */.ZP.error("请输入姓名");
return;
}
;
setNotSearch(false);
setHasmore(true);
setIsLoading(false);
setSelectArrs('');
setTimeout(function () {
handleInfiniteOnLoad(true);
}, 200);
};
var saveSelect = function saveSelect(id) {
id = String(id);
setSelectArrs(id);
};
var handleInfiniteOnLoad = /*#__PURE__*/function () {
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
var reload,
_res$users,
formValue,
res,
_args2 = arguments;
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
reload = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
if (!((reload || hasMore) && !isLoading)) {
_context2.next = 11;
break;
}
formValue = form.getFieldValue();
setIsLoading(true);
setPage(reload ? 1 : page + 1);
_context2.next = 7;
return (0,classrooms/* searchSchoolTeacherList */.nQ)({
page: reload ? 1 : page + 1,
container_id: params.virtual_spacesId,
container_type: 5,
source: 'virtual_classroom',
school_name: formValue === null || formValue === void 0 ? void 0 : formValue.school_name,
keyword: formValue === null || formValue === void 0 ? void 0 : formValue.keyword
});
case 7:
res = _context2.sent;
reload ? setTableData(toConsumableArray_default()(res.users)) : setTableData([].concat(toConsumableArray_default()(tableData), toConsumableArray_default()(res.users)));
setIsLoading(false);
if (((_res$users = res.users) === null || _res$users === void 0 ? void 0 : _res$users.length) < 10) setHasmore(false);
case 11:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return function handleInfiniteOnLoad() {
return _ref3.apply(this, arguments);
};
}();
var onOK = /*#__PURE__*/function () {
var _ref4 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3() {
var res;
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
if (!(selectArrs == '')) {
_context3.next = 4;
break;
}
message/* default */.ZP.error('请选择成员');
_context3.next = 8;
break;
case 4:
_context3.next = 6;
return (0,virtualSpaces/* change_creator */.xt)(objectSpread2_default()(objectSpread2_default()({}, params), {}, {
id: selectArrs,
virtual_classroom_id: params.virtual_spacesId
}));
case 6:
res = _context3.sent;
if (res.status === 0) {
message/* default */.ZP.success('更换成功');
dispatch({
type: 'classroomList/setActionTabs',
payload: {
key: '刷新数据'
}
});
}
case 8:
case "end":
return _context3.stop();
}
}, _callee3);
}));
return function onOK() {
return _ref4.apply(this, arguments);
};
}();
var columns = [{
title: "",
dataIndex: "added",
width: 40,
ellipsis: true,
render: function render(add, record) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, {
value: record.numid,
checked: selectArrs === String(record.numid)
});
}
}, {
title: "姓名",
width: 100,
ellipsis: true,
dataIndex: "username",
render: function render(text, record) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
className: "bold c-black",
to: "/users/".concat(record.login),
target: "_blank",
children: text || '--'
})
});
}
}, {
title: "手机",
width: 100,
dataIndex: "phone",
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "邮箱",
dataIndex: "email",
width: 100,
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "学号/工号",
width: 100,
dataIndex: "student_number",
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "学校/单位",
width: 150,
dataIndex: "school_name",
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "院系/部门",
dataIndex: "depart_name",
width: 130,
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
})
});
}
}, {
title: "实名认证",
dataIndex: "school_name",
width: 100,
render: function render(text) {
return text ? '是' : "否";
}
}, {
title: "最后登录时间",
dataIndex: "last_login_on",
width: 140,
ellipsis: true,
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
placement: "bottom",
title: text,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: dayjs_min_default()(text).format("YYYY-MM-DD HH:mm")
})
});
}
}];
return /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, {
centered: true,
title: "\u66F4\u6362\u7BA1\u7406\u5458",
open: classroomList.actionTabs.key === '更换管理员' ? true : false,
okText: "\u786E\u5B9A",
cancelText: "\u53D6\u6D88",
width: 1100,
zIndex: 9999,
bodyStyle: {
minHeight: 200
},
onOk: /*#__PURE__*/asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4() {
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
while (1) switch (_context4.prev = _context4.next) {
case 0:
onOK();
case 1:
case "end":
return _context4.stop();
}
}, _callee4);
})),
onCancel: function onCancel() {
setSelectArrs('');
dispatch({
type: 'classroomList/setActionTabs',
payload: {}
});
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
layout: "inline",
form: form,
initialValues: {
school_name: "",
keyword: ""
},
className: "mt10"
// onFinish={onFinish}
,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
name: "keyword",
label: "\u59D3\u540D\uFF1A",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
allowClear: true,
style: {
width: 370
},
size: 'middle',
defaultValue: ((_actionTabs$selectArr = actionTabs.selectArrs) === null || _actionTabs$selectArr === void 0 ? void 0 : _actionTabs$selectArr.category_name) || ((_actionTabs$selectArr2 = actionTabs.selectArrs) === null || _actionTabs$selectArr2 === void 0 ? void 0 : _actionTabs$selectArr2.name)
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
name: "school_name",
label: "\u5355\u4F4D\uFF1A",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
ref: autoCompleteRef,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(auto_complete/* default */.Z, {
options: options,
style: {
width: 400
},
size: 'middle',
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
filterOption: function filterOption(inputValue, option) {
return option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1;
}
})
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
htmlType: "submit",
type: "primary",
size: 'middle',
onClick: function onClick() {
return onFinish();
},
children: "\u641C\u7D22"
})
})]
}), notSearch && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "tc font16 c-light-black mt40 pb30",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: ImagesIcon/* searchIcon */.RL,
width: "100",
alt: ""
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: "mt20",
children: "\u8BF7\u641C\u7D22\u8981\u6DFB\u52A0\u7684\u4EBA\u5458"
})]
}), !notSearch && tableData == '' && !isLoading && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "tc font16 c-light-black mt40 pb30",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: ImagesIcon/* noDataIcon */.z3,
width: "100",
alt: ""
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: "mt20",
children: "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!"
})]
}), (!notSearch && tableData != '' || isLoading) && /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "flexd-table-header mt20",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
pagination: false,
dataSource: [],
columns: columns
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
maxHeight: 260,
overflow: 'auto'
},
children: /*#__PURE__*/(0,jsx_runtime.jsx)((_react_infinite_scroller_1_2_4_react_infinite_scroller_default()), {
initialLoad: false,
pageStart: 1,
threshold: 20,
loadMore: function loadMore(page) {
handleInfiniteOnLoad();
},
hasMore: hasMore,
useWindow: false,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
loading: isLoading,
showHeader: false,
pagination: false,
dataSource: tableData,
columns: columns,
onRow: function onRow(record) {
return {
onClick: function onClick(event) {
if (!event.currentTarget.querySelector("input").disabled) saveSelect(event.currentTarget.querySelector("input").value);
}
};
}
})
})
})]
})]
});
};
/* harmony default export */ var SetMember = ((0,_umi_production_exports.connect)(function (_ref6) {
var classroomList = _ref6.classroomList,
loading = _ref6.loading;
return {
classroomList: classroomList,
loading: loading
};
})(SetMember_AddTeacher));
// EXTERNAL MODULE: ./src/utils/authority.ts
var authority = __webpack_require__(76107);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/index.tsx
var Member_excluded = ["classroomList", "globalSetting", "virtualSpaces", "user", "loading", "dispatch"];
var ShixunsListPage = function ShixunsListPage(_ref) {
var _cousesList$members;
var classroomList = _ref.classroomList,
globalSetting = _ref.globalSetting,
virtualSpaces = _ref.virtualSpaces,
user = _ref.user,
loading = _ref.loading,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, Member_excluded);
var _useState = (0,_react_17_0_2_react.useState)([]),
_useState2 = slicedToArray_default()(_useState, 2),
cousesList = _useState2[0],
setcousesList = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(false),
_useState4 = slicedToArray_default()(_useState3, 2),
AddMember = _useState4[0],
setAddMember = _useState4[1];
var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails;
var _useState5 = (0,_react_17_0_2_react.useState)('1'),
_useState6 = slicedToArray_default()(_useState5, 2),
activitykey = _useState6[0],
setactivity = _useState6[1];
var query = (0,_umi_production_exports.useParams)();
var _useState7 = (0,_react_17_0_2_react.useState)({
page: 1,
limit: 16,
search: '',
virtual_classroom_id: query.virtual_spacesId,
module_id: virtualSpaces.actionTabs.module_id
}),
_useState8 = slicedToArray_default()(_useState7, 2),
params = _useState8[0],
setparams = _useState8[1];
function getDataSets() {
return _getDataSets.apply(this, arguments);
}
function _getDataSets() {
_getDataSets = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4() {
var res;
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
while (1) switch (_context4.prev = _context4.next) {
case 0:
_context4.next = 2;
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/members.json"), {
method: 'get',
params: params
});
case 2:
res = _context4.sent;
setcousesList(res);
case 4:
case "end":
return _context4.stop();
}
}, _callee4);
}));
return _getDataSets.apply(this, arguments);
}
function getappling_member_list() {
return _getappling_member_list.apply(this, arguments);
}
function _getappling_member_list() {
_getappling_member_list = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee5() {
var res;
return regeneratorRuntime_default()().wrap(function _callee5$(_context5) {
while (1) switch (_context5.prev = _context5.next) {
case 0:
_context5.next = 2;
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/appling_member_list.json"), {
method: 'get',
params: params
});
case 2:
res = _context5.sent;
setcousesList(res);
case 4:
case "end":
return _context5.stop();
}
}, _callee5);
}));
return _getappling_member_list.apply(this, arguments);
}
(0,_react_17_0_2_react.useEffect)(function () {
getDataSets();
}, []);
(0,_react_17_0_2_react.useEffect)(function () {
if (classroomList.actionTabs.key === '刷新数据') {
getDataSets();
setactivity('1');
dispatch({
type: 'virtualSpaces/getVirtualSpacesDetails',
payload: {
id: query.virtual_spacesId
}
});
}
}, [classroomList.actionTabs.key]);
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Membermodules.warp,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Membermodules.Content,
children: [(cousesList === null || cousesList === void 0 ? void 0 : cousesList.total_count) <= 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {
Buttonclass: Membermodules.buttonstyle,
customText: "\u6B64\u9879\u76EE\u8FD8\u6CA1\u6709\u6210\u5458\uFF0C\u7ACB\u5373\u6DFB\u52A0\u5B83\u4EEC\u5427\uFF5E"
}), cousesList === null || cousesList === void 0 || (_cousesList$members = cousesList.members) === null || _cousesList$members === void 0 ? void 0 : _cousesList$members.map(function (item, index) {
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Membermodules.items,
onClick: function onClick() {
window.open("/users/".concat(item.login));
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
display: 'flex'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: env/* default */.Z.IMG_SERVER + '/images/' + (item === null || item === void 0 ? void 0 : item.image_url)
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
fontSize: '16px',
display: 'flex',
fontWeight: 600
},
children: [item === null || item === void 0 ? void 0 : item.name, (item === null || item === void 0 ? void 0 : item.is_creator) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Membermodules.adminsstyle,
children: "\u7BA1\u7406\u5458"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
fontSize: '14px',
color: '#7D8592',
marginTop: '7px'
},
children: [item.school, item.school && item.department_name && '-', item.department_name]
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
},
children: [((item === null || item === void 0 ? void 0 : item.is_creator) && user.userInfo.user_id === item.user_id || (0,authority/* isSuperAdmins */.Ny)()) && index === 0 && activitykey === '1' && (item === null || item === void 0 ? void 0 : item.is_creator) && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
onClick: function onClick(e) {
e.stopPropagation();
e.preventDefault();
dispatch({
type: 'classroomList/setActionTabs',
payload: {
key: '更换管理员',
params: params
}
});
},
className: Membermodules.upadmin,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-genghuanguanliyuan mr5 font14"
}), "\u66F4\u6362\u7BA1\u7406\u5458"]
}), (item === null || item === void 0 ? void 0 : item.can_remove) && activitykey === '1' && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
className: "font14",
onClick: function onClick(e) {
e.stopPropagation();
e.preventDefault();
modal/* default */.Z.confirm({
title: '移除成员',
content: "\u786E\u8BA4\u5C06\u6210\u5458\u300A".concat(item.name, "\u300B\u79FB\u51FA\u865A\u62DF\u793E\u533A\u5417\uFF1F"),
okText: '确认',
cancelText: '取消',
onOk: function () {
var _onOk = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/members/").concat(item.user_id, ".json"), {
method: 'Delete'
});
case 2:
res = _context.sent;
if (res.status === 0) {
getDataSets();
dispatch({
type: 'virtualSpaces/getVirtualSpacesDetails',
payload: {
id: query.virtual_spacesId
}
});
}
case 4:
case "end":
return _context.stop();
}
}, _callee);
}));
function onOk() {
return _onOk.apply(this, arguments);
}
return onOk;
}()
});
},
style: {
color: '#3061D0',
cursor: 'pointer'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-piliangshanchubeifen mr5 font14"
}), "\u5220\u9664\u6210\u5458"]
}), !(item !== null && item !== void 0 && item.is_creator) && activitykey === '2' && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
cursor: 'pointer'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
onClick: /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(e) {
var res;
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
e.stopPropagation();
e.preventDefault();
_context2.next = 4;
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/agree.json"), {
method: 'post',
body: {
apply_id: item.source_id
}
});
case 4:
res = _context2.sent;
if (res.status === 0) {
getappling_member_list();
}
case 6:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return function (_x) {
return _ref2.apply(this, arguments);
};
}(),
className: Membermodules.yes,
children: "\u540C\u610F"
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
onClick: /*#__PURE__*/function () {
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3(e) {
var res;
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
e.stopPropagation();
e.preventDefault();
_context3.next = 4;
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/refuse.json"), {
method: 'post',
body: {
apply_id: item.source_id
}
});
case 4:
res = _context3.sent;
if (res.status === 0) {
getappling_member_list();
}
case 6:
case "end":
return _context3.stop();
}
}, _callee3);
}));
return function (_x2) {
return _ref3.apply(this, arguments);
};
}(),
className: Membermodules.no,
children: "\u62D2\u7EDD"
})]
})]
})]
});
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Member_AddTeacher, {}), /*#__PURE__*/(0,jsx_runtime.jsx)(SetMember, {}), /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, {
current: params.page,
total: cousesList === null || cousesList === void 0 ? void 0 : cousesList.total_count,
style: {
textAlign: 'end',
marginBottom: '20px'
},
pageSize: params.limit,
hideOnSinglePage: true,
onChange: function onChange(e) {
params.page = e;
if (activitykey === '1') {
getDataSets();
} else {
getappling_member_list();
}
}
})]
});
};
/* harmony default export */ var Member = ((0,_umi_production_exports.connect)(function (_ref4) {
var classroomList = _ref4.classroomList,
loading = _ref4.loading,
globalSetting = _ref4.globalSetting,
virtualSpaces = _ref4.virtualSpaces,
user = _ref4.user;
return {
classroomList: classroomList,
globalSetting: globalSetting,
loading: loading.effects,
virtualSpaces: virtualSpaces,
user: user
};
})(ShixunsListPage));
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/index.tsx
var Settings_Page = function Page(_ref) {
var _virtualSpaces$virtua;
var dispatch = _ref.dispatch,
virtualSpaces = _ref.virtualSpaces;
var query = (0,_umi_production_exports.useParams)();
var virtual_spacesId = query.virtual_spacesId;
var _useState = (0,_react_17_0_2_react.useState)('1'),
_useState2 = slicedToArray_default()(_useState, 2),
active = _useState2[0],
setActive = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(false),
_useState4 = slicedToArray_default()(_useState3, 2),
status = _useState4[0],
setStatus = _useState4[1];
(0,_react_17_0_2_react.useEffect)(function () {
getData();
}, []);
var getData = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(virtual_spacesId, "/settings_auth.json"), {
method: 'get'
});
case 2:
res = _context.sent;
if (res.status === 0) {
setStatus(true);
}
case 4:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData() {
return _ref2.apply(this, arguments);
};
}();
var tabs = [{
id: '1',
name: '模块设置'
}, {
id: '2',
name: '成员设置',
total: virtualSpaces === null || virtualSpaces === void 0 || (_virtualSpaces$virtua = virtualSpaces.virtualSpacesDetails) === null || _virtualSpaces$virtua === void 0 ? void 0 : _virtualSpaces$virtua.members_count
}];
if (!status) return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {});
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Settingsmodules.wrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomTabs */.YG, {
value: active,
onChange: function onChange(k) {
setActive(k);
},
dataSource: tabs,
tabBarExtraContent: active === '2' && /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomButton */.op, {
onClick: function onClick() {
dispatch({
type: 'classroomList/setActionTabs',
payload: {
key: '添加成员',
params: {}
}
});
},
children: "\u6DFB\u52A0\u6210\u5458"
})
}), active === '1' && /*#__PURE__*/(0,jsx_runtime.jsx)(ModuleSettings, {}), active === '2' && /*#__PURE__*/(0,jsx_runtime.jsx)(Member, {})]
});
};
/* harmony default export */ var Settings = ((0,_umi_production_exports.connect)(function (_ref3) {
var globalSetting = _ref3.globalSetting,
virtualSpaces = _ref3.virtualSpaces;
return {
globalSetting: globalSetting,
virtualSpaces: virtualSpaces
};
})(Settings_Page));
/***/ }),
/***/ 88522:
/*!*****************************************************************!*\
!*** ./node_modules/_antd@5.9.0@antd/es/auto-complete/index.js ***!
\*****************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ 12124);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-util/es/Children/toArray */ 45659);
/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/omit */ 99468);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 59301);
/* harmony import */ var _util_PurePanel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/PurePanel */ 53487);
/* harmony import */ var _util_reactNode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/reactNode */ 92343);
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider */ 36355);
/* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../select */ 57809);
"use client";
const {
Option
} = _select__WEBPACK_IMPORTED_MODULE_3__["default"];
function isSelectOptionOrSelectOptGroup(child) {
return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
}
const AutoComplete = (props, ref) => {
const {
prefixCls: customizePrefixCls,
className,
popupClassName,
dropdownClassName,
children,
dataSource
} = props;
const childNodes = (0,rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(children);
// ============================= Input =============================
let customizeInput;
if (childNodes.length === 1 && (0,_util_reactNode__WEBPACK_IMPORTED_MODULE_4__/* .isValidElement */ .l$)(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
[customizeInput] = childNodes;
}
const getInputElement = customizeInput ? () => customizeInput : undefined;
// ============================ Options ============================
let optionChildren;
// [Legacy] convert `children` or `dataSource` into option children
if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
optionChildren = children;
} else {
optionChildren = dataSource ? dataSource.map(item => {
if ((0,_util_reactNode__WEBPACK_IMPORTED_MODULE_4__/* .isValidElement */ .l$)(item)) {
return item;
}
switch (typeof item) {
case 'string':
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(Option, {
key: item,
value: item
}, item);
case 'object':
{
const {
value: optionValue
} = item;
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(Option, {
key: optionValue,
value: optionValue
}, item.text);
}
default:
false ? 0 : void 0;
return undefined;
}
}) : [];
}
if (false) {}
const {
getPrefixCls
} = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_5__/* .ConfigContext */ .E_);
const prefixCls = getPrefixCls('select', customizePrefixCls);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_select__WEBPACK_IMPORTED_MODULE_3__["default"], Object.assign({
ref: ref,
suffixIcon: null
}, (0,rc_util_es_omit__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(props, ['dataSource', 'dropdownClassName']), {
prefixCls: prefixCls,
popupClassName: popupClassName || dropdownClassName,
className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-auto-complete`, className),
mode: _select__WEBPACK_IMPORTED_MODULE_3__["default"].SECRET_COMBOBOX_MODE_DO_NOT_USE
}, {
// Internal api
getInputElement
}), optionChildren);
};
const RefAutoComplete = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(AutoComplete);
// We don't care debug panel
/* istanbul ignore next */
const PurePanel = (0,_util_PurePanel__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(RefAutoComplete);
RefAutoComplete.Option = Option;
RefAutoComplete._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
if (false) {}
/* harmony default export */ __webpack_exports__.Z = (RefAutoComplete);
/***/ }),
/***/ 51581:
/*!****************************************************************************************************!*\
!*** ./node_modules/_react-infinite-scroller@1.2.4@react-infinite-scroller/dist/InfiniteScroll.js ***!
\****************************************************************************************************/
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = __webpack_require__(/*! react */ 59301);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(/*! prop-types */ 12708);
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var InfiniteScroll = function (_Component) {
_inherits(InfiniteScroll, _Component);
function InfiniteScroll(props) {
_classCallCheck(this, InfiniteScroll);
var _this = _possibleConstructorReturn(this, (InfiniteScroll.__proto__ || Object.getPrototypeOf(InfiniteScroll)).call(this, props));
_this.scrollListener = _this.scrollListener.bind(_this);
_this.eventListenerOptions = _this.eventListenerOptions.bind(_this);
_this.mousewheelListener = _this.mousewheelListener.bind(_this);
return _this;
}
_createClass(InfiniteScroll, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.pageLoaded = this.props.pageStart;
this.options = this.eventListenerOptions();
this.attachScrollListener();
}
}, {
key: 'componentDidUpdate',
value: function componentDidUpdate() {
if (this.props.isReverse && this.loadMore) {
var parentElement = this.getParentElement(this.scrollComponent);
parentElement.scrollTop = parentElement.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop;
this.loadMore = false;
}
this.attachScrollListener();
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
this.detachScrollListener();
this.detachMousewheelListener();
}
}, {
key: 'isPassiveSupported',
value: function isPassiveSupported() {
var passive = false;
var testOptions = {
get passive() {
passive = true;
}
};
try {
document.addEventListener('test', null, testOptions);
document.removeEventListener('test', null, testOptions);
} catch (e) {
// ignore
}
return passive;
}
}, {
key: 'eventListenerOptions',
value: function eventListenerOptions() {
var options = this.props.useCapture;
if (this.isPassiveSupported()) {
options = {
useCapture: this.props.useCapture,
passive: true
};
}
return options;
}
// Set a defaut loader for all your `InfiniteScroll` components
}, {
key: 'setDefaultLoader',
value: function setDefaultLoader(loader) {
this.defaultLoader = loader;
}
}, {
key: 'detachMousewheelListener',
value: function detachMousewheelListener() {
var scrollEl = window;
if (this.props.useWindow === false) {
scrollEl = this.scrollComponent.parentNode;
}
scrollEl.removeEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
}
}, {
key: 'detachScrollListener',
value: function detachScrollListener() {
var scrollEl = window;
if (this.props.useWindow === false) {
scrollEl = this.getParentElement(this.scrollComponent);
}
scrollEl.removeEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
scrollEl.removeEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
}
}, {
key: 'getParentElement',
value: function getParentElement(el) {
var scrollParent = this.props.getScrollParent && this.props.getScrollParent();
if (scrollParent != null) {
return scrollParent;
}
return el && el.parentNode;
}
}, {
key: 'filterProps',
value: function filterProps(props) {
return props;
}
}, {
key: 'attachScrollListener',
value: function attachScrollListener() {
var parentElement = this.getParentElement(this.scrollComponent);
if (!this.props.hasMore || !parentElement) {
return;
}
var scrollEl = window;
if (this.props.useWindow === false) {
scrollEl = parentElement;
}
scrollEl.addEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
scrollEl.addEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
scrollEl.addEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
if (this.props.initialLoad) {
this.scrollListener();
}
}
}, {
key: 'mousewheelListener',
value: function mousewheelListener(e) {
// Prevents Chrome hangups
// See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
if (e.deltaY === 1 && !this.isPassiveSupported()) {
e.preventDefault();
}
}
}, {
key: 'scrollListener',
value: function scrollListener() {
var el = this.scrollComponent;
var scrollEl = window;
var parentNode = this.getParentElement(el);
var offset = void 0;
if (this.props.useWindow) {
var doc = document.documentElement || document.body.parentNode || document.body;
var scrollTop = scrollEl.pageYOffset !== undefined ? scrollEl.pageYOffset : doc.scrollTop;
if (this.props.isReverse) {
offset = scrollTop;
} else {
offset = this.calculateOffset(el, scrollTop);
}
} else if (this.props.isReverse) {
offset = parentNode.scrollTop;
} else {
offset = el.scrollHeight - parentNode.scrollTop - parentNode.clientHeight;
}
// Here we make sure the element is visible as well as checking the offset
if (offset < Number(this.props.threshold) && el && el.offsetParent !== null) {
this.detachScrollListener();
this.beforeScrollHeight = parentNode.scrollHeight;
this.beforeScrollTop = parentNode.scrollTop;
// Call loadMore after detachScrollListener to allow for non-async loadMore functions
if (typeof this.props.loadMore === 'function') {
this.props.loadMore(this.pageLoaded += 1);
this.loadMore = true;
}
}
}
}, {
key: 'calculateOffset',
value: function calculateOffset(el, scrollTop) {
if (!el) {
return 0;
}
return this.calculateTopPosition(el) + (el.offsetHeight - scrollTop - window.innerHeight);
}
}, {
key: 'calculateTopPosition',
value: function calculateTopPosition(el) {
if (!el) {
return 0;
}
return el.offsetTop + this.calculateTopPosition(el.offsetParent);
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
var renderProps = this.filterProps(this.props);
var children = renderProps.children,
element = renderProps.element,
hasMore = renderProps.hasMore,
initialLoad = renderProps.initialLoad,
isReverse = renderProps.isReverse,
loader = renderProps.loader,
loadMore = renderProps.loadMore,
pageStart = renderProps.pageStart,
ref = renderProps.ref,
threshold = renderProps.threshold,
useCapture = renderProps.useCapture,
useWindow = renderProps.useWindow,
getScrollParent = renderProps.getScrollParent,
props = _objectWithoutProperties(renderProps, ['children', 'element', 'hasMore', 'initialLoad', 'isReverse', 'loader', 'loadMore', 'pageStart', 'ref', 'threshold', 'useCapture', 'useWindow', 'getScrollParent']);
props.ref = function (node) {
_this2.scrollComponent = node;
if (ref) {
ref(node);
}
};
var childrenArray = [children];
if (hasMore) {
if (loader) {
isReverse ? childrenArray.unshift(loader) : childrenArray.push(loader);
} else if (this.defaultLoader) {
isReverse ? childrenArray.unshift(this.defaultLoader) : childrenArray.push(this.defaultLoader);
}
}
return _react2.default.createElement(element, props, childrenArray);
}
}]);
return InfiniteScroll;
}(_react.Component);
InfiniteScroll.propTypes = {
children: _propTypes2.default.node.isRequired,
element: _propTypes2.default.node,
hasMore: _propTypes2.default.bool,
initialLoad: _propTypes2.default.bool,
isReverse: _propTypes2.default.bool,
loader: _propTypes2.default.node,
loadMore: _propTypes2.default.func.isRequired,
pageStart: _propTypes2.default.number,
ref: _propTypes2.default.func,
getScrollParent: _propTypes2.default.func,
threshold: _propTypes2.default.number,
useCapture: _propTypes2.default.bool,
useWindow: _propTypes2.default.bool
};
InfiniteScroll.defaultProps = {
element: 'div',
hasMore: false,
initialLoad: true,
pageStart: 0,
ref: null,
threshold: 250,
useWindow: true,
isReverse: false,
useCapture: false,
loader: null,
getScrollParent: null
};
exports["default"] = InfiniteScroll;
module.exports = exports['default'];
/***/ }),
/***/ 26724:
/*!**************************************************************************************!*\
!*** ./node_modules/_react-infinite-scroller@1.2.4@react-infinite-scroller/index.js ***!
\**************************************************************************************/
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
module.exports = __webpack_require__(/*! ./dist/InfiniteScroll */ 51581)
/***/ })
}]);