提交

src/view/allMedia/imageProcessing/detail.vue

@@ -4,7 +4,7 @@
     <div class="main">
       <el-row class="head">
         <el-col :span="12">
-          <el-icon size="18" @click="router.go(-1)" style="cursor: pointer;">
+          <el-icon size="18" @click="router.go(-1)" style="cursor: pointer">
             <ArrowLeft />
           </el-icon>
           图片审核
@@ -41,7 +41,12 @@
         <el-col :span="8" style="padding: 0 17px">
           <div style="height: 3em; line-height: 3em">审核结果</div>
           <el-tabs
-            v-if="detail && detail.reviewResult && detail.reviewResult.results && detail.reviewResult.results.length"
+            v-if="
+              detail &&
+              detail.reviewResult &&
+              detail.reviewResult.results &&
+              detail.reviewResult.results.length
+            "
             v-model="activeName"
           >
             <el-tab-pane
@@ -50,19 +55,17 @@
               v-for="item in detail.reviewResult.results"
               :key="item.type"
             >
-              <div
-                class="err_item"
+              <el-card
+                class="box-card"
                 v-for="(p, index) in item.items"
                 :key="index"
               >
-                <div class="err_item_label">
-                  {{
-                    `${index + 1}、 类型：${p.labelDesc}，错误内容：${
-                      p.subTypeDesc
-                    }`
-                  }}
+                <div>
+                    <span>{{ `${index + 1}、 ` }}</span>
+                    <span style="color: #F56C6C;">【{{ p.labelDesc }}】</span>
+                    <span>{{ `${p.subTypeDesc}` }}</span>
                 </div>
-              </div>
+              </el-card>
             </el-tab-pane>
           </el-tabs>
           <el-empty description="暂无违规信息" v-else />
@@ -94,7 +97,10 @@ const detail = JSON.parse(
 );
 
 const activeName = ref(
-  detail && detail.reviewResult && detail.reviewResult.results && detail.reviewResult.results.length
+  detail &&
+    detail.reviewResult &&
+    detail.reviewResult.results &&
+    detail.reviewResult.results.length
     ? detail.reviewResult.results[0].type
     : ''
 );
@@ -140,4 +146,5 @@ onMounted(() => {
 .main .body {
   height: calc(100% - 42px - 1em);
 }
+
 </style>

src/view/allMedia/videoProcessing/detail.vue

@@ -4,7 +4,7 @@
     <div class="main">
       <el-row class="head">
         <el-col :span="12">
-          <el-icon size="18" @click="router.go(-1)" style="cursor: pointer;">
+          <el-icon size="18" @click="router.go(-1)" style="cursor: pointer">
             <ArrowLeft />
           </el-icon>
           视频审核
@@ -24,7 +24,12 @@
               autoplay
               controls
               ref="video"
-              style="width: 100%"
+              :style="{
+                width: image_data.width + 'px',
+                height: image_data.height + 'px',
+                background: '#000'
+              }"
+              @canplay="canplay"
               @timeupdate="timeupdate"
               :src="detail.url"
             ></video>
@@ -44,7 +49,12 @@
         <el-col :span="8" style="padding: 0 17px">
           <div style="height: 3em; line-height: 3em">审核结果</div>
           <el-tabs
-            v-if="detail && detail.reviewResult && detail.reviewResult.results && detail.reviewResult.results.length"
+            v-if="
+              detail &&
+              detail.reviewResult &&
+              detail.reviewResult.results &&
+              detail.reviewResult.results.length
+            "
             v-model="activeName"
           >
             <el-tab-pane
@@ -109,7 +119,10 @@ const detail = JSON.parse(
   sessionStorage.getItem('Processing_detail') || '{reviewResult: {}}'
 );
 const activeName = ref(
-  detail && detail.reviewResult && detail.reviewResult.results && detail.reviewResult.results.length
+  detail &&
+    detail.reviewResult &&
+    detail.reviewResult.results &&
+    detail.reviewResult.results.length
     ? detail.reviewResult.results[0].type
     : ''
 );
@@ -144,6 +157,22 @@ function play(p, i) {
   video.value.play();
 }
 
+const image_data = ref({
+  height: 0,
+  width: 0
+});
+function canplay() {
+  let r_width = left.value.$el.offsetWidth - 52;
+  let h = (video.value.videoWidth / video.value.videoHeight) * r_width;
+  if (h > left.value.$el.offsetHeight) {
+    h = left.value.$el.offsetHeight - 152;
+  }
+  image_data.value = {
+    height: h,
+    width: r_width
+  };
+}
+
 // const Authorization = localStorage.getItem('token') || '';
 </script>