Auto Submit

p__tasks__index.async.js

@@ -15970,20 +15970,30 @@ var _default = /*#__PURE__*/function () {
 
 
 
+
 /* harmony default export */ var video_list = (function (_ref) {
   var files = _ref.files,
-    type = _ref.type;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
-    className: "video-list",
-    children: files.map(function (item, index) {
-      return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-        children: type === 'mp4' ? /*#__PURE__*/(0,jsx_runtime.jsx)(video_panel, {
-          url: item.file_url
-        }) : /*#__PURE__*/(0,jsx_runtime.jsx)(audio_panel, {
-          url: item.file_url
-        })
-      }, index);
-    })
+    type = _ref.type,
+    title = _ref.title;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: "img-list",
+    style: {
+      height: "auto"
+    },
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("h4", {
+      children: title
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
+      className: "video-list",
+      children: files.map(function (item, index) {
+        return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+          children: type === 'mp4' ? /*#__PURE__*/(0,jsx_runtime.jsx)(video_panel, {
+            url: item.file_url
+          }) : /*#__PURE__*/(0,jsx_runtime.jsx)(audio_panel, {
+            url: item.file_url
+          })
+        }, index);
+      })
+    })]
   });
 });
 ;// CONCATENATED MODULE: ./src/pages/tasks/code-repository/picture-panel/PreviewModalDragger/index.less?modules
@@ -16214,7 +16224,9 @@ function setIframeHeight(ifrm) {
     contents = data.contents,
     user_file = data.user_file,
     message = data.message,
-    qrcode_str = data.qrcode_str;
+    qrcode_str = data.qrcode_str,
+    orignal_file = data.orignal_file,
+    answer_file = data.answer_file;
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
     children: [!type ? /*#__PURE__*/(0,jsx_runtime.jsx)(Spinner/* default */.Z, {
       message: message || '加载中...'
@@ -16280,6 +16292,24 @@ function setIframeHeight(ifrm) {
             title: "\u5B9E\u9645\u8F93\u51FA",
             direction: direction
           }) : null]
+        }) : type === 'mp4' ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          className: "flex-container",
+          style: {
+            flexDirection: direction ? 'unset' : 'column'
+          },
+          children: [orignal_file.length > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(video_list, {
+            files: orignal_file,
+            type: type,
+            title: "\u539F\u59CB\u8F93\u51FA"
+          }) : null, answer_file.length > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(video_list, {
+            files: answer_file,
+            type: type,
+            title: "\u9884\u671F\u8F93\u51FA"
+          }) : null, user_file.length > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(video_list, {
+            files: user_file,
+            type: type,
+            title: "\u5B9E\u9645\u8F93\u51FA"
+          }) : null]
         }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
           children: [/*#__PURE__*/(0,jsx_runtime.jsx)("h2", {
             children: "\u5B9E\u9645\u8F93\u51FA"
@@ -16292,7 +16322,7 @@ function setIframeHeight(ifrm) {
                 height: '100%',
                 border: '1px solid #ccc'
               }
-            }) : type == 'mp4' || type == 'mp3' ? /*#__PURE__*/(0,jsx_runtime.jsx)(video_list, {
+            }) : type == 'mp3' ? /*#__PURE__*/(0,jsx_runtime.jsx)(video_list, {
               files: user_file,
               type: type
             }) : type === 'qrcode' ? /*#__PURE__*/(0,jsx_runtime.jsx)(qrcode, {

p__tasks__index.chunk.css

@@ -5537,6 +5537,9 @@ ul.menu___sjQxY [class~='ant-dropdown-menu-item-active'] {
 .video-list li {
   margin-right: 16px;
 }
+.video-list .video-container {
+  width: 100% !important;
+}
 .iverilogFrame {
   width: 100%;
   height: 100%;