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.
1957 lines
74 KiB
1957 lines
74 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[61713],{
|
|
|
|
/***/ 32826:
|
|
/*!**********************************************************************!*\
|
|
!*** ./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/@babel/runtime/helpers/regeneratorRuntime.js
|
|
var regeneratorRuntime = __webpack_require__(17061);
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__(17156);
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
var slicedToArray = __webpack_require__(27424);
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(84519);
|
|
;// 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/es/button/style/index.js + 1 modules
|
|
var style = __webpack_require__(29913);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
var es_button = __webpack_require__(71577);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/style/index.js
|
|
var row_style = __webpack_require__(13062);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/index.js
|
|
var row = __webpack_require__(71230);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/checkbox/style/index.js + 1 modules
|
|
var checkbox_style = __webpack_require__(82000);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/checkbox/index.js + 2 modules
|
|
var es_checkbox = __webpack_require__(32808);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/upload/style/index.js + 1 modules
|
|
var upload_style = __webpack_require__(13759);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/upload/index.js + 20 modules
|
|
var upload = __webpack_require__(7426);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/radio/style/index.js + 1 modules
|
|
var radio_style = __webpack_require__(83822);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/radio/index.js + 4 modules
|
|
var es_radio = __webpack_require__(29924);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/style/index.js + 1 modules
|
|
var input_style = __webpack_require__(69463);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(75008);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js + 1 modules
|
|
var message_style = __webpack_require__(14934);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules
|
|
var message = __webpack_require__(12461);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(42122);
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/style/index.js + 1 modules
|
|
var form_style = __webpack_require__(75627);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/index.js + 17 modules
|
|
var es_form = __webpack_require__(51018);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(70215);
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
;// 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__(59758);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js
|
|
var CloseCircleFilled = __webpack_require__(38900);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
// EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 33 modules
|
|
var ui_customization = __webpack_require__(85343);
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
;// 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, _fileList$3$response, _fileOtherList$3, _fileOtherList$3$resp;
|
|
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.useState)(false),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
btnLoading = _useState2[0],
|
|
setBtnLoading = _useState2[1];
|
|
var _useState3 = (0,react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
loading = _useState4[0],
|
|
setLoading = _useState4[1];
|
|
var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState5 = (0,react.useState)([]),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
fileList = _useState6[0],
|
|
setFileList = _useState6[1];
|
|
var _useState7 = (0,react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
fileOtherList = _useState8[0],
|
|
setFileOtherList = _useState8[1];
|
|
var _useState9 = (0,react.useState)(false),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
imgLoading = _useState10[0],
|
|
setImgLoading = _useState10[1];
|
|
(0,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 ? 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 ? 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$, _fileList$$response, _fileOtherList$, _fileOtherList$$respo, _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 ? void 0 : (_fileList$ = fileList[0]) === null || _fileList$ === void 0 ? void 0 : (_fileList$$response = _fileList$.response) === null || _fileList$$response === void 0 ? void 0 : _fileList$$response.id) || '',
|
|
backbground_image_id: (fileOtherList === null || fileOtherList === void 0 ? void 0 : (_fileOtherList$ = fileOtherList[0]) === null || _fileOtherList$ === void 0 ? void 0 : (_fileOtherList$$respo = _fileOtherList$.response) === null || _fileOtherList$$respo === void 0 ? void 0 : _fileOtherList$$respo.id) || '',
|
|
modules_list: values === null || values === void 0 ? 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.success */.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.warn */.ZP.warn('请上传jpg或png的图片!');
|
|
return false;
|
|
}
|
|
var is200K = file.size / 1024 > 200;
|
|
var is1M = file.size / 1024 / 1024 > 1;
|
|
if (is200K && type === 1) {
|
|
message/* default.warn */.ZP.warn('文件大小必须小于200KB');
|
|
return false;
|
|
}
|
|
if (is1M && type === 2) {
|
|
message/* default.warn */.ZP.warn('文件大小必须小于1MB');
|
|
return false;
|
|
}
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
return true;
|
|
};
|
|
var renderImg = function renderImg(type) {
|
|
var _fileList$2, _fileList$2$response, _fileOtherList$2, _fileOtherList$2$resp;
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ModuleSettingsmodules.img,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: env/* default.API_SERVER */.Z.API_SERVER + "/api/attachments/" + (type === 1 ? fileList === null || fileList === void 0 ? void 0 : (_fileList$2 = fileList[0]) === null || _fileList$2 === void 0 ? void 0 : (_fileList$2$response = _fileList$2.response) === null || _fileList$2$response === void 0 ? void 0 : _fileList$2$response.id : fileOtherList === null || fileOtherList === void 0 ? void 0 : (_fileOtherList$2 = fileOtherList[0]) === null || _fileOtherList$2 === void 0 ? void 0 : (_fileOtherList$2$resp = _fileOtherList$2.response) === null || _fileOtherList$2$resp === void 0 ? void 0 : _fileOtherList$2$resp.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.Item */.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.Item */.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.Item */.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.Item */.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$response = _fileList$3.response) !== null && _fileList$3$response !== void 0 && _fileList$3$response.id ? renderImg(1) : /*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
|
|
fileList: fileList,
|
|
action: "".concat(env/* default.API_SERVER */.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.Item */.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$resp = _fileOtherList$3.response) !== null && _fileOtherList$3$resp !== void 0 && _fileOtherList$3$resp.id ? renderImg(2) : /*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
|
|
fileList: fileOtherList,
|
|
action: "".concat(env/* default.API_SERVER */.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.List */.Z.List, {
|
|
name: "settings",
|
|
children: function children(fields, _ref3) {
|
|
var add = _ref3.add,
|
|
remove = _ref3.remove;
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
|
|
children: fields.map(function (field) {
|
|
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: "middle",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.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.Item */.Z.Item, objectSpread2_default()(objectSpread2_default()({}, restField), {}, {
|
|
style: {
|
|
flex: 1
|
|
},
|
|
name: [name, 'name'],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {})
|
|
}))]
|
|
})
|
|
}, key);
|
|
})
|
|
});
|
|
}
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
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/es/pagination/style/index.js + 1 modules
|
|
var pagination_style = __webpack_require__(14182);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/index.js + 10 modules
|
|
var pagination = __webpack_require__(260);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js + 1 modules
|
|
var modal_style = __webpack_require__(35611);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules
|
|
var modal = __webpack_require__(85402);
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
var NoData = __webpack_require__(82982);
|
|
;// 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/es/table/style/index.js + 1 modules
|
|
var table_style = __webpack_require__(71854);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/table/index.js + 58 modules
|
|
var table = __webpack_require__(67250);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/auto-complete/style/index.js + 1 modules
|
|
var auto_complete_style = __webpack_require__(19070);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/auto-complete/index.js
|
|
var auto_complete = __webpack_require__(49288);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/style/index.js + 1 modules
|
|
var tooltip_style = __webpack_require__(38390);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 3 modules
|
|
var tooltip = __webpack_require__(84908);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/toConsumableArray.js
|
|
var toConsumableArray = __webpack_require__(861);
|
|
var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
|
|
// EXTERNAL MODULE: ./node_modules/react-infinite-scroller/index.js
|
|
var react_infinite_scroller = __webpack_require__(246);
|
|
var react_infinite_scroller_default = /*#__PURE__*/__webpack_require__.n(react_infinite_scroller);
|
|
// EXTERNAL MODULE: ./node_modules/moment/moment.js
|
|
var moment = __webpack_require__(30381);
|
|
var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
// EXTERNAL MODULE: ./src/service/virtualSpaces.ts
|
|
var virtualSpaces = __webpack_require__(51207);
|
|
// EXTERNAL MODULE: ./src/service/classrooms.ts
|
|
var classrooms = __webpack_require__(73290);
|
|
// EXTERNAL MODULE: ./src/components/ImagesIcon/index.ts + 31 modules
|
|
var ImagesIcon = __webpack_require__(44190);
|
|
;// 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.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
options = _useState2[0],
|
|
setOptions = _useState2[1];
|
|
var _useState3 = (0,react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
hasMore = _useState4[0],
|
|
setHasmore = _useState4[1];
|
|
var _useState5 = (0,react.useState)(false),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
isLoading = _useState6[0],
|
|
setIsLoading = _useState6[1];
|
|
var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState7 = (0,react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
tableData = _useState8[0],
|
|
setTableData = _useState8[1];
|
|
var _useState9 = (0,react.useState)(0),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
page = _useState10[0],
|
|
setPage = _useState10[1];
|
|
var _useState11 = (0,react.useState)([]),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
selectArrs = _useState12[0],
|
|
setSelectArrs = _useState12[1];
|
|
var _useState13 = (0,react.useState)(true),
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
notSearch = _useState14[0],
|
|
setNotSearch = _useState14[1];
|
|
var autoCompleteRef = (0,react.useRef)();
|
|
(0,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.error */.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.error */.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.success */.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: moment_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.Item */.Z.Item, {
|
|
name: "keyword",
|
|
label: "\u59D3\u540D\uFF1A",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
allowClear: true,
|
|
style: {
|
|
width: 370
|
|
},
|
|
size: "large",
|
|
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.Item */.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: "large",
|
|
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
|
|
getPopupContainer: function getPopupContainer() {
|
|
return autoCompleteRef.current;
|
|
},
|
|
filterOption: function filterOption(inputValue, option) {
|
|
return option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1;
|
|
}
|
|
})
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
htmlType: "submit",
|
|
type: "primary",
|
|
size: "large",
|
|
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_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.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
options = _useState2[0],
|
|
setOptions = _useState2[1];
|
|
var _useState3 = (0,react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
hasMore = _useState4[0],
|
|
setHasmore = _useState4[1];
|
|
var _useState5 = (0,react.useState)(false),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
isLoading = _useState6[0],
|
|
setIsLoading = _useState6[1];
|
|
var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState7 = (0,react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
tableData = _useState8[0],
|
|
setTableData = _useState8[1];
|
|
var _useState9 = (0,react.useState)(0),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
page = _useState10[0],
|
|
setPage = _useState10[1];
|
|
var _useState11 = (0,react.useState)(),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
selectArrs = _useState12[0],
|
|
setSelectArrs = _useState12[1];
|
|
var _useState13 = (0,react.useState)(true),
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
notSearch = _useState14[0],
|
|
setNotSearch = _useState14[1];
|
|
var autoCompleteRef = (0,react.useRef)();
|
|
(0,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.error */.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.error */.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.success */.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: moment_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.Item */.Z.Item, {
|
|
name: "keyword",
|
|
label: "\u59D3\u540D\uFF1A",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
allowClear: true,
|
|
style: {
|
|
width: 370
|
|
},
|
|
size: "large",
|
|
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.Item */.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: "large",
|
|
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
|
|
getPopupContainer: function getPopupContainer() {
|
|
return autoCompleteRef.current;
|
|
},
|
|
filterOption: function filterOption(inputValue, option) {
|
|
return option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1;
|
|
}
|
|
})
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
htmlType: "submit",
|
|
type: "primary",
|
|
size: "large",
|
|
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_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__(7);
|
|
;// 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.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
cousesList = _useState2[0],
|
|
setcousesList = _useState2[1];
|
|
var _useState3 = (0,react.useState)(false),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
AddMember = _useState4[0],
|
|
setAddMember = _useState4[1];
|
|
var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails;
|
|
var _useState5 = (0,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.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.useEffect)(function () {
|
|
getDataSets();
|
|
}, []);
|
|
(0,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 ? 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.IMG_SERVER */.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.confirm */.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.useState)('1'),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
active = _useState2[0],
|
|
setActive = _useState2[1];
|
|
var _useState3 = (0,react.useState)(false),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
status = _useState4[0],
|
|
setStatus = _useState4[1];
|
|
(0,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 ? 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));
|
|
|
|
/***/ })
|
|
|
|
}]); |