行程天数放大

src/components/newTravelmanager/TravelGroupControl/TravelManagerThree.vue

@@ -683,6 +683,13 @@
           this.journeyList.isFileUpload = true;
           this.journeyList.DayNum = configData.Days.length;
           this.journeyList.NightNum = this.journeyList.DayNum - 1;
+          let arrDayList = function(list){
+            list.forEach(x=>{
+              x.IsBlowUp = false
+              x.zoom = 0.44
+            })
+          }
+          arrDayList(dayList)
           this.journeyList.DayList = dayList;
 
           //产品特色
@@ -939,6 +946,13 @@
                 this.journeyList.NightNum = tempData.NightNum;
                 this.journeyList.ReturnArriveCityId = tempData.ReturnArriveCityId;
                 this.journeyList.StartCityId = tempData.StartCityId;
+                let arrDayList = function(list){
+                  list.forEach(x=>{
+                    x.IsBlowUp = false
+                    x.zoom = 0.44
+                  })
+                }
+                arrDayList(tempData.DayList)
                 this.journeyList.DayList = tempData.DayList;
                 this.journeyList.DayList.forEach(x => {
                   x["HotelChooseArray"] = [];

src/components/newTravelmanager/travelLineTrip/TravelDaysTrip_DirectThree.vue

@@ -77,6 +77,48 @@
   .TC-newTop {
     margin-top: 40px !important;
   }
+  .BlowUpTravelDays{
+    position: absolute;
+    right: 10px;
+    top: -19px;
+    border-bottom-right-radius: 1px;
+    border-top-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    padding: 2px 12px;
+    background: #7cb99f;
+    color: #444;
+    z-index: 999;
+    cursor: pointer;
+    font-size: 15px;
+  }
+  .BlowUpTravelDays:hover{
+    color: #fff;
+  }
+  .BlowUpTravelDaysBox{
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10000;
+    padding: 0 10px;
+    overflow-y: scroll;
+    background: rgba(23,23,23,0.5);
+    display: flex;
+    justify-content: center;
+  }
+  .BlowUpTravelDaysClose{
+    position: fixed;
+    width: 40px;
+    right: 50px;
+    top: 15px;
+    color: #fff;
+    font-size: 25px;
+    padding: 0 15px;
+    border-radius: 3px;
+    cursor: pointer;
+    z-index: 99999;
+  }
 
 </style>
 
@@ -146,8 +188,19 @@
                 <div class="dayCircle">D{{item.DayNum}}</div>
               </div>
               <div class="dayPage-box row">
-                <div class="dayPage-form" v-if="!item.isHide">
-                  <travelDays :index="index" :dataAll="dataAll" :item="item"></travelDays>
+                <div class="dayPage-form relative" v-if="!item.isHide">
+                  <el-tooltip class="item" effect="dark" content="放大行程" placement="top">
+                    <span class="el-icon-full-screen absolute BlowUpTravelDays"
+                    @click="clickBlowUpTravelDays(item)"></span>
+                  </el-tooltip>
+                  <travelDays :index="index" :dataAll="dataAll" :item="item">
+                  </travelDays>
+                  <div v-if="item.IsBlowUp" class="BlowUpTravelDaysBox">
+                    <travelDays :index="index" :dataAll="dataAll" :item="item">
+                    </travelDays>
+                    <span v-if="item.IsBlowUp" class="el-icon-error BlowUpTravelDaysClose"
+                      @click="clickBlowUpTravelDays(item)"></span>
+                  </div>
                 </div>
                 <div class="newDayContent"
                 :style="{'width':!item.isHide?'520px':'1020px'}">
@@ -198,6 +251,12 @@
       travelDays
     },
     methods: {
+      clickBlowUpTravelDays(item){
+        item.IsBlowUp=!item.IsBlowUp
+        if(item.IsBlowUp) item.zoom = 1
+        else item.zoom = 0.44
+        this.$forceUpdate()
+      },
       handlerChangeDateList(data) {
         this.$emit('change', data)
       },

src/components/newTravelmanager/travelLineTrip/components/travelDays.vue

 <template>
-  <div style="height: 100%;overflow: hidden;" v-if="RenderingOk">
-    <div class="UpgradedVersion-box2 UpgradedVersion-homebj relative" style="zoom: 0.44;">
-      <div class=" z-index1" style="left: 0;right: 0; top: 0;bottom: 0;">
+  <div :style="{'height':item.zoom==1?'auto':'100%',
+'overflow':item.zoom==1?'auto':'hidden'}"
+   v-if="RenderingOk">
+    <div class="UpgradedVersion-box2 UpgradedVersion-homebj relative" :style="{'zoom': item.zoom}">
+      <div class="z-index1" style="left: 0;right: 0; top: 0;bottom: 0;">
         <div style="padding: 10px 0;"></div>
         <div :id="'LineOfTravel'+(item*4)+'_0'+index">
           <!-- <Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header> -->
@@ -809,7 +811,7 @@
         </div>
 
         <!-- otherJourney-footer -->
-        <div class="footer">
+        <div v-if="item.zoom!=1" :class="[item.zoom==1?'':'footer']">
           <div class="otherJourney-introduceFooter absolute z-index1 row-aic" :style="{'background':''}">
             <div class="introduceFooterBJ introduceFooterOne" :style="{'background':dataAll.TripColor}">&nbsp;</div>
             <div class="introduceFooterBJ introduceFootertTwo" :style="{'background':dataAll.TripColor}">&nbsp;</div>