|
|
"use strict";
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[66550],{
|
|
|
|
|
|
/***/ 13887:
|
|
|
/*!******************************************************!*\
|
|
|
!*** ./src/components/CodeBox/index.tsx + 1 modules ***!
|
|
|
\******************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ components_CodeBox; }
|
|
|
});
|
|
|
|
|
|
// UNUSED EXPORTS: CodeDeleteModal
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
|
|
|
var regeneratorRuntime = __webpack_require__(17061);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
|
|
|
var asyncToGenerator = __webpack_require__(17156);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js + 1 modules
|
|
|
var style = __webpack_require__(35611);
|
|
|
// 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/@babel/runtime/helpers/classCallCheck.js
|
|
|
var classCallCheck = __webpack_require__(56690);
|
|
|
var classCallCheck_default = /*#__PURE__*/__webpack_require__.n(classCallCheck);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/createClass.js
|
|
|
var createClass = __webpack_require__(89728);
|
|
|
var createClass_default = /*#__PURE__*/__webpack_require__.n(createClass);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/assertThisInitialized.js
|
|
|
var assertThisInitialized = __webpack_require__(66115);
|
|
|
var assertThisInitialized_default = /*#__PURE__*/__webpack_require__.n(assertThisInitialized);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/inherits.js
|
|
|
var inherits = __webpack_require__(61655);
|
|
|
var inherits_default = /*#__PURE__*/__webpack_require__.n(inherits);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/createSuper.js
|
|
|
var createSuper = __webpack_require__(26389);
|
|
|
var createSuper_default = /*#__PURE__*/__webpack_require__.n(createSuper);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/defineProperty.js
|
|
|
var defineProperty = __webpack_require__(38416);
|
|
|
var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
;// CONCATENATED MODULE: ./src/components/CodeBox/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var CodeBoxmodules = ({"codeBox":"codeBox___WpkVl"});
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
|
var classnames = __webpack_require__(94184);
|
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
|
;// CONCATENATED MODULE: ./src/components/CodeBox/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// class定义组件，建议用函数取组件实例，比如 ref={el => box = el}
|
|
|
// onVerify方法校验验证码是否有误
|
|
|
var CodeBox = /*#__PURE__*/function (_Component) {
|
|
|
inherits_default()(CodeBox, _Component);
|
|
|
var _super = createSuper_default()(CodeBox);
|
|
|
function CodeBox(props) {
|
|
|
var _this;
|
|
|
classCallCheck_default()(this, CodeBox);
|
|
|
_this = _super.call(this, props);
|
|
|
defineProperty_default()(assertThisInitialized_default()(_this), "canvas", void 0);
|
|
|
defineProperty_default()(assertThisInitialized_default()(_this), "randomNum", function (min, max) {
|
|
|
return Math.floor(Math.random() * (max - min) + min);
|
|
|
});
|
|
|
defineProperty_default()(assertThisInitialized_default()(_this), "drawPic", function () {
|
|
|
_this.randomCode();
|
|
|
});
|
|
|
defineProperty_default()(assertThisInitialized_default()(_this), "reloadPic", function () {
|
|
|
_this.drawPic();
|
|
|
});
|
|
|
defineProperty_default()(assertThisInitialized_default()(_this), "changeCode", function (e) {
|
|
|
console.log(e.target.value, 222);
|
|
|
_this.setState({
|
|
|
value: e.target.value,
|
|
|
showError: false
|
|
|
});
|
|
|
});
|
|
|
defineProperty_default()(assertThisInitialized_default()(_this), "onVerify", function () {
|
|
|
var error;
|
|
|
if (_this.state.value.toLowerCase() !== '' && _this.state.value.toLowerCase() !== _this.state.code.toLowerCase()) {
|
|
|
error = true;
|
|
|
} else if (_this.state.value.toLowerCase() === '') {
|
|
|
error = true;
|
|
|
} else if (_this.state.value.toLowerCase() === _this.state.code.toLowerCase()) {
|
|
|
error = false;
|
|
|
}
|
|
|
_this.setState({
|
|
|
showError: error
|
|
|
});
|
|
|
return error;
|
|
|
});
|
|
|
_this.canvas = /*#__PURE__*/react.createRef();
|
|
|
_this.state = {
|
|
|
value: '',
|
|
|
code: '',
|
|
|
codeLength: 4,
|
|
|
fontSizeMin: 20,
|
|
|
fontSizeMax: 22,
|
|
|
backgroundColorMin: 240,
|
|
|
backgroundColorMax: 250,
|
|
|
colorMin: 10,
|
|
|
colorMax: 20,
|
|
|
lineColorMin: 40,
|
|
|
lineColorMax: 180,
|
|
|
contentWidth: 96,
|
|
|
contentHeight: 38,
|
|
|
showError: false // 默认不显示验证码的错误信息
|
|
|
};
|
|
|
return _this;
|
|
|
}
|
|
|
createClass_default()(CodeBox, [{
|
|
|
key: "componentDidMount",
|
|
|
value: function componentDidMount() {
|
|
|
this.drawPic();
|
|
|
}
|
|
|
// 生成一个随机数
|
|
|
}, {
|
|
|
key: "randomColor",
|
|
|
value:
|
|
|
// 生成一个随机的颜色
|
|
|
function randomColor(min, max) {
|
|
|
var r = this.randomNum(min, max);
|
|
|
var g = this.randomNum(min, max);
|
|
|
var b = this.randomNum(min, max);
|
|
|
return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
|
|
|
}
|
|
|
}, {
|
|
|
key: "drawText",
|
|
|
value: function drawText(ctx, txt, i) {
|
|
|
ctx.fillStyle = this.randomColor(this.state.colorMin, this.state.colorMax);
|
|
|
var fontSize = this.randomNum(this.state.fontSizeMin, this.state.fontSizeMax);
|
|
|
ctx.font = fontSize + 'px SimHei';
|
|
|
var padding = 10;
|
|
|
var offset = (this.state.contentWidth - 40) / (this.state.code.length - 1);
|
|
|
var x = padding;
|
|
|
if (i > 0) {
|
|
|
x = padding + i * offset;
|
|
|
}
|
|
|
var y = this.randomNum(this.state.fontSizeMax, this.state.contentHeight - 5);
|
|
|
if (fontSize > 40) {
|
|
|
y = 40;
|
|
|
}
|
|
|
var deg = this.randomNum(-10, 10);
|
|
|
// 修改坐标原点和旋转角度
|
|
|
ctx.translate(x, y);
|
|
|
ctx.rotate(deg * Math.PI / 180);
|
|
|
ctx.fillText(txt, 0, 0);
|
|
|
// 恢复坐标原点和旋转角度
|
|
|
ctx.rotate(-deg * Math.PI / 180);
|
|
|
ctx.translate(-x, -y);
|
|
|
}
|
|
|
}, {
|
|
|
key: "drawLine",
|
|
|
value: function drawLine(ctx) {
|
|
|
// 绘制干扰线
|
|
|
for (var i = 0; i < 1; i++) {
|
|
|
ctx.strokeStyle = this.randomColor(this.state.lineColorMin, this.state.lineColorMax);
|
|
|
ctx.beginPath();
|
|
|
ctx.moveTo(this.randomNum(0, this.state.contentWidth), this.randomNum(0, this.state.contentHeight));
|
|
|
ctx.lineTo(this.randomNum(0, this.state.contentWidth), this.randomNum(0, this.state.contentHeight));
|
|
|
ctx.stroke();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: "drawDot",
|
|
|
value: function drawDot(ctx) {
|
|
|
// 绘制干扰点
|
|
|
for (var i = 0; i < 100; i++) {
|
|
|
ctx.fillStyle = this.randomColor(0, 255);
|
|
|
ctx.beginPath();
|
|
|
ctx.arc(this.randomNum(0, this.state.contentWidth), this.randomNum(0, this.state.contentHeight), 1, 0, 2 * Math.PI);
|
|
|
ctx.fill();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: "randomCode",
|
|
|
value:
|
|
|
// 随机生成验证码
|
|
|
function randomCode() {
|
|
|
var _this2 = this;
|
|
|
var random = '';
|
|
|
// 去掉了I l i o O,可自行添加
|
|
|
var str = 'QWERTYUPLKJHGFDSAZXCVBNMqwertyupkjhgfdsazxcvbnm1234567890';
|
|
|
for (var i = 0; i < this.state.codeLength; i++) {
|
|
|
var index = Math.floor(Math.random() * 57);
|
|
|
random += str[index];
|
|
|
}
|
|
|
this.setState({
|
|
|
code: random
|
|
|
}, function () {
|
|
|
var canvas = _this2.canvas.current;
|
|
|
var ctx = canvas.getContext('2d');
|
|
|
ctx.textBaseline = 'bottom';
|
|
|
// 绘制背景
|
|
|
ctx.fillStyle = _this2.randomColor(_this2.state.backgroundColorMin, _this2.state.backgroundColorMax);
|
|
|
ctx.fillRect(0, 0, _this2.state.contentWidth, _this2.state.contentHeight);
|
|
|
// 绘制文字
|
|
|
for (var _i = 0; _i < _this2.state.code.length; _i++) {
|
|
|
_this2.drawText(ctx, _this2.state.code[_i], _i);
|
|
|
}
|
|
|
_this2.drawLine(ctx);
|
|
|
_this2.drawDot(ctx);
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _this$props = this.props,
|
|
|
className = _this$props.className,
|
|
|
_this$props$width = _this$props.width,
|
|
|
width = _this$props$width === void 0 ? 300 : _this$props$width;
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: classnames_default()(CodeBoxmodules.codeBox, className),
|
|
|
style: {
|
|
|
width: width
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
|
value: this.state.value,
|
|
|
onChange: this.changeCode,
|
|
|
placeholder: "\u8BF7\u8F93\u5165\u56FE\u7247\u4E2D\u7684\u9A8C\u8BC1\u7801"
|
|
|
}), this.state.showError && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: !!this.state.value ? '请输入正确的验证码' : '请输入验证码'
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("canvas", {
|
|
|
onClick: this.reloadPic,
|
|
|
ref: this.canvas,
|
|
|
width: "100",
|
|
|
height: "30"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "\u770B\u4E0D\u6E05\uFF1F\u6362\u4E00\u5F20"
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
}
|
|
|
}]);
|
|
|
return CodeBox;
|
|
|
}(react.Component);
|
|
|
var CodeDeleteModal = function CodeDeleteModal(cb, text) {
|
|
|
var box;
|
|
|
_Modal.confirm({
|
|
|
centered: true,
|
|
|
okText: '确定',
|
|
|
cancelText: '取消',
|
|
|
title: '提示',
|
|
|
content: /*#__PURE__*/_jsxs("div", {
|
|
|
children: [/*#__PURE__*/_jsx("p", {
|
|
|
children: text
|
|
|
}), /*#__PURE__*/_jsx(CodeBox, {
|
|
|
ref: function ref(el) {
|
|
|
return box = el;
|
|
|
}
|
|
|
})]
|
|
|
}),
|
|
|
onOk: function () {
|
|
|
var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
if (!box.onVerify()) {
|
|
|
_context.next = 2;
|
|
|
break;
|
|
|
}
|
|
|
return _context.abrupt("return", Promise.reject());
|
|
|
case 2:
|
|
|
cb();
|
|
|
case 3:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
function onOk() {
|
|
|
return _onOk.apply(this, arguments);
|
|
|
}
|
|
|
return onOk;
|
|
|
}()
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var components_CodeBox = (CodeBox);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 17543:
|
|
|
/*!********************************************************!*\
|
|
|
!*** ./src/components/CutOffNow/index.tsx + 1 modules ***!
|
|
|
\********************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ CutOffNow; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js + 1 modules
|
|
|
var style = __webpack_require__(35611);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules
|
|
|
var modal = __webpack_require__(85402);
|
|
|
// 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/col/style/index.js
|
|
|
var col_style = __webpack_require__(89032);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/col/index.js
|
|
|
var col = __webpack_require__(15746);
|
|
|
// 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/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/date-picker/style/index.js + 1 modules
|
|
|
var date_picker_style = __webpack_require__(25763);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/date-picker/index.js + 56 modules
|
|
|
var date_picker = __webpack_require__(45741);
|
|
|
// 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/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/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/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: ./node_modules/moment/moment.js
|
|
|
var moment = __webpack_require__(30381);
|
|
|
var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
|
var util = __webpack_require__(29427);
|
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
|
;// CONCATENATED MODULE: ./src/components/CutOffNow/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var CutOffNowmodules = ({"tips":"tips___e8J4O","homeworkType":"homeworkType___ZjN2X","antdTable":"antdTable___amDdp","modalWrapper":"modalWrapper___XPojI"});
|
|
|
// EXTERNAL MODULE: ./src/service/classrooms.ts
|
|
|
var classrooms = __webpack_require__(73290);
|
|
|
// EXTERNAL MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/Detail/components/ConfigWorks/Releasesetting.tsx
|
|
|
var Releasesetting = __webpack_require__(38448);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
|
;// CONCATENATED MODULE: ./src/components/CutOffNow/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var CuttOffNow = function CuttOffNow(_ref) {
|
|
|
var dispatch = _ref.dispatch,
|
|
|
courseEndTime = _ref.courseEndTime,
|
|
|
classroomList = _ref.classroomList,
|
|
|
_ref$successCallback = _ref.successCallback,
|
|
|
successCallback = _ref$successCallback === void 0 ? function () {} : _ref$successCallback,
|
|
|
visible = _ref.visible,
|
|
|
homeworkIds = _ref.homeworkIds,
|
|
|
courseId = _ref.courseId,
|
|
|
isBatch = _ref.isBatch,
|
|
|
shixunHomeworks = _ref.shixunHomeworks;
|
|
|
var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
|
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
|
form = _Form$useForm2[0];
|
|
|
var _useState = (0,react.useState)(false),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
tableLoading = _useState2[0],
|
|
|
setTableLoading = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)(false),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
confirmLoading = _useState4[0],
|
|
|
setConfirmLoading = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)(false),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
noGroup = _useState6[0],
|
|
|
setNoGroup = _useState6[1];
|
|
|
//作业截止
|
|
|
var _useState7 = (0,react.useState)([]),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
submitCourseGroups = _useState8[0],
|
|
|
setSubmitCourseGroups = _useState8[1];
|
|
|
var _useState9 = (0,react.useState)([]),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
submitCourseTableData = _useState10[0],
|
|
|
setSubmitCourseTableData = _useState10[1];
|
|
|
var _useState11 = (0,react.useState)([]),
|
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
|
selectedSubmitCourseIds = _useState12[0],
|
|
|
setSelectedSubmitCourseIds = _useState12[1];
|
|
|
//补交截止
|
|
|
var _useState13 = (0,react.useState)([]),
|
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
|
lateCourseGroups = _useState14[0],
|
|
|
setLateCourseGroups = _useState14[1];
|
|
|
var _useState15 = (0,react.useState)([]),
|
|
|
_useState16 = slicedToArray_default()(_useState15, 2),
|
|
|
lateCourseTableData = _useState16[0],
|
|
|
setLateCourseTableData = _useState16[1];
|
|
|
var _useState17 = (0,react.useState)([]),
|
|
|
_useState18 = slicedToArray_default()(_useState17, 2),
|
|
|
selectedLateCourseIds = _useState18[0],
|
|
|
setSelectedLateCourseIds = _useState18[1];
|
|
|
//批量截止
|
|
|
var _useState19 = (0,react.useState)([]),
|
|
|
_useState20 = slicedToArray_default()(_useState19, 2),
|
|
|
allCourseGroups = _useState20[0],
|
|
|
setAllCourseGroups = _useState20[1];
|
|
|
var _useState21 = (0,react.useState)([]),
|
|
|
_useState22 = slicedToArray_default()(_useState21, 2),
|
|
|
allCourseTableData = _useState22[0],
|
|
|
setAllCourseTableData = _useState22[1];
|
|
|
var _useState23 = (0,react.useState)([]),
|
|
|
_useState24 = slicedToArray_default()(_useState23, 2),
|
|
|
selectedAllCourseIds = _useState24[0],
|
|
|
setSelectedAllCourseIds = _useState24[1];
|
|
|
(0,react.useEffect)(function () {
|
|
|
if (visible) {
|
|
|
getData();
|
|
|
} else {
|
|
|
clear();
|
|
|
}
|
|
|
}, [visible]);
|
|
|
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:
|
|
|
setTableLoading(true);
|
|
|
_context.next = 3;
|
|
|
return (0,classrooms/* getAllowEndGroups */.oR)(homeworkIds[0], {
|
|
|
course_id: courseId
|
|
|
});
|
|
|
case 3:
|
|
|
res = _context.sent;
|
|
|
setNoGroup(res.no_group);
|
|
|
if (isBatch) {
|
|
|
setAllCourseGroups(res.all_course_groups);
|
|
|
setAllCourseTableData(res.all_course_groups);
|
|
|
} else {
|
|
|
setLateCourseGroups(res.late_course_groups);
|
|
|
setLateCourseTableData(res.late_course_groups);
|
|
|
setSubmitCourseGroups(res.submit_course_groups);
|
|
|
setSubmitCourseTableData(res.submit_course_groups);
|
|
|
}
|
|
|
setTableLoading(false);
|
|
|
form.setFieldsValue({
|
|
|
'end_time': moment_default()()
|
|
|
});
|
|
|
case 8:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function getData() {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
var handleOk = /*#__PURE__*/function () {
|
|
|
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
|
|
|
var formValue, endTimeString, selectNothing, res;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
|
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
|
case 0:
|
|
|
formValue = form.getFieldsValue();
|
|
|
endTimeString = moment_default()(formValue.end_time).format('YYYY-MM-DD HH:mm');
|
|
|
selectNothing = isBatch ? selectedAllCourseIds.length === 0 : selectedSubmitCourseIds.length === 0 && selectedLateCourseIds.length === 0;
|
|
|
if (!(selectNothing && !noGroup)) {
|
|
|
_context2.next = 6;
|
|
|
break;
|
|
|
}
|
|
|
message/* default.warning */.ZP.warning('请选择需要操作的班级');
|
|
|
return _context2.abrupt("return");
|
|
|
case 6:
|
|
|
setConfirmLoading(true);
|
|
|
_context2.next = 9;
|
|
|
return (0,classrooms/* stopHomework */.Mc)(courseId, {
|
|
|
no_group: noGroup,
|
|
|
homework_ids: homeworkIds,
|
|
|
group_ids: isBatch ? selectedAllCourseIds : selectedSubmitCourseIds,
|
|
|
end_time: endTimeString,
|
|
|
late_group_ids: isBatch ? selectedAllCourseIds : selectedLateCourseIds
|
|
|
});
|
|
|
case 9:
|
|
|
res = _context2.sent;
|
|
|
setConfirmLoading(false);
|
|
|
if (res.status === 0) {
|
|
|
clear();
|
|
|
message/* default.success */.ZP.success('操作成功');
|
|
|
successCallback();
|
|
|
dispatch({
|
|
|
type: 'classroomList/setActionTabs',
|
|
|
payload: {
|
|
|
key: '清除选择数据'
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
case 12:
|
|
|
case "end":
|
|
|
return _context2.stop();
|
|
|
}
|
|
|
}, _callee2);
|
|
|
}));
|
|
|
return function handleOk() {
|
|
|
return _ref3.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
var clear = function clear() {
|
|
|
setSelectedSubmitCourseIds([]);
|
|
|
setSelectedLateCourseIds([]);
|
|
|
setSubmitCourseTableData([]);
|
|
|
setLateCourseTableData([]);
|
|
|
};
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, {
|
|
|
centered: true,
|
|
|
title: "\u7ACB\u5373\u622A\u6B62",
|
|
|
className: CutOffNowmodules.modalWrapper,
|
|
|
width: isBatch || noGroup ? 520 : 760,
|
|
|
open: visible,
|
|
|
confirmLoading: confirmLoading,
|
|
|
destroyOnClose: true,
|
|
|
okText: "\u622A\u6B62",
|
|
|
cancelText: "\u53D6\u6D88",
|
|
|
onOk: function onOk() {
|
|
|
return handleOk();
|
|
|
},
|
|
|
onCancel: function onCancel() {
|
|
|
clear();
|
|
|
dispatch({
|
|
|
type: 'classroomList/setActionTabs',
|
|
|
payload: {}
|
|
|
});
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: CutOffNowmodules.tips,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "1\u3001\u622A\u6B62\u540E\u5B66\u751F\u4E0D\u80FD\u518D\u63D0\u4EA4\u4F5C\u4E1A\u3002"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "2\u3001\u672C\u64CD\u4F5C\u53EA\u5BF9\u201C\u63D0\u4EA4\u4E2D\u201D\u3001\u201C\u8865\u4EA4\u4E2D\u201D\u7684\u4F5C\u4E1A\u6709\u6548\u3002"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z, {
|
|
|
form: form,
|
|
|
layout: "vertical",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
|
name: "end_time",
|
|
|
label: "\u622A\u6B62\u65F6\u95F4",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(date_picker/* default */.Z, {
|
|
|
style: {
|
|
|
width: '100%'
|
|
|
},
|
|
|
getPopupContainer: function getPopupContainer(trigger) {
|
|
|
return trigger.parentNode;
|
|
|
},
|
|
|
disabledDate: function disabledDate(current) {
|
|
|
return (0,Releasesetting/* disabledDate */.Q8)(current, courseEndTime);
|
|
|
},
|
|
|
disabledTime: function disabledTime(current) {
|
|
|
return (0,Releasesetting/* disabledTime */.d0)(current);
|
|
|
},
|
|
|
placeholder: '请选择结束时间',
|
|
|
showTime: {
|
|
|
format: 'HH:mm',
|
|
|
defaultValue: moment_default()((0,util/* HalfPastOne */.U6)(), 'HH:mm')
|
|
|
},
|
|
|
format: "YYYY-MM-DD HH:mm",
|
|
|
allowClear: false
|
|
|
})
|
|
|
})
|
|
|
}), !noGroup && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
|
|
|
children: isBatch ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
|
placeholder: "\u641C\u7D22\u73ED\u7EA7"
|
|
|
// suffix={<i className={`iconfont icon-sousuo9 font14 ${styles.searchIcon}`} />}
|
|
|
,
|
|
|
onChange: function onChange(e) {
|
|
|
setAllCourseTableData(allCourseGroups.filter(function (item) {
|
|
|
return item.name.indexOf(e.target.value) > -1;
|
|
|
}));
|
|
|
}
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
|
style: {
|
|
|
marginTop: '10px',
|
|
|
height: '300px',
|
|
|
overflow: 'auto'
|
|
|
},
|
|
|
className: CutOffNowmodules.antdTable,
|
|
|
rowSelection: {
|
|
|
type: 'checkbox',
|
|
|
onChange: function onChange(selectedRowKeys) {
|
|
|
setSelectedAllCourseIds(selectedRowKeys);
|
|
|
}
|
|
|
},
|
|
|
rowKey: "id",
|
|
|
pagination: false,
|
|
|
dataSource: allCourseTableData,
|
|
|
loading: tableLoading,
|
|
|
columns: [{
|
|
|
title: '班级',
|
|
|
dataIndex: 'name'
|
|
|
}]
|
|
|
})]
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
|
gutter: 24,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
|
|
|
span: 14,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: CutOffNowmodules.homeworkType,
|
|
|
children: "\u4F5C\u4E1A\u622A\u6B62"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
|
placeholder: "\u641C\u7D22\u73ED\u7EA7"
|
|
|
// suffix={<i className={`iconfont icon-sousuo9 font14 ${styles.searchIcon}`} />}
|
|
|
,
|
|
|
onChange: function onChange(e) {
|
|
|
setSubmitCourseTableData(submitCourseGroups.filter(function (item) {
|
|
|
return item.name.indexOf(e.target.value) > -1;
|
|
|
}));
|
|
|
}
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: CutOffNowmodules.tableWrapper,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
|
style: {
|
|
|
marginTop: '10px',
|
|
|
height: '260px',
|
|
|
overflow: 'auto'
|
|
|
},
|
|
|
className: CutOffNowmodules.antdTable,
|
|
|
rowSelection: {
|
|
|
type: 'checkbox',
|
|
|
onChange: function onChange(selectedRowKeys) {
|
|
|
setSelectedSubmitCourseIds(selectedRowKeys);
|
|
|
}
|
|
|
},
|
|
|
rowKey: "id",
|
|
|
pagination: false,
|
|
|
dataSource: submitCourseTableData,
|
|
|
loading: tableLoading,
|
|
|
columns: [{
|
|
|
title: '班级',
|
|
|
dataIndex: 'name',
|
|
|
ellipsis: true
|
|
|
}, {
|
|
|
title: '发布时间',
|
|
|
dataIndex: 'publish_time'
|
|
|
}, {
|
|
|
title: '截止时间',
|
|
|
dataIndex: 'end_time'
|
|
|
}]
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
|
|
|
flex: 10,
|
|
|
style: {
|
|
|
maxWidth: "280px"
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: CutOffNowmodules.homeworkType,
|
|
|
children: "\u8865\u4EA4\u622A\u6B62"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
|
placeholder: "\u641C\u7D22\u73ED\u7EA7",
|
|
|
onChange: function onChange(e) {
|
|
|
setLateCourseTableData(lateCourseGroups.filter(function (item) {
|
|
|
return item.name.indexOf(e.target.value) > -1;
|
|
|
}));
|
|
|
}
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: CutOffNowmodules.tableWrapper,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
|
style: {
|
|
|
marginTop: '10px',
|
|
|
height: '260px',
|
|
|
overflow: 'auto',
|
|
|
maxWidth: "280px"
|
|
|
},
|
|
|
className: CutOffNowmodules.antdTable,
|
|
|
rowSelection: {
|
|
|
type: 'checkbox',
|
|
|
onChange: function onChange(selectedRowKeys) {
|
|
|
setSelectedLateCourseIds(selectedRowKeys);
|
|
|
}
|
|
|
},
|
|
|
rowKey: "id",
|
|
|
pagination: false,
|
|
|
loading: tableLoading,
|
|
|
dataSource: lateCourseTableData,
|
|
|
columns: [{
|
|
|
title: '班级',
|
|
|
dataIndex: 'name',
|
|
|
ellipsis: true,
|
|
|
width: 120
|
|
|
}, {
|
|
|
title: '截止时间',
|
|
|
dataIndex: 'late_time'
|
|
|
}]
|
|
|
})
|
|
|
})]
|
|
|
})]
|
|
|
})
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var CutOffNow = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
|
var shixunHomeworks = _ref4.shixunHomeworks,
|
|
|
classroomList = _ref4.classroomList;
|
|
|
return {
|
|
|
shixunHomeworks: shixunHomeworks,
|
|
|
classroomList: classroomList
|
|
|
};
|
|
|
})(CuttOffNow));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 21470:
|
|
|
/*!**********************************************!*\
|
|
|
!*** ./src/components/TooltipTags/index.tsx ***!
|
|
|
\**********************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
/* harmony import */ var antd_es_tooltip_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/es/tooltip/style */ 38390);
|
|
|
/* harmony import */ var antd_es_tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd/es/tooltip */ 84908);
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 67294);
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ 85893);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TooltipTags = function TooltipTags(_ref) {
|
|
|
var value = _ref.value,
|
|
|
_ref$visible = _ref.visible,
|
|
|
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
|
children = _ref.children;
|
|
|
var txt = {
|
|
|
未发布: "作业尚未发布",
|
|
|
未开始: "作业已发布，尚未到达开始作业时间",
|
|
|
提交中: "作业进行中，所有考生可提交作业",
|
|
|
补交中: "作业进行中，所有学生可补交作业",
|
|
|
进行中: "作业进行中，部分班级正在作业提交中/补交中",
|
|
|
已截止: "到达作业截止时间，作业已结束",
|
|
|
已结束: "课堂已结束"
|
|
|
};
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
|
|
|
children: visible ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(antd_es_tooltip__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
|
|
|
placement: "topLeft",
|
|
|
title: txt[value],
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
|
|
|
children: children
|
|
|
})
|
|
|
}) : children
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ __webpack_exports__["Z"] = (TooltipTags);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 27232:
|
|
|
/*!*********************************************************************************************!*\
|
|
|
!*** ./src/pages/Classrooms/Lists/ShixunHomeworks/components/TrfList/index.tsx + 2 modules ***!
|
|
|
\*********************************************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ components_TrfList; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/style/index.js
|
|
|
var 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/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/@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);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/components/TrfList/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var TrfListmodules = ({"leftdiv":"leftdiv___aBzsX","listClass":"listClass___bxIEW","spantitle":"spantitle___v_Vc4","rightdiv":"rightdiv___xWu4M"});
|
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/components/TrfList/delete.png
|
|
|
var delete_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAbVJREFUOE+Nk79rFUEUhb+zE4OFwUD+CyGKKQQbSaMikQQ7C1tBBIsUQaJvl2Fn/cWDpAiIYJsi7YOIaCUWFoKKRhG0sbEzEImFGnev7G6yyXsxeU5159yZb87l3hG9q2WLiBO79FIwXpLp0s6cwITnQCMWrGDM43jdBckZQ0wTMdrong2R2Bxm0/98sZ8ozdcOEm5hjOC41u9Olc9ZQKySclOVkNhljCmCzjeAJM/4FbW5p+8k5tlggTtarfKxLSM6pHq4BTiL0SboaAOIi284jeP1nti+ApMEvdoEvEPMkOpJDZi1IwzwgqDh/wSsYZwk08ca4O0Qua3zW8OV5crmHg6u22EGbQ2nIbx+1IC6rrK+cYJW9gXEVrbxGUEj5bltQGJvgBapHu0LSGwCyEh1vBsQWwd4TNCDPg6uAOcImuoFlL1dJ9WNPg5uYwwRVM3MzhJmKIpjZK6e9bj4jNNpvL4QFx9wuoDXJ1r5IlH0llTtXgcXwa4SolObnYnwKnbFcfEcdJ+gpW6AtzFynuIop/Fn053u4CA5yzjO4FV9tu0Syl2S38WiSWBgD8AfoEPQ7Fb+LwIiyhxWwe2KAAAAAElFTkSuQmCC";
|
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
|
var NoData = __webpack_require__(82982);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/components/TrfList/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//滚动加载
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TrfList = function TrfList(_ref) {
|
|
|
var data = _ref.data,
|
|
|
_ref$value = _ref.value,
|
|
|
value = _ref$value === void 0 ? [] : _ref$value,
|
|
|
handleChangePage = _ref.handleChangePage,
|
|
|
setSelectedRowKeys = _ref.setSelectedRowKeys,
|
|
|
selectedRowKeys = _ref.selectedRowKeys,
|
|
|
_ref$onChange = _ref.onChange,
|
|
|
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
|
|
|
var _useState = (0,react.useState)([]),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
leftList = _useState2[0],
|
|
|
setleftList = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)([]),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
rightList = _useState4[0],
|
|
|
setRightList = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)([]),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
checkoutList = _useState6[0],
|
|
|
setCheckoutList = _useState6[1];
|
|
|
var _useState7 = (0,react.useState)(1),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
page = _useState8[0],
|
|
|
setpage = _useState8[1];
|
|
|
var _useState9 = (0,react.useState)(),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
sechar = _useState10[0],
|
|
|
setsechar = _useState10[1];
|
|
|
(0,react.useEffect)(function () {
|
|
|
setleftList(data);
|
|
|
setRightList([]);
|
|
|
setCheckoutList([]);
|
|
|
}, [data]);
|
|
|
(0,react.useEffect)(function () {
|
|
|
if (setSelectedRowKeys) {
|
|
|
setRightList(selectedRowKeys);
|
|
|
setCheckoutList(selectedRowKeys);
|
|
|
}
|
|
|
}, [selectedRowKeys]);
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
justifyContent: 'space-between'
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: TrfListmodules.leftdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(input/* default.Search */.Z.Search, {
|
|
|
size: "large",
|
|
|
onChange: /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(e) {
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
// const res = await Fetch(`/api/common_exercises/exercise_users/student_groups.json`, { method: "get", params: {page: 1, per_page: 200,student_group:e} });
|
|
|
// if (res.status === 0) {
|
|
|
// setleftList(res?.data)
|
|
|
// setsechar(e);
|
|
|
// }
|
|
|
// if(!e){
|
|
|
// setsechar('');
|
|
|
// }
|
|
|
// setpage(1);
|
|
|
setleftList(data.filter(function (item) {
|
|
|
var _item$name;
|
|
|
return item === null || item === void 0 ? void 0 : (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.includes(e.target.value);
|
|
|
}));
|
|
|
case 1:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function (_x) {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}(),
|
|
|
placeholder: "\u53EF\u8F93\u5165\u73ED\u7EA7\u540D\u79F0\u67E5\u8BE2"
|
|
|
}), leftList.length === 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {
|
|
|
styles: {
|
|
|
margin: '70px auto'
|
|
|
},
|
|
|
customText: '暂无分班'
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
style: {
|
|
|
height: '85%',
|
|
|
overflow: 'auto',
|
|
|
overflowX: 'hidden'
|
|
|
},
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default.Group */.Z.Group, {
|
|
|
value: rightList.map(function (item) {
|
|
|
return "".concat(item.id);
|
|
|
}),
|
|
|
onChange: function onChange(e) {
|
|
|
setSelectedRowKeys(leftList.filter(function (item) {
|
|
|
return e.includes("".concat(item.id));
|
|
|
}));
|
|
|
},
|
|
|
style: {
|
|
|
marginTop: '10px'
|
|
|
},
|
|
|
children: leftList.map(function (item, index) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(row/* default */.Z, {
|
|
|
style: {
|
|
|
marginTop: '10px',
|
|
|
lineHeight: '24px',
|
|
|
display: 'flex',
|
|
|
width: 200
|
|
|
},
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
height: '24px',
|
|
|
alignItems: 'center'
|
|
|
},
|
|
|
disabled: item.is_published,
|
|
|
value: "".concat(item.id),
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: TrfListmodules.listClass,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: TrfListmodules.spantitle,
|
|
|
style: {
|
|
|
width: item.is_published ? '108px' : '170px'
|
|
|
},
|
|
|
children: item.name
|
|
|
}), item.is_published && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
style: {
|
|
|
width: '52px',
|
|
|
height: '24px',
|
|
|
background: '#B8B8B8',
|
|
|
borderRadius: '13px',
|
|
|
color: 'white',
|
|
|
lineHeight: '24px',
|
|
|
textAlign: 'center',
|
|
|
display: 'inline-block'
|
|
|
},
|
|
|
children: "\u5DF2\u53D1\u5E03"
|
|
|
})]
|
|
|
})
|
|
|
})
|
|
|
}, item.id);
|
|
|
})
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: TrfListmodules.rightdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(input/* default.Search */.Z.Search, {
|
|
|
onChange: function onChange(e) {
|
|
|
setCheckoutList(rightList.filter(function (item) {
|
|
|
return item.name.includes(e.target.value);
|
|
|
}));
|
|
|
},
|
|
|
size: "large",
|
|
|
placeholder: "\u53EF\u8F93\u5165\u73ED\u7EA7\u540D\u79F0\u67E5\u8BE2"
|
|
|
}), checkoutList.length === 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {
|
|
|
styles: {
|
|
|
margin: '70px auto'
|
|
|
},
|
|
|
customText: '暂未选择分班'
|
|
|
}), checkoutList.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
style: {
|
|
|
marginTop: '10px',
|
|
|
height: '85%',
|
|
|
overflow: 'hidden',
|
|
|
position: 'relative'
|
|
|
},
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
style: {
|
|
|
overflowX: 'hidden',
|
|
|
overflowY: 'scroll',
|
|
|
position: 'absolute',
|
|
|
left: 0,
|
|
|
top: 0,
|
|
|
right: -17,
|
|
|
bottom: 0
|
|
|
},
|
|
|
children: checkoutList.map(function (item, index) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
|
justify: "space-between",
|
|
|
style: {
|
|
|
marginTop: '10px'
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
style: {
|
|
|
overflow: 'hidden',
|
|
|
whiteSpace: 'nowrap',
|
|
|
textOverflow: 'ellipsis',
|
|
|
marginRight: '5px',
|
|
|
marginLeft: '5px',
|
|
|
width: '75%'
|
|
|
},
|
|
|
children: item.name
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
|
src: delete_namespaceObject,
|
|
|
style: {
|
|
|
cursor: 'pointer',
|
|
|
height: '16px',
|
|
|
marginRight: 17
|
|
|
},
|
|
|
onClick: function onClick() {
|
|
|
setSelectedRowKeys(rightList.filter(function (items) {
|
|
|
return "".concat(items.id) != "".concat(item.id);
|
|
|
}));
|
|
|
}
|
|
|
})]
|
|
|
}, item.id);
|
|
|
})
|
|
|
})
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var components_TrfList = (TrfList);
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
}]); |
