页面修改

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

@@ -73,8 +73,16 @@
       <template v-if="plugData.Type==1||plugData.Type==2">
         <el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
           <el-col :span="10">
-            <div class="webSliderDiv">
-              <img v-if="item.TripImageUrl" :src="item.TripImageUrl" class="web_imgUrl" alt="" />
+            <div class="webSliderDiv" @click="clickIndex=index">
+              <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+                :show-file-list="false" action="">
+                <img v-if="item.TripImageUrl" :src="item.TripImageUrl" class="web_imgUrl" alt="" />
+                <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="item.TripImageUrl=''"></i>
+                </div>
+              </el-upload>
             </div>
           </el-col>
           <el-col :span="14">
@@ -86,6 +94,13 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item :label="'行程名稱'+' '+(index+1)">
+                  <el-input type="text" v-model="item.TripTitle"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
             <el-row>
               <el-col :span="12">
                 <el-form-item label="價格">
@@ -127,8 +142,16 @@
               </el-col>
             </el-row>
             <el-form-item>
-              <div class="b2b_imgList">
-                <div class="sectionImg" :style="{backgroundImage:'url(' + item.TripImageUrl + ')'}"></div>
+              <div class="webSliderDiv" @click="clickIndex=index">
+                <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(' + item.TripImageUrl + ')'}"></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="item.TripImageUrl=''"></i>
+                  </div>
+                </el-upload>
               </div>
             </el-form-item>
           </el-col>
@@ -137,10 +160,16 @@
       <template v-if="plugData.Type==4">
         <el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
           <el-col :span="8">
-            <div class="webSliderDiv webImg_radius">
-              <div class="b2b_imgList">
-                <div class="sectionImg" :style="{backgroundImage:'url(' + item.TripImageUrl + ')'}"></div>
-              </div>
+            <div class="webSliderDiv webImg_radius" @click="clickIndex=index">
+              <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
+                :show-file-list="false" action="">
+                <img v-if="item.TripImageUrl" :src="item.TripImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
+                <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="item.TripImageUrl=''"></i>
+                </div>
+              </el-upload>
             </div>
           </el-col>
           <el-col :span="16">
@@ -181,6 +210,17 @@
     },
     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;
+          this.plugData.Details[this.clickIndex].TripImageUrl = imgUrl;
+        });
+      },
       //获取选择行程数据
       getChooseTripData() {
         var tempArray = this.$refs.chooseTrip.getChooseData();