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.
879 lines
33 KiB
879 lines
33 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[6678],{
|
|
|
|
/***/ 77046:
|
|
/*!******************************************************!*\
|
|
!*** ./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/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(20008);
|
|
;// 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@2.5.1@classnames/index.js
|
|
var _classnames_2_5_1_classnames = __webpack_require__(92310);
|
|
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
|
|
;// CONCATENATED MODULE: ./src/components/CodeBox/index.tsx
|
|
var __async = (__this, __arguments, generator) => {
|
|
return new Promise((resolve, reject) => {
|
|
var fulfilled = (value) => {
|
|
try {
|
|
step(generator.next(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var rejected = (value) => {
|
|
try {
|
|
step(generator.throw(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
});
|
|
};
|
|
|
|
|
|
|
|
|
|
class CodeBox extends _react_17_0_2_react.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
// 生成一个随机数
|
|
this.randomNum = (min, max) => {
|
|
return Math.floor(Math.random() * (max - min) + min);
|
|
};
|
|
this.drawPic = () => {
|
|
this.randomCode();
|
|
};
|
|
this.reloadPic = () => {
|
|
this.drawPic();
|
|
};
|
|
// 输入验证码
|
|
this.changeCode = (e) => {
|
|
console.log(e.target.value, 222);
|
|
this.setState({
|
|
value: e.target.value,
|
|
showError: false
|
|
});
|
|
};
|
|
this.onVerify = () => {
|
|
let 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 = _react_17_0_2_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
|
|
// 默认不显示验证码的错误信息
|
|
};
|
|
}
|
|
componentDidMount() {
|
|
this.drawPic();
|
|
}
|
|
// 生成一个随机的颜色
|
|
randomColor(min, max) {
|
|
const r = this.randomNum(min, max);
|
|
const g = this.randomNum(min, max);
|
|
const b = this.randomNum(min, max);
|
|
return `rgb(${r}, ${g}, ${b})`;
|
|
}
|
|
drawText(ctx, txt, i) {
|
|
ctx.fillStyle = this.randomColor(this.state.colorMin, this.state.colorMax);
|
|
const fontSize = this.randomNum(this.state.fontSizeMin, this.state.fontSizeMax);
|
|
ctx.font = fontSize + "px SimHei";
|
|
const padding = 10;
|
|
const offset = (this.state.contentWidth - 40) / (this.state.code.length - 1);
|
|
let x = padding;
|
|
if (i > 0) {
|
|
x = padding + i * offset;
|
|
}
|
|
let y = this.randomNum(this.state.fontSizeMax, this.state.contentHeight - 5);
|
|
if (fontSize > 40) {
|
|
y = 40;
|
|
}
|
|
const 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);
|
|
}
|
|
drawLine(ctx) {
|
|
for (let 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();
|
|
}
|
|
}
|
|
drawDot(ctx) {
|
|
for (let 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();
|
|
}
|
|
}
|
|
// 随机生成验证码
|
|
randomCode() {
|
|
let random = "";
|
|
const str = "QWERTYUPLKJHGFDSAZXCVBNMqwertyupkjhgfdsazxcvbnm1234567890";
|
|
for (let i = 0; i < this.state.codeLength; i++) {
|
|
const index = Math.floor(Math.random() * 57);
|
|
random += str[index];
|
|
}
|
|
this.setState({
|
|
code: random
|
|
}, () => {
|
|
const canvas = this.canvas.current;
|
|
const ctx = canvas.getContext("2d");
|
|
ctx.textBaseline = "bottom";
|
|
ctx.fillStyle = this.randomColor(this.state.backgroundColorMin, this.state.backgroundColorMax);
|
|
ctx.fillRect(0, 0, this.state.contentWidth, this.state.contentHeight);
|
|
for (let i = 0; i < this.state.code.length; i++) {
|
|
this.drawText(ctx, this.state.code[i], i);
|
|
}
|
|
this.drawLine(ctx);
|
|
this.drawDot(ctx);
|
|
});
|
|
}
|
|
render() {
|
|
const { className, width = 300 } = this.props;
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: _classnames_2_5_1_classnames_default()(CodeBoxmodules.codeBox, className), style: { width } }, /* @__PURE__ */ _react_17_0_2_react.createElement("aside", null, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
input["default"],
|
|
{
|
|
value: this.state.value,
|
|
onChange: this.changeCode,
|
|
placeholder: "\u8BF7\u8F93\u5165\u56FE\u7247\u4E2D\u7684\u9A8C\u8BC1\u7801"
|
|
}
|
|
), this.state.showError && /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, !!this.state.value ? "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u9A8C\u8BC1\u7801" : "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801")), /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"canvas",
|
|
{
|
|
onClick: this.reloadPic,
|
|
ref: this.canvas,
|
|
width: "100",
|
|
height: "30"
|
|
}
|
|
), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "current", onClick: this.reloadPic }, "\u770B\u4E0D\u6E05\uFF1F\u6362\u4E00\u5F20")));
|
|
}
|
|
}
|
|
const CodeDeleteModal = (cb, text) => {
|
|
let box;
|
|
Modal.confirm({
|
|
centered: true,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
title: "\u63D0\u793A",
|
|
content: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, text), /* @__PURE__ */ React.createElement(CodeBox, { ref: (el) => box = el })),
|
|
onOk: () => __async(void 0, null, function* () {
|
|
if (box.onVerify()) {
|
|
return Promise.reject();
|
|
}
|
|
cb();
|
|
})
|
|
});
|
|
};
|
|
/* harmony default export */ var components_CodeBox = (CodeBox);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 19258:
|
|
/*!********************************************************!*\
|
|
!*** ./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/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/index.js + 19 modules
|
|
var es_form = __webpack_require__(78241);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
|
|
var message = __webpack_require__(8591);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/modal/index.js + 16 modules
|
|
var modal = __webpack_require__(43418);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/date-picker/index.js + 66 modules
|
|
var date_picker = __webpack_require__(72086);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(20008);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/table/index.js + 85 modules
|
|
var table = __webpack_require__(86383);
|
|
// 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/_dayjs@1.11.10@dayjs/dayjs.min.js
|
|
var dayjs_min = __webpack_require__(9498);
|
|
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
var util = __webpack_require__(75798);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 15 modules
|
|
var _umi_production_exports = __webpack_require__(23852);
|
|
;// 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__(28108);
|
|
// EXTERNAL MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/Detail/components/ConfigWorks/Releasesetting.tsx
|
|
var Releasesetting = __webpack_require__(83824);
|
|
;// CONCATENATED MODULE: ./src/components/CutOffNow/index.tsx
|
|
var __async = (__this, __arguments, generator) => {
|
|
return new Promise((resolve, reject) => {
|
|
var fulfilled = (value) => {
|
|
try {
|
|
step(generator.next(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var rejected = (value) => {
|
|
try {
|
|
step(generator.throw(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
});
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const CuttOffNow = ({
|
|
dispatch,
|
|
courseEndTime,
|
|
classroomList,
|
|
successCallback = () => {
|
|
},
|
|
visible,
|
|
homeworkIds,
|
|
courseId,
|
|
isBatch,
|
|
shixunHomeworks
|
|
}) => {
|
|
const [form] = es_form["default"].useForm();
|
|
const [tableLoading, setTableLoading] = (0,_react_17_0_2_react.useState)(false);
|
|
const [confirmLoading, setConfirmLoading] = (0,_react_17_0_2_react.useState)(false);
|
|
const [noGroup, setNoGroup] = (0,_react_17_0_2_react.useState)(false);
|
|
const [submitCourseGroups, setSubmitCourseGroups] = (0,_react_17_0_2_react.useState)([]);
|
|
const [submitCourseTableData, setSubmitCourseTableData] = (0,_react_17_0_2_react.useState)([]);
|
|
const [selectedSubmitCourseIds, setSelectedSubmitCourseIds] = (0,_react_17_0_2_react.useState)([]);
|
|
const [lateCourseGroups, setLateCourseGroups] = (0,_react_17_0_2_react.useState)([]);
|
|
const [lateCourseTableData, setLateCourseTableData] = (0,_react_17_0_2_react.useState)([]);
|
|
const [selectedLateCourseIds, setSelectedLateCourseIds] = (0,_react_17_0_2_react.useState)([]);
|
|
const [allCourseGroups, setAllCourseGroups] = (0,_react_17_0_2_react.useState)([]);
|
|
const [allCourseTableData, setAllCourseTableData] = (0,_react_17_0_2_react.useState)([]);
|
|
const [selectedAllCourseIds, setSelectedAllCourseIds] = (0,_react_17_0_2_react.useState)([]);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
if (visible) {
|
|
getData();
|
|
} else {
|
|
clear();
|
|
}
|
|
}, [visible]);
|
|
const getData = () => __async(void 0, null, function* () {
|
|
setTableLoading(true);
|
|
const res = yield (0,classrooms/* getAllowEndGroups */.oR)(homeworkIds[0], {
|
|
course_id: courseId
|
|
});
|
|
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": dayjs_min_default()()
|
|
});
|
|
});
|
|
const handleOk = () => __async(void 0, null, function* () {
|
|
const formValue = form.getFieldsValue();
|
|
const endTimeString = dayjs_min_default()(formValue.end_time).format("YYYY-MM-DD HH:mm");
|
|
const selectNothing = isBatch ? selectedAllCourseIds.length === 0 : selectedSubmitCourseIds.length === 0 && selectedLateCourseIds.length === 0;
|
|
if (selectNothing && !noGroup) {
|
|
message/* default */.ZP.warning("\u8BF7\u9009\u62E9\u9700\u8981\u64CD\u4F5C\u7684\u73ED\u7EA7");
|
|
return;
|
|
}
|
|
setConfirmLoading(true);
|
|
const res = yield (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
|
|
});
|
|
setConfirmLoading(false);
|
|
if (res.status === 0) {
|
|
clear();
|
|
message/* default */.ZP.success("\u64CD\u4F5C\u6210\u529F");
|
|
successCallback();
|
|
dispatch({
|
|
type: "classroomList/setActionTabs",
|
|
payload: { key: "\u6E05\u9664\u9009\u62E9\u6570\u636E" }
|
|
});
|
|
}
|
|
});
|
|
const clear = () => {
|
|
setSelectedSubmitCourseIds([]);
|
|
setSelectedLateCourseIds([]);
|
|
setSubmitCourseTableData([]);
|
|
setLateCourseTableData([]);
|
|
};
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
modal["default"],
|
|
{
|
|
centered: true,
|
|
title: "\u7ACB\u5373\u622A\u6B62",
|
|
className: CutOffNowmodules.modalWrapper,
|
|
width: isBatch || noGroup ? 520 : 760,
|
|
open: visible,
|
|
confirmLoading,
|
|
destroyOnClose: true,
|
|
okText: "\u622A\u6B62",
|
|
cancelText: "\u53D6\u6D88",
|
|
onOk: () => handleOk(),
|
|
onCancel: () => {
|
|
clear();
|
|
dispatch({
|
|
type: "classroomList/setActionTabs",
|
|
payload: {}
|
|
});
|
|
}
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: CutOffNowmodules.tips }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, "1\u3001\u622A\u6B62\u540E\u5B66\u751F\u4E0D\u80FD\u518D\u63D0\u4EA4\u4F5C\u4E1A\u3002"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, "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__ */ _react_17_0_2_react.createElement(es_form["default"], { form, layout: "vertical" }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { name: "end_time", label: "\u622A\u6B62\u65F6\u95F4" }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
date_picker["default"],
|
|
{
|
|
style: { width: "100%" },
|
|
disabledDate: (current) => (0,Releasesetting/* disabledDate */.Q8)(current, courseEndTime),
|
|
disabledTime: (current) => (0,Releasesetting/* disabledTime */.d0)(current),
|
|
placeholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4",
|
|
showTime: {
|
|
format: "HH:mm",
|
|
defaultValue: dayjs_min_default()((0,util/* HalfPastOne */.U6)(), "HH:mm")
|
|
},
|
|
format: "YYYY-MM-DD HH:mm",
|
|
allowClear: false
|
|
}
|
|
))),
|
|
!noGroup && /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, isBatch ? /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
input["default"],
|
|
{
|
|
placeholder: "\u641C\u7D22\u73ED\u7EA7",
|
|
onChange: (e) => {
|
|
setAllCourseTableData(
|
|
allCourseGroups.filter(
|
|
(item) => item.name.indexOf(e.target.value) > -1
|
|
)
|
|
);
|
|
}
|
|
}
|
|
), /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
table["default"],
|
|
{
|
|
style: { marginTop: "10px", height: "300px", overflow: "auto" },
|
|
className: CutOffNowmodules.antdTable,
|
|
rowSelection: {
|
|
type: "checkbox",
|
|
onChange: (selectedRowKeys) => {
|
|
setSelectedAllCourseIds(selectedRowKeys);
|
|
}
|
|
},
|
|
rowKey: "id",
|
|
pagination: false,
|
|
dataSource: allCourseTableData,
|
|
loading: tableLoading,
|
|
columns: [
|
|
{
|
|
title: "\u73ED\u7EA7",
|
|
dataIndex: "name"
|
|
}
|
|
]
|
|
}
|
|
)) : /* @__PURE__ */ _react_17_0_2_react.createElement(row/* default */.Z, { gutter: 24 }, /* @__PURE__ */ _react_17_0_2_react.createElement(col/* default */.Z, { span: 14 }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: CutOffNowmodules.homeworkType }, "\u4F5C\u4E1A\u622A\u6B62"), /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
input["default"],
|
|
{
|
|
placeholder: "\u641C\u7D22\u73ED\u7EA7",
|
|
onChange: (e) => {
|
|
setSubmitCourseTableData(
|
|
submitCourseGroups.filter(
|
|
(item) => item.name.indexOf(e.target.value) > -1
|
|
)
|
|
);
|
|
}
|
|
}
|
|
), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: CutOffNowmodules.tableWrapper }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
table["default"],
|
|
{
|
|
style: { marginTop: "10px", height: "260px", overflow: "auto" },
|
|
className: CutOffNowmodules.antdTable,
|
|
rowSelection: {
|
|
type: "checkbox",
|
|
onChange: (selectedRowKeys) => {
|
|
setSelectedSubmitCourseIds(selectedRowKeys);
|
|
}
|
|
},
|
|
rowKey: "id",
|
|
pagination: false,
|
|
dataSource: submitCourseTableData,
|
|
loading: tableLoading,
|
|
columns: [
|
|
{
|
|
title: "\u73ED\u7EA7",
|
|
dataIndex: "name",
|
|
ellipsis: true
|
|
},
|
|
{
|
|
title: "\u53D1\u5E03\u65F6\u95F4",
|
|
dataIndex: "publish_time"
|
|
},
|
|
{
|
|
title: "\u622A\u6B62\u65F6\u95F4",
|
|
dataIndex: "end_time"
|
|
}
|
|
]
|
|
}
|
|
))), /* @__PURE__ */ _react_17_0_2_react.createElement(col/* default */.Z, { flex: 10, style: { maxWidth: "280px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: CutOffNowmodules.homeworkType }, "\u8865\u4EA4\u622A\u6B62"), /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
input["default"],
|
|
{
|
|
placeholder: "\u641C\u7D22\u73ED\u7EA7",
|
|
onChange: (e) => {
|
|
setLateCourseTableData(
|
|
lateCourseGroups.filter(
|
|
(item) => item.name.indexOf(e.target.value) > -1
|
|
)
|
|
);
|
|
}
|
|
}
|
|
), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: CutOffNowmodules.tableWrapper }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
table["default"],
|
|
{
|
|
style: { marginTop: "10px", height: "260px", overflow: "auto", maxWidth: "280px" },
|
|
className: CutOffNowmodules.antdTable,
|
|
rowSelection: {
|
|
type: "checkbox",
|
|
onChange: (selectedRowKeys) => {
|
|
setSelectedLateCourseIds(selectedRowKeys);
|
|
}
|
|
},
|
|
rowKey: "id",
|
|
pagination: false,
|
|
loading: tableLoading,
|
|
dataSource: lateCourseTableData,
|
|
columns: [
|
|
{
|
|
title: "\u73ED\u7EA7",
|
|
dataIndex: "name",
|
|
ellipsis: true,
|
|
width: 120
|
|
},
|
|
{
|
|
title: "\u622A\u6B62\u65F6\u95F4",
|
|
dataIndex: "late_time"
|
|
}
|
|
]
|
|
}
|
|
)))))
|
|
);
|
|
};
|
|
/* harmony default export */ var CutOffNow = ((0,_umi_production_exports.connect)(
|
|
({ shixunHomeworks, classroomList }) => ({
|
|
shixunHomeworks,
|
|
classroomList
|
|
})
|
|
)(CuttOffNow));
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 46948:
|
|
/*!*****************************************!*\
|
|
!*** ./src/components/NoData/index.tsx ***!
|
|
\*****************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301);
|
|
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/assets/images/icons/nodata.png */ 93314);
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ 3113);
|
|
var __defProp = Object.defineProperty;
|
|
var __defProps = Object.defineProperties;
|
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var __spreadValues = (a, b) => {
|
|
for (var prop in b || (b = {}))
|
|
if (__hasOwnProp.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
if (__getOwnPropSymbols)
|
|
for (var prop of __getOwnPropSymbols(b)) {
|
|
if (__propIsEnum.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
}
|
|
return a;
|
|
};
|
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
|
|
|
|
|
const noData = ({
|
|
img,
|
|
buttonProps = {},
|
|
styles = {},
|
|
customText,
|
|
ButtonText,
|
|
ButtonClick,
|
|
Buttonclass,
|
|
ButtonTwo,
|
|
imgStyles,
|
|
loading = false
|
|
}) => {
|
|
return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(
|
|
"section",
|
|
{
|
|
className: "tc animated fadeIn",
|
|
style: __spreadValues(__spreadValues({}, { color: "#999", margin: "100px auto", visibility: loading ? "hidden" : "visible" }), styles)
|
|
},
|
|
/* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", { src: img || _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_1__, style: __spreadProps(__spreadValues({}, imgStyles), { pointerEvents: "none", userSelect: "none" }) }),
|
|
/* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("p", { className: "mt20 font14" }, customText || "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!"),
|
|
ButtonText && /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(antd__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP, __spreadValues({ className: Buttonclass, onClick: ButtonClick }, buttonProps), ButtonText),
|
|
ButtonTwo && ButtonTwo
|
|
);
|
|
};
|
|
/* harmony default export */ __webpack_exports__.Z = (noData);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 11070:
|
|
/*!**********************************************!*\
|
|
!*** ./src/components/TooltipTags/index.tsx ***!
|
|
\**********************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301);
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd */ 6848);
|
|
|
|
|
|
const TooltipTags = ({
|
|
value,
|
|
visible = true,
|
|
children
|
|
}) => {
|
|
const txt = {
|
|
\u672A\u53D1\u5E03: "\u4F5C\u4E1A\u5C1A\u672A\u53D1\u5E03",
|
|
\u672A\u5F00\u59CB: "\u4F5C\u4E1A\u5DF2\u53D1\u5E03\uFF0C\u5C1A\u672A\u5230\u8FBE\u5F00\u59CB\u4F5C\u4E1A\u65F6\u95F4",
|
|
\u63D0\u4EA4\u4E2D: "\u4F5C\u4E1A\u8FDB\u884C\u4E2D\uFF0C\u6240\u6709\u8003\u751F\u53EF\u63D0\u4EA4\u4F5C\u4E1A",
|
|
\u8865\u4EA4\u4E2D: "\u4F5C\u4E1A\u8FDB\u884C\u4E2D\uFF0C\u6240\u6709\u5B66\u751F\u53EF\u8865\u4EA4\u4F5C\u4E1A",
|
|
\u8FDB\u884C\u4E2D: "\u4F5C\u4E1A\u8FDB\u884C\u4E2D\uFF0C\u90E8\u5206\u73ED\u7EA7\u6B63\u5728\u4F5C\u4E1A\u63D0\u4EA4\u4E2D/\u8865\u4EA4\u4E2D",
|
|
\u5DF2\u622A\u6B62: "\u5230\u8FBE\u4F5C\u4E1A\u622A\u6B62\u65F6\u95F4\uFF0C\u4F5C\u4E1A\u5DF2\u7ED3\u675F",
|
|
\u5DF2\u7ED3\u675F: "\u8BFE\u5802\u5DF2\u7ED3\u675F"
|
|
};
|
|
return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, visible ? /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(antd__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { placement: "topLeft", title: txt[value] }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, children)) : children);
|
|
};
|
|
/* harmony default export */ __webpack_exports__.Z = (TooltipTags);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 71414:
|
|
/*!*********************************************************************************************!*\
|
|
!*** ./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/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(20008);
|
|
// 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/row/index.js
|
|
var row = __webpack_require__(95237);
|
|
;// 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__(46948);
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/components/TrfList/index.tsx
|
|
var __async = (__this, __arguments, generator) => {
|
|
return new Promise((resolve, reject) => {
|
|
var fulfilled = (value) => {
|
|
try {
|
|
step(generator.next(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var rejected = (value) => {
|
|
try {
|
|
step(generator.throw(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
});
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const TrfList = ({
|
|
data,
|
|
value = [],
|
|
handleChangePage,
|
|
setSelectedRowKeys,
|
|
selectedRowKeys,
|
|
onChange = () => {
|
|
}
|
|
}) => {
|
|
const [leftList, setleftList] = (0,_react_17_0_2_react.useState)([]);
|
|
const [rightList, setRightList] = (0,_react_17_0_2_react.useState)([]);
|
|
const [checkoutList, setCheckoutList] = (0,_react_17_0_2_react.useState)([]);
|
|
let [page, setpage] = (0,_react_17_0_2_react.useState)(1);
|
|
let [sechar, setsechar] = (0,_react_17_0_2_react.useState)();
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
setleftList(data);
|
|
setRightList([]);
|
|
setCheckoutList([]);
|
|
}, [data]);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
if (setSelectedRowKeys) {
|
|
setRightList(selectedRowKeys);
|
|
setCheckoutList(selectedRowKeys);
|
|
}
|
|
}, [selectedRowKeys]);
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { display: "flex", justifyContent: "space-between" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: TrfListmodules.leftdiv }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
input["default"].Search,
|
|
{
|
|
size: "middle",
|
|
onChange: (e) => __async(void 0, null, function* () {
|
|
setleftList(
|
|
data.filter((item) => {
|
|
var _a;
|
|
return (_a = item == null ? void 0 : item.name) == null ? void 0 : _a.includes(e.target.value);
|
|
})
|
|
);
|
|
}),
|
|
placeholder: "\u53EF\u8F93\u5165\u73ED\u7EA7\u540D\u79F0\u67E5\u8BE2"
|
|
}
|
|
), leftList.length === 0 && /* @__PURE__ */ _react_17_0_2_react.createElement(NoData/* default */.Z, { styles: { margin: "70px auto" }, customText: "\u6682\u65E0\u5206\u73ED" }), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { height: "85%", overflow: "auto", overflowX: "hidden" } }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_checkbox["default"].Group,
|
|
{
|
|
value: rightList.map((item) => `${item.id}`),
|
|
onChange: (e) => {
|
|
setSelectedRowKeys(
|
|
leftList.filter((item) => e.includes(`${item.id}`))
|
|
);
|
|
},
|
|
style: { marginTop: "10px", flexDirection: "column" }
|
|
},
|
|
leftList.map((item, index) => {
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
row/* default */.Z,
|
|
{
|
|
key: item.id,
|
|
style: {
|
|
marginTop: "10px",
|
|
lineHeight: "24px",
|
|
display: "flex",
|
|
width: 200
|
|
}
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
es_checkbox["default"],
|
|
{
|
|
style: {
|
|
display: "flex",
|
|
height: "24px",
|
|
alignItems: "center"
|
|
},
|
|
disabled: item.is_published,
|
|
value: `${item.id}`
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: TrfListmodules.listClass }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"span",
|
|
{
|
|
className: TrfListmodules.spantitle,
|
|
style: { width: item.is_published ? "108px" : "170px" }
|
|
},
|
|
item.name
|
|
), item.is_published && /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"span",
|
|
{
|
|
style: {
|
|
width: "52px",
|
|
height: "24px",
|
|
background: "#B8B8B8",
|
|
borderRadius: "13px",
|
|
color: "white",
|
|
lineHeight: "24px",
|
|
textAlign: "center",
|
|
display: "inline-block"
|
|
}
|
|
},
|
|
"\u5DF2\u53D1\u5E03"
|
|
))
|
|
)
|
|
);
|
|
})
|
|
))), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: TrfListmodules.rightdiv }, /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
input["default"].Search,
|
|
{
|
|
onChange: (e) => {
|
|
setCheckoutList(
|
|
rightList.filter(
|
|
(item) => item.name.includes(e.target.value)
|
|
)
|
|
);
|
|
},
|
|
size: "middle",
|
|
placeholder: "\u53EF\u8F93\u5165\u73ED\u7EA7\u540D\u79F0\u67E5\u8BE2"
|
|
}
|
|
), checkoutList.length === 0 && /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
NoData/* default */.Z,
|
|
{
|
|
styles: { margin: "70px auto" },
|
|
customText: "\u6682\u672A\u9009\u62E9\u5206\u73ED"
|
|
}
|
|
), checkoutList.length > 0 && /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"div",
|
|
{
|
|
style: {
|
|
marginTop: "10px",
|
|
height: "85%",
|
|
overflow: "hidden",
|
|
position: "relative"
|
|
}
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"div",
|
|
{
|
|
style: {
|
|
overflowX: "hidden",
|
|
overflowY: "scroll",
|
|
position: "absolute",
|
|
left: 0,
|
|
top: 0,
|
|
right: -17,
|
|
bottom: 0
|
|
}
|
|
},
|
|
checkoutList.map((item, index) => {
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
row/* default */.Z,
|
|
{
|
|
justify: "space-between",
|
|
style: { marginTop: "10px" },
|
|
key: item.id
|
|
},
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"div",
|
|
{
|
|
style: {
|
|
overflow: "hidden",
|
|
whiteSpace: "nowrap",
|
|
textOverflow: "ellipsis",
|
|
marginRight: "5px",
|
|
marginLeft: "5px",
|
|
width: "75%"
|
|
}
|
|
},
|
|
item.name
|
|
),
|
|
/* @__PURE__ */ _react_17_0_2_react.createElement(
|
|
"img",
|
|
{
|
|
src: delete_namespaceObject,
|
|
style: {
|
|
cursor: "pointer",
|
|
height: "16px",
|
|
marginRight: 17
|
|
},
|
|
onClick: () => {
|
|
setSelectedRowKeys(
|
|
rightList.filter(
|
|
(items) => `${items.id}` != `${item.id}`
|
|
)
|
|
);
|
|
}
|
|
}
|
|
)
|
|
);
|
|
})
|
|
)
|
|
)));
|
|
};
|
|
/* harmony default export */ var components_TrfList = (TrfList);
|
|
|
|
|
|
/***/ })
|
|
|
|
}]); |