修改视频排序

src/views/modules/course/chapter-add-or-update.vue

@@ -91,8 +91,10 @@
         >
         </quill-editor>
       </el-form-item>
-
+      <!-- <el-form-item label="视频/音频ID" prop="sort">
-      
+        <el-input v-model="dataForm.sort" placeholder="请输入视频/音频ID"></el-input>
+      </el-form-item>
+      <div><span>添加一项</span></div> -->
     </el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="handlereset">取消</el-button>

src/views/modules/course/courseCatalogue.vue

@@ -142,6 +142,10 @@
                   @click.native="handleCreateProduct(scope.row.id)"
                   >创建商品</el-dropdown-item
                 >
+                <el-dropdown-item
+                  @click.native="migrate(scope.row)"
+                  >迁移本部</el-dropdown-item
+                >
               </el-dropdown-menu>
             </el-dropdown>
           </div>
@@ -234,6 +238,25 @@ export default {
         this.dataListLoading = false;
       });
     },
+    migrate(item){
+      // 课程迁移
+      console.log(item)
+      this.$confirm('您正在进行课程迁移操作, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          // this.$message({
+          //   type: 'success',
+          //   message: '删除成功!'
+          // });
+        }).catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消删除'
+          // }); 
+        }) 
+    },
     // 每页数
     sizeChangeHandle(val) {
       this.pageSize = val;

src/views/modules/course/courseVideo.vue

@@ -17,7 +17,7 @@
           <span v-else>普通</span>
         </template>
       </el-table-column>
-     
+      
       <el-table-column prop="createTime" header-align="center" align="center" label="上传时间">
       </el-table-column>
       <el-table-column prop="video" header-align="center" align="center" label="视频">
@@ -25,6 +25,23 @@
           <img v-if="scope.row.imgUrl != ''" :src="scope.row.imgUrl" width="70" height="100" class="tableImg" />
         </template> -->
       </el-table-column>
+      <el-table-column 
+           prop="sort"           
+            width="130"
+            header-align="center"
+            align="center"            
+            label="排序( 双击修改 )"
+          >
+          <template slot-scope="scope">
+            <div class="paixu"  @dblclick="myDbClick(scope.row)">
+            <span v-show="!scope.row.isEdit">{{scope.row.sort}}</span>
+            <div class="inputBox" v-show="scope.row.isEdit">
+              <el-input  @keyup.enter.native="changeSort(scope.row)" min="0" @blur="changeSort(scope.row)"  v-model.number="scope.row.sort"  ></el-input>
+             <el-tag type="danger" size="mini" @click="cancelBtn(scope.row)">×</el-tag>
+            </div>  
+          </div>            
+          </template>
+          </el-table-column>
       <!-- <el-table-column prop="content" header-align="center" align="center" label="内容">
       </el-table-column> -->
      
@@ -71,7 +88,8 @@ export default {
       totalPage: 0,
       dataListLoading: false,
       dataListSelections: [],
-      addOrUpdateVisible: false
+      addOrUpdateVisible: false,
+      oldSort:0, 
     }
   },
   components: {
@@ -90,6 +108,43 @@ export default {
     this.getDataList()
   },
   methods: {
+    cancelBtn(row){
+      row.isEdit = false 
+      this.oldSort = 0
+      if(row.sort == ""){row.sort = 0}
+    },
+    changeSort(row){ // 确认排序   
+      if(this.oldSort == row.sort)   {return}
+      if(row.sort == ""){row.sort = 0}
+      row.isEdit = false  
+      // console.log(row)
+      //  return false  
+      
+      this.$http({
+              url: this.$http.adornUrl('/master/course/editCourseCatalogueChapterVideo'),
+              method: 'post',
+              data: this.$http.adornData({
+                "id": row.id,
+                'chapterId': row.chapterId,
+                'type': row.type,
+                "video": row.video,
+                // "content": this.dataForm.content, 
+                "sort": row.sort,
+              })
+            })
+      .then(({ data }) => {
+        if(data.code == 0 && data.msg == "success"){         
+          this.getDataList()
+          this.oldSort = 0
+       // console.log(this.oldSort,'复原')
+        }       
+      });
+    },
+    myDbClick(row){ // 双击修改排序      
+      this.oldSort = row.sort
+      console.log(this.oldSort,88888888)
+      row.isEdit = true      
+    },
     // 获取数据列表
     getDataList() {
       this.dataListLoading = true
@@ -107,6 +162,10 @@ export default {
         })
       }).then(({ data }) => {
         if (data && data.code === 0 && data.page && data.page.records) {
+          var list = data.page.records
+          list.forEach(item => {
+              item.isEdit = false
+          });
           this.dataList = data.page.records
           this.totalPage = data.page.total
         } else {
@@ -255,3 +314,9 @@ export default {
   }
 }
 </script>
+<style lang="less" scoped>
+.paixu{cursor: pointer;}
+.inputBox{display: flex; align-items:center;
+  .el-input{margin-right: 5px;}
+}
+</style>