no message

src/assets/css/tripIndexNew.css

+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, iframe {
+  font-family: Microsoft JhengHei, sans-serif !important;
+}
 .bjE6{
   background: #e6e6e6;
 }
@@ -304,10 +307,18 @@
 }
 .LeaveGroupDownload-form .expense{
   padding: 0 20px;
+  margin-bottom: 20px;
 }
-.LeaveGroupDownload-form .expense .right {
+.LeaveGroupDownload-form .expense .right{
   margin-bottom: 20px;
 }
+.LeaveGroupDownload-form .expense .right *{
+  color: #000000 !important;
+  font-size: 15px  !important;
+  padding: 0  !important;
+  margin: 0  !important;
+  line-height: 160%;
+}
 .UpgradedVersion-box{
   width: 1123px;
   height: 1588px;

src/components/LeaveGroupDownload/OrderNotice.vue

+<template>
+  <div id="pdf_5">
+    <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>
+    </div>
+    <div class="expense" v-if="feature.importantTip!=''&&vshowG">
+      <div class="left">
+        <div style="font-size:28px;margin-bottom:20px;">
+          重要提示
+        </div>
+      </div>
+      <div class="right">
+        <div v-html="feature.importantTip"></div>
+      </div>
+      <div class="left">
+        <div style="font-size:28px;margin-bottom:20px;">
+          温馨提示
+        </div>
+      </div>
+      <div class="right" >
+        <div v-html="feature.warmTip"></div>
+      </div>
+    </div>
+    <div style="width: 100%;height:2px;"></div>
+  </div>
+</template>
+
+<script>
+import Header from "./components/header";
+export default {
+  components: {
+    Header
+  },
+  props: ["vshowG","feature",],
+  data() {
+    return {
+      title:
+        "北京-马德里-塞戈维亚-萨拉曼卡-贝尼多姆/小镇-瓦伦西亚-巴塞罗那（约 253km，约 3h）北京-马德里-塞戈维亚-萨拉曼卡-贝尼多姆/小镇-瓦伦西亚-巴塞罗那（约 253km，约 3h）",
+      day: "DAY",
+      backgroundColor: "",
+      textColor: "",
+      textColorOne: ""
+    };
+  },
+
+  methods: {},
+  computed: {},
+  watch: {
+    feature: {
+      handler(val, oldVal) {
+        console.log(val, "1111--------");
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {}
+};
+</script>
+
+<style></style>

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>
+    </div>
+    <div class="expense" v-if='vshowE'>
+      <div class="left">
+        <div style="font-size:28px;margin-bottom:20px;">
+          费用包含
+        </div>
+      </div>
+      <div class="right" v-html="feature.feeInclude"></div>
+      <div class="left">
+        <div style="font-size:28px;margin-bottom:20px;">
+          费用不含
+        </div>
+      </div>
+      <div class="right"  v-html="feature.feeNonInclude"></div>
+    </div>
+    <div class="expense" v-if='dataList.selfpayingList && dataList.selfpayingList.length>0&&vshowE'>
+      <div class="left">
+        <div style="font-size:28px;margin-bottom:20px;">
+          自理费用
+        </div>
+      </div>
+      <div class="right">
+        <table class="expense-table" cellspacing=0 cellpadding=0>
+          <thead>
+            <th>城市</th>
+            <th>活动</th>
+            <th>参考价格</th>
+            <th>说明</th>
+          </thead>
+          <tbody>
+            <tr v-for="(item,i) in dataList.selfpayingList" :key="i">
+              <td>{{item.cityName}}</td>
+              <td>{{item.itemName}}</td>
+              <td>约{{item.estimatedCost}}</td>
+              <td>{{item.explain}}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </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>
+      </div>
+      <div class="expense">
+        <div class="left"></div>
+        <div class="right">
+          <div v-html="feature.shopRemark"></div>
+        </div>
+      </div>
+      </template>
+      <div class="expense" v-if="dataList.shopList && dataList.shopList.length>0&&vshowF">
+        <div class="left">购物安排</div>
+        <div class="right">
+          <table class="expense-table autowidth" cellspacing=0 cellpadding=0>
+            <thead>
+              <th>城市</th>
+              <th>购物店名称</th>
+              <th>预计停留时间</th>
+            </thead>
+            <tbody>
+              <tr v-for="(item,i) in dataList.shopList" :key="i">
+                <td>{{item.cityName}}</td>
+                <td>{{item.shopName}}</td>
+                <td>{{item.visitTime}}</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+      <div style="width: 100%;height:2px;"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+
+  },
+  props: ["vshowE","dataList","feature","vshowF"],
+  data() {
+    return {
+
+    };
+  },
+
+  methods: {},
+  computed: {},
+  watch: {
+    feature: {
+      handler(val, oldVal) {
+
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {}
+};
+</script>
+
+<style></style>

src/components/confirmationOrderDownLoadNew.vue

@@ -226,12 +226,17 @@
         :vshowK="vshowK"
         ></travelDays> -->
 
-        <!-- 团队说明 -->
+        <!-- 团队费用说明 -->
         <!-- <TourFareDescription
         :vshowE="vshowE"
         :vshowF="vshowF"
         :dataList="dataList"
         :feature="feature"></TourFareDescription> -->
+
+        <!-- 订单须知 -->
+        <OrderNotice
+        :vshowG="vshowG"
+        :feature="feature"></OrderNotice>
       </div>
     </div>
 
@@ -249,6 +254,7 @@
   import ItineraryFeatures from './LeaveGroupDownload/ItineraryFeatures'
   import travelDays from './LeaveGroupDownload/travelDays'
   import TourFareDescription from './LeaveGroupDownload/TourFareDescription'
+  import OrderNotice from './LeaveGroupDownload/OrderNotice'
   import {
     setTimeout
   } from 'timers';
@@ -265,7 +271,8 @@
       LeaveGroupDownload,
       ItineraryFeatures,
       travelDays,
-      TourFareDescription
+      TourFareDescription,
+      OrderNotice
     },
     data() {
       return {