页面修改

src/components/LeaveGroupDownload/ItineraryFeatures.vue

 <template>
-  <div id="pdf_2">
+  <div id="pdf_2" v-if="vshowC">
     <div class="template-box">
-        <div id="gernalCanvas" style="margin:auto;width:100%"  v-html="feature.featureHtml">
-        </div>
+      <div class="slider" v-if="showType==1">
+        <img v-for="(i,index) in feature.featureImgList" :key="index" :src="i.url" style="width:100%;">
+      </div>
+      <div class="zidingyi" v-if="showType==3">
+        <div v-html="feature.featureContent"></div>
+      </div>
+      <div v-if="showType>=4" id="gernalCanvas" style="margin:auto;width:100%" v-html="feature.featureHtml">
+      </div>
     </div>
-</div>
+  </div>
 </template>
 
 <script>
@@ -14,6 +20,8 @@
     },
     props: [
       'feature',
+      'vshowC',
+      'showType'
     ],
     data() {
       return {
@@ -41,4 +49,3 @@
   };
 
 </script>
-

src/components/LeaveGroupDownload/TourFareDescription.vue

 <template>
   <div id="pdf_5">
-    <div class="module-title">
-      <div
-        style="font-size:36px;margin-top:40px;text-align:center;margin-bottom:20px;"
-      >
+    <div class="module-title" v-if='vshowE'>
+      <div style="font-size:36px;margin-top:40px;text-align:center;margin-bottom:20px;">
       团费说明
       </div>
     </div>
@@ -48,9 +46,7 @@
     </div>
     <template  v-if='vshowF&&(feature.shopRemark||(dataList.shopList && dataList.shopList.length>0&&vshowF))'>
       <div class="module-title">
-        <div
-          style="font-size:36px;margin-top:40px;text-align:center;margin-bottom:20px;"
-        >
+        <div  style="font-size:36px;margin-top:40px;text-align:center;margin-bottom:20px;">
           购物说明
         </div>
       </div>

src/components/LeaveGroupDownload/VisaInformation.vue

 <template>
   <div id="pdf_6">
     <div class="module-title" v-if="vshowG">
-      <div
-        style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;"
-      >
+      <div style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;">
         签证
       </div>
     </div>
@@ -17,10 +15,19 @@
         <div v-html="feature.visaRemark"></div>
       </div>
     </div>
+    <div v-if='vshowI' class="module-title">
+      <div style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;">
+        同行备注
+      </div>
+    </div>
+    <div v-if='vshowI' class="expense">
+      <div class="left"></div>
+      <div class="right">
+        <div v-html="feature.b2BRemark"></div>
+      </div>
+    </div>
     <div class="module-title" v-if="vshowM">
-      <div
-        style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;"
-      >
+      <div style="font-size:36px;font-weight:bolder;margin-top:40px;text-align:center;margin-bottom:20px;">
         旅客信息
       </div>
     </div>
@@ -52,27 +59,28 @@
 </template>
 
 <script>
-import Header from "./components/header";
-export default {
-  components: {
-    Header
-  },
-  props: ["vshowG", "vshowM","vshowJ", "feature","orderMsg"],
-  data() {
-    return {};
-  },
+  import Header from "./components/header";
+  export default {
+    components: {
+      Header
+    },
+    props: ["vshowG", "vshowM", "vshowJ", "feature", "orderMsg", "vshowI"],
+    data() {
+      return {};
+    },
+
+    methods: {},
+    computed: {},
+    watch: {
+      feature: {
+        handler(val, oldVal) {},
+        deep: true,
+        immediate: true
+      }
+    },
+    mounted() {}
+  };
 
-  methods: {},
-  computed: {},
-  watch: {
-    feature: {
-      handler(val, oldVal) {},
-      deep: true,
-      immediate: true
-    }
-  },
-  mounted() {}
-};
 </script>
 
 <style></style>

src/components/LeaveGroupDownload/index.vue

@@ -71,10 +71,10 @@
               </tr>
             </tbody>
           </table>
-          <div class="trip-v3-title small-margin">
+          <div class="trip-v3-title small-margin" v-if="vshowL">
             <h2>集合地点&amp;联系人</h2>
           </div>
-          <table class="baseTable trip-v3-base">
+          <table class="baseTable trip-v3-base" v-if="vshowL">
             <tbody>
               <tr>
                 <td class="essential-item jianju">

src/components/confirmationOrderDownLoadNew.vue

@@ -68,7 +68,7 @@
         </LeaveGroupDownload>
 
         <!-- 行程特色 -->
-        <ItineraryFeatures :feature="feature"></ItineraryFeatures>
+        <ItineraryFeatures :feature="feature" :vshowC="vshowC" :showType="showType"></ItineraryFeatures>
 
         <!-- 行程天数 -->
         <travelDays :dataAll="dataAll" :orderMsg="orderMsg" :orderTripdiff="orderTripdiff" :tripList="tripList"
@@ -82,7 +82,7 @@
         <OrderNotice :vshowG="vshowG" :feature="feature"></OrderNotice>
 
         <!-- 签证信息 -->
-        <VisaInformation :vshowG="vshowG" :vshowM="vshowM" :vshowJ="vshowJ" :feature="feature" :orderMsg="orderMsg">
+        <VisaInformation :vshowG="vshowG" :vshowM="vshowM" :vshowJ="vshowJ" :vshowI="vshowI" :feature="feature" :orderMsg="orderMsg">
         </VisaInformation>
       </div>
     </div>