页面修改

src/components/WebSet/WebSiteEdit.vue

@@ -275,7 +275,6 @@
     props: ["templateData"],
     data() {
       return {
-
         //模板列表
         templateList: [],
         //模板编号

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

@@ -42,18 +42,20 @@
     height: 310px !important;
     border-radius: 50%;
     overflow: hidden;
-    border:0!important;
+    border: 0 !important;
   }
-  .b2b_imgList{
-      width:100%;
-      min-height:233px; 
-      background-color: #f1f1f1;
-      position: relative;
+
+  .b2b_imgList {
+    width: 100%;
+    min-height: 233px;
+    background-color: #f1f1f1;
+    position: relative;
   }
-  .b2bDialog .sectionImg{
-    position:absolute;
-    width:100%;
-    height:100%;
+
+  .b2bDialog .sectionImg {
+    position: absolute;
+    width: 100%;
+    height: 100%;
     background-position: center;
     background-size: cover;
   }
@@ -78,13 +80,7 @@
           <el-col :span="14">
             <el-row>
               <el-col :span="24">
-                <el-form-item :label="'行程名稱'+(index+1)">
-                  <el-select v-model="item.TripTitle" style="width:100%">
-                    <el-option label="不限" :value="0"></el-option>
-                    <el-option label="B2B前台菜单" :value="-1">B2B前台菜单</el-option>
-                    <el-option label="个人中心菜单" :value="-2">个人中心菜单</el-option>
-                  </el-select>
-                </el-form-item>
+                <el-button type="primary" size="small" @click="isShowTripDailog=true">选择行程</el-button>
               </el-col>
             </el-row>
             <el-row>
@@ -135,20 +131,20 @@
       </template>
       <template v-if="plugData.Type==3">
         <el-row>
-            <el-col :span="12" v-for="(item,index) in plugData.Details" :key="index">
-                <el-form-item :label="'行程名稱'+' '+(index+1)">
-                  <el-select v-model="item.TripTitle" style="width:100%">
-                    <el-option label="不限" :value="0"></el-option>
-                    <el-option label="B2B前台菜单" :value="-1">B2B前台菜单</el-option>
-                    <el-option label="个人中心菜单" :value="-2">个人中心菜单</el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item>
-                    <div class="b2b_imgList">
-                        <div class="sectionImg" :style="{backgroundImage:'url(' + item.TripImageUrl + ')'}"></div>
-                    </div>
-                </el-form-item>
-            </el-col>
+          <el-col :span="12" v-for="(item,index) in plugData.Details" :key="index">
+            <el-form-item :label="'行程名稱'+' '+(index+1)">
+              <el-select v-model="item.TripTitle" style="width:100%">
+                <el-option label="不限" :value="0"></el-option>
+                <el-option label="B2B前台菜单" :value="-1">B2B前台菜单</el-option>
+                <el-option label="个人中心菜单" :value="-2">个人中心菜单</el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <div class="b2b_imgList">
+                <div class="sectionImg" :style="{backgroundImage:'url(' + item.TripImageUrl + ')'}"></div>
+              </div>
+            </el-form-item>
+          </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
@@ -189,9 +185,9 @@
         <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="b2b_imgList">
+                <div class="sectionImg" :style="{backgroundImage:'url(' + item.TripImageUrl + ')'}"></div>
+              </div>
             </div>
           </el-col>
           <el-col :span="16">
@@ -210,16 +206,29 @@
         </el-row>
       </template>
     </el-form>
+    <el-dialog title="选择行程" :visible.sync="isShowTripDailog" width="1000px" append-to-body>
+      <!-- 行程选中 -->
+      <chooseTrip ref="chooseTrip" :IsMultiple="false"></chooseTrip>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="isShowTripDailog = false" size="small">取 消</el-button>
+        <el-button type="danger" size="small" @click="getChooseTripData()">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
+  import chooseTrip from "../plug-in/choose_trip.vue"
   export default {
     props: ["plugData"],
     data() {
       return {
+        isShowTripDailog: false,
         clickIndex: 1
       };
     },
+    components: {
+      chooseTrip,
+    },
     created() {},
     methods: {
       UploadImage(file) {
@@ -232,7 +241,30 @@
           var imgUrl = this.domainManager().ViittoFileUrl + str;
           this.plugData.Details[this.clickIndex].TripImageUrl = imgUrl;
         });
-      }
+      },
+      //获取选择行程数据
+      getChooseTripData() {
+        var tempArray = this.$refs.chooseTrip.getChooseData();
+        this.isShowTripDailog = false;
+        if (tempArray && tempArray.length > 0) {
+          tempArray.forEach(item => {
+            var imgUrl = ""
+            if (item.ImgCover && item.ImgCover.length > 0) {
+              imgUrl = item.ImgCover[0].Url;
+            }
+            var obj = {
+              StartDate: item.StartDate,
+              imgUrl:imgUrl,
+              TCNUM: item.TCNUM,
+              TCID: item.TCID,
+              Title: item.Title,
+              DayNum: item.DayNum,
+              Price: item.B2BPrice,
+            };
+            console.log(obj);
+          });
+        }
+      },
     },
     mounted() {
       console.log(this.plugData, 'plugData');