修改

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

+<style>
+  .WebSiteimgLink .webSliderDiv {
+    line-height: 0;
+    height: 275px;
+    width:275px;
+    border: 1px solid #ccc;
+    cursor: pointer;
+    position: relative;
+  }
+
+  .WebSiteimgLink .webSliderDiv .web_imgUrl {
+    width: 100%;
+    height: 100%;
+  }
+
+  .WebSiteimgLink .webSliderDiv .el-upload {
+    width: 100%;
+    height: 100%;
+  }
+
+  .WebSiteimgLink .webSliderDiv .addIconDiv {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    background-color: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .WebSiteimgLink .webSliderDiv i {
+    font-size: 50px;
+    color: #d1d1d1;
+    cursor: pointer;
+  }
+
+  .WebSiteimgLink .webSliderDiv .addIconDiv:hover {
+    background: rgba(0, 0, 0, 0.5);
+    color: #fff;
+  }
+
+  .WebSiteimgLink .webSliderDiv>div {
+    height: 100%;
+  }
+  .WebSiteimgLink .sectionImg{
+    position:absolute;
+    width:100%;
+    height:100%;
+    background-position: center;
+    background-size: cover;
+  }
+
+</style>
+<template>
+  <div class="WebSiteimgLink">
+    <el-form label-width="80px">
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="標題">
+            <el-input type="text" v-model="plugData.Title"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="描述">
+            <el-input type="textarea" v-model="plugData.Describe" :rows="4"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="10">
+          <el-form-item>
+            <div class="webSliderDiv" @click="checkindex=1">
+              <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+                :show-file-list="false" action="">
+                <div class="sectionImg" :style="{backgroundImage:'url(' + plugData.ImageUrl1 + ')'}"></div>
+                <div class="addIconDiv">
+                  <i class="web_addImg iconfont icon-img_haha"></i>
+                  <i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
+                    @click.stop="plugData.ImageUrl1=''"></i>
+                </div>
+              </el-upload>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="14">
+          <el-form-item style="margin-bottom:0">
+            <span>圖片尺寸請上傳：770x770，檔案請小於3M</span>
+          </el-form-item>
+          <el-form-item label="行程名稱">
+            <el-input type="text" v-model="plugData.TripTitle1"></el-input>
+          </el-form-item>
+          <el-form-item label="連結網址">
+            <el-input type="text" v-model="plugData.LinkUrl1"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="10">
+          <el-form-item>
+            <div class="webSliderDiv" @click="checkindex=2">
+              <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+                :show-file-list="false" action="">
+                <div class="sectionImg" :style="{backgroundImage:'url(' + plugData.ImageUrl2 + ')'}"></div>
+                <div class="addIconDiv">
+                  <i class="web_addImg iconfont icon-img_haha"></i>
+                  <i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
+                    @click.stop="plugData.ImageUrl2=''"></i>
+                </div>
+              </el-upload>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="14">
+          <el-form-item style="margin-bottom:0">
+            <span>圖片尺寸請上傳：770x770，檔案請小於3M</span>
+          </el-form-item>
+          <el-form-item label="行程名稱">
+            <el-input type="text" v-model="plugData.TripTitle2"></el-input>
+          </el-form-item>
+          <el-form-item label="連結網址">
+            <el-input type="text" v-model="plugData.LinkUrl2"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+    </el-form>
+  </div>
+</template>
+<script>
+  export default {
+    props: ["plugData"],
+    data() {
+      return {
+          checkindex:1
+      };
+    },
+    created() {},
+    methods: {
+      UploadImage(file) {
+        let newArr = [];
+        newArr.push(file.file);
+        let fileName = file.file.name;
+        var path = "/Upload/WebSite/";
+        this.UploadSelfFileT(path, newArr, x => {
+          var str = x.data.FilePath;
+          var imgUrl = this.domainManager().ViittoFileUrl + str;
+          if(this.checkindex==1){
+            this.plugData.ImageUrl1 = imgUrl;
+          }else{
+            this.plugData.ImageUrl2 = imgUrl;
+          }
+        });
+      }
+    },
+    mounted() {
+      console.log(this.plugData, 'plugin');
+    },
+  };
+
+</script>

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

 <style>
-  .Webset_background .webSliderDiv {
+  .paragraphLink .webSliderDiv {
     line-height: 0;
     height: 536px;
     border: 1px solid #ccc;
@@ -7,17 +7,17 @@
     position: relative;
   }
 
-  .Webset_background .webSliderDiv .web_imgUrl {
+  .paragraphLink .webSliderDiv .web_imgUrl {
     width: 100%;
     height: 100%;
   }
 
-  .Webset_background .webSliderDiv .el-upload {
+  .paragraphLink .webSliderDiv .el-upload {
     width: 100%;
     height: 100%;
   }
 
-  .Webset_background .webSliderDiv .addIconDiv {
+  .paragraphLink .webSliderDiv .addIconDiv {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -28,24 +28,24 @@
     justify-content: center;
   }
 
-  .Webset_background .webSliderDiv i {
+  .paragraphLink .webSliderDiv i {
     font-size: 50px;
     color: #d1d1d1;
     cursor: pointer;
   }
 
-  .Webset_background .webSliderDiv .addIconDiv:hover {
+  .paragraphLink .webSliderDiv .addIconDiv:hover {
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
   }
 
-  .Webset_background .webSliderDiv>div {
+  .paragraphLink .webSliderDiv>div {
     height: 100%;
   }
 
 </style>
 <template>
-  <div class="Webset_background">
+  <div class="paragraphLink">
     <el-form label-width="80px">
       <el-row>
         <el-col :span="24">
@@ -115,7 +115,7 @@
       }
     },
     mounted() {
-      console.log(this.plugData, 'plugin');
+      
     },
   };