增加排序字段

addons/admin/src/views/video/component/VideoForm.vue

@@ -21,16 +21,19 @@
                 <el-form-item label="封面图">
                     <uploadImage :limit="1" v-model="formData.poster"></uploadImage>
                 </el-form-item>
-<!--                <el-form-item label="是否推荐" prop="is_recommend">-->
-<!--                    <el-radio-group v-model="formData.is_recommend">-->
-<!--                        <el-radio label="1">是</el-radio>-->
-<!--                        <el-radio label="2">否</el-radio>-->
-<!--                    </el-radio-group>-->
-<!--                </el-form-item>-->
+                <!--                <el-form-item label="是否推荐" prop="is_recommend">-->
+                <!--                    <el-radio-group v-model="formData.is_recommend">-->
+                <!--                        <el-radio label="1">是</el-radio>-->
+                <!--                        <el-radio label="2">否</el-radio>-->
+                <!--                    </el-radio-group>-->
+                <!--                </el-form-item>-->
                 <el-form-item label="描述">
                     <el-input type="textarea" v-model="formData.description" rows="3" />
                 </el-form-item>
 
+                <el-form-item label="排序">
+                    <el-input-number v-model="formData.sort" :min="0" controls-position="right" />
+                </el-form-item>
                 <el-form-item label="状态">
                     <el-switch v-model="formData.status" :active-value="1" :inactive-value="2" />
                 </el-form-item>
@@ -64,7 +67,7 @@ export default {
         return {
             COURSE_TYPE_OPTIONS,
             visibleInternal: this.visible,
-            formData: { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1, type: '', is_recommend: 0 },
+            formData: { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1, type: '', is_recommend: 0, sort: 0 },
             loaded: false,
             saving: false,
             formRules: {
@@ -85,7 +88,7 @@ export default {
                 if (this.isEdit && this.videoId) {
                     this.loadDetail();
                 } else {
-                    this.formData = { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1, type: '', is_recommend: 0 };
+                    this.formData = { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1, type: '', is_recommend: 0, sort: 0 };
                     this.loaded = true;
                 }
             }

addons/admin/src/views/video/video.vue

@@ -27,14 +27,14 @@
                             </el-select>
                         </el-form-item>
                     </el-col>
-                  <el-col :md="6" :sm="12">
-                    <el-form-item label="课程类型:">
-                        <el-select v-model="table.where.type" placeholder="请选择课程类型" clearable class="ele-fluid">
-                            <el-option v-for="item in COURSE_TYPE_OPTIONS" :key="item.value" :label="item.label"
-                                :value="item.value" />
-                        </el-select>
-                    </el-form-item>
-                  </el-col>
+                    <el-col :md="6" :sm="12">
+                        <el-form-item label="课程类型:">
+                            <el-select v-model="table.where.type" placeholder="请选择课程类型" clearable class="ele-fluid">
+                                <el-option v-for="item in COURSE_TYPE_OPTIONS" :key="item.value" :label="item.label"
+                                    :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
 
                     <el-col :md="6" :sm="12">
                         <div class="ele-form-actions">
@@ -74,19 +74,20 @@
                     </el-table-column>
                     <el-table-column prop="type" label="课程类型" width="100"
                         :formatter="row => getCourseTypeLabel(row.type)" />
+                    <el-table-column prop="sort" label="排序" width="100" sortable="custom" />
                     <el-table-column label="状态" width="80">
                         <template slot-scope="{ row }">
                             <el-switch v-model="row.status" @change="editStatus(row)" :active-value="1"
                                 :inactive-value="2" />
                         </template>
                     </el-table-column>
-<!--                    <el-table-column prop="is_recommend" label="推荐首页" width="100">-->
-<!--                        <template slot-scope="{ row }">-->
-<!--                            <el-tag :type="row.is_recommend == 1 ? 'success' : 'info'">-->
-<!--                                {{ row.is_recommend == "1" ? '是' : '否' }}-->
-<!--                            </el-tag>-->
-<!--                        </template>-->
-<!--                    </el-table-column>-->
+                    <!--                    <el-table-column prop="is_recommend" label="推荐首页" width="100">-->
+                    <!--                        <template slot-scope="{ row }">-->
+                    <!--                            <el-tag :type="row.is_recommend == 1 ? 'success' : 'info'">-->
+                    <!--                                {{ row.is_recommend == "1" ? '是' : '否' }}-->
+                    <!--                            </el-tag>-->
+                    <!--                        </template>-->
+                    <!--                    </el-table-column>-->
                     <el-table-column label="操作" width="200" fixed="right">
                         <template slot-scope="{ row }">
                             <el-link @click="openForm(row)" icon="el-icon-edit" type="primary" :underline="false"
@@ -195,7 +196,7 @@ export default {
         },
         openForm(row) {
             this.isEdit = !!row;
-            this.formData = row ? { id: row.id, video_name: row.video_name, category_id: row.category_id, fee: row.fee, poster: row.poster, status: row.status } : {};
+            this.formData = row ? { id: row.id, video_name: row.video_name, category_id: row.category_id, fee: row.fee, poster: row.poster, status: row.status, sort: row.sort || 0, type: row.type } : {};
             this.formDialogVisible = true;
         },
         resetSearch() {