修改

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

@@ -10,10 +10,11 @@
   .b2blinkDialog .webSliderDiv>div {
     height: 100%;
   }
-  .b2blinkDialog .sectionImg{
-    position:absolute;
-    width:100%;
-    height:100%;
+
+  .b2blinkDialog .sectionImg {
+    position: absolute;
+    width: 100%;
+    height: 100%;
     background-position: center;
     background-size: cover;
   }
@@ -37,39 +38,72 @@
         </el-col>
       </el-row>
       <el-row :span="24">
-        <el-form-item label="行程名稱">
-            <el-select v-model="plugData.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-form-item>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item>
             <div class="webSliderDiv">
-                <div class="sectionImg" :style="{backgroundImage:'url(' + plugData.TripImage + ')'}"></div>
+              <div class="sectionImg" :style="{backgroundImage:'url(' + plugData.TripImage + ')'}"></div>
             </div>
           </el-form-item>
         </el-col>
       </el-row>
     </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
       };
     },
+    components: {
+      chooseTrip,
+    },
     created() {},
     methods: {
+      //获取选择行程数据
+      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,
+            };
+            this.plugData.TripImage = obj.imgUrl;
+            this.$refs.chooseTrip.clearData();
+          });
+        }
+      },
+
     },
     mounted() {
-      
     },
   };