mirror of
https://github.com/PlayEdu/backend
synced 2025-06-29 10:42:47 +08:00
弹窗组件open外置并使用三元运算
This commit is contained in:
unknown
parent
354bd23fc9
commit
eb1e82fc12
@ -40,23 +40,25 @@ export const CreateResourceCategory = (props: PropInterface) => {
|
|||||||
shape="circle"
|
shape="circle"
|
||||||
icon={<PlusOutlined />}
|
icon={<PlusOutlined />}
|
||||||
/>
|
/>
|
||||||
<Modal
|
{showModal ? (
|
||||||
onCancel={() => {
|
<Modal
|
||||||
setShowModal(false);
|
onCancel={() => {
|
||||||
}}
|
setShowModal(false);
|
||||||
onOk={confirm}
|
|
||||||
open={showModal}
|
|
||||||
title="创建分类"
|
|
||||||
>
|
|
||||||
<Input
|
|
||||||
placeholder="请输入分类名"
|
|
||||||
value={name}
|
|
||||||
onChange={(e) => {
|
|
||||||
setName(e.target.value);
|
|
||||||
}}
|
}}
|
||||||
allowClear
|
onOk={confirm}
|
||||||
/>
|
open={true}
|
||||||
</Modal>
|
title="创建分类"
|
||||||
|
>
|
||||||
|
<Input
|
||||||
|
placeholder="请输入分类名"
|
||||||
|
value={name}
|
||||||
|
onChange={(e) => {
|
||||||
|
setName(e.target.value);
|
||||||
|
}}
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -47,28 +47,30 @@ export const SelectAttachment = (props: PropsInterface) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{props.open ? (
|
||||||
title="资源素材库"
|
<Modal
|
||||||
centered
|
title="资源素材库"
|
||||||
closable={false}
|
centered
|
||||||
onCancel={() => {
|
closable={false}
|
||||||
setSelectKeys([]);
|
onCancel={() => {
|
||||||
setSelectVideos([]);
|
setSelectKeys([]);
|
||||||
props.onCancel();
|
setSelectVideos([]);
|
||||||
}}
|
props.onCancel();
|
||||||
open={props.open}
|
}}
|
||||||
width={800}
|
open={true}
|
||||||
maskClosable={false}
|
width={800}
|
||||||
onOk={() => {
|
maskClosable={false}
|
||||||
props.onSelected(selectKeys, selectVideos);
|
onOk={() => {
|
||||||
setSelectKeys([]);
|
props.onSelected(selectKeys, selectVideos);
|
||||||
setSelectVideos([]);
|
setSelectKeys([]);
|
||||||
}}
|
setSelectVideos([]);
|
||||||
>
|
}}
|
||||||
<Row>
|
>
|
||||||
<Tabs defaultActiveKey="1" items={items} onChange={onChange} />
|
<Row>
|
||||||
</Row>
|
<Tabs defaultActiveKey="1" items={items} onChange={onChange} />
|
||||||
</Modal>
|
</Row>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -47,28 +47,30 @@ export const SelectResource = (props: PropsInterface) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{props.open ? (
|
||||||
title="资源素材库"
|
<Modal
|
||||||
centered
|
title="资源素材库"
|
||||||
closable={false}
|
centered
|
||||||
onCancel={() => {
|
closable={false}
|
||||||
setSelectKeys([]);
|
onCancel={() => {
|
||||||
setSelectVideos([]);
|
setSelectKeys([]);
|
||||||
props.onCancel();
|
setSelectVideos([]);
|
||||||
}}
|
props.onCancel();
|
||||||
open={props.open}
|
}}
|
||||||
width={800}
|
open={true}
|
||||||
maskClosable={false}
|
width={800}
|
||||||
onOk={() => {
|
maskClosable={false}
|
||||||
props.onSelected(selectKeys, selectVideos);
|
onOk={() => {
|
||||||
setSelectKeys([]);
|
props.onSelected(selectKeys, selectVideos);
|
||||||
setSelectVideos([]);
|
setSelectKeys([]);
|
||||||
}}
|
setSelectVideos([]);
|
||||||
>
|
}}
|
||||||
<Row>
|
>
|
||||||
<Tabs defaultActiveKey="1" items={items} onChange={onChange} />
|
<Row>
|
||||||
</Row>
|
<Tabs defaultActiveKey="1" items={items} onChange={onChange} />
|
||||||
</Modal>
|
</Row>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -464,386 +464,388 @@ export const CourseCreate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Drawer
|
{open ? (
|
||||||
title="新建课程"
|
<Drawer
|
||||||
onClose={onCancel}
|
title="新建课程"
|
||||||
maskClosable={false}
|
onClose={onCancel}
|
||||||
open={open}
|
maskClosable={false}
|
||||||
footer={
|
open={true}
|
||||||
<Space className="j-r-flex">
|
footer={
|
||||||
<Button onClick={() => onCancel()}>取 消</Button>
|
<Space className="j-r-flex">
|
||||||
<Button onClick={() => form.submit()} type="primary">
|
<Button onClick={() => onCancel()}>取 消</Button>
|
||||||
确 认
|
<Button onClick={() => form.submit()} type="primary">
|
||||||
</Button>
|
确 认
|
||||||
</Space>
|
</Button>
|
||||||
}
|
</Space>
|
||||||
width={634}
|
}
|
||||||
>
|
width={634}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<SelectResource
|
<div className="float-left mt-24">
|
||||||
defaultKeys={
|
<SelectResource
|
||||||
chapterType == 0 ? hours : changeChapterHours(chapterHours)
|
defaultKeys={
|
||||||
}
|
chapterType == 0 ? hours : changeChapterHours(chapterHours)
|
||||||
open={videoVisible}
|
|
||||||
onCancel={() => {
|
|
||||||
setVideoVisible(false);
|
|
||||||
}}
|
|
||||||
onSelected={(arr: any, videos: any) => {
|
|
||||||
if (chapterType === 0) {
|
|
||||||
selectData(arr, videos);
|
|
||||||
} else {
|
|
||||||
selectChapterData(arr, videos);
|
|
||||||
}
|
}
|
||||||
}}
|
open={videoVisible}
|
||||||
/>
|
onCancel={() => {
|
||||||
<SelectAttachment
|
setVideoVisible(false);
|
||||||
defaultKeys={attachments}
|
}}
|
||||||
open={attachmentVisible}
|
onSelected={(arr: any, videos: any) => {
|
||||||
onCancel={() => {
|
if (chapterType === 0) {
|
||||||
setAttachmentVisible(false);
|
selectData(arr, videos);
|
||||||
}}
|
} else {
|
||||||
onSelected={(arr: any, videos: any) => {
|
selectChapterData(arr, videos);
|
||||||
selectAttachmentData(arr, videos);
|
}
|
||||||
}}
|
}}
|
||||||
></SelectAttachment>
|
/>
|
||||||
<Form
|
<SelectAttachment
|
||||||
form={form}
|
defaultKeys={attachments}
|
||||||
name="create-basic"
|
open={attachmentVisible}
|
||||||
labelCol={{ span: 5 }}
|
onCancel={() => {
|
||||||
wrapperCol={{ span: 19 }}
|
setAttachmentVisible(false);
|
||||||
initialValues={{ remember: true }}
|
}}
|
||||||
onFinish={onFinish}
|
onSelected={(arr: any, videos: any) => {
|
||||||
onFinishFailed={onFinishFailed}
|
selectAttachmentData(arr, videos);
|
||||||
autoComplete="off"
|
}}
|
||||||
>
|
></SelectAttachment>
|
||||||
<Form.Item
|
<Form
|
||||||
label="课程分类"
|
form={form}
|
||||||
name="category_ids"
|
name="create-basic"
|
||||||
rules={[{ required: true, message: "请选择课程分类!" }]}
|
labelCol={{ span: 5 }}
|
||||||
|
wrapperCol={{ span: 19 }}
|
||||||
|
initialValues={{ remember: true }}
|
||||||
|
onFinish={onFinish}
|
||||||
|
onFinishFailed={onFinishFailed}
|
||||||
|
autoComplete="off"
|
||||||
>
|
>
|
||||||
<TreeSelect
|
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
|
||||||
allowClear
|
|
||||||
multiple
|
|
||||||
style={{ width: 424 }}
|
|
||||||
treeData={categories}
|
|
||||||
placeholder="请选择课程分类"
|
|
||||||
treeDefaultExpandAll
|
|
||||||
/>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item
|
|
||||||
label="课程名称"
|
|
||||||
name="title"
|
|
||||||
rules={[{ required: true, message: "请在此处输入课程名称!" }]}
|
|
||||||
>
|
|
||||||
<Input
|
|
||||||
style={{ width: 424 }}
|
|
||||||
placeholder="请在此处输入课程名称"
|
|
||||||
allowClear
|
|
||||||
/>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item
|
|
||||||
label="课程属性"
|
|
||||||
name="isRequired"
|
|
||||||
rules={[{ required: true, message: "请选择课程属性!" }]}
|
|
||||||
>
|
|
||||||
<Radio.Group>
|
|
||||||
<Radio value={1}>必修课</Radio>
|
|
||||||
<Radio value={0} style={{ marginLeft: 22 }}>
|
|
||||||
选修课
|
|
||||||
</Radio>
|
|
||||||
</Radio.Group>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item
|
|
||||||
label="指派部门"
|
|
||||||
name="type"
|
|
||||||
rules={[{ required: true, message: "请选择指派部门!" }]}
|
|
||||||
>
|
|
||||||
<Radio.Group onChange={getType}>
|
|
||||||
<Radio value="open">全部部门</Radio>
|
|
||||||
<Radio value="elective">选择部门</Radio>
|
|
||||||
</Radio.Group>
|
|
||||||
</Form.Item>
|
|
||||||
|
|
||||||
{type === "elective" && (
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
label="选择部门"
|
label="课程分类"
|
||||||
name="dep_ids"
|
name="category_ids"
|
||||||
rules={[
|
rules={[{ required: true, message: "请选择课程分类!" }]}
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请选择部门!",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
>
|
>
|
||||||
<TreeSelect
|
<TreeSelect
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
style={{ width: 424 }}
|
|
||||||
treeData={departments}
|
|
||||||
multiple
|
|
||||||
allowClear
|
allowClear
|
||||||
|
multiple
|
||||||
|
style={{ width: 424 }}
|
||||||
|
treeData={categories}
|
||||||
|
placeholder="请选择课程分类"
|
||||||
treeDefaultExpandAll
|
treeDefaultExpandAll
|
||||||
placeholder="请选择部门"
|
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
)}
|
<Form.Item
|
||||||
|
label="课程名称"
|
||||||
<Form.Item
|
name="title"
|
||||||
label="课程封面"
|
rules={[{ required: true, message: "请在此处输入课程名称!" }]}
|
||||||
name="thumb"
|
>
|
||||||
rules={[{ required: true, message: "请上传课程封面!" }]}
|
<Input
|
||||||
>
|
style={{ width: 424 }}
|
||||||
<div className="d-flex">
|
placeholder="请在此处输入课程名称"
|
||||||
<Image
|
allowClear
|
||||||
src={thumb}
|
|
||||||
width={160}
|
|
||||||
height={120}
|
|
||||||
style={{ borderRadius: 6 }}
|
|
||||||
preview={false}
|
|
||||||
/>
|
/>
|
||||||
<div className="c-flex ml-8 flex-1">
|
</Form.Item>
|
||||||
<div className="d-flex mb-28">
|
<Form.Item
|
||||||
<div
|
label="课程属性"
|
||||||
className={
|
name="isRequired"
|
||||||
thumb === defaultThumb1
|
rules={[{ required: true, message: "请选择课程属性!" }]}
|
||||||
? styles["thumb-item-avtive"]
|
>
|
||||||
: styles["thumb-item"]
|
<Radio.Group>
|
||||||
}
|
<Radio value={1}>必修课</Radio>
|
||||||
onClick={() => {
|
<Radio value={0} style={{ marginLeft: 22 }}>
|
||||||
setThumb(defaultThumb1);
|
选修课
|
||||||
form.setFieldsValue({
|
</Radio>
|
||||||
thumb: defaultThumb1,
|
</Radio.Group>
|
||||||
});
|
</Form.Item>
|
||||||
}}
|
<Form.Item
|
||||||
>
|
label="指派部门"
|
||||||
<Image
|
name="type"
|
||||||
src={defaultThumb1}
|
rules={[{ required: true, message: "请选择指派部门!" }]}
|
||||||
width={80}
|
>
|
||||||
height={60}
|
<Radio.Group onChange={getType}>
|
||||||
style={{ borderRadius: 6 }}
|
<Radio value="open">全部部门</Radio>
|
||||||
preview={false}
|
<Radio value="elective">选择部门</Radio>
|
||||||
/>
|
</Radio.Group>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
{type === "elective" && (
|
||||||
|
<Form.Item
|
||||||
|
label="选择部门"
|
||||||
|
name="dep_ids"
|
||||||
|
rules={[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请选择部门!",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<TreeSelect
|
||||||
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
|
style={{ width: 424 }}
|
||||||
|
treeData={departments}
|
||||||
|
multiple
|
||||||
|
allowClear
|
||||||
|
treeDefaultExpandAll
|
||||||
|
placeholder="请选择部门"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Form.Item
|
||||||
|
label="课程封面"
|
||||||
|
name="thumb"
|
||||||
|
rules={[{ required: true, message: "请上传课程封面!" }]}
|
||||||
|
>
|
||||||
|
<div className="d-flex">
|
||||||
|
<Image
|
||||||
|
src={thumb}
|
||||||
|
width={160}
|
||||||
|
height={120}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
<div className="c-flex ml-8 flex-1">
|
||||||
|
<div className="d-flex mb-28">
|
||||||
|
<div
|
||||||
|
className={
|
||||||
|
thumb === defaultThumb1
|
||||||
|
? styles["thumb-item-avtive"]
|
||||||
|
: styles["thumb-item"]
|
||||||
|
}
|
||||||
|
onClick={() => {
|
||||||
|
setThumb(defaultThumb1);
|
||||||
|
form.setFieldsValue({
|
||||||
|
thumb: defaultThumb1,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src={defaultThumb1}
|
||||||
|
width={80}
|
||||||
|
height={60}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className={
|
||||||
|
thumb === defaultThumb2
|
||||||
|
? styles["thumb-item-avtive"]
|
||||||
|
: styles["thumb-item"]
|
||||||
|
}
|
||||||
|
onClick={() => {
|
||||||
|
setThumb(defaultThumb2);
|
||||||
|
form.setFieldsValue({
|
||||||
|
thumb: defaultThumb2,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src={defaultThumb2}
|
||||||
|
width={80}
|
||||||
|
height={60}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className={
|
||||||
|
thumb === defaultThumb3
|
||||||
|
? styles["thumb-item-avtive"]
|
||||||
|
: styles["thumb-item"]
|
||||||
|
}
|
||||||
|
onClick={() => {
|
||||||
|
setThumb(defaultThumb3);
|
||||||
|
form.setFieldsValue({
|
||||||
|
thumb: defaultThumb3,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src={defaultThumb3}
|
||||||
|
width={80}
|
||||||
|
height={60}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div className="d-flex">
|
||||||
className={
|
<UploadImageButton
|
||||||
thumb === defaultThumb2
|
text="更换封面"
|
||||||
? styles["thumb-item-avtive"]
|
onSelected={(url) => {
|
||||||
: styles["thumb-item"]
|
setThumb(url);
|
||||||
}
|
form.setFieldsValue({ thumb: url });
|
||||||
onClick={() => {
|
}}
|
||||||
setThumb(defaultThumb2);
|
></UploadImageButton>
|
||||||
form.setFieldsValue({
|
<span className="helper-text ml-16">
|
||||||
thumb: defaultThumb2,
|
（推荐尺寸:400x300px）
|
||||||
});
|
</span>
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
src={defaultThumb2}
|
|
||||||
width={80}
|
|
||||||
height={60}
|
|
||||||
style={{ borderRadius: 6 }}
|
|
||||||
preview={false}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
className={
|
|
||||||
thumb === defaultThumb3
|
|
||||||
? styles["thumb-item-avtive"]
|
|
||||||
: styles["thumb-item"]
|
|
||||||
}
|
|
||||||
onClick={() => {
|
|
||||||
setThumb(defaultThumb3);
|
|
||||||
form.setFieldsValue({
|
|
||||||
thumb: defaultThumb3,
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
src={defaultThumb3}
|
|
||||||
width={80}
|
|
||||||
height={60}
|
|
||||||
style={{ borderRadius: 6 }}
|
|
||||||
preview={false}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="d-flex">
|
|
||||||
<UploadImageButton
|
|
||||||
text="更换封面"
|
|
||||||
onSelected={(url) => {
|
|
||||||
setThumb(url);
|
|
||||||
form.setFieldsValue({ thumb: url });
|
|
||||||
}}
|
|
||||||
></UploadImageButton>
|
|
||||||
<span className="helper-text ml-16">
|
|
||||||
（推荐尺寸:400x300px）
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="课时列表"
|
||||||
label="课时列表"
|
name="hasChapter"
|
||||||
name="hasChapter"
|
rules={[{ required: true, message: "请选择课时列表!" }]}
|
||||||
rules={[{ required: true, message: "请选择课时列表!" }]}
|
>
|
||||||
>
|
<Radio.Group onChange={getChapterType}>
|
||||||
<Radio.Group onChange={getChapterType}>
|
<Radio value={0}>无章节</Radio>
|
||||||
<Radio value={0}>无章节</Radio>
|
<Radio value={1} style={{ marginLeft: 22 }}>
|
||||||
<Radio value={1} style={{ marginLeft: 22 }}>
|
有章节
|
||||||
有章节
|
</Radio>
|
||||||
</Radio>
|
</Radio.Group>
|
||||||
</Radio.Group>
|
</Form.Item>
|
||||||
</Form.Item>
|
{chapterType === 0 && (
|
||||||
{chapterType === 0 && (
|
<div className="c-flex mb-24">
|
||||||
<div className="c-flex mb-24">
|
<Form.Item>
|
||||||
<Form.Item>
|
<div className="ml-120">
|
||||||
<div className="ml-120">
|
<Button
|
||||||
<Button
|
onClick={() => setVideoVisible(true)}
|
||||||
onClick={() => setVideoVisible(true)}
|
type="primary"
|
||||||
type="primary"
|
>
|
||||||
>
|
添加课时
|
||||||
添加课时
|
</Button>
|
||||||
</Button>
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
<div className={styles["hous-box"]}>
|
||||||
|
{treeData.length === 0 && (
|
||||||
|
<span className={styles["no-hours"]}>
|
||||||
|
请点击上方按钮添加课时
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
{treeData.length > 0 && (
|
||||||
|
<TreeHours
|
||||||
|
data={treeData}
|
||||||
|
onRemoveItem={(id: number) => {
|
||||||
|
delHour(id);
|
||||||
|
}}
|
||||||
|
onUpdate={(arr: any[]) => {
|
||||||
|
transHour(arr);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{chapterType === 1 && (
|
||||||
|
<div className="c-flex mb-24">
|
||||||
|
{chapters.length > 0 &&
|
||||||
|
chapters.map((item: any, index: number) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={item.hours.length + "章节" + index}
|
||||||
|
className={styles["chapter-item"]}
|
||||||
|
>
|
||||||
|
<div className="d-flex">
|
||||||
|
<div className={styles["label"]}>
|
||||||
|
章节{index + 1}：
|
||||||
|
</div>
|
||||||
|
<Input
|
||||||
|
value={item.name}
|
||||||
|
className={styles["input"]}
|
||||||
|
onChange={(e) => {
|
||||||
|
setChapterName(index, e.target.value);
|
||||||
|
}}
|
||||||
|
allowClear
|
||||||
|
placeholder="请在此处输入章节名称"
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
className="mr-16"
|
||||||
|
type="primary"
|
||||||
|
onClick={() => {
|
||||||
|
setVideoVisible(true);
|
||||||
|
setAddvideoCurrent(index);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
添加课时
|
||||||
|
</Button>
|
||||||
|
<Button onClick={() => delChapter(index)}>
|
||||||
|
删除章节
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div className={styles["chapter-hous-box"]}>
|
||||||
|
{item.hours.length === 0 && (
|
||||||
|
<span className={styles["no-hours"]}>
|
||||||
|
请点击上方按钮添加课时
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
{item.hours.length > 0 && (
|
||||||
|
<TreeHours
|
||||||
|
data={item.hours}
|
||||||
|
onRemoveItem={(id: number) => {
|
||||||
|
delChapterHour(index, id);
|
||||||
|
}}
|
||||||
|
onUpdate={(arr: any[]) => {
|
||||||
|
transChapterHour(index, arr);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
<Form.Item>
|
||||||
|
<div className="ml-120">
|
||||||
|
<Button onClick={() => addNewChapter()}>添加章节</Button>
|
||||||
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
<Form.Item label="更多选项">
|
||||||
|
<div
|
||||||
|
className={showDrop ? "drop-item active" : "drop-item"}
|
||||||
|
onClick={() => setShowDrop(!showDrop)}
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
style={{ fontSize: 14 }}
|
||||||
|
className="iconfont icon-icon-xiala c-red"
|
||||||
|
/>
|
||||||
|
<span>(课程简介、课件)</span>
|
||||||
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
<div
|
||||||
|
className="c-flex"
|
||||||
|
style={{ display: showDrop ? "block" : "none" }}
|
||||||
|
>
|
||||||
|
<Form.Item label="课程简介" name="short_desc">
|
||||||
|
<Input.TextArea
|
||||||
|
style={{ width: 424, minHeight: 80 }}
|
||||||
|
allowClear
|
||||||
|
placeholder="请输入课程简介（最多200字）"
|
||||||
|
maxLength={200}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label="课程附件">
|
||||||
|
<Button
|
||||||
|
onClick={() => setAttachmentVisible(true)}
|
||||||
|
type="primary"
|
||||||
|
>
|
||||||
|
添加课件
|
||||||
|
</Button>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<div className={styles["hous-box"]}>
|
<div className={styles["hous-box"]}>
|
||||||
{treeData.length === 0 && (
|
{attachmentData.length === 0 && (
|
||||||
<span className={styles["no-hours"]}>
|
<span className={styles["no-hours"]}>
|
||||||
请点击上方按钮添加课时
|
请点击上方按钮添加课件
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
{treeData.length > 0 && (
|
{attachmentData.length > 0 && (
|
||||||
<TreeHours
|
<TreeAttachments
|
||||||
data={treeData}
|
data={attachmentData}
|
||||||
onRemoveItem={(id: number) => {
|
onRemoveItem={(id: number) => {
|
||||||
delHour(id);
|
delAttachments(id);
|
||||||
}}
|
}}
|
||||||
onUpdate={(arr: any[]) => {
|
onUpdate={(arr: any[]) => {
|
||||||
transHour(arr);
|
transAttachments(arr);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
</Form>
|
||||||
{chapterType === 1 && (
|
</div>
|
||||||
<div className="c-flex mb-24">
|
</Drawer>
|
||||||
{chapters.length > 0 &&
|
) : null}
|
||||||
chapters.map((item: any, index: number) => {
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key={item.hours.length + "章节" + index}
|
|
||||||
className={styles["chapter-item"]}
|
|
||||||
>
|
|
||||||
<div className="d-flex">
|
|
||||||
<div className={styles["label"]}>
|
|
||||||
章节{index + 1}：
|
|
||||||
</div>
|
|
||||||
<Input
|
|
||||||
value={item.name}
|
|
||||||
className={styles["input"]}
|
|
||||||
onChange={(e) => {
|
|
||||||
setChapterName(index, e.target.value);
|
|
||||||
}}
|
|
||||||
allowClear
|
|
||||||
placeholder="请在此处输入章节名称"
|
|
||||||
/>
|
|
||||||
<Button
|
|
||||||
className="mr-16"
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
setVideoVisible(true);
|
|
||||||
setAddvideoCurrent(index);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加课时
|
|
||||||
</Button>
|
|
||||||
<Button onClick={() => delChapter(index)}>
|
|
||||||
删除章节
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<div className={styles["chapter-hous-box"]}>
|
|
||||||
{item.hours.length === 0 && (
|
|
||||||
<span className={styles["no-hours"]}>
|
|
||||||
请点击上方按钮添加课时
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
{item.hours.length > 0 && (
|
|
||||||
<TreeHours
|
|
||||||
data={item.hours}
|
|
||||||
onRemoveItem={(id: number) => {
|
|
||||||
delChapterHour(index, id);
|
|
||||||
}}
|
|
||||||
onUpdate={(arr: any[]) => {
|
|
||||||
transChapterHour(index, arr);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
<Form.Item>
|
|
||||||
<div className="ml-120">
|
|
||||||
<Button onClick={() => addNewChapter()}>添加章节</Button>
|
|
||||||
</div>
|
|
||||||
</Form.Item>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<Form.Item label="更多选项">
|
|
||||||
<div
|
|
||||||
className={showDrop ? "drop-item active" : "drop-item"}
|
|
||||||
onClick={() => setShowDrop(!showDrop)}
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
style={{ fontSize: 14 }}
|
|
||||||
className="iconfont icon-icon-xiala c-red"
|
|
||||||
/>
|
|
||||||
<span>(课程简介、课件)</span>
|
|
||||||
</div>
|
|
||||||
</Form.Item>
|
|
||||||
<div
|
|
||||||
className="c-flex"
|
|
||||||
style={{ display: showDrop ? "block" : "none" }}
|
|
||||||
>
|
|
||||||
<Form.Item label="课程简介" name="short_desc">
|
|
||||||
<Input.TextArea
|
|
||||||
style={{ width: 424, minHeight: 80 }}
|
|
||||||
allowClear
|
|
||||||
placeholder="请输入课程简介（最多200字）"
|
|
||||||
maxLength={200}
|
|
||||||
/>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item label="课程附件">
|
|
||||||
<Button
|
|
||||||
onClick={() => setAttachmentVisible(true)}
|
|
||||||
type="primary"
|
|
||||||
>
|
|
||||||
添加课件
|
|
||||||
</Button>
|
|
||||||
</Form.Item>
|
|
||||||
<div className={styles["hous-box"]}>
|
|
||||||
{attachmentData.length === 0 && (
|
|
||||||
<span className={styles["no-hours"]}>
|
|
||||||
请点击上方按钮添加课件
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
{attachmentData.length > 0 && (
|
|
||||||
<TreeAttachments
|
|
||||||
data={attachmentData}
|
|
||||||
onRemoveItem={(id: number) => {
|
|
||||||
delAttachments(id);
|
|
||||||
}}
|
|
||||||
onUpdate={(arr: any[]) => {
|
|
||||||
transAttachments(arr);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Form>
|
|
||||||
</div>
|
|
||||||
</Drawer>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -363,146 +363,148 @@ export const CourseHourUpdate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Drawer
|
{open ? (
|
||||||
title="课时管理"
|
<Drawer
|
||||||
onClose={onCancel}
|
title="课时管理"
|
||||||
maskClosable={false}
|
onClose={onCancel}
|
||||||
open={open}
|
maskClosable={false}
|
||||||
width={634}
|
open={true}
|
||||||
>
|
width={634}
|
||||||
<div className={styles["top-content"]}>
|
>
|
||||||
<p>1.线上课课时调整及时生效，操作不可逆，请谨慎操作。</p>
|
<div className={styles["top-content"]}>
|
||||||
<p>2.课时调整后，已有学习进度会在学员学习时重新计算。</p>
|
<p>1.线上课课时调整及时生效，操作不可逆，请谨慎操作。</p>
|
||||||
</div>
|
<p>2.课时调整后，已有学习进度会在学员学习时重新计算。</p>
|
||||||
<div className="float-left mt-24">
|
</div>
|
||||||
<SelectResource
|
<div className="float-left mt-24">
|
||||||
defaultKeys={
|
<SelectResource
|
||||||
chapterType === 0 ? hours : changeChapterHours(chapterHours)
|
defaultKeys={
|
||||||
}
|
chapterType === 0 ? hours : changeChapterHours(chapterHours)
|
||||||
open={videoVisible}
|
|
||||||
onCancel={() => {
|
|
||||||
setVideoVisible(false);
|
|
||||||
}}
|
|
||||||
onSelected={(arr: any, videos: any) => {
|
|
||||||
if (chapterType === 0) {
|
|
||||||
selectData(arr, videos);
|
|
||||||
} else {
|
|
||||||
selectChapterData(arr, videos);
|
|
||||||
}
|
}
|
||||||
}}
|
open={videoVisible}
|
||||||
/>
|
onCancel={() => {
|
||||||
<Form
|
setVideoVisible(false);
|
||||||
form={form}
|
}}
|
||||||
name="hour-update-basic"
|
onSelected={(arr: any, videos: any) => {
|
||||||
labelCol={{ span: 5 }}
|
if (chapterType === 0) {
|
||||||
wrapperCol={{ span: 19 }}
|
selectData(arr, videos);
|
||||||
initialValues={{ remember: true }}
|
} else {
|
||||||
onFinish={onFinish}
|
selectChapterData(arr, videos);
|
||||||
onFinishFailed={onFinishFailed}
|
}
|
||||||
autoComplete="off"
|
}}
|
||||||
>
|
/>
|
||||||
{chapterType === 0 && (
|
<Form
|
||||||
<div className="c-flex">
|
form={form}
|
||||||
<Form.Item>
|
name="hour-update-basic"
|
||||||
<div className="ml-42">
|
labelCol={{ span: 5 }}
|
||||||
<Button
|
wrapperCol={{ span: 19 }}
|
||||||
onClick={() => setVideoVisible(true)}
|
initialValues={{ remember: true }}
|
||||||
type="primary"
|
onFinish={onFinish}
|
||||||
>
|
onFinishFailed={onFinishFailed}
|
||||||
添加课时
|
autoComplete="off"
|
||||||
</Button>
|
>
|
||||||
</div>
|
{chapterType === 0 && (
|
||||||
</Form.Item>
|
<div className="c-flex">
|
||||||
<div className={styles["hous-box"]}>
|
<Form.Item>
|
||||||
{treeData.length === 0 && (
|
<div className="ml-42">
|
||||||
<span className={styles["no-hours"]}>
|
<Button
|
||||||
请点击上方按钮添加课时
|
onClick={() => setVideoVisible(true)}
|
||||||
</span>
|
type="primary"
|
||||||
)}
|
|
||||||
{treeData.length > 0 && (
|
|
||||||
<TreeHours
|
|
||||||
data={treeData}
|
|
||||||
onRemoveItem={(id: number) => {
|
|
||||||
delHour(id);
|
|
||||||
}}
|
|
||||||
onUpdate={(arr: any[]) => {
|
|
||||||
transHour(arr);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
{chapterType === 1 && (
|
|
||||||
<div className="c-flex">
|
|
||||||
{chapters.length > 0 &&
|
|
||||||
chapters.map((item: any, index: number) => {
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key={item.hours.length + "章节" + index}
|
|
||||||
className={styles["chapter-item"]}
|
|
||||||
>
|
>
|
||||||
<div className="d-flex">
|
添加课时
|
||||||
<div className={styles["label"]}>
|
</Button>
|
||||||
章节{index + 1}：
|
</div>
|
||||||
</div>
|
</Form.Item>
|
||||||
<Input
|
<div className={styles["hous-box"]}>
|
||||||
value={item.name}
|
{treeData.length === 0 && (
|
||||||
className={styles["input"]}
|
<span className={styles["no-hours"]}>
|
||||||
onChange={(e) => {
|
请点击上方按钮添加课时
|
||||||
setChapterName(index, e.target.value);
|
</span>
|
||||||
}}
|
)}
|
||||||
onBlur={(e) => {
|
{treeData.length > 0 && (
|
||||||
saveChapterName(index, e.target.value);
|
<TreeHours
|
||||||
}}
|
data={treeData}
|
||||||
placeholder="请在此处输入章节名称"
|
onRemoveItem={(id: number) => {
|
||||||
allowClear
|
delHour(id);
|
||||||
/>
|
}}
|
||||||
<Button
|
onUpdate={(arr: any[]) => {
|
||||||
className="mr-16"
|
transHour(arr);
|
||||||
type="primary"
|
}}
|
||||||
onClick={() => {
|
/>
|
||||||
setVideoVisible(true);
|
)}
|
||||||
setAddvideoCurrent(index);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加课时
|
|
||||||
</Button>
|
|
||||||
<Button onClick={() => delChapter(index)}>
|
|
||||||
删除章节
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<div className={styles["chapter-hous-box"]}>
|
|
||||||
{item.hours.length === 0 && (
|
|
||||||
<span className={styles["no-hours"]}>
|
|
||||||
请点击上方按钮添加课时
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
{item.hours.length > 0 && (
|
|
||||||
<TreeHours
|
|
||||||
data={item.hours}
|
|
||||||
onRemoveItem={(id: number) => {
|
|
||||||
delChapterHour(index, id);
|
|
||||||
}}
|
|
||||||
onUpdate={(arr: any[]) => {
|
|
||||||
transChapterHour(index, arr);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
<Form.Item>
|
|
||||||
<div className="ml-42">
|
|
||||||
<Button onClick={() => addNewChapter()}>添加章节</Button>
|
|
||||||
</div>
|
</div>
|
||||||
</Form.Item>
|
</div>
|
||||||
</div>
|
)}
|
||||||
)}
|
{chapterType === 1 && (
|
||||||
</Form>
|
<div className="c-flex">
|
||||||
</div>
|
{chapters.length > 0 &&
|
||||||
</Drawer>
|
chapters.map((item: any, index: number) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={item.hours.length + "章节" + index}
|
||||||
|
className={styles["chapter-item"]}
|
||||||
|
>
|
||||||
|
<div className="d-flex">
|
||||||
|
<div className={styles["label"]}>
|
||||||
|
章节{index + 1}：
|
||||||
|
</div>
|
||||||
|
<Input
|
||||||
|
value={item.name}
|
||||||
|
className={styles["input"]}
|
||||||
|
onChange={(e) => {
|
||||||
|
setChapterName(index, e.target.value);
|
||||||
|
}}
|
||||||
|
onBlur={(e) => {
|
||||||
|
saveChapterName(index, e.target.value);
|
||||||
|
}}
|
||||||
|
placeholder="请在此处输入章节名称"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
className="mr-16"
|
||||||
|
type="primary"
|
||||||
|
onClick={() => {
|
||||||
|
setVideoVisible(true);
|
||||||
|
setAddvideoCurrent(index);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
添加课时
|
||||||
|
</Button>
|
||||||
|
<Button onClick={() => delChapter(index)}>
|
||||||
|
删除章节
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div className={styles["chapter-hous-box"]}>
|
||||||
|
{item.hours.length === 0 && (
|
||||||
|
<span className={styles["no-hours"]}>
|
||||||
|
请点击上方按钮添加课时
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
{item.hours.length > 0 && (
|
||||||
|
<TreeHours
|
||||||
|
data={item.hours}
|
||||||
|
onRemoveItem={(id: number) => {
|
||||||
|
delChapterHour(index, id);
|
||||||
|
}}
|
||||||
|
onUpdate={(arr: any[]) => {
|
||||||
|
transChapterHour(index, arr);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
<Form.Item>
|
||||||
|
<div className="ml-42">
|
||||||
|
<Button onClick={() => addNewChapter()}>添加章节</Button>
|
||||||
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Drawer>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -169,209 +169,211 @@ export const CourseUpdate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Drawer
|
{open ? (
|
||||||
title="编辑课程"
|
<Drawer
|
||||||
onClose={onCancel}
|
title="编辑课程"
|
||||||
maskClosable={false}
|
onClose={onCancel}
|
||||||
open={open}
|
maskClosable={false}
|
||||||
footer={
|
open={true}
|
||||||
<Space className="j-r-flex">
|
footer={
|
||||||
<Button onClick={() => onCancel()}>取 消</Button>
|
<Space className="j-r-flex">
|
||||||
<Button onClick={() => form.submit()} type="primary">
|
<Button onClick={() => onCancel()}>取 消</Button>
|
||||||
确 认
|
<Button onClick={() => form.submit()} type="primary">
|
||||||
</Button>
|
确 认
|
||||||
</Space>
|
</Button>
|
||||||
}
|
</Space>
|
||||||
width={634}
|
}
|
||||||
>
|
width={634}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="update-basic"
|
form={form}
|
||||||
labelCol={{ span: 5 }}
|
name="update-basic"
|
||||||
wrapperCol={{ span: 19 }}
|
labelCol={{ span: 5 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 19 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="课程分类"
|
|
||||||
name="category_ids"
|
|
||||||
rules={[{ required: true, message: "请选择课程分类!" }]}
|
|
||||||
>
|
>
|
||||||
<TreeSelect
|
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
|
||||||
allowClear
|
|
||||||
multiple
|
|
||||||
style={{ width: 424 }}
|
|
||||||
treeData={categories}
|
|
||||||
placeholder="请选择课程分类"
|
|
||||||
treeDefaultExpandAll
|
|
||||||
/>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item
|
|
||||||
label="课程名称"
|
|
||||||
name="title"
|
|
||||||
rules={[{ required: true, message: "请在此处输入课程名称!" }]}
|
|
||||||
>
|
|
||||||
<Input
|
|
||||||
allowClear
|
|
||||||
style={{ width: 424 }}
|
|
||||||
placeholder="请在此处输入课程名称"
|
|
||||||
/>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item
|
|
||||||
label="课程属性"
|
|
||||||
name="isRequired"
|
|
||||||
rules={[{ required: true, message: "请选择课程属性!" }]}
|
|
||||||
>
|
|
||||||
<Radio.Group>
|
|
||||||
<Radio value={1}>必修课</Radio>
|
|
||||||
<Radio value={0} style={{ marginLeft: 22 }}>
|
|
||||||
选修课
|
|
||||||
</Radio>
|
|
||||||
</Radio.Group>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item
|
|
||||||
label="指派部门"
|
|
||||||
name="type"
|
|
||||||
rules={[{ required: true, message: "请选择指派部门!" }]}
|
|
||||||
>
|
|
||||||
<Radio.Group onChange={getType}>
|
|
||||||
<Radio value="open">全部部门</Radio>
|
|
||||||
<Radio value="elective">选择部门</Radio>
|
|
||||||
</Radio.Group>
|
|
||||||
</Form.Item>
|
|
||||||
|
|
||||||
{type === "elective" && (
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
label="选择部门"
|
label="课程分类"
|
||||||
name="dep_ids"
|
name="category_ids"
|
||||||
rules={[
|
rules={[{ required: true, message: "请选择课程分类!" }]}
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请选择部门!",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
>
|
>
|
||||||
<TreeSelect
|
<TreeSelect
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
style={{ width: 424 }}
|
|
||||||
treeData={departments}
|
|
||||||
multiple
|
|
||||||
allowClear
|
allowClear
|
||||||
|
multiple
|
||||||
|
style={{ width: 424 }}
|
||||||
|
treeData={categories}
|
||||||
|
placeholder="请选择课程分类"
|
||||||
treeDefaultExpandAll
|
treeDefaultExpandAll
|
||||||
placeholder="请选择部门"
|
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
)}
|
<Form.Item
|
||||||
|
label="课程名称"
|
||||||
<Form.Item
|
name="title"
|
||||||
label="课程封面"
|
rules={[{ required: true, message: "请在此处输入课程名称!" }]}
|
||||||
name="thumb"
|
>
|
||||||
rules={[{ required: true, message: "请上传课程封面!" }]}
|
<Input
|
||||||
>
|
allowClear
|
||||||
<div className="d-flex">
|
style={{ width: 424 }}
|
||||||
<Image
|
placeholder="请在此处输入课程名称"
|
||||||
src={thumb}
|
|
||||||
width={160}
|
|
||||||
height={120}
|
|
||||||
style={{ borderRadius: 6 }}
|
|
||||||
preview={false}
|
|
||||||
/>
|
/>
|
||||||
<div className="c-flex ml-8 flex-1">
|
</Form.Item>
|
||||||
<div className="d-flex mb-28">
|
<Form.Item
|
||||||
<div
|
label="课程属性"
|
||||||
className={
|
name="isRequired"
|
||||||
thumb === defaultThumb1
|
rules={[{ required: true, message: "请选择课程属性!" }]}
|
||||||
? styles["thumb-item-avtive"]
|
>
|
||||||
: styles["thumb-item"]
|
<Radio.Group>
|
||||||
}
|
<Radio value={1}>必修课</Radio>
|
||||||
onClick={() => {
|
<Radio value={0} style={{ marginLeft: 22 }}>
|
||||||
setThumb(defaultThumb1);
|
选修课
|
||||||
form.setFieldsValue({
|
</Radio>
|
||||||
thumb: defaultThumb1,
|
</Radio.Group>
|
||||||
});
|
</Form.Item>
|
||||||
}}
|
<Form.Item
|
||||||
>
|
label="指派部门"
|
||||||
<Image
|
name="type"
|
||||||
src={defaultThumb1}
|
rules={[{ required: true, message: "请选择指派部门!" }]}
|
||||||
width={80}
|
>
|
||||||
height={60}
|
<Radio.Group onChange={getType}>
|
||||||
style={{ borderRadius: 6 }}
|
<Radio value="open">全部部门</Radio>
|
||||||
preview={false}
|
<Radio value="elective">选择部门</Radio>
|
||||||
/>
|
</Radio.Group>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
{type === "elective" && (
|
||||||
|
<Form.Item
|
||||||
|
label="选择部门"
|
||||||
|
name="dep_ids"
|
||||||
|
rules={[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请选择部门!",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<TreeSelect
|
||||||
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
|
style={{ width: 424 }}
|
||||||
|
treeData={departments}
|
||||||
|
multiple
|
||||||
|
allowClear
|
||||||
|
treeDefaultExpandAll
|
||||||
|
placeholder="请选择部门"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Form.Item
|
||||||
|
label="课程封面"
|
||||||
|
name="thumb"
|
||||||
|
rules={[{ required: true, message: "请上传课程封面!" }]}
|
||||||
|
>
|
||||||
|
<div className="d-flex">
|
||||||
|
<Image
|
||||||
|
src={thumb}
|
||||||
|
width={160}
|
||||||
|
height={120}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
<div className="c-flex ml-8 flex-1">
|
||||||
|
<div className="d-flex mb-28">
|
||||||
|
<div
|
||||||
|
className={
|
||||||
|
thumb === defaultThumb1
|
||||||
|
? styles["thumb-item-avtive"]
|
||||||
|
: styles["thumb-item"]
|
||||||
|
}
|
||||||
|
onClick={() => {
|
||||||
|
setThumb(defaultThumb1);
|
||||||
|
form.setFieldsValue({
|
||||||
|
thumb: defaultThumb1,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src={defaultThumb1}
|
||||||
|
width={80}
|
||||||
|
height={60}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className={
|
||||||
|
thumb === defaultThumb2
|
||||||
|
? styles["thumb-item-avtive"]
|
||||||
|
: styles["thumb-item"]
|
||||||
|
}
|
||||||
|
onClick={() => {
|
||||||
|
setThumb(defaultThumb2);
|
||||||
|
form.setFieldsValue({
|
||||||
|
thumb: defaultThumb2,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src={defaultThumb2}
|
||||||
|
width={80}
|
||||||
|
height={60}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className={
|
||||||
|
thumb === defaultThumb3
|
||||||
|
? styles["thumb-item-avtive"]
|
||||||
|
: styles["thumb-item"]
|
||||||
|
}
|
||||||
|
onClick={() => {
|
||||||
|
setThumb(defaultThumb3);
|
||||||
|
form.setFieldsValue({
|
||||||
|
thumb: defaultThumb3,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src={defaultThumb3}
|
||||||
|
width={80}
|
||||||
|
height={60}
|
||||||
|
style={{ borderRadius: 6 }}
|
||||||
|
preview={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div className="d-flex">
|
||||||
className={
|
<UploadImageButton
|
||||||
thumb === defaultThumb2
|
text="更换封面"
|
||||||
? styles["thumb-item-avtive"]
|
onSelected={(url) => {
|
||||||
: styles["thumb-item"]
|
setThumb(url);
|
||||||
}
|
form.setFieldsValue({ thumb: url });
|
||||||
onClick={() => {
|
}}
|
||||||
setThumb(defaultThumb2);
|
></UploadImageButton>
|
||||||
form.setFieldsValue({
|
<span className="helper-text ml-16">
|
||||||
thumb: defaultThumb2,
|
（推荐尺寸:400x300px）
|
||||||
});
|
</span>
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
src={defaultThumb2}
|
|
||||||
width={80}
|
|
||||||
height={60}
|
|
||||||
style={{ borderRadius: 6 }}
|
|
||||||
preview={false}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
className={
|
|
||||||
thumb === defaultThumb3
|
|
||||||
? styles["thumb-item-avtive"]
|
|
||||||
: styles["thumb-item"]
|
|
||||||
}
|
|
||||||
onClick={() => {
|
|
||||||
setThumb(defaultThumb3);
|
|
||||||
form.setFieldsValue({
|
|
||||||
thumb: defaultThumb3,
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
src={defaultThumb3}
|
|
||||||
width={80}
|
|
||||||
height={60}
|
|
||||||
style={{ borderRadius: 6 }}
|
|
||||||
preview={false}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="d-flex">
|
|
||||||
<UploadImageButton
|
|
||||||
text="更换封面"
|
|
||||||
onSelected={(url) => {
|
|
||||||
setThumb(url);
|
|
||||||
form.setFieldsValue({ thumb: url });
|
|
||||||
}}
|
|
||||||
></UploadImageButton>
|
|
||||||
<span className="helper-text ml-16">
|
|
||||||
（推荐尺寸:400x300px）
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item label="课程简介" name="short_desc">
|
||||||
<Form.Item label="课程简介" name="short_desc">
|
<Input.TextArea
|
||||||
<Input.TextArea
|
style={{ width: 424, minHeight: 80 }}
|
||||||
style={{ width: 424, minHeight: 80 }}
|
allowClear
|
||||||
allowClear
|
placeholder="请输入课程简介（最多200字）"
|
||||||
placeholder="请输入课程简介（最多200字）"
|
maxLength={200}
|
||||||
maxLength={200}
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
</Form>
|
||||||
</Form>
|
</div>
|
||||||
</div>
|
</Drawer>
|
||||||
</Drawer>
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -105,57 +105,59 @@ export const DepartmentCreate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="新建部门"
|
<Modal
|
||||||
centered
|
title="新建部门"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="basic"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="basic"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="所属上级"
|
|
||||||
name="parent_id"
|
|
||||||
rules={[{ required: true, message: "请选择所属上级!" }]}
|
|
||||||
>
|
>
|
||||||
<Cascader
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="所属上级"
|
||||||
allowClear
|
name="parent_id"
|
||||||
placeholder="请选择所属上级"
|
rules={[{ required: true, message: "请选择所属上级!" }]}
|
||||||
onChange={handleChange}
|
>
|
||||||
options={departments}
|
<Cascader
|
||||||
changeOnSelect
|
style={{ width: 200 }}
|
||||||
expand-trigger="hover"
|
allowClear
|
||||||
displayRender={displayRender}
|
placeholder="请选择所属上级"
|
||||||
/>
|
onChange={handleChange}
|
||||||
</Form.Item>
|
options={departments}
|
||||||
<Form.Item
|
changeOnSelect
|
||||||
label="部门名称"
|
expand-trigger="hover"
|
||||||
name="name"
|
displayRender={displayRender}
|
||||||
rules={[{ required: true, message: "请输入部门名称!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="部门名称"
|
||||||
allowClear
|
name="name"
|
||||||
placeholder="请输入部门名称"
|
rules={[{ required: true, message: "请输入部门名称!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
</Form>
|
style={{ width: 200 }}
|
||||||
</div>
|
allowClear
|
||||||
</Modal>
|
placeholder="请输入部门名称"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -129,53 +129,55 @@ export const DepartmentUpdate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="编辑部门"
|
<Modal
|
||||||
centered
|
title="编辑部门"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="basic"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="basic"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="所属上级"
|
|
||||||
name="parent_id"
|
|
||||||
rules={[{ required: true, message: "请选择所属上级!" }]}
|
|
||||||
>
|
>
|
||||||
<Cascader
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="所属上级"
|
||||||
allowClear
|
name="parent_id"
|
||||||
placeholder="请选择所属上级"
|
rules={[{ required: true, message: "请选择所属上级!" }]}
|
||||||
onChange={handleChange}
|
>
|
||||||
options={departments}
|
<Cascader
|
||||||
changeOnSelect
|
style={{ width: 200 }}
|
||||||
expand-trigger="hover"
|
allowClear
|
||||||
displayRender={displayRender}
|
placeholder="请选择所属上级"
|
||||||
/>
|
onChange={handleChange}
|
||||||
</Form.Item>
|
options={departments}
|
||||||
<Form.Item
|
changeOnSelect
|
||||||
label="部门名称"
|
expand-trigger="hover"
|
||||||
name="name"
|
displayRender={displayRender}
|
||||||
rules={[{ required: true, message: "请输入部门名称!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input style={{ width: 200 }} placeholder="请输入部门名称" />
|
<Form.Item
|
||||||
</Form.Item>
|
label="部门名称"
|
||||||
</Form>
|
name="name"
|
||||||
</div>
|
rules={[{ required: true, message: "请输入部门名称!" }]}
|
||||||
</Modal>
|
>
|
||||||
|
<Input style={{ width: 200 }} placeholder="请输入部门名称" />
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -105,102 +105,104 @@ export const MemberCreate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="添加学员"
|
<Modal
|
||||||
centered
|
title="添加学员"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={484}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={484}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="member-form float-left mt-24">
|
>
|
||||||
<Form
|
<div className="member-form float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="create-basic"
|
form={form}
|
||||||
labelCol={{ span: 7 }}
|
name="create-basic"
|
||||||
wrapperCol={{ span: 17 }}
|
labelCol={{ span: 7 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 17 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="学员头像"
|
|
||||||
labelCol={{ style: { marginTop: 15, marginLeft: 46 } }}
|
|
||||||
name="avatar"
|
|
||||||
rules={[{ required: true, message: "请上传学员头像!" }]}
|
|
||||||
>
|
>
|
||||||
<div className="d-flex">
|
<Form.Item
|
||||||
{avatar && (
|
label="学员头像"
|
||||||
<img className="form-avatar mr-16" src={avatar} alt="" />
|
labelCol={{ style: { marginTop: 15, marginLeft: 46 } }}
|
||||||
)}
|
name="avatar"
|
||||||
|
rules={[{ required: true, message: "请上传学员头像!" }]}
|
||||||
|
>
|
||||||
<div className="d-flex">
|
<div className="d-flex">
|
||||||
<UploadImageButton
|
{avatar && (
|
||||||
text="更换头像"
|
<img className="form-avatar mr-16" src={avatar} alt="" />
|
||||||
onSelected={(url) => {
|
)}
|
||||||
setAvatar(url);
|
<div className="d-flex">
|
||||||
form.setFieldsValue({ avatar: url });
|
<UploadImageButton
|
||||||
}}
|
text="更换头像"
|
||||||
></UploadImageButton>
|
onSelected={(url) => {
|
||||||
|
setAvatar(url);
|
||||||
|
form.setFieldsValue({ avatar: url });
|
||||||
|
}}
|
||||||
|
></UploadImageButton>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="学员姓名"
|
||||||
label="学员姓名"
|
name="name"
|
||||||
name="name"
|
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
||||||
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
>
|
||||||
>
|
<Input style={{ width: 274 }} placeholder="请填写学员姓名" />
|
||||||
<Input style={{ width: 274 }} placeholder="请填写学员姓名" />
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="登录邮箱"
|
||||||
label="登录邮箱"
|
name="email"
|
||||||
name="email"
|
rules={[{ required: true, message: "请输入登录邮箱!" }]}
|
||||||
rules={[{ required: true, message: "请输入登录邮箱!" }]}
|
>
|
||||||
>
|
<Input
|
||||||
<Input
|
allowClear
|
||||||
allowClear
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
placeholder="请输入学员登录邮箱"
|
||||||
placeholder="请输入学员登录邮箱"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="登录密码"
|
||||||
label="登录密码"
|
name="password"
|
||||||
name="password"
|
rules={[{ required: true, message: "请输入登录密码!" }]}
|
||||||
rules={[{ required: true, message: "请输入登录密码!" }]}
|
>
|
||||||
>
|
<Input.Password
|
||||||
<Input.Password
|
allowClear
|
||||||
allowClear
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
placeholder="请输入登录密码"
|
||||||
placeholder="请输入登录密码"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="所属部门"
|
||||||
label="所属部门"
|
name="dep_ids"
|
||||||
name="dep_ids"
|
rules={[{ required: true, message: "请选择学员所属部门!" }]}
|
||||||
rules={[{ required: true, message: "请选择学员所属部门!" }]}
|
>
|
||||||
>
|
<TreeSelect
|
||||||
<TreeSelect
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
treeData={departments}
|
||||||
treeData={departments}
|
multiple
|
||||||
multiple
|
allowClear
|
||||||
allowClear
|
treeDefaultExpandAll
|
||||||
treeDefaultExpandAll
|
placeholder="请选择学员所属部门"
|
||||||
placeholder="请选择学员所属部门"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item label="身份证号" name="idCard">
|
||||||
<Form.Item label="身份证号" name="idCard">
|
<Input
|
||||||
<Input
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
allowClear
|
||||||
allowClear
|
placeholder="请填写学员身份证号"
|
||||||
placeholder="请填写学员身份证号"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
</Form>
|
||||||
</Form>
|
</div>
|
||||||
</div>
|
</Modal>
|
||||||
</Modal>
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -210,43 +210,45 @@ export const MemberLearnProgressDialog: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="课时学习进度"
|
<Modal
|
||||||
centered
|
title="课时学习进度"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={1000}
|
open={true}
|
||||||
onOk={() => onCancel()}
|
width={1000}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => onCancel()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
footer={null}
|
maskClosable={false}
|
||||||
>
|
footer={null}
|
||||||
<div className="d-flex mt-24">
|
|
||||||
<PerButton
|
|
||||||
type="primary"
|
|
||||||
text="重置学习记录"
|
|
||||||
class="c-white"
|
|
||||||
icon={null}
|
|
||||||
p="user-learn-destroy"
|
|
||||||
onClick={() => {
|
|
||||||
clearProgress();
|
|
||||||
}}
|
|
||||||
disabled={null}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
className="d-flex mt-24"
|
|
||||||
style={{ maxHeight: 800, overflowY: "auto" }}
|
|
||||||
>
|
>
|
||||||
<Table
|
<div className="d-flex mt-24">
|
||||||
columns={column}
|
<PerButton
|
||||||
dataSource={list}
|
type="primary"
|
||||||
loading={loading}
|
text="重置学习记录"
|
||||||
rowKey={(record) => record.id}
|
class="c-white"
|
||||||
pagination={false}
|
icon={null}
|
||||||
/>
|
p="user-learn-destroy"
|
||||||
</div>
|
onClick={() => {
|
||||||
</Modal>
|
clearProgress();
|
||||||
|
}}
|
||||||
|
disabled={null}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="d-flex mt-24"
|
||||||
|
style={{ maxHeight: 800, overflowY: "auto" }}
|
||||||
|
>
|
||||||
|
<Table
|
||||||
|
columns={column}
|
||||||
|
dataSource={list}
|
||||||
|
loading={loading}
|
||||||
|
rowKey={(record) => record.id}
|
||||||
|
pagination={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -134,102 +134,104 @@ export const MemberUpdate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="编辑学员"
|
<Modal
|
||||||
centered
|
title="编辑学员"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={484}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={484}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="update-basic"
|
form={form}
|
||||||
labelCol={{ span: 7 }}
|
name="update-basic"
|
||||||
wrapperCol={{ span: 17 }}
|
labelCol={{ span: 7 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 17 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="学员头像"
|
|
||||||
labelCol={{ style: { marginTop: 15, marginLeft: 46 } }}
|
|
||||||
name="avatar"
|
|
||||||
rules={[{ required: true, message: "请上传学员头像!" }]}
|
|
||||||
>
|
>
|
||||||
<div className="d-flex">
|
<Form.Item
|
||||||
{avatar && (
|
label="学员头像"
|
||||||
<img className="form-avatar mr-16" src={avatar} alt="" />
|
labelCol={{ style: { marginTop: 15, marginLeft: 46 } }}
|
||||||
)}
|
name="avatar"
|
||||||
|
rules={[{ required: true, message: "请上传学员头像!" }]}
|
||||||
|
>
|
||||||
<div className="d-flex">
|
<div className="d-flex">
|
||||||
<UploadImageButton
|
{avatar && (
|
||||||
text="更换头像"
|
<img className="form-avatar mr-16" src={avatar} alt="" />
|
||||||
onSelected={(url) => {
|
)}
|
||||||
setAvatar(url);
|
<div className="d-flex">
|
||||||
form.setFieldsValue({ avatar: url });
|
<UploadImageButton
|
||||||
}}
|
text="更换头像"
|
||||||
></UploadImageButton>
|
onSelected={(url) => {
|
||||||
|
setAvatar(url);
|
||||||
|
form.setFieldsValue({ avatar: url });
|
||||||
|
}}
|
||||||
|
></UploadImageButton>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="学员姓名"
|
||||||
label="学员姓名"
|
name="name"
|
||||||
name="name"
|
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
||||||
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
>
|
||||||
>
|
<Input
|
||||||
<Input
|
allowClear
|
||||||
allowClear
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
placeholder="请填写学员姓名"
|
||||||
placeholder="请填写学员姓名"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="登录邮箱"
|
||||||
label="登录邮箱"
|
name="email"
|
||||||
name="email"
|
rules={[{ required: true, message: "请输入登录邮箱!" }]}
|
||||||
rules={[{ required: true, message: "请输入登录邮箱!" }]}
|
>
|
||||||
>
|
<Input
|
||||||
<Input
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
allowClear
|
||||||
allowClear
|
placeholder="请输入学员登录邮箱"
|
||||||
placeholder="请输入学员登录邮箱"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item label="登录密码" name="password">
|
||||||
<Form.Item label="登录密码" name="password">
|
<Input.Password
|
||||||
<Input.Password
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
allowClear
|
||||||
allowClear
|
placeholder="请输入登录密码"
|
||||||
placeholder="请输入登录密码"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item
|
||||||
<Form.Item
|
label="所属部门"
|
||||||
label="所属部门"
|
name="dep_ids"
|
||||||
name="dep_ids"
|
rules={[{ required: true, message: "请选择学员所属部门!" }]}
|
||||||
rules={[{ required: true, message: "请选择学员所属部门!" }]}
|
>
|
||||||
>
|
<TreeSelect
|
||||||
<TreeSelect
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
treeData={departments}
|
||||||
treeData={departments}
|
multiple
|
||||||
multiple
|
allowClear
|
||||||
allowClear
|
treeDefaultExpandAll
|
||||||
treeDefaultExpandAll
|
placeholder="请选择学员所属部门"
|
||||||
placeholder="请选择学员所属部门"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
<Form.Item label="身份证号" name="idCard">
|
||||||
<Form.Item label="身份证号" name="idCard">
|
<Input
|
||||||
<Input
|
allowClear
|
||||||
allowClear
|
style={{ width: 274 }}
|
||||||
style={{ width: 274 }}
|
placeholder="请填写学员身份证号"
|
||||||
placeholder="请填写学员身份证号"
|
/>
|
||||||
/>
|
</Form.Item>
|
||||||
</Form.Item>
|
</Form>
|
||||||
</Form>
|
</div>
|
||||||
</div>
|
</Modal>
|
||||||
</Modal>
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -96,55 +96,57 @@ export const CoursewareUpdateDialog: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="编辑课件"
|
<Modal
|
||||||
centered
|
title="编辑课件"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="videos-update"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="videos-update"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="课件分类"
|
|
||||||
name="category_id"
|
|
||||||
rules={[{ required: true, message: "请选择课件分类!" }]}
|
|
||||||
>
|
>
|
||||||
<TreeSelect
|
<Form.Item
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
label="课件分类"
|
||||||
allowClear
|
name="category_id"
|
||||||
style={{ width: 200 }}
|
rules={[{ required: true, message: "请选择课件分类!" }]}
|
||||||
treeData={categories}
|
>
|
||||||
placeholder="课件分类"
|
<TreeSelect
|
||||||
treeDefaultExpandAll
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
/>
|
allowClear
|
||||||
</Form.Item>
|
style={{ width: 200 }}
|
||||||
<Form.Item
|
treeData={categories}
|
||||||
label="课件名称"
|
placeholder="课件分类"
|
||||||
name="name"
|
treeDefaultExpandAll
|
||||||
rules={[{ required: true, message: "请输入课件名称!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
allowClear
|
label="课件名称"
|
||||||
style={{ width: 200 }}
|
name="name"
|
||||||
placeholder="请输入课件名称"
|
rules={[{ required: true, message: "请输入课件名称!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
</Form>
|
allowClear
|
||||||
</div>
|
style={{ width: 200 }}
|
||||||
</Modal>
|
placeholder="请输入课件名称"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -105,57 +105,59 @@ export const ResourceCategoryCreate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="新建分类"
|
<Modal
|
||||||
centered
|
title="新建分类"
|
||||||
forceRender
|
centered
|
||||||
maskClosable={false}
|
forceRender
|
||||||
open={open}
|
maskClosable={false}
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
>
|
onCancel={() => onCancel()}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="basic"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="basic"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="所属上级"
|
|
||||||
name="parent_id"
|
|
||||||
rules={[{ required: true, message: "请选择所属上级!" }]}
|
|
||||||
>
|
>
|
||||||
<Cascader
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="所属上级"
|
||||||
allowClear
|
name="parent_id"
|
||||||
placeholder="请选择所属上级"
|
rules={[{ required: true, message: "请选择所属上级!" }]}
|
||||||
onChange={handleChange}
|
>
|
||||||
options={categories}
|
<Cascader
|
||||||
changeOnSelect
|
style={{ width: 200 }}
|
||||||
expand-trigger="hover"
|
allowClear
|
||||||
displayRender={displayRender}
|
placeholder="请选择所属上级"
|
||||||
/>
|
onChange={handleChange}
|
||||||
</Form.Item>
|
options={categories}
|
||||||
<Form.Item
|
changeOnSelect
|
||||||
label="分类名称"
|
expand-trigger="hover"
|
||||||
name="name"
|
displayRender={displayRender}
|
||||||
rules={[{ required: true, message: "请输入分类名称!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="分类名称"
|
||||||
allowClear
|
name="name"
|
||||||
placeholder="请输入分类名称"
|
rules={[{ required: true, message: "请输入分类名称!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
</Form>
|
style={{ width: 200 }}
|
||||||
</div>
|
allowClear
|
||||||
</Modal>
|
placeholder="请输入分类名称"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -127,57 +127,59 @@ export const ResourceCategoryUpdate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="编辑分类"
|
<Modal
|
||||||
centered
|
title="编辑分类"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="basic"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="basic"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="所属上级"
|
|
||||||
name="parent_id"
|
|
||||||
rules={[{ required: true, message: "请选择所属上级!" }]}
|
|
||||||
>
|
>
|
||||||
<Cascader
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="所属上级"
|
||||||
allowClear
|
name="parent_id"
|
||||||
placeholder="请选择所属上级"
|
rules={[{ required: true, message: "请选择所属上级!" }]}
|
||||||
onChange={handleChange}
|
>
|
||||||
options={categories}
|
<Cascader
|
||||||
changeOnSelect
|
style={{ width: 200 }}
|
||||||
expand-trigger="hover"
|
allowClear
|
||||||
displayRender={displayRender}
|
placeholder="请选择所属上级"
|
||||||
/>
|
onChange={handleChange}
|
||||||
</Form.Item>
|
options={categories}
|
||||||
<Form.Item
|
changeOnSelect
|
||||||
label="分类名称"
|
expand-trigger="hover"
|
||||||
name="name"
|
displayRender={displayRender}
|
||||||
rules={[{ required: true, message: "请输入分类名称!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="分类名称"
|
||||||
allowClear
|
name="name"
|
||||||
placeholder="请输入分类名称"
|
rules={[{ required: true, message: "请输入分类名称!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
</Form>
|
style={{ width: 200 }}
|
||||||
</div>
|
allowClear
|
||||||
</Modal>
|
placeholder="请输入分类名称"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -89,55 +89,57 @@ export const VideosUpdateDialog: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="编辑视频"
|
<Modal
|
||||||
centered
|
title="编辑视频"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="videos-update"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="videos-update"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="视频分类"
|
|
||||||
name="category_id"
|
|
||||||
rules={[{ required: true, message: "请选择视频分类!" }]}
|
|
||||||
>
|
>
|
||||||
<TreeSelect
|
<Form.Item
|
||||||
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
label="视频分类"
|
||||||
allowClear
|
name="category_id"
|
||||||
style={{ width: 200 }}
|
rules={[{ required: true, message: "请选择视频分类!" }]}
|
||||||
treeData={categories}
|
>
|
||||||
placeholder="视频分类"
|
<TreeSelect
|
||||||
treeDefaultExpandAll
|
showCheckedStrategy={TreeSelect.SHOW_ALL}
|
||||||
/>
|
allowClear
|
||||||
</Form.Item>
|
style={{ width: 200 }}
|
||||||
<Form.Item
|
treeData={categories}
|
||||||
label="视频名称"
|
placeholder="视频分类"
|
||||||
name="name"
|
treeDefaultExpandAll
|
||||||
rules={[{ required: true, message: "请输入视频名称!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
allowClear
|
label="视频名称"
|
||||||
style={{ width: 200 }}
|
name="name"
|
||||||
placeholder="请输入视频名称"
|
rules={[{ required: true, message: "请输入视频名称!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
</Form>
|
allowClear
|
||||||
</div>
|
style={{ width: 200 }}
|
||||||
</Modal>
|
placeholder="请输入视频名称"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -85,86 +85,88 @@ export const SystemAdministratorCreate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="添加管理员"
|
<Modal
|
||||||
centered
|
title="添加管理员"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="basic"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="basic"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="选择角色"
|
|
||||||
name="roleIds"
|
|
||||||
rules={[{ required: true, message: "请选择角色!" }]}
|
|
||||||
>
|
>
|
||||||
<Select
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="选择角色"
|
||||||
mode="multiple"
|
name="roleIds"
|
||||||
allowClear
|
rules={[{ required: true, message: "请选择角色!" }]}
|
||||||
placeholder="请选择角色"
|
>
|
||||||
onChange={handleChange}
|
<Select
|
||||||
options={roles}
|
style={{ width: 200 }}
|
||||||
/>
|
mode="multiple"
|
||||||
</Form.Item>
|
allowClear
|
||||||
<Form.Item
|
placeholder="请选择角色"
|
||||||
label="管理员姓名"
|
onChange={handleChange}
|
||||||
name="name"
|
options={roles}
|
||||||
rules={[{ required: true, message: "请输入管理员姓名!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
allowClear
|
label="管理员姓名"
|
||||||
style={{ width: 200 }}
|
name="name"
|
||||||
placeholder="请输入管理员姓名"
|
rules={[{ required: true, message: "请输入管理员姓名!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
<Form.Item
|
allowClear
|
||||||
label="邮箱"
|
style={{ width: 200 }}
|
||||||
name="email"
|
placeholder="请输入管理员姓名"
|
||||||
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
allowClear
|
label="邮箱"
|
||||||
style={{ width: 200 }}
|
name="email"
|
||||||
placeholder="请输入学员邮箱"
|
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
<Form.Item
|
allowClear
|
||||||
label="密码"
|
style={{ width: 200 }}
|
||||||
name="password"
|
placeholder="请输入学员邮箱"
|
||||||
rules={[{ required: true, message: "请输入登录密码!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input.Password
|
<Form.Item
|
||||||
autoComplete="new-password"
|
label="密码"
|
||||||
allowClear
|
name="password"
|
||||||
style={{ width: 200 }}
|
rules={[{ required: true, message: "请输入登录密码!" }]}
|
||||||
placeholder="请输入登录密码"
|
>
|
||||||
/>
|
<Input.Password
|
||||||
</Form.Item>
|
autoComplete="new-password"
|
||||||
|
allowClear
|
||||||
|
style={{ width: 200 }}
|
||||||
|
placeholder="请输入登录密码"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
label="禁止登录"
|
label="禁止登录"
|
||||||
name="is_ban_login"
|
name="is_ban_login"
|
||||||
valuePropName="checked"
|
valuePropName="checked"
|
||||||
>
|
>
|
||||||
<Switch onChange={onChange} />
|
<Switch onChange={onChange} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
</div>
|
</div>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -93,81 +93,83 @@ export const SystemAdministratorUpdate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="编辑管理人员"
|
<Modal
|
||||||
centered
|
title="编辑管理人员"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => form.submit()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => form.submit()}
|
||||||
maskClosable={false}
|
onCancel={() => onCancel()}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="basic"
|
form={form}
|
||||||
labelCol={{ span: 8 }}
|
name="basic"
|
||||||
wrapperCol={{ span: 16 }}
|
labelCol={{ span: 8 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 16 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="选择角色"
|
|
||||||
name="roleIds"
|
|
||||||
rules={[{ required: true, message: "请选择角色!" }]}
|
|
||||||
>
|
>
|
||||||
<Select
|
<Form.Item
|
||||||
style={{ width: 200 }}
|
label="选择角色"
|
||||||
mode="multiple"
|
name="roleIds"
|
||||||
allowClear
|
rules={[{ required: true, message: "请选择角色!" }]}
|
||||||
placeholder="请选择角色"
|
>
|
||||||
onChange={handleChange}
|
<Select
|
||||||
options={roles}
|
style={{ width: 200 }}
|
||||||
/>
|
mode="multiple"
|
||||||
</Form.Item>
|
allowClear
|
||||||
<Form.Item
|
placeholder="请选择角色"
|
||||||
label="管理员姓名"
|
onChange={handleChange}
|
||||||
name="name"
|
options={roles}
|
||||||
rules={[{ required: true, message: "请输入管理员姓名!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
allowClear
|
label="管理员姓名"
|
||||||
style={{ width: 200 }}
|
name="name"
|
||||||
placeholder="请输入管理员姓名"
|
rules={[{ required: true, message: "请输入管理员姓名!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
<Form.Item
|
allowClear
|
||||||
label="邮箱"
|
style={{ width: 200 }}
|
||||||
name="email"
|
placeholder="请输入管理员姓名"
|
||||||
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Input
|
<Form.Item
|
||||||
allowClear
|
label="邮箱"
|
||||||
style={{ width: 200 }}
|
name="email"
|
||||||
placeholder="请输入学员邮箱"
|
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
<Form.Item label="密码" name="password">
|
allowClear
|
||||||
<Input.Password
|
style={{ width: 200 }}
|
||||||
autoComplete="new-password"
|
placeholder="请输入学员邮箱"
|
||||||
style={{ width: 200 }}
|
/>
|
||||||
allowClear
|
</Form.Item>
|
||||||
placeholder="请输入登录密码"
|
<Form.Item label="密码" name="password">
|
||||||
/>
|
<Input.Password
|
||||||
</Form.Item>
|
autoComplete="new-password"
|
||||||
<Form.Item
|
style={{ width: 200 }}
|
||||||
label="禁止登录"
|
allowClear
|
||||||
name="is_ban_login"
|
placeholder="请输入登录密码"
|
||||||
valuePropName="checked"
|
/>
|
||||||
>
|
</Form.Item>
|
||||||
<Switch onChange={onChange} />
|
<Form.Item
|
||||||
</Form.Item>
|
label="禁止登录"
|
||||||
</Form>
|
name="is_ban_login"
|
||||||
</div>
|
valuePropName="checked"
|
||||||
</Modal>
|
>
|
||||||
|
<Switch onChange={onChange} />
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -25,33 +25,35 @@ export const AdminLogDetailDialog: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Modal
|
{open ? (
|
||||||
title="日志详情"
|
<Modal
|
||||||
centered
|
title="日志详情"
|
||||||
forceRender
|
centered
|
||||||
open={open}
|
forceRender
|
||||||
width={416}
|
open={true}
|
||||||
onOk={() => onCancel()}
|
width={416}
|
||||||
onCancel={() => onCancel()}
|
onOk={() => onCancel()}
|
||||||
footer={null}
|
onCancel={() => onCancel()}
|
||||||
maskClosable={false}
|
footer={null}
|
||||||
>
|
maskClosable={false}
|
||||||
<div className="mt-24">
|
>
|
||||||
<Form
|
<div className="mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="adminlog-detail"
|
form={form}
|
||||||
labelCol={{ span: 5 }}
|
name="adminlog-detail"
|
||||||
wrapperCol={{ span: 19 }}
|
labelCol={{ span: 5 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 19 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item label="Param">{param}</Form.Item>
|
>
|
||||||
<Form.Item label="Result">{result}</Form.Item>
|
<Form.Item label="Param">{param}</Form.Item>
|
||||||
</Form>
|
<Form.Item label="Result">{result}</Form.Item>
|
||||||
</div>
|
</Form>
|
||||||
</Modal>
|
</div>
|
||||||
|
</Modal>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -151,68 +151,70 @@ export const SystemAdminrolesCreate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Drawer
|
{open ? (
|
||||||
title="新建角色"
|
<Drawer
|
||||||
onClose={onCancel}
|
title="新建角色"
|
||||||
maskClosable={false}
|
onClose={onCancel}
|
||||||
open={open}
|
maskClosable={false}
|
||||||
footer={
|
open={true}
|
||||||
<Space className="j-r-flex">
|
footer={
|
||||||
<Button onClick={() => onCancel()}>取 消</Button>
|
<Space className="j-r-flex">
|
||||||
<Button onClick={() => form.submit()} type="primary">
|
<Button onClick={() => onCancel()}>取 消</Button>
|
||||||
确 认
|
<Button onClick={() => form.submit()} type="primary">
|
||||||
</Button>
|
确 认
|
||||||
</Space>
|
</Button>
|
||||||
}
|
</Space>
|
||||||
width={634}
|
}
|
||||||
>
|
width={634}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="adminroles-create"
|
form={form}
|
||||||
labelCol={{ span: 5 }}
|
name="adminroles-create"
|
||||||
wrapperCol={{ span: 19 }}
|
labelCol={{ span: 5 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 19 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="角色名称"
|
|
||||||
name="name"
|
|
||||||
rules={[{ required: true, message: "请输入角色名称!" }]}
|
|
||||||
>
|
>
|
||||||
<Input
|
<Form.Item
|
||||||
style={{ width: 424 }}
|
label="角色名称"
|
||||||
placeholder="请在此处输入角色名称"
|
name="name"
|
||||||
allowClear
|
rules={[{ required: true, message: "请输入角色名称!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
<Form.Item label="操作权限" name="action_ids">
|
style={{ width: 424 }}
|
||||||
<TreeSelect
|
placeholder="请在此处输入角色名称"
|
||||||
listHeight={600}
|
allowClear
|
||||||
style={{ width: 424 }}
|
/>
|
||||||
treeCheckable={true}
|
</Form.Item>
|
||||||
placeholder="请选择权限"
|
<Form.Item label="操作权限" name="action_ids">
|
||||||
multiple
|
<TreeSelect
|
||||||
allowClear
|
listHeight={600}
|
||||||
treeData={actions}
|
style={{ width: 424 }}
|
||||||
/>
|
treeCheckable={true}
|
||||||
</Form.Item>
|
placeholder="请选择权限"
|
||||||
<Form.Item label="数据权限" name="permission_ids">
|
multiple
|
||||||
<TreeSelect
|
allowClear
|
||||||
listHeight={600}
|
treeData={actions}
|
||||||
style={{ width: 424 }}
|
/>
|
||||||
treeCheckable={true}
|
</Form.Item>
|
||||||
placeholder="请选择权限"
|
<Form.Item label="数据权限" name="permission_ids">
|
||||||
multiple
|
<TreeSelect
|
||||||
allowClear
|
listHeight={600}
|
||||||
treeData={permissions}
|
style={{ width: 424 }}
|
||||||
/>
|
treeCheckable={true}
|
||||||
</Form.Item>
|
placeholder="请选择权限"
|
||||||
</Form>
|
multiple
|
||||||
</div>
|
allowClear
|
||||||
</Drawer>
|
treeData={permissions}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Drawer>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -165,68 +165,70 @@ export const SystemAdminrolesUpdate: React.FC<PropInterface> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Drawer
|
{open ? (
|
||||||
title="编辑角色权限"
|
<Drawer
|
||||||
onClose={onCancel}
|
title="编辑角色权限"
|
||||||
maskClosable={false}
|
onClose={onCancel}
|
||||||
open={open}
|
maskClosable={false}
|
||||||
footer={
|
open={true}
|
||||||
<Space className="j-r-flex">
|
footer={
|
||||||
<Button onClick={() => onCancel()}>取 消</Button>
|
<Space className="j-r-flex">
|
||||||
<Button onClick={() => form.submit()} type="primary">
|
<Button onClick={() => onCancel()}>取 消</Button>
|
||||||
确 认
|
<Button onClick={() => form.submit()} type="primary">
|
||||||
</Button>
|
确 认
|
||||||
</Space>
|
</Button>
|
||||||
}
|
</Space>
|
||||||
width={634}
|
}
|
||||||
>
|
width={634}
|
||||||
<div className="float-left mt-24">
|
>
|
||||||
<Form
|
<div className="float-left mt-24">
|
||||||
form={form}
|
<Form
|
||||||
name="adminroles-update"
|
form={form}
|
||||||
labelCol={{ span: 5 }}
|
name="adminroles-update"
|
||||||
wrapperCol={{ span: 19 }}
|
labelCol={{ span: 5 }}
|
||||||
initialValues={{ remember: true }}
|
wrapperCol={{ span: 19 }}
|
||||||
onFinish={onFinish}
|
initialValues={{ remember: true }}
|
||||||
onFinishFailed={onFinishFailed}
|
onFinish={onFinish}
|
||||||
autoComplete="off"
|
onFinishFailed={onFinishFailed}
|
||||||
>
|
autoComplete="off"
|
||||||
<Form.Item
|
|
||||||
label="角色名"
|
|
||||||
name="name"
|
|
||||||
rules={[{ required: true, message: "请输入角色名!" }]}
|
|
||||||
>
|
>
|
||||||
<Input
|
<Form.Item
|
||||||
style={{ width: 424 }}
|
label="角色名"
|
||||||
allowClear
|
name="name"
|
||||||
placeholder="请输入角色名"
|
rules={[{ required: true, message: "请输入角色名!" }]}
|
||||||
/>
|
>
|
||||||
</Form.Item>
|
<Input
|
||||||
<Form.Item label="操作权限" name="action_ids">
|
style={{ width: 424 }}
|
||||||
<TreeSelect
|
allowClear
|
||||||
style={{ width: 424 }}
|
placeholder="请输入角色名"
|
||||||
listHeight={600}
|
/>
|
||||||
treeCheckable={true}
|
</Form.Item>
|
||||||
placeholder="请选择权限"
|
<Form.Item label="操作权限" name="action_ids">
|
||||||
multiple
|
<TreeSelect
|
||||||
allowClear
|
style={{ width: 424 }}
|
||||||
treeData={actions}
|
listHeight={600}
|
||||||
/>
|
treeCheckable={true}
|
||||||
</Form.Item>
|
placeholder="请选择权限"
|
||||||
<Form.Item label="数据权限" name="permission_ids">
|
multiple
|
||||||
<TreeSelect
|
allowClear
|
||||||
style={{ width: 424 }}
|
treeData={actions}
|
||||||
listHeight={600}
|
/>
|
||||||
treeCheckable={true}
|
</Form.Item>
|
||||||
placeholder="请选择权限"
|
<Form.Item label="数据权限" name="permission_ids">
|
||||||
multiple
|
<TreeSelect
|
||||||
allowClear
|
style={{ width: 424 }}
|
||||||
treeData={permissions}
|
listHeight={600}
|
||||||
/>
|
treeCheckable={true}
|
||||||
</Form.Item>
|
placeholder="请选择权限"
|
||||||
</Form>
|
multiple
|
||||||
</div>
|
allowClear
|
||||||
</Drawer>
|
treeData={permissions}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</Drawer>
|
||||||
|
) : null}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user