fin

src/components/VideoCont.vue

@@ -5,22 +5,36 @@
       <div class="item">
         <img src="@/static/images/livewatch.png" alt="" />
         <span> 上传时间： </span>
-        {{date}}
+        <span>{{date}}</span>
+        
       </div>
       <div class="item">
         <img src="@/static/images/watch.png" alt="" />
         <span>播放量</span>
-        {{watch}}
+        <span> {{watch}}</span>
+       
       </div>
       <div class="item">
         <img src="@/static/images/share.png" alt="" />
         <span>转发量</span>
-        {{share}}
+        <span>{{share}}</span>
+      </div>
+      <div class="item item1" v-if="status==0">
+        <span>状态</span>
+            <span class="status">正在审核中，情耐心等待</span>
+        </div>
+        <div class="item item1" v-if="status==2">
+            <span>状态</span>
+            <span class="status1">审核未通过</span>
+        </div>
+        <div class="item item1" v-if="status==1">
+            <span style="flex-shrink:0">原因</span>
+            <span class="status">您的视频中含有大量敏感词汇，请修改后再次上传，感谢您对Beelink的技术支持 </span>
       </div>
     </div>
     <div class="button">
-      <div class="modify">修改该视频</div>
-      <div class="del">删除该视频</div>
+      <div class="modify" @click="update(videoid)">修改该视频</div>
+      <div class="del" @click="drop(videoid)">删除该视频</div>
     </div>
   </div>
 </template>
@@ -40,6 +54,17 @@
     border-bottom: 1px solid #eee;
   }
   .info {
+      .item1{
+          position: relative;
+          left:-12px
+      }
+      .status{
+          color: #07AD97!important;
+        //   font-weight: bold;
+      }
+      .status1{
+          color: #D12C2D!important;
+      }
     .item {
       display: flex;
       align-content: center;
@@ -47,7 +72,7 @@
       > img {
         width: 24px;
         height: 24px;
-        background-color: #0f0;
+        // background-color: #0f0;
       }
       > span {
         font-size: 11px;
@@ -81,7 +106,10 @@
 }
 </style>
 <script lang="ts">
+import { videodel } from '@/api';
+import router from '@/router';
 import { defineComponent } from "vue";
+import { useRoute } from 'vue-router';
 
 export default defineComponent({
     props:{
@@ -93,6 +121,26 @@ export default defineComponent({
         },
         share:{
             type:Number
+        },
+        status:{
+            type:Number
+        },
+        videoid:{
+            type:Number
+        }
+    },
+    setup(){
+        console.log(1)
+        function drop(e: number){
+            console.log(e)
+            videodel(e)
+        }
+        function update(e: number) {
+             router.push("/mine/video?id="+e)
+        }
+        return{
+            drop,
+            update
         }
     }
 });