修改

src/components/WebSet/WebSiteEdit.vue

@@ -91,8 +91,8 @@
       <div class="WebSite_right">
         <div class="WebSite_right_preview">
           <div v-for="(item,index) in dataList" :key="index">
-            <video v-if="item.Id=='white_label_video'" :plugData="item.plugData"></video>
-            <picture v-if="item.Id=='white_label_slider'" :plugData="item.plugData"></picture>
+            <plugvideo v-if="item.Id=='white_label_video'" :plugData="item.plugData"></plugvideo>
+            <plugpicture v-if="item.Id=='white_label_slider'" :plugData="item.plugData"></plugpicture>
           </div>
         </div>
       </div>
@@ -100,8 +100,8 @@
   </div>
 </template>
 <script>
-  import video from "../WebSet/plug-in/video.vue"
-  import picture from "../WebSet/plug-in/picture.vue"
+  import plugvideo from "../WebSet/plug-in/video.vue"
+  import plugpicture from "../WebSet/plug-in/picture.vue"
   export default {
     data() {
       return {
@@ -117,8 +117,8 @@
     },
     created() {},
     components: {
-      video,
-      picture
+      plugvideo,
+      plugpicture
     },
     methods: {
       //添加数据到组件列表
@@ -127,7 +127,9 @@
           Id: item.TemplateKey,
           plugData: item.TemplateData
         };
+        console.log(item);
         this.dataList.push(obj);
+        console.log(this.dataList,'datalist');
       },
       //获取下拉框
       getTemplate() {

src/components/WebSet/plug-in/video.vue

@@ -77,7 +77,7 @@
             {{plugData.Describe}}
           </h3>
           <div class="group-tool">
-            <el-button type="primary" size="small">編輯</el-button>
+            <el-button type="primary" size="small" @click="isShowDialog=true">編輯</el-button>
             <el-button type="danger" size="small">刪除</el-button>
             <span class="Movie_sj">上架</span>
             <el-switch v-model="plugData.isShelves" :active-value="1" :inactive-value="0" active-color="#13ce66"
@@ -86,27 +86,45 @@
         </div>
       </div>
     </div>
+    <el-dialog title="版面區塊設定" :visible.sync="isShowDialog" width="900px">
+      <plugvideodialog :plugData="dialogData" ref="plugvideodialog"></plugvideodialog>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="isShowDialog = false" size="small">取 消</el-button>
+        <el-button type="danger" size="small" @click="setVideoInfo()">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
+  import plugvideodialog from "../plug-in/video_dialog.vue"
   export default {
     props: ["plugData"],
     data() {
       return {
-
+          isShowDialog:false,
+          dialogData:{}
       };
     },
     created() {},
+    components: {
+      plugvideodialog
+    },
     methods: {
       //向父组件传值 并调用排序
-      resetSord(IsUp) {
-        this.$emit('getSord', this.index, IsUp);
-      },
-      //点击触发父组件删除
-      delPlugin() {
-        this.$emit('comDelPlugin', this.index);
-      },
+    //   resetSord(IsUp) {
+    //     this.$emit('getSord', this.index, IsUp);
+    //   },
+    //   //点击触发父组件删除
+    //   delPlugin() {
+    //     this.$emit('comDelPlugin', this.index);
+    //   },
+       setVideoInfo(){
+        this.plugData=JSON.parse(JSON.stringify(this.dialogData));
+        this.isShowDialog=false;
+       },
     },
-    mounted() {}
+    mounted() {
+      this.dialogData=JSON.parse(JSON.stringify(this.plugData));
+    }
   };
 </script>
\ No newline at end of file

src/components/WebSet/plug-in/video_dialog.vue

 <template>
   <div>
-    <el-form label-width="100px">
+    <el-form label-width="130px">
       <el-form-item label="標題">
-        <el-input type="text" v-model="plugData.VideoTitle"></el-input>
+        <el-input type="text" v-model="plugData.Title"></el-input>
       </el-form-item>
-      <el-form-item label="描述">
-        <el-input type="textarea" v-model="plugData.VideoDescribe" :rows="4"></el-input>
+      <el-form-item label="描述" v-if="plugData.Type==1">
+        <el-input type="textarea" v-model="plugData.Describe" :rows="4"></el-input>
       </el-form-item>
       <el-form-item label="YouTube 影片ID">
         <el-input type="text" v-model="plugData.VideoId"></el-input>
@@ -14,7 +14,7 @@
         <div>如何取得 YouTube 影片 ID：</div>
         <div>該影片網址 v= 後面的編號，即為該影片的 ID</div>
         <div>
-          <img :src="plugData.CoverImg" alt="" />
+          <img :src="plugData.TipImg" alt="" style="height:140px;" />
         </div>
       </el-form-item>
     </el-form>
@@ -30,9 +30,8 @@
     },
     created() {},
     methods: {
-
     },
-    mounted() {}
+    mounted() {},
   };
 
 </script>