提成优化，视频管理优化

stdiet-ui/src/views/custom/nutritionalVideo/index.vue

@@ -149,33 +149,61 @@
     />
 
     <!-- 添加或修改营养视频对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="视频分类ID" prop="cateId">
-          <el-input v-model="form.cateId" placeholder="请输入视频分类ID" />
-        </el-form-item>
-        <el-form-item label="阿里云视频ID" prop="videoId">
-          <el-input v-model="form.videoId" placeholder="请输入阿里云视频ID" />
-        </el-form-item>
-        <el-form-item label="视频封面URL" prop="coverUrl">
-          <el-input v-model="form.coverUrl" placeholder="请输入视频封面URL" />
-        </el-form-item>
         <el-form-item label="视频标题" prop="title">
-          <el-input v-model="form.title" placeholder="请输入视频标题" />
+            <el-input
+                type="textarea"
+                placeholder="请输入视频标题"
+                v-model="form.title"
+                maxlength="50" 
+                rows="1"
+                show-word-limit
+            />
         </el-form-item>
         <el-form-item label="视频描述" prop="description">
-          <el-input v-model="form.description" placeholder="请输入视频描述" />
-        </el-form-item>
-        <el-form-item label="视频大小，单位：字节" prop="videoSize">
-          <el-input v-model="form.videoSize" placeholder="请输入视频大小，单位：字节" />
-        </el-form-item>
-        <el-form-item label="标签，使用 , 隔开" prop="tags">
-          <el-input v-model="form.tags" placeholder="请输入标签，使用 , 隔开" />
-        </el-form-item>
-        <el-form-item label="是否显示，0不显示 1显示，默认0" prop="showFlag">
-          <el-input v-model="form.showFlag" placeholder="请输入是否显示，0不显示 1显示，默认0" />
+          <el-input
+                type="textarea"
+                placeholder="请输入视频描述"
+                v-model="form.description"
+                maxlength="1000"
+                rows="2"
+                show-word-limit
+            />
         </el-form-item>
+         <el-form-item label="视频封面" prop="coverUrl">
+              <UploadFile ref="uploadFile" :prefix="'videoCover'" :coverUrl="form.previewUrl" @callbackMethod="handleCoverUrl"></UploadFile>
+          </el-form-item>
+        <el-form-item label="视频类别" prop="cateId">
+            <el-select v-model="form.cateId" clearable filterable placeholder="请选择类别">
+              <el-option
+                v-for="classify in classifyList"
+                :key="classify.id"
+                :label="classify.cateName"
+                :value="classify.id"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="视频权限" prop="payLevel">
+            <el-select v-model="form.payLevel" clearable filterable placeholder="请选择权限">
+              <el-option
+                v-for="dict in payVideoLevelList"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="parseInt(dict.dictValue)"
+              />
+            </el-select>
+          </el-form-item>
+           <el-form-item label="展示状态" prop="wxShow">
+              <el-switch
+                v-model="form.wxShow"
+                active-text="小程序展示"
+                inactive-text="小程序不展示">
+              </el-switch>
+              <div>提示：请保证内容正确再展示到小程序</div>
+          </el-form-item>    
       </el-form>
+     
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -190,6 +218,7 @@
   import { listNutritionalVideo, getNutritionalVideo, delNutritionalVideo, addNutritionalVideo, updateNutritionalVideo, exportNutritionalVideo, updateWxShow } from "@/api/custom/nutritionalVideo";
   import {getAllClassify } from "@/api/custom/videoClassify";
   import UploadVideo from "@/components/UploadVideo";
+  import UploadFile from "@/components/FileUpload/UploadFile";
   export default {
     name: "NutritionalVideo",
     data() {
@@ -245,7 +274,7 @@
       });
     },
     components: {
-      UploadVideo
+      UploadVideo,UploadFile
     },
     methods: {
       /** 查询营养视频列表 */
@@ -270,18 +299,13 @@
         this.form = {
           id: null,
           cateId: null,
-          videoId: null,
           coverUrl: null,
           title: null,
           description: null,
-          videoSize: null,
           tags: null,
+          payLevel:null,
           showFlag: null,
-          createTime: null,
-          createBy: null,
-          updateTime: null,
-          updateBy: null,
-          delFlag: null
+          wxShow: false
         };
         this.resetForm("form");
       },
@@ -317,15 +341,17 @@
         this.reset();
         const id = row.id || this.ids
         getNutritionalVideo(id).then(response => {
+          response.data.wxShow = response.data.showFlag == 1 ? true : false;
           this.form = response.data;
-        this.open = true;
-        this.title = "修改营养视频";
-      });
+          this.open = true;
+          this.title = "修改营养视频";
+        });
       },
       /** 提交按钮 */
       submitForm() {
         this.$refs["form"].validate(valid => {
           if (valid) {
+            this.form.showFlag = this.form.wxShow ? 1 : 0;
             if (this.form.id != null) {
               updateNutritionalVideo(this.form).then(response => {
                 if (response.code === 200) {
@@ -353,6 +379,9 @@
         };
         updateWxShow(param);
       },
+      handleCoverUrl(url){
+        this.form.coverUrl = url;
+      },
       /** 删除按钮操作 */
       handleDelete(row) {
         const ids = row.id || this.ids;