新增上传成功进度条颜色改变提醒

src/api/teachingVideo/index.js

@@ -37,7 +37,7 @@ export function updateUser(data) {
 }
 
 // 删除用户
-export function delUser(userId) {
+export function delVideo(userId) {
   return request({
     url: 'pc/teachingVideo/info/' + userId,
     method: 'put'

src/views/teachingVideo/info/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-row :gutter="20">
-      <!--部门数据-->
+      <!--视频类型-->
       <el-col :span="4" :xs="24">
         <div class="head-container">
           <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />
@@ -19,7 +19,7 @@
           />
         </div>
       </el-col>
-      <!--用户数据-->
+      <!--视频数据-->
       <el-col :span="20" :xs="24">
         <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
           <el-form-item label="视频标题" prop="title">
@@ -61,7 +61,7 @@
               <img :src="scope.row.coverFileUrl" class="imgPreview" />
             </template>
           </el-table-column>
-          <el-table-column label="视频时长" align="center" prop="videoDuration">
+          <el-table-column label="视频时长" align="center">
             <template slot-scope="scope">
               <span>{{ new Date(scope.row.videoDuration * 1000).toISOString().slice(11, 19) }}</span>
             </template>
@@ -124,7 +124,12 @@
           </el-col>
           <el-col :span="12">
             <el-form-item v-if="form.userId == undefined" label="上传进度">
-              <el-progress :text-inside="true" :stroke-width="24" :percentage="videoPercentage" status="success"></el-progress>
+              <el-progress
+                :text-inside="true"
+                :stroke-width="24"
+                :percentage="videoPercentage"
+                :status="form.vodVideoFileId ? 'success' : ''"
+              ></el-progress>
             </el-form-item>
           </el-col>
         </el-row>
@@ -136,7 +141,12 @@
           </el-col>
           <el-col :span="12">
             <el-form-item v-if="form.userId == undefined" label="上传进度">
-              <el-progress :text-inside="true" :stroke-width="24" :percentage="imagePercentage" status="success"></el-progress>
+              <el-progress
+                :text-inside="true"
+                :stroke-width="24"
+                :percentage="imagePercentage"
+                :status="form.coverFileId ? 'success' : ''"
+              ></el-progress>
             </el-form-item>
           </el-col>
         </el-row>
@@ -150,7 +160,7 @@
 </template>
 
 <script>
-import { listUser, getUser, delUser, addUser, updateUser, changeUserStatus, uploadCover } from '@/api/teachingVideo/index'
+import { listUser, getUser, delVideo, addUser, updateUser, changeUserStatus, uploadCover } from '@/api/teachingVideo/index'
 import { treeselect } from '@/api/videoType'
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
@@ -402,14 +412,16 @@ export default {
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      const userIds = row.userId || this.ids
-      this.$confirm('是否确认删除用户编号为"' + userIds + '"的数据项?', '警告', {
+      console.log(row)
+      const userIds = row.id
+      this.$confirm('是否确认删除id为"' + userIds + '"的数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       })
         .then(function() {
-          return delUser(userIds)
+          console.log('确定')
+          return delVideo(userIds)
         })
         .then(() => {
           this.getList()