修改弹窗

dist/static/css/chunk-58ed328c.0573289f.css

@@ -1 +0,0 @@
-.m-container[data-v-1c415628]{min-width:100%}.el-input[data-v-1c415628]{width:400px}[data-v-1c415628] .ql-editor{min-height:300px}.el-button--primary[data-v-1c415628],.el-button--primary[data-v-1c415628]:active,.el-button--primary[data-v-1c415628]:focus,.el-button--primary[data-v-1c415628]:hover{background:#14928a;border-color:#14928a;color:#fff}.el-row[data-v-1c415628]{margin-top:40px}.el-col[data-v-1c415628]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:50%}.el-input-group[data-v-1c415628]{width:200px;margin:0 20px}[data-v-1c415628] .el-tree-node__content{height:40px!important}[data-v-1c415628] .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-1c415628]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-1c415628]{font-size:28px;color:#8c939d;width:120px;height:120px;line-height:120px;text-align:center}.avatar[data-v-1c415628]{width:120px;height:120px;display:block}.ivu-upload[data-v-1c415628]{display:none}

dist/static/css/chunk-7c566a2e.10e58f41.css

@@ -0,0 +1 @@
+.m-container[data-v-eb178680]{min-width:100%}.el-input[data-v-eb178680]{width:400px}[data-v-eb178680] .ql-editor{min-height:300px}.el-button--primary[data-v-eb178680],.el-button--primary[data-v-eb178680]:active,.el-button--primary[data-v-eb178680]:focus,.el-button--primary[data-v-eb178680]:hover{background:#14928a;border-color:#14928a;color:#fff}.el-row[data-v-eb178680]{margin-top:40px}.el-col[data-v-eb178680]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:50%}.el-input-group[data-v-eb178680]{width:200px;margin:0 20px}[data-v-eb178680] .el-tree-node__content{height:40px!important}[data-v-eb178680] .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-eb178680]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-eb178680]{font-size:28px;color:#8c939d;width:120px;height:120px;line-height:120px;text-align:center}.avatar[data-v-eb178680]{width:120px;height:120px;display:block}.ivu-upload[data-v-eb178680]{display:none}

src/views/contentManager/contentOperation.vue

@@ -73,8 +73,8 @@
       </el-form>
     </div>
 
-    <el-dialog title="插入视屏" ref="diologForm" width="500px" :visible.sync="dialogFormVisible">
-      <el-form :model="dialogForm" :rules="rules">
+    <el-dialog title="插入视屏" width="500px" :visible.sync="dialogFormVisible">
+      <el-form :model="dialogForm" ref="diologForm" :rules="dialogFormRules">
         <el-form-item label="封面图" label-width="90px" prop="poster">
           <el-input v-model="dialogForm.poster" style="width: 100%;" autocomplete="off"></el-input>
         </el-form-item>
@@ -84,7 +84,7 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogFormVisible = false">取 消</el-button>
-        <el-button type="primary" @click="onVideoComfirm">确 定</el-button>
+        <el-button type="primary" @click="onVideoComfirm('diologForm')">确 定</el-button>
       </div>
     </el-dialog>
   </div>
@@ -195,9 +195,9 @@ export default {
         poster: null,
         url: null
       },
-      dialogRules: {
-        poster: [{ require: true, message: '请输入封面地址', trigger: 'blur' }],
-        url: [{ require: true, message: '请输入视屏地址', trigger: 'blur' }]
+      dialogFormRules: {
+        poster: [{ required: true, message: "请输入封面地址", trigger: "blur" }],
+        url: [{ required: true, message: "请输入视屏地址", trigger: "blur" }]
       },
       form: {
         title: null,
@@ -259,30 +259,31 @@ export default {
       };
       this.imageSize = tempTitle[this.form.type];
     },
-    onVideoComfirm() {
-      let dialogForm = this.dialogForm
-      if(!dialogForm.url) {
-        this.dialogFormVisible = false
-        return
-      }
-
-       // 获取富文本组件实例
-      let quill = this.editor;
-      // 获取光标所在位置
-      let length = 0
-      if(quill.getSelection()) {
-        length = quill.getSelection().index;
-      }
-      // 插入图片，res为服务器返回的图片链接地址
-      quill.insertEmbed(length, "video", dialogForm);
-      // 调整光标到最后
-      quill.setSelection(length + 1);
-      
-      this.dialogFormVisible = false
-      this.dialogForm = {
-        poster: null,
-        url: null
-      }
+    onVideoComfirm(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          let dialogForm = this.dialogForm
+          // 获取富文本组件实例
+          let quill = this.editor;
+          // 获取光标所在位置
+          let length = 0
+          if(quill.getSelection()) {
+            length = quill.getSelection().index;
+          }
+          // 插入图片，res为服务器返回的图片链接地址
+          quill.insertEmbed(length, "video", dialogForm);
+          // 调整光标到最后
+          quill.setSelection(length + 1);
+          
+          this.dialogFormVisible = false
+          this.dialogForm = {
+            poster: null,
+            url: null
+          }
+        } else {
+          return false;
+        }
+      });
     },
     addQuillTitle() {
       const oToolBar = document.querySelector(".ql-toolbar"),