修改

src/components/confirmationOrderDownLoad.vue

@@ -51,7 +51,7 @@
           @click="gernalFeature(0)" />
         <input type="button" style="width: auto !important;" class="travelControlTripBtn" value="下载电脑版WORD"
           @click="gernalFeature(1)" /> -->
-        <input type="button" value="新版行程" class="travelControlTripBtn" style="display:none;" @click="goUrlView()"/>
+        <input type="button" value="新版行程" class="travelControlTripBtn" @click="goUrlView()"/>
         <a class="travelControlTripBtn" v-if="priceList.length>0&& priceList[0].wordPath!=''" style="display:inline-block;text-decoration:none;
           width:135px;text-align:center;line-height:30px;font-size:13px;position:relative;top:2px;"
           :href="domainManager().ViittoFileUrl+priceList[0].wordPath">下载WORD行程</a>
@@ -1659,14 +1659,11 @@
         let routeData = this.$router.resolve({
           name: 'newConfimationOrder',
           query: {
-            // configId: item.ID,
-            // cityId: cityId,
-            // tcid: item.TCID,
-            // orderId: 0,
-            // vshowL: false,
-            // vshowM: false,
-            // vshowTCNUM: true,
-            // isClick: 1 //不计算点击
+            configId: this.$route.query.configId,
+            cityId: this.$route.query.cityId,
+            tcid: this.$route.query.tcid,
+            orderId: this.$route.query.orderId,
+            isClick: 1 //不计算点击
           }
         });
         window.open(routeData.href, "_blank");

src/components/newConfimationOrder.vue

@@ -11,62 +11,81 @@
         height: auto!important;
         font-family: 'PingFang SC Regular';
     }
-    .newTripCom_Img{
+    .newTrip_Main .newTripCom_Img{
         width:100%;
     }
-    .newTripCom_Img img{
+    .newTrip_Main .newTripCom_Img img{
         width:100%;
     }
-    .newCenterContent{
+    .newTrip_Main .newCenterContent{
         width:100%;
         height:auto;
         color:#111111;
     }
-    .newTripTitle{
+    .newTrip_Main .newTripTitle{
         font-size:30px;
         margin-bottom:10px;
         width:100%;
         text-align: center;
         font-weight: bold;
     }
-    .newTripCankao{
+    .newTrip_Main .newTripCankao{
         width:100%;
         font-size:20px;
         text-align:center;
     }
-    .newtripComTitle{
+    .newTrip_Main .newtripComTitle{
         font-weight: bold;
     }
-    .newTripStartInfo{
+    .newTrip_Main .newTripStartInfo{
         font-size:20px;
         margin-top:20px;
     }
-    .newTripStartInfo>div{
+    .newTrip_Main .newTripStartInfo>div{
         margin-bottom:20px;
     }
-    .newtripList>div{
+    .newTrip_Main .newtripList>div{
         margin-bottom:20px;
     }
-    .newTripDay{
+    .newTrip_Main .newTripDay{
         font-size:20px;
     }
-    .newTripFly{
+    .newTrip_Main .newTripFly{
         font-size:25px;
         font-weight: bold;
     }
-    .newTripTable{
+    .newTrip_Main .newTripTable{
         font-size:20px;
     }
-    .newTripTable tr td{
+    .newTrip_Main .newTripTable tr td{
         vertical-align: top;
     }
-    .newTripTable span{
+    .newTrip_Main .newTripTable span{
         font-weight: bold;
     }
-    .tripLeftCan,.tripRightCan{
+    .newTrip_Main .tripLeftCan,.newTrip_Main .tripRightCan{
         display:inline-block;
     }
-
+    .newTrip_Main .newTripDateTime{
+        font-size:15px;
+    }
+    .newTrip_Main .warmTipsTitle{
+        display:inline-block;
+        width:100px;
+        vertical-align: top;
+        margin-top:20px;
+    }
+    .newTrip_Main .warmTipsContent{
+        display:inline-block;
+        width:90%;
+    }
+    .newTrip_Main .newTripDay div{
+      margin-bottom:20px;
+    }
+    .newTrip_Main .newTripTutle{
+      font-weight: bold;
+      margin-bottom:10px!important;
+    }
 </style>
 <template>
     <div class="newTrip_Main">
@@ -89,21 +108,17 @@
             </div>
             <div class="newtripList" v-for="(item,index) in tripList" :key="index">
                 <div class="newTripFly">DAY {{item.dayNum}}</div>
+                <div class="newTripDateTime">{{item.dateTime}}</div>
                 <!-- <div class="newTripFly">西安&nbsp;&nbsp;<i class="iconfont icon-Shape1"></i>&nbsp;&nbsp;东京成田 参考航班 HU7927 08:15---14:25</div> -->
                 <div class="newTripFly">
                     {{item.title}}
                 </div>
-                <div class="newTripDay" v-for="(subItem,subIndex) in item.details" :key="subIndex">
-                    {{subItem.title}}
-                </div>
-                <div class="newTripDay">
-                    特别提示：{{item.tips.content}}
+                <div class="newTripDay" style="margin-bottom:0;" v-for="(subItem,subIndex) in item.details" :key="subIndex">
+                    <div class="newTripTutle">{{subItem.title}}</div>
+                    <div>{{subItem.content}}</div>
                 </div>
                 <div class="newTripDay">
-                    富士山：被日本人民誉为“圣岳”，是日本民族的象征。整个山体呈圆锥状，一眼望去，恰似一把悬空倒挂
-                    的扇子，日本诗人曾用“玉扇倒悬东海天”、“富士白雪映朝阳”等诗句赞美它。富士山由山脚到山顶分为
-                    十合，由山脚下出发到半山腰称为五合目，利用巴士可上到2305 米的五合目，这里的景色一年四季随季节
-                    变化而不同，日出日落，气候变化，都会令富士山瞬间呈现不同的身影，千姿百态！
+                    <div class="warmTipsTitle">温馨提示：</div><div class="warmTipsContent" v-html="item.tips[0].content"></div>
                 </div>
                 <div>
                     <table class="newTripTable">
@@ -396,10 +411,10 @@
       },
       init() {
         this.apipost('b2b_get_GetB2BTravelInfoNoDes', {
-          configId: 5799,
-          cityId: 262,
-          tcid: 8953,
-          orderId: 0,
+          configId: this.$route.query.configId,
+          cityId: this.$route.query.cityId,
+          tcid: this.$route.query.tcid,
+          orderId: this.$route.query.orderId,
           isClick:1//不算统计
         }, res => {
           if (res.data.resultCode == 1) {