图片、视频label联动

This commit is contained in:
禺狨
2023-03-14 10:00:36 +08:00
parent 52126882ee
commit 558407b34f
5 changed files with 42 additions and 22 deletions

View File

@@ -40,6 +40,7 @@ export const ResourceImagesPage = () => {
const [selectKey, setSelectKey] = useState<any>([]);
const [visibleArr, setVisibleArr] = useState<any>([]);
const [hoverArr, setHoverArr] = useState<any>([]);
const [selLabel, setLabel] = useState<string>("全部图片");
// 删除图片
const removeResource = () => {
@@ -142,12 +143,15 @@ export const ResourceImagesPage = () => {
<div className="left-box">
<TreeCategory
text={"图片"}
onUpdate={(keys: any) => setCategoryIds(keys)}
onUpdate={(keys: any, title: any) => {
setCategoryIds(keys);
setLabel(title);
}}
/>
</div>
<div className="right-box">
<div className="playedu-main-title float-left mb-24">
/
/ {selLabel}
</div>
<Row gutter={16} style={{ marginBottom: 24 }}>
<Col span={24}>
@@ -164,18 +168,22 @@ export const ResourceImagesPage = () => {
</Button>
)}
<Button className="mr-16" onClick={() => selectAll()}>
</Button>
<PerButton
disabled={selectKey.length === 0}
type="primary"
text="删除"
class=""
icon={null}
p="resource-destroy"
onClick={() => removeResource()}
/>
{imageList.length !== 0 && (
<>
<Button className="mr-16" onClick={() => selectAll()}>
</Button>
<PerButton
disabled={selectKey.length === 0}
type="primary"
text="删除"
class=""
icon={null}
p="resource-destroy"
onClick={() => removeResource()}
/>
</>
)}
</div>
</div>
</Col>

View File

@@ -28,6 +28,7 @@ export const ResourceVideosPage = () => {
const [total, setTotal] = useState(0);
const [loading, setLoading] = useState<boolean>(true);
const [category_ids, setCategoryIds] = useState<any>([]);
const [selLabel, setLabel] = useState<string>("全部视频");
const columns: ColumnsType<DataType> = [
// {
@@ -165,12 +166,15 @@ export const ResourceVideosPage = () => {
<div className="left-box">
<TreeCategory
text={"视频"}
onUpdate={(keys: any) => setCategoryIds(keys)}
onUpdate={(keys: any, title: any) => {
setCategoryIds(keys);
setLabel(title);
}}
/>
</div>
<div className="right-box">
<div className="playedu-main-title float-left mb-24">
/
/ {selLabel}
</div>
<div className="float-left mb-24">
<UploadVideoButton