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

547 lines
23 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[5427],{
/***/ 23339:
/*!*****************************************************************!*\
!*** ./src/pages/User/Detail/Devicegroup/index.tsx + 1 modules ***!
\*****************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": function() { return /* binding */ Devicegroup; }
});
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(82242);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(7557);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(41498);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(79800);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__(39647);
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
var _umi_production_exports = __webpack_require__(25789);
// 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/modal/index.js + 16 modules
var modal = __webpack_require__(43418);
// 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/button/index.js
var es_button = __webpack_require__(3113);
// 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/pagination/index.js + 10 modules
var pagination = __webpack_require__(58421);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 3 modules
var input = __webpack_require__(92832);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(55794);
;// CONCATENATED MODULE: ./src/pages/User/Detail/Devicegroup/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Devicegroupmodules = ({"flex_box_center":"flex_box_center___sm8AQ","flex_space_between":"flex_space_between___pk0bf","flex_box_vertical_center":"flex_box_vertical_center___VwMbh","flex_box_center_end":"flex_box_center_end___CUQ5H","flex_box_column":"flex_box_column___tPNPS","flex-col":"flex-col___lR1dv","flex-row":"flex-row___MxbnJ","justify-start":"justify-start___bG7_z","justify-center":"justify-center___hFmfQ","justify-end":"justify-end___wULAg","justify-evenly":"justify-evenly___Clmhf","justify-around":"justify-around___fz4Oe","justify-between":"justify-between____6nQS","align-start":"align-start___oO0Qq","align-center":"align-center___JobDg","align-end":"align-end___uoYk7","wrap":"wrap___f9Xap","topleft":"topleft___S4Dnf","searchBar":"searchBar___bF0OF","active":"active___PeE62","searchBarBorder":"searchBarBorder___nt0DW","firstLi":"firstLi___s0Kvc","otherLi":"otherLi___BUykx","advertisementModal":"advertisementModal___qVVHP","closex":"closex___z0Wii","form":"form___XJyBz","listItem":"listItem___a2L6c","left":"left___qYmTC","name":"name___BMZF0","count":"count___zx2p3","right":"right___C_zfY","shanchu":"shanchu___SDL9R","selectBtn":"selectBtn___BvqS1","show_selectDevice":"show_selectDevice___c1iQz","ant-modal-title":"ant-modal-title___jwYlL","footerWrap":"footerWrap___yjLDS","pagin":"pagin___UuwLb"});
// EXTERNAL MODULE: ./node_modules/_dayjs@1.11.19@dayjs/dayjs.min.js
var dayjs_min = __webpack_require__(66649);
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
// EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 50 modules
var ui_customization = __webpack_require__(91384);
// EXTERNAL MODULE: ./src/components/ui-customization/reset.less?modules
var resetmodules = __webpack_require__(24695);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/User/Detail/Devicegroup/index.tsx
var _excluded = ["classroomList", "globalSetting", "loading", "user", "dispatch"];
dayjs_min_default().locale('ZH-cn');
var ClassroomListPage = function ClassroomListPage(_ref) {
var _result$list;
var classroomList = _ref.classroomList,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
user = _ref.user,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, _excluded);
var _useState = (0,_react_17_0_2_react.useState)(),
_useState2 = slicedToArray_default()(_useState, 2),
result = _useState2[0],
setResult = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(1),
_useState4 = slicedToArray_default()(_useState3, 2),
page = _useState4[0],
setPage = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)({
page: 1,
per_page: 5,
keyword: ''
}),
_useState6 = slicedToArray_default()(_useState5, 2),
params = _useState6[0],
setParams = _useState6[1];
var _useState7 = (0,_react_17_0_2_react.useState)(true),
_useState8 = slicedToArray_default()(_useState7, 2),
tableLoading = _useState8[0],
setTableLoading = _useState8[1];
var _useState9 = (0,_react_17_0_2_react.useState)(1),
_useState10 = slicedToArray_default()(_useState9, 2),
envid = _useState10[0],
setenvid = _useState10[1];
var _useState11 = (0,_react_17_0_2_react.useState)(false),
_useState12 = slicedToArray_default()(_useState11, 2),
isShowModel = _useState12[0],
setIsShowModel = _useState12[1];
var _useState13 = (0,_react_17_0_2_react.useState)(false),
_useState14 = slicedToArray_default()(_useState13, 2),
isShowdelete = _useState14[0],
setIsShowdelete = _useState14[1];
var _Form$useForm = es_form/* default */.Z.useForm(),
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
form = _Form$useForm2[0];
var username = (0,_react_17_0_2_react.useRef)();
(0,_react_17_0_2_react.useEffect)(function () {
getList();
}, [page]);
(0,_react_17_0_2_react.useEffect)(function () {
var _location$pathname$sp;
username.current = (_location$pathname$sp = location.pathname.split('/')) === null || _location$pathname$sp === void 0 ? void 0 : _location$pathname$sp[2];
}, [location.pathname]);
function getList(_x) {
return _getList.apply(this, arguments);
}
function _getList() {
_getList = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4(num) {
var result;
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
while (1) switch (_context4.prev = _context4.next) {
case 0:
setTableLoading(true);
_context4.next = 3;
return (0,fetch/* default */.ZP)("/api/zz_classrooms/device_environments.json", {
method: 'get',
params: objectSpread2_default()({}, params)
});
case 3:
result = _context4.sent;
if (result.list) {
setResult(result);
}
setTableLoading(false);
case 6:
case "end":
return _context4.stop();
}
}, _callee4);
}));
return _getList.apply(this, arguments);
}
var handleDelete = function handleDelete(text, id) {
modal/* default */.Z.confirm({
centered: true,
width: 488,
okText: '确定删除',
cancelText: '取消',
title: '删除资源',
icon: null,
className: resetmodules/* default */.Z.CustomTipsModalCss,
content: "\u5220\u9664\u540E\u5C06\u65E0\u6CD5\u6062\u590D\u8D44\u6E90\uFF0C\u8BF7\u786E\u8BA4\u662F\u5426\u9700\u8981\u5220\u9664\u300A".concat(text, "\u300B\u8D44\u6E90\uFF1F"),
onOk: function () {
var _onOk = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res, _result$assets, newPage;
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/school_portals/remove_assets.json", {
method: 'post',
body: {
asset_id: id,
school_id: school_id
}
});
case 2:
res = _context.sent;
if (res.status === 0) {
newPage = (result === null || result === void 0 || (_result$assets = result.assets) === null || _result$assets === void 0 ? void 0 : _result$assets.length) === 1 && page > 1 ? page - 1 : page;
getList(newPage);
}
case 4:
case "end":
return _context.stop();
}
}, _callee);
}));
function onOk() {
return _onOk.apply(this, arguments);
}
return onOk;
}()
});
};
var columns = [{
title: '序号',
dataIndex: 'name',
align: 'left',
key: 'name',
ellipsis: true,
width: 50,
render: function render(text, record, index) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: limit * (page - 1) + index + 1
});
}
}, {
title: '资源名称',
dataIndex: 'content',
align: 'left',
key: 'content',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
fontWeight: 500
},
children: text
});
}
// width: 150,
}, {
title: '资源类型',
dataIndex: 'clazz',
align: 'left',
key: 'clazz'
// width: 150,
}, {
title: '创建时间',
dataIndex: 'created_at',
align: 'left',
key: 'created_at',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-grey-666",
children: text
});
}
// width: 150,
}, {
title: '操作',
dataIndex: 'remark',
align: 'left',
key: 'remark',
width: 150,
ellipsis: true,
render: function render(text, record, index) {
return /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
align: "middle",
justify: "space-between",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("a", {
href: record.link,
target: "_blank",
style: {
cursor: 'pointer',
color: '#165DFF',
margin: '0 5px'
},
children: "\u67E5\u770B"
}), (record === null || record === void 0 ? void 0 : record.can_edit) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
onClick: function onClick() {
form.setFieldsValue({
content: record.content,
link: record.link,
clazz: record.clazz
});
setIsShowModel(true);
},
style: {
cursor: 'pointer',
color: '#165DFF',
margin: '0 5px'
},
children: "\u7F16\u8F91"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
onClick: function onClick() {
handleDelete(record.content, record.id);
},
style: {
cursor: 'pointer',
color: '#000000',
margin: '0 5px'
},
children: [' ', "\u5220\u9664"]
})]
});
}
}];
var modalCancel = function modalCancel() {
form.resetFields();
setIsShowModel(false);
};
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Devicegroupmodules.wrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Devicegroupmodules.topleft,
children: "\u6211\u7684\u8BBE\u5907\u7EC4"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
display: 'flex',
alignItems: 'center'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomInput */.t7, {
style: {
width: 300,
marginRight: 20
},
onChange: function onChange(e) {
console.log(1111);
params.keyword = e;
getList();
},
placeholder: "\u8BF7\u8F93\u5165\u5B9E\u9A8C\u73AF\u5883\u540D\u79F0"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
type: "primary",
onClick: function onClick() {
setIsShowModel(true);
},
children: "\u521B\u5EFA\u8BBE\u5907\u73AF\u5883"
})]
})]
}), result === null || result === void 0 || (_result$list = result.list) === null || _result$list === void 0 ? void 0 : _result$list.map(function (v, k) {
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Devicegroupmodules.listItem,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Devicegroupmodules.left,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Devicegroupmodules.name,
children: v.name
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Devicegroupmodules.count,
children: ["\u5171", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: '#019158'
},
children: v.num
}), "\u7EC4\u8BBE\u5907"]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Devicegroupmodules.right,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
onClick: function onClick() {
return _umi_production_exports.history.push("/users/".concat(username.current, "/devicegroup/edit/").concat(v.id));
},
className: "iconfont icon-xiugai2 current font16 "
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
onClick: /*#__PURE__*/asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
var result;
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 2;
return (0,fetch/* default */.ZP)("/api/zz_classrooms/device_environments/".concat(v.id, ".json"), {
method: 'delete'
});
case 2:
result = _context2.sent;
if ((result === null || result === void 0 ? void 0 : result.status) === 0) {
message/* default */.ZP.info('删除成功');
getList();
}
// setIsShowdelete(true)
case 4:
case "end":
return _context2.stop();
}
}, _callee2);
})),
className: "iconfont icon-shanchu2 font16 current ml20 ".concat(Devicegroupmodules.shanchu)
})]
})]
}, k);
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Devicegroupmodules.pagin,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, {
showQuickJumper: true,
showSizeChanger: true,
hideOnSinglePage: true,
pageSizeOptions: ['5', '10', '20', '50'],
current: params.page,
pageSize: params.per_page,
total: result === null || result === void 0 ? void 0 : result.count,
onChange: function onChange(page, size) {
params.page = page;
params.per_page = size;
getList();
}
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, {
title: '创建设备环境',
visible: isShowModel,
width: 480,
centered: true,
className: Devicegroupmodules.show_selectDevice,
okText: '确定',
cancelText: "\u53D6\u6D88",
onCancel: modalCancel,
footer: null,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z, {
form: form,
colon: false,
className: Devicegroupmodules.form,
layout: 'vertical',
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
label: "\u73AF\u5883\u540D\u79F0",
name: "name",
style: {
marginBottom: 30
},
className: "mb40",
rules: [{
required: true,
message: '请输入环境名称'
}, {
max: 40,
message: '环境名称最多填写40个字符'
}],
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
placeholder: "\u8BF7\u8F93\u5165\u73AF\u5883\u540D\u79F0",
maxLength: 40,
size: "large"
})
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Devicegroupmodules.footerWrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
className: "mr20",
size: "large",
onClick: function onClick() {
return modalCancel();
},
children: "\u53D6\u6D88"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
size: "large",
type: "primary",
ghost: true,
onClick: /*#__PURE__*/asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3() {
var formvalue, res, _res$data;
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
_context3.next = 2;
return form.validateFields();
case 2:
formvalue = objectSpread2_default()({}, form.getFieldsValue());
_context3.next = 5;
return (0,fetch/* default */.ZP)("/api/zz_classrooms/device_environments.json", {
method: 'post',
body: objectSpread2_default()({}, formvalue)
});
case 5:
res = _context3.sent;
if ((res === null || res === void 0 ? void 0 : res.status) === 0) {
message/* default */.ZP.info('创建成功');
form.resetFields();
setIsShowModel(false);
_umi_production_exports.history.push("/users/".concat(username.current, "/devicegroup/edit/").concat(res === null || res === void 0 || (_res$data = res.data) === null || _res$data === void 0 || (_res$data = _res$data.device_environment) === null || _res$data === void 0 ? void 0 : _res$data.id));
}
case 7:
case "end":
return _context3.stop();
}
}, _callee3);
})),
children: "\u786E\u5B9A"
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, {
title: "\u5220\u9664",
visible: isShowdelete,
width: 380,
centered: true,
okText: '确定',
cancelText: "\u53D6\u6D88",
className: Devicegroupmodules.show_selectDevice,
onCancel: function onCancel() {
return setIsShowdelete(false);
},
footer: null,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
children: "\u8BE5\u5B9E\u9A8C\u73AF\u5883\u5DF2\u88AB\u5B9E\u9A8C\u5F15\u7528\u4E0D\u53EF\u5220\u9664"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Devicegroupmodules.footerWrap,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
className: "mr20",
size: "large",
onClick: function onClick() {
return setIsShowdelete(false);
},
children: "\u53D6\u6D88"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
size: "large",
type: "primary",
ghost: true,
onClick: function onClick() {
return setIsShowdelete(false);
},
children: "\u786E\u5B9A"
})]
})]
})]
});
};
/* harmony default export */ var Devicegroup = ((0,_umi_production_exports.connect)(function (_ref4) {
var classroomList = _ref4.classroomList,
loading = _ref4.loading,
globalSetting = _ref4.globalSetting,
user = _ref4.user;
return {
classroomList: classroomList,
globalSetting: globalSetting,
loading: loading.models.classroomList,
user: user
};
})(ClassroomListPage));
/***/ }),
/***/ 24695:
/*!************************************************************!*\
!*** ./src/components/ui-customization/reset.less?modules ***!
\************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__) {
// extracted by mini-css-extract-plugin
/* harmony default export */ __webpack_exports__.Z = ({"flex_box_center":"flex_box_center___vG4eV","flex_space_between":"flex_space_between___qVVxe","flex_box_vertical_center":"flex_box_vertical_center___P8Z8s","flex_box_center_end":"flex_box_center_end___VMme3","flex_box_column":"flex_box_column___VMHwm","flex-col":"flex-col___3jhOh","flex-row":"flex-row___LeEp_","justify-start":"justify-start___jO65N","justify-center":"justify-center___YQKbt","justify-end":"justify-end___y7VEp","justify-evenly":"justify-evenly___F8k6J","justify-around":"justify-around___mvOUA","justify-between":"justify-between___EJXel","align-start":"align-start___Rq8D8","align-center":"align-center___JoAlR","align-end":"align-end___NJn7K","dropdownmenus":"dropdownmenus___oVzoj","popupClassNames":"popupClassNames___OcZq7","selectdown":"selectdown___mmcA8"});
/***/ })
}]);