图片、视频label联动

src/compenents/left-menu/index.tsx

@@ -61,8 +61,8 @@ const items = [
     <i className="iconfont icon-icon-setting" />,
     [
       getItem("管理人员", "/system/administrator", null, null, null),
-      getItem("系统配置", "/system/index", null, null, null),
       getItem("角色配置", "/system/adminroles", null, null, null),
+      getItem("系统配置", "/system/index", null, null, null),
     ],
     null
   ),

src/compenents/tree-category/index.tsx

@@ -10,7 +10,7 @@ interface Option {
 
 interface PropInterface {
   text: string;
-  onUpdate: (keys: any) => void;
+  onUpdate: (keys: any, title: any) => void;
 }
 
 export const TreeCategory = (props: PropInterface) => {
@@ -59,7 +59,11 @@ export const TreeCategory = (props: PropInterface) => {
   };
 
   const onSelect = (selectedKeys: any, info: any) => {
-    props.onUpdate(selectedKeys);
+    let label = "全部" + props.text;
+    if (info) {
+      label = info.node.title;
+    }
+    props.onUpdate(selectedKeys, label);
     setSelectKey(selectedKeys);
   };
 
@@ -75,7 +79,7 @@ export const TreeCategory = (props: PropInterface) => {
       >
         全部{props.text}
       </div>
-      <Tree  onSelect={onSelect} treeData={treeData} />
+      <Tree onSelect={onSelect} treeData={treeData} />
     </div>
   );
 };

src/compenents/tree-department/index.tsx

@@ -10,7 +10,7 @@ interface Option {
 
 interface PropInterface {
   text: string;
-  onUpdate: (keys: any) => void;
+  onUpdate: (keys: any, title: any) => void;
 }
 
 export const TreeDepartment = (props: PropInterface) => {
@@ -60,7 +60,11 @@ export const TreeDepartment = (props: PropInterface) => {
   };
 
   const onSelect = (selectedKeys: any, info: any) => {
-    props.onUpdate(selectedKeys);
+    let label = "全部" + props.text;
+    if (info) {
+      label = info.node.title;
+    }
+    props.onUpdate(selectedKeys, label);
     setSelectKey(selectedKeys);
   };
 

src/pages/resource/images/index.tsx

@@ -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()}>
+                  {imageList.length !== 0 && (
-                    全选
+                    <>
-                  </Button>
+                      <Button className="mr-16" onClick={() => selectAll()}>
-                  <PerButton
+                        全选
-                    disabled={selectKey.length === 0}
+                      </Button>
-                    type="primary"
+                      <PerButton
-                    text="删除"
+                        disabled={selectKey.length === 0}
-                    class=""
+                        type="primary"
-                    icon={null}
+                        text="删除"
-                    p="resource-destroy"
+                        class=""
-                    onClick={() => removeResource()}
+                        icon={null}
-                  />
+                        p="resource-destroy"
+                        onClick={() => removeResource()}
+                      />
+                    </>
+                  )}
                 </div>
               </div>
             </Col>

src/pages/resource/videos/index.tsx

@@ -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