Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

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

+<style>
+  .text-warning {
+    color: #8a6d3b;
+  }
+
+  .form-group {
+    margin-bottom: 15px;
+  }
+
+  .help-block {
+    display: block;
+    margin-top: 5px;
+    margin-bottom: 10px;
+    color: #737373;
+  }
+
+</style>
+<template>
+  <div>
+    <el-form label-width="100px">
+      <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">
+          <p class="text-warning">※ 無圖則不顯示</p>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <div class="banner-cover">
+            <img src="" alt="" />
+          </div>
+          <div class="form-group">
+            <div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
+          </div>
+          <div>
+            <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+              :show-file-list="false" action="">
+                <el-button type="primary" size="small">上傳</el-button>
+            </el-upload>
+            <el-button type="danger" size="small">清除</el-button>
+          </div>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item label="連結 1">
+                <el-input type="text" v-model="plugData.link1"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <div class="banner-cover">
+            <img src="" alt="" />
+          </div>
+          <div class="form-group">
+            <div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
+          </div>
+          <div>
+            <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+              :show-file-list="false" action="">
+                <el-button type="primary" size="small">上傳</el-button>
+            </el-upload>
+            <el-button type="danger" size="small">清除</el-button>
+          </div>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item label="連結 2">
+                <el-input type="text" v-model="plugData.link2"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <div class="banner-cover">
+            <img src="" alt="" />
+          </div>
+          <div class="form-group">
+            <div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
+          </div>
+          <div>
+            <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+              :show-file-list="false" action="">
+                <el-button type="primary" size="small">上傳</el-button>
+            </el-upload>
+            <el-button type="danger" size="small">清除</el-button>
+          </div>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item label="連結 3">
+                <el-input type="text" v-model="plugData.link3"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <div class="banner-cover">
+            <img src="" alt="" />
+          </div>
+          <div class="form-group">
+            <div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
+          </div>
+          <div>
+            <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+              :show-file-list="false" action="">
+                <el-button type="primary" size="small">上傳</el-button>
+            </el-upload>
+            <el-button type="danger" size="small">清除</el-button>
+          </div>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item label="連結 4">
+                <el-input type="text" v-model="plugData.link4"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <div class="banner-cover">
+            <img src="" alt="" />
+          </div>
+          <div class="form-group">
+            <div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
+          </div>
+          <div>
+            <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+              :show-file-list="false" action="">
+                <el-button type="primary" size="small">上傳</el-button>
+            </el-upload>
+            <el-button type="danger" size="small">清除</el-button>
+          </div>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item label="連結 5">
+                <el-input type="text" v-model="plugData.link5"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <div class="banner-cover">
+            <img src="" alt="" />
+          </div>
+          <div class="form-group">
+            <div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
+          </div>
+          <div>
+            <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+              :show-file-list="false" action="">
+                <el-button type="primary" size="small">上傳</el-button>
+            </el-upload>
+            <el-button type="danger" size="small">清除</el-button>
+          </div>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item label="連結 6">
+                <el-input type="text" v-model="plugData.link6"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+<script>
+  export default {
+    props: ["plugData"],
+    data() {
+      return {
+
+      };
+    },
+    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.commonType == 1) {
+
+        //   } else if (this.commonType == 2) {
+
+        //   } else {
+
+        //   }
+        });
+      },
+
+    },
+    mounted() {}
+  };
+
+</script>

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

+<template>
+  <div>
+    <el-form label-width="100px">
+      <el-form-item label="標題">
+        <el-input type="text" v-model="plugData.VideoTitle"></el-input>
+      </el-form-item>
+      <el-form-item label="描述">
+        <el-input type="textarea" v-model="plugData.VideoDescribe" :rows="4"></el-input>
+      </el-form-item>
+      <el-form-item label="YouTube 影片ID">
+        <el-input type="text" v-model="plugData.VideoId"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <div>如何取得 YouTube 影片 ID：</div>
+        <div>該影片網址 v= 後面的編號，即為該影片的 ID</div>
+        <div>
+          <img :src="plugData.CoverImg" alt="" />
+        </div>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+  export default {
+    props: ["plugData"],
+    data() {
+      return {
+
+      };
+    },
+    created() {},
+    methods: {
+
+    },
+    mounted() {}
+  };
+
+</script>