资源视频列表

src/compenents/duration-text/index.tsx

@@ -0,0 +1,32 @@
+import { useEffect, useState } from "react";
+
+interface PropInterface {
+  duration: number;
+}
+
+export const DurationText = (props: PropInterface) => {
+  const [hour, setHour] = useState(0);
+  const [minute, setMinute] = useState(0);
+  const [second, setSecond] = useState(0);
+  const duration = props.duration;
+
+  useEffect(() => {
+    let h = Math.trunc(duration / 3600);
+    let m = Math.trunc((duration % 3600) / 60);
+    let s = Math.trunc((duration % 3600) % 60);
+
+    setHour(h);
+    setMinute(m);
+    setSecond(s);
+  }, []);
+
+  return (
+    <>
+      <span>
+        {hour === 0 ? null : hour + ":"}
+        {minute >= 10 ? minute : "0" + minute}:
+        {second >= 10 ? second : "0" + second}
+      </span>
+    </>
+  );
+};

src/compenents/index.ts

@@ -5,4 +5,5 @@ export * from "./upload-image-button";
 export * from "./tree-department";
 export * from "./back-bar";
 export * from "./permission-button";
-export * from "./tree-category";
+export * from "./tree-category";
+export * from "./duration-text";

src/compenents/upload-image-button/index.tsx

@@ -103,7 +103,7 @@ export const UploadImageButton = (props: PropsInterface) => {
               <Row style={{ marginBottom: 24 }}>
                 <Col span={24}>
                   <UploadImageSub
-                    categoryIds={[]}
+                    categoryIds={category_ids}
                     onUpdate={() => {
                       resetImageList();
                     }}