"use strict"; (self["webpackChunk"] = self["webpackChunk"] || []).push([[69681],{ /***/ 83343: /*!*********************************************************************!*\ !*** ./src/pages/User/Detail/Devicegroup/Add/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_Add; } }); // 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/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/toConsumableArray.js var toConsumableArray = __webpack_require__(37205); var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray); // 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__(80608); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/select/index.js var es_select = __webpack_require__(57809); // 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/input/index.js + 3 modules var input = __webpack_require__(92832); // 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/row/index.js var row = __webpack_require__(95237); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/col/index.js var col = __webpack_require__(43604); // 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/message/index.js + 4 modules var message = __webpack_require__(8591); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/modal/index.js + 16 modules var modal = __webpack_require__(43418); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/table/index.js + 85 modules var table = __webpack_require__(51945); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/pagination/index.js + 10 modules var pagination = __webpack_require__(86859); ;// CONCATENATED MODULE: ./src/pages/User/Detail/Devicegroup/Add/index.less?modules // extracted by mini-css-extract-plugin /* harmony default export */ var Addmodules = ({"bg":"bg___OUQCj","crumbs":"crumbs___D1ty3","left":"left___F6Ajr","middle":"middle___z7T42","aa":"aa___JY2q9","addgroup":"addgroup___IVMe8","wrap":"wrap___S5CWu","selectBtn":"selectBtn___q8hYo","fieldWrap":"fieldWrap___ZBvZm","listItem":"listItem___DUsh2","show_selectDevice":"show_selectDevice___iwpmy","ant-modal-title":"ant-modal-title___CQy2J","footerWrap":"footerWrap___Z4EnX","input1":"input1___RMVcF","input2":"input2___w7GkM","input3":"input3___KY_qM","cancle":"cancle___KeIIJ","save":"save___aI6jX","shanchu":"shanchu___QW6kI","manage":"manage___puyaS","xlj":"xlj___RnFBa","fenge":"fenge___rUXgN","pagin":"pagin___H0Erv"}); // EXTERNAL MODULE: ./src/utils/fetch.ts var fetch = __webpack_require__(49105); // EXTERNAL MODULE: ./src/service/onlinedevice.ts var onlinedevice = __webpack_require__(44555); // EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 30 modules var ui_customization = __webpack_require__(92073); // EXTERNAL MODULE: ./src/service/laboratory.ts var laboratory = __webpack_require__(70974); // 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/Add/index.tsx var _excluded = ["user", "account", "globalSetting", "shixunHomeworks", "loading", "dispatch"]; var Option = es_select["default"].Option; var MAX_NAME_LENGTH = 20; var MAX_NICKNAME_LENGTH = 20; var Add = function Add(_ref) { var user = _ref.user, account = _ref.account, globalSetting = _ref.globalSetting, shixunHomeworks = _ref.shixunHomeworks, loading = _ref.loading, dispatch = _ref.dispatch, props = objectWithoutProperties_default()(_ref, _excluded); var _Form$useForm = es_form/* default */.Z.useForm(), _Form$useForm2 = slicedToArray_default()(_Form$useForm, 1), form = _Form$useForm2[0]; var _Form$useForm3 = es_form/* default */.Z.useForm(), _Form$useForm4 = slicedToArray_default()(_Form$useForm3, 1), form1 = _Form$useForm4[0]; var _useState = (0,_react_17_0_2_react.useState)({}), _useState2 = slicedToArray_default()(_useState, 2), formValue = _useState2[0], setFormValue = _useState2[1]; var _useState3 = (0,_react_17_0_2_react.useState)([]), _useState4 = slicedToArray_default()(_useState3, 2), tableData = _useState4[0], setTableData = _useState4[1]; var _useState5 = (0,_react_17_0_2_react.useState)(Array.from({ length: 20 }, function () { return 0; })), _useState6 = slicedToArray_default()(_useState5, 2), managecount = _useState6[0], setmanagecount = _useState6[1]; var _useState7 = (0,_react_17_0_2_react.useState)([]), _useState8 = slicedToArray_default()(_useState7, 2), selectedRowKeys = _useState8[0], setSelectedRowKeys = _useState8[1]; var _useState9 = (0,_react_17_0_2_react.useState)([]), _useState10 = slicedToArray_default()(_useState9, 2), selectedRow = _useState10[0], setSelectedRow = _useState10[1]; var _useState11 = (0,_react_17_0_2_react.useState)(1), _useState12 = slicedToArray_default()(_useState11, 2), page = _useState12[0], setPage = _useState12[1]; var _useState13 = (0,_react_17_0_2_react.useState)(10), _useState14 = slicedToArray_default()(_useState13, 2), limit = _useState14[0], setLimit = _useState14[1]; var _useState15 = (0,_react_17_0_2_react.useState)(0), _useState16 = slicedToArray_default()(_useState15, 2), total = _useState16[0], setTotal = _useState16[1]; var _useState17 = (0,_react_17_0_2_react.useState)({}), _useState18 = slicedToArray_default()(_useState17, 2), params = _useState18[0], setParams = _useState18[1]; var location = (0,_umi_production_exports.useLocation)(); var searchParams = new URLSearchParams(window.location.search); var _useState19 = (0,_react_17_0_2_react.useState)([]), _useState20 = slicedToArray_default()(_useState19, 2), deviceType = _useState20[0], setDeviceType = _useState20[1]; var _useState21 = (0,_react_17_0_2_react.useState)([]), _useState22 = slicedToArray_default()(_useState21, 2), devicTag = _useState22[0], setDevicTag = _useState22[1]; var _useState23 = (0,_react_17_0_2_react.useState)([]), _useState24 = slicedToArray_default()(_useState23, 2), kdClassroom = _useState24[0], setKdClassroom = _useState24[1]; var _useState25 = (0,_react_17_0_2_react.useState)(false), _useState26 = slicedToArray_default()(_useState25, 2), isShowdelete = _useState26[0], setIsShowdelete = _useState26[1]; var _useState27 = (0,_react_17_0_2_react.useState)(false), _useState28 = slicedToArray_default()(_useState27, 2), isshowmodal = _useState28[0], setisshowmodal = _useState28[1]; var defaultFormData = { yxzt: 'yxz', classroom_id: '', tag_id: '', reservation_status: '', type_id: '', use_status: '' }; var username = (0,_react_17_0_2_react.useRef)(); (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]); (0,_react_17_0_2_react.useEffect)(function () { if (searchParams.get('deviceid')) { getdevicegropinfo(); } querySelect(); queryData(true, params); }, []); (0,_react_17_0_2_react.useEffect)(function () { queryData(false, params); }, [page, limit]); var getdevicegropinfo = /*#__PURE__*/function () { var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() { var _res$device_group; 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/zz_classrooms/device_groups/".concat(searchParams.get('deviceid'), ".json"), { method: 'get' }); case 2: res = _context.sent; // const newarr = [...managecount] // newarr[field.name] = newarr[field.name] + 1 // setmanagecount(newarr) res === null || res === void 0 || (_res$device_group = res.device_group) === null || _res$device_group === void 0 || (_res$device_group = _res$device_group.devices) === null || _res$device_group === void 0 || _res$device_group.map(function (item, index) { var childrens = item.childrens; var flag = childrens === null || childrens === void 0 ? void 0 : childrens.some(function (v) { return v.is_manage === true; }); if (flag) { var newarr = toConsumableArray_default()(managecount); newarr[index] = newarr[index] + 1; setmanagecount(newarr); } }); form.setFieldsValue(objectSpread2_default()({}, res === null || res === void 0 ? void 0 : res.device_group)); case 5: case "end": return _context.stop(); } }, _callee); })); return function getdevicegropinfo() { return _ref2.apply(this, arguments); }; }(); var querySelect = /*#__PURE__*/function () { var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() { return regeneratorRuntime_default()().wrap(function _callee2$(_context2) { while (1) switch (_context2.prev = _context2.next) { case 0: //实验室 // let one = await device_tags_device_type({ type: 'KdClassroom' }); // console.log('one', one); (0,laboratory/* classroom_rooms_query */.jd)({ page: 1, limit: 10000, classroom_id: '' }).then(function (res) { var _res$data; // setKdClassroom([{ id: '', name: '全部' }, ...res]); var Options = res === null || res === void 0 || (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.list.map(function (item) { return { label: item.title, value: item.id }; }); setKdClassroom([{ value: '', label: '全部' }].concat(toConsumableArray_default()(Options))); }); //设备标签 (0,onlinedevice/* device_tags_device_type */.eX)({ type: 'DeviceTag' }).then(function (res) { var Options = res === null || res === void 0 ? void 0 : res.data.map(function (item) { return { label: item.name, value: item.id }; }); setDevicTag([{ value: '', label: '全部' }].concat(toConsumableArray_default()(Options))); // setDevicTag([{ id: '', name: '全部' }, ...res]); }); //设备类型 (0,onlinedevice/* device_tags_device_type */.eX)({ type: 'DeviceType' }).then(function (res) { var Options = res === null || res === void 0 ? void 0 : res.data.map(function (item) { return { label: item.name, value: item.id }; }); setDeviceType([{ value: '', label: '全部' }].concat(toConsumableArray_default()(Options))); // setDeviceType([{ id: '', name: '全部' }, ...res]); }); case 3: case "end": return _context2.stop(); } }, _callee2); })); return function querySelect() { return _ref3.apply(this, arguments); }; }(); var queryData = /*#__PURE__*/function () { var _ref4 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3(flag, data) { return regeneratorRuntime_default()().wrap(function _callee3$(_context3) { while (1) switch (_context3.prev = _context3.next) { case 0: if (flag) { setPage(1); } (0,onlinedevice/* can_reservation_devices */.oV)({ page: page, limit: limit, keyword: (data === null || data === void 0 ? void 0 : data.keyword) || '', classroom_id: (data === null || data === void 0 ? void 0 : data.classroom_id) || '', tag_id: (data === null || data === void 0 ? void 0 : data.tag_id) || '', reservation_status: (data === null || data === void 0 ? void 0 : data.reservation_status) || '', type_id: (data === null || data === void 0 ? void 0 : data.type_id) || '', use_status: (data === null || data === void 0 ? void 0 : data.use_status) || '', scrapped: 0 }).then(function (res) { setTableData(res === null || res === void 0 ? void 0 : res.list); setTotal(res === null || res === void 0 ? void 0 : res.count); }); case 2: case "end": return _context3.stop(); } }, _callee3); })); return function queryData(_x, _x2) { return _ref4.apply(this, arguments); }; }(); var onFinish = function onFinish(values) { console.log(values); setParams(values); queryData(true, values); }; var onChange = function onChange(pageNumber, pageSize) { setPage(pageNumber); }; var columns = [{ title: '设备编号', dataIndex: 'number', key: 'number', width: 150, render: function render(text) { return /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.name_style, children: text }); } }, { title: '设备名称', dataIndex: 'name', key: 'name', width: 150, render: function render(text) { return /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.name_style, children: text }); } }, { title: '所属实验室', dataIndex: 'classroom_name', key: 'classroom_name', width: 150 }, { title: '设备标签', dataIndex: 'device_tag_name', key: 'device_tag_name', width: 150, render: function render(text, record) { return /*#__PURE__*/(0,jsx_runtime.jsx)("a", { style: { textDecoration: 'underline' }, onClick: function onClick() { setLableDialog(true); queryLabel(record.id); }, children: text }); } }, { title: '设备类型', dataIndex: 'device_type_name', key: 'device_type_name' }]; var onShowSizeChange = function onShowSizeChange(current, pageSize) { setLimit(pageSize); queryData(true, params); }; return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Addmodules.wrap, children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Addmodules.bg, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.crumbs, children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Addmodules.left, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "iconfont icon-fanhui4 font16 current", onClick: function onClick() { return _umi_production_exports.history.push("/users/".concat(username.current, "/devicegroup/edit/").concat(searchParams.get('envid'))); } }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: "ml10", children: searchParams.get('deviceid') ? '编辑设备组' : '增加设备组' })] }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, { form: form, className: Addmodules.formWrap, layout: "vertical", onValuesChange: function onValuesChange(values, value) { setFormValue(objectSpread2_default()({}, form.getFieldsValue())); }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.fieldWrap, style: { marginTop: 28 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.input1, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { className: Addmodules.width655, name: "name", label: "\u8BBE\u5907\u7EC4\u540D\u79F0", rules: [{ required: true, message: '不能为空' }], children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, { placeholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u7EC4\u540D\u79F0", maxLength: 60 // size='large' // addonAfter={`${formValue.course?.length || 0}/60`} }) }) }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Addmodules.middle, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: Addmodules.aa, children: "\u8BBE\u5907\u7EC4" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { size: "large", type: "primary", ghost: true, onClick: function onClick() { console.log(kdClassroom); setisshowmodal(true); }, children: "\u589E\u52A0\u8BBE\u5907" })] }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.List, { name: "devices", children: function children(fields, _ref5) { var add = _ref5.add, remove = _ref5.remove; return /*#__PURE__*/(0,jsx_runtime.jsx)("div", { style: { display: 'flex', rowGap: 16, flexDirection: 'column' }, children: fields.map(function (field) { return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", { children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "iconfont icon-shebei-xiao mr10", style: { color: '#019158' } }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: Addmodules.name, style: { color: '#2C3850' }, children: form.getFieldValue(['devices', field.name, 'name']) }), /*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "iconfont icon-shanchu2 ml20 current ".concat(Addmodules.shanchu), onClick: function onClick() { console.log(field); console.log(selectedRowKeys); console.log(selectedRow); var deleteid = form.getFieldValue(['devices', field.name, 'id']); var newrowkey = selectedRowKeys.filter(function (item, key) { return item != deleteid; }); var newrow = selectedRow.filter(function (item, key) { return item.id != deleteid; }); setSelectedRowKeys(toConsumableArray_default()(newrowkey)); setSelectedRow(toConsumableArray_default()(newrow)); console.log(selectedRow); remove(field.name); } })] }), form.getFieldValue(['devices', field.name, 'device_type_classification']) === 'computer' && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, { gutter: 24, className: Addmodules.input1, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "IP\u5730\u5740", name: [field.name, 'ip'], rules: [{ required: true }], style: { width: 370 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u8D26\u6237", name: [field.name, 'account'], rules: [{ required: true }], style: { width: 370 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u5BC6\u7801", name: [field.name, 'password'], rules: [{ required: true }], style: { width: 370 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) })] }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.List, { name: [field.name, 'childrens'], children: function children(subFields, subOpt) { return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', rowGap: 16 }, children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", { style: { color: '#019158', fontSize: '14px', cursor: 'pointer', display: 'inline-block', width: 90 }, onClick: function onClick() { subOpt.add(); }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "iconfont icon-zengjia mr5 font14" }), "\u6DFB\u52A0\u865A\u62DF\u673A"] }), subFields.map(function (subField) { return /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.xlj, children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, { className: Addmodules.input2, gutter: 12, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [subField.name, 'name'], label: "\u540D\u79F0", style: { width: 150 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "IP\u5730\u5740", name: [subField.name, 'ip'], rules: [{ required: true }], style: { width: 150 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u8D26\u6237", name: [subField.name, 'account'], rules: [{ required: true }], style: { width: 150 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u5BC6\u7801", name: [subField.name, 'password'], rules: [{ required: true }], style: { width: 150 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u73AF\u5883\u7A97\u53E3", name: [subField.name, 'environment_window'], rules: [{ required: true }], style: { width: 150 }, initialValue: 'no', children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_select["default"], { size: "large", onChange: function onChange(value) { return console.log(value); }, options: [{ value: 'no', label: '无' }, { value: 'webssh', label: '命令行' }, { value: 'vnc', label: '图形化' }] }) }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Addmodules.manage, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [subField.name, 'is_manage'], valuePropName: "checked", style: { width: 90, marginTop: 20 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { onChange: function onChange(e) { var _e$target; if (e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.checked) { if (managecount[field.name] === 1) { var newData = toConsumableArray_default()(form.getFieldValue("devices")); newData[field.name]['childrens'][subField.name] = objectSpread2_default()(objectSpread2_default()({}, newData[field.name]['childrens'][subField.name]), {}, { is_manage: false }); form.setFieldsValue({ areaData: newData }); return message/* default */.ZP.warning('只能存在一个管理机'); } var newarr = toConsumableArray_default()(managecount); newarr[field.name] = newarr[field.name] + 1; setmanagecount(newarr); } else { var _newarr = toConsumableArray_default()(managecount); _newarr[field.name] = _newarr[field.name] - 1; setmanagecount(toConsumableArray_default()(_newarr)); } }, children: "\u7BA1\u7406\u673A" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [subField.name, 'need_evaluate'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 20 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u8BC4\u6D4B" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [subField.name, 'need_reset'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 20 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u91CD\u7F6E" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "iconfont icon-shanchu2 current ".concat(Addmodules.shanchu), style: { marginTop: 6 }, onClick: function onClick() { if (form.getFieldValue(['devices', field.name, 'childrens', subField.name, 'is_manage'])) { var newarr = toConsumableArray_default()(managecount); newarr[field.name] = newarr[field.name] - 1; setmanagecount(toConsumableArray_default()(newarr)); } subOpt.remove(subField.name); } })] })] }, subField.key) }); })] }); } }) }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.fenge })] }), ['server', 'raspberry_pre', 'fpga', 'stm32'].includes(form.getFieldValue(['devices', field.name, 'device_type_classification'])) && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, { gutter: 8, className: Addmodules.input1, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "IP\u5730\u5740", name: [field.name, 'ip'], rules: [{ required: true }], style: { width: 230 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u8D26\u6237", name: [field.name, 'account'], rules: [{ required: true }], style: { width: 230 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u5BC6\u7801", name: [field.name, 'password'], rules: [{ required: true }], style: { width: 230 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u73AF\u5883\u7A97\u53E3", name: [field.name, 'environment_window'], rules: [{ required: true }], style: { width: 210 }, initialValue: 'no', children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_select["default"], { size: "large", onChange: function onChange(value) { return console.log(value); }, options: [{ value: 'no', label: '无' }, { value: 'webssh', label: '命令行' }, { value: 'vnc', label: '图形化' }] }) }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, { style: { display: 'flex' }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [field.name, 'need_evaluate'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 35, marginLeft: 10 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u8BC4\u6D4B" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [field.name, 'need_reset'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 35, marginLeft: 10 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u91CD\u7F6E" }) })] })] }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.fenge })] }), ['serial', 'routers', 'switched', 'firewalls', 'other'].includes(form.getFieldValue(['devices', field.name, 'device_type_classification'])) && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, { gutter: 8, className: Addmodules.input1, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u4E32\u53E3\u670D\u52A1\u5668\u6620\u5C04IP", name: [field.name, 'serial_ip'], rules: [{ required: true }], style: { width: 572 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u4E32\u53E3\u670D\u52A1\u5668\u6620\u5C04\u7AEF\u53E3", name: [field.name, 'serial_port'], rules: [{ required: true }], style: { width: 572 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) })] }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { children: "\u8BBE\u5907SSH\u8FDE\u63A5\u4FE1\u606F" }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.xlj, children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, { className: Addmodules.input2, gutter: 12, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [field.name, 'ip'], label: "\u8BBE\u5907IP", rules: [{ required: true }], style: { width: 170 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u7AEF\u53E3", name: [field.name, 'port'], rules: [{ required: true }], style: { width: 170 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u8D26\u6237", name: [field.name, 'account'], rules: [{ required: true }], style: { width: 170 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u5BC6\u7801", name: [field.name, 'password'], rules: [{ required: true }], style: { width: 170 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u73AF\u5883\u7A97\u53E3", name: [field.name, 'environment_window'], rules: [{ required: true }], style: { width: 170 }, initialValue: 'no', children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_select["default"], { size: "large", onChange: function onChange(value) { return console.log(value); }, options: [{ value: 'no', label: '无' }, { value: 'webssh', label: '命令行' }, { value: 'vnc', label: '图形化' }] }) }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, { style: { display: 'flex' }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [field.name, 'need_evaluate'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 35, marginLeft: 10 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u8BC4\u6D4B" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [field.name, 'need_reset'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 35, marginLeft: 10 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u91CD\u7F6E" }) })] })] }, field.key) }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.fenge, style: { marginTop: 15 } })] }), ['camera'].includes(form.getFieldValue(['devices', field.name, 'device_type_classification'])) && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, { gutter: 8, className: Addmodules.input1, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "IP\u5730\u5740", name: [field.name, 'ip'], rules: [{ required: true }], style: { width: 340 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, { children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u89C6\u9891\u6D41\u5730\u5740", name: [field.name, 'stream_address'], rules: [{ required: true }], style: { width: 340 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, { style: { display: 'flex' }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [field.name, 'need_evaluate'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 35, marginLeft: 10 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u8BC4\u6D4B" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: [field.name, 'need_reset'], valuePropName: "checked", initialValue: false, style: { width: 95, marginTop: 35, marginLeft: 10 }, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, { children: "\u9700\u8981\u91CD\u7F6E" }) })] })] }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.fenge })] })] }, field.key); }) }); } })] }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { style: { marginTop: 30, display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { className: "mr20", size: "large", onClick: function onClick() { return _umi_production_exports.history.push("/users/".concat(username.current, "/devicegroup/edit/").concat(searchParams.get('envid'))); }, 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 _callee4() { var value, res, _res; return regeneratorRuntime_default()().wrap(function _callee4$(_context4) { while (1) switch (_context4.prev = _context4.next) { case 0: _context4.next = 2; return form.validateFields(); case 2: value = form.getFieldsValue(); if (!searchParams.get('deviceid')) { _context4.next = 10; break; } _context4.next = 6; return (0,fetch/* default */.ZP)("/api/zz_classrooms/device_groups/".concat(searchParams.get('deviceid'), ".json"), { method: 'put', body: objectSpread2_default()(objectSpread2_default()({}, value), {}, { device_environment_id: searchParams.get('envid') }) }); case 6: res = _context4.sent; if ((res === null || res === void 0 ? void 0 : res.status) === 0) { message/* default */.ZP.info('保存成功'); _umi_production_exports.history.push("/users/".concat(username.current, "/devicegroup/edit/").concat(searchParams.get('envid'))); } _context4.next = 14; break; case 10: _context4.next = 12; return (0,fetch/* default */.ZP)("/api/zz_classrooms/device_groups.json", { method: 'post', body: objectSpread2_default()(objectSpread2_default()({}, value), {}, { device_environment_id: searchParams.get('envid') }) }); case 12: _res = _context4.sent; if ((_res === null || _res === void 0 ? void 0 : _res.status) === 0) { message/* default */.ZP.info('保存成功'); _umi_production_exports.history.push("/users/".concat(username.current, "/devicegroup/edit/").concat(searchParams.get('envid'))); } case 14: case "end": return _context4.stop(); } }, _callee4); })), children: "\u4FDD\u5B58" })] })] }), /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, { title: "\u5220\u9664", visible: isShowdelete, width: 380, centered: true, okText: '确定', cancelText: "\u53D6\u6D88", className: Addmodules.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: Addmodules.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" })] })] }), /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, { title: "\u589E\u52A0\u8BBE\u5907", visible: isshowmodal, width: 996, centered: true, okText: '确定', cancelText: "\u53D6\u6D88", className: Addmodules.show_selectDevice, onCancel: function onCancel() { setSelectedRow([]); setSelectedRowKeys([]); setPage(1); setisshowmodal(false); }, footer: null, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.input3, children: /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, { initialValues: defaultFormData, form: form1, layout: "inline", onFinish: onFinish, autoComplete: "off", colon: false, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u5B9E\u9A8C\u5BA4", name: "classroom_id", children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_select["default"], { style: { width: '140px' }, options: kdClassroom // fieldNames={{ label: 'lable', value: 'value' }} , getPopupContainer: function getPopupContainer(triggerNode) { return triggerNode.parentElement; }, onChange: function onChange() { return queryData(true, form1.getFieldsValue()); } }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u8BBE\u5907\u6807\u7B7E", name: "tag_id", children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_select["default"], { style: { width: '140px' }, options: devicTag // fieldNames={{ label: 'name', value: 'id' }} , getPopupContainer: function getPopupContainer(triggerNode) { return triggerNode.parentElement; }, onChange: function onChange() { return queryData(true, form1.getFieldsValue()); } }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u8BBE\u5907\u7C7B\u578B", name: "type_id", children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_select["default"], { style: { width: '140px' }, options: deviceType // fieldNames={{ label: 'name', value: 'id' }} , getPopupContainer: function getPopupContainer(triggerNode) { return triggerNode.parentElement; }, onChange: function onChange() { return queryData(true, form1.getFieldsValue()); } }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: "keyword", className: Addmodules.second_form, children: /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomInput */.t7, { style: { width: 248 }, onChange: function onChange(e) { queryData(true, form1.getFieldsValue()); }, placeholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0\u641C\u7D22" }) })] }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, { columns: columns, dataSource: tableData, pagination: false, rowKey: function rowKey(record) { return record.id; }, className: Addmodules.table_style, rowSelection: { selectedRowKeys: selectedRowKeys, preserveSelectedRowKeys: true, onChange: function onChange(newselectedRowKeys, newselectedRow) { setSelectedRowKeys(newselectedRowKeys); setSelectedRow(newselectedRow); } } }), total > limit && /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Addmodules.pagin, children: /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, { showQuickJumper: true, onShowSizeChange: onShowSizeChange, current: page, pageSize: limit, total: total, onChange: onChange }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Addmodules.footerWrap, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { className: "mr20", size: "large", onClick: function onClick() { return setisshowmodal(false); }, children: "\u53D6\u6D88" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { size: "large", type: "primary", ghost: true, onClick: function onClick() { // console.log(form.getFieldValue('devices')); // const newarr =selectedRow.map((item)=>{ // return {...item,device_type_classification: item.device_type_classification,device_id:item.id,environment_window:'no'} // }) var devices = form.getFieldValue('devices'); console.log('awdaw', selectedRow); console.log('devices', devices); if ((devices === null || devices === void 0 ? void 0 : devices.length) > 0) { var newarr = selectedRow.filter(function (item) { return !devices.some(function (v) { return v.device_id === item.id; }); }).map(function (item) { return objectSpread2_default()(objectSpread2_default()({}, item), {}, { device_type_classification: item.device_type_classification, device_id: item.id, environment_window: 'no' }); }); console.log('1111', newarr); form.setFieldsValue({ devices: [].concat(toConsumableArray_default()(form.getFieldValue('devices')), toConsumableArray_default()(newarr)) }); } else { var _newarr2 = selectedRow.map(function (item) { return objectSpread2_default()(objectSpread2_default()({}, item), {}, { device_type_classification: item.device_type_classification, device_id: item.id, environment_window: 'no' }); }); form.setFieldsValue({ devices: toConsumableArray_default()(_newarr2) }); } setisshowmodal(false); }, children: "\u786E\u5B9A" })] })] })] }); }; /* harmony default export */ var Devicegroup_Add = ((0,_umi_production_exports.connect)(function (_ref7) { var user = _ref7.user, account = _ref7.account, loading = _ref7.loading, globalSetting = _ref7.globalSetting, shixunHomeworks = _ref7.shixunHomeworks; return { user: user, account: account, globalSetting: globalSetting, loading: loading.effects, shixunHomeworks: shixunHomeworks }; })(Add)); /***/ }) }]);