修改

src/components/StoreDesign/videoManage.vue

@@ -3,7 +3,7 @@
     <template v-if="videoIsShowAdd">
       <div class="head-title">
         视频
-        <el-button @click="videoIsShowAdd=false" style="float:right;margin-top: -5px;" size="small" type="primary">
+        <el-button @click="videoIsShowAdd=false,clearMsg()" style="float:right;margin-top: -5px;" size="small" type="primary">
           添加视频
         </el-button>
       </div>
@@ -62,7 +62,7 @@
             </el-form-item>
             <el-form-item label="视频链接">
               <el-input placeholder="请输入链接" v-model="addMsg.VedioUrl" size="small">
-                <el-button slot="append">选择文件</el-button>
+                <el-button slot="append" @click="changeState1=true">选择文件</el-button>
               </el-input>
               <el-link class="box-grow-0" type="primary" style="font-size:12px" v-if='addMsg.VedioUrl'
                 :underline="false" target="_blank" :href="addMsg.VedioUrl">视频预览
@@ -95,18 +95,26 @@
     <el-dialog title="选择文件" :visible.sync="choicImg" width="1240px">
       <ChooseImg @SelectId="SelectId"></ChooseImg>
     </el-dialog>
+    <!-- 选择视频 -->
+    <el-dialog title="选择文件" :visible.sync="changeState1" width="1240px">
+      <Choosevideo  @Selectvideo="Selectvideo"></Choosevideo>   
+    </el-dialog>
   </div>
 </template>
 <script>
   import ChooseImg from "@/components/global/ChooseImg.vue";
+  import Choosevideo from "@/components/global/Choosevideo.vue";
   export default {
     components: {
-      ChooseImg
+      ChooseImg,
+      Choosevideo
     },
     data() {
       return {
         //是否线下链接弹窗
         loading: false,
+        //选择视频
+        changeState1:false,
         dataList: [],
         msg: {
           pageIndex: 1,
@@ -148,6 +156,11 @@
         this.msg.pageIndex = val;
         this.getList();
       },
+      //选择视频
+      Selectvideo(val){
+        this.addMsg.VedioUrl=val.Path;
+        this.changeState1=false; 
+      },
       getList() {
         this.apipost("/api/MContent/GetVideoPageList", this.msg, res => {
           if (res.data.resultCode == 1) {

src/components/sallCenter/templateEdit.vue

@@ -12,20 +12,20 @@
     height: 725px;
   }
 
-  .all-components {
+  .Myall-components {
     max-height: 725px;
     overflow-y: auto;
     background: #fff;
     padding: 20px;
   }
 
-  .all-components .component-group {
+  .Myall-components .component-group {
     border: 1px solid #eeeeee;
     width: 300px;
     margin-bottom: 20px;
   }
 
-  .all-components .component-group-name {
+  .Myall-components .component-group-name {
     height: 35px;
     line-height: 35px;
     background: #f7f7f7;
@@ -33,13 +33,13 @@
     border-bottom: 1px solid #eeeeee;
   }
 
-  .all-components .Mycomponent-list {
+  .Myall-components .Mycomponent-list {
     margin-right: -2px;
     margin-top: -2px;
     flex-wrap: wrap;
   }
 
-  .all-components .Mycomponent-list .Mycomponent-item {
+  .Myall-components .Mycomponent-list .Mycomponent-item {
     width: 100px;
     height: 100px;
     border: 0 solid #eeeeee;
@@ -137,7 +137,7 @@
     border: none;
     border-radius: 0;
     position: absolute;
-    margin-left: 0;
+    margin-left: 0!important;
   }
 
   .diy-search>div {
@@ -178,7 +178,7 @@
         style="margin:0 9px;color:#C0C4CC">/</span><span>新增</span>
     </div>
     <div flex="box:first" class="tpEdit_Content">
-      <div class="all-components">
+      <div class="Myall-components">
         <el-form label-width="80px">
           <el-form-item label="模板名称">
             <el-input type="text" size="small" v-model="addMsg.TemplateName" maxlength="50"></el-input>