11

src/components/Restaurant/bookDinnerStatisticsDetails.vue

+<style scoped>
+  .bookDinnerStatisticsTalbe {
+    table-layout: fixed;
+  }
+
+  .bookDinnerStatisticsTalbe thead tr th {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+  }
+</style>
 <template>
   <div>
     <div class="query-box" style="border-bottom: none;">
@@ -15,8 +26,10 @@
         </li>
       </ul>
     </div>
-    <div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle">
+    <div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle"
+      :style="{height: boxHeight + 'px'}">
       <table border="0" cellspacing="1" cellpadding="0" class="bookDinnerStatisticsTalbe" v-loading="loading">
+        <thead>
           <tr>
             <th>
               {{$t('salesModule.CompanyNum')}}
@@ -42,6 +55,8 @@
             <th width="210">{{$t('ground.fkfsdcfsdth')}}</th>
             <th width="170">{{$t('pub.pubRemark')}}</th>
           </tr>
+        </thead>
+        <tbody>
           <template v-for="(item,index) in dinnerList">
             <template v-for="(subItem,subIndex) in item.DiningSummaryList">
               <tr v-for="(childItem,childIndex) in subItem.DiningPriceList" :key="`d_`+index+subIndex+childIndex">
@@ -59,7 +74,7 @@
                         </span>
                       </td>
                     </tr>
-                  <tr>
+                    <tr v-if="subItem.Tel&&subItem.Tel!=''">
                       <td width="40">
                         {{$t('hotel.table_tel')}}：
                       </td>
@@ -250,15 +265,15 @@
                         <td style="text-align:left;">
                           <!--午餐-->
                           <template v-if="subItem.UseDinnerType==2">
-                          <el-time-select class='w135' :placeholder="$t('objFill.yuyuetime')" v-model="subItem.BookTime"
-                            :picker-options="{ start: '11:00',step: '00:15',end: '14:00'}"
+                            <el-time-select class='w135' :placeholder="$t('objFill.yuyuetime')"
+                              v-model="subItem.BookTime" :picker-options="{ start: '11:00',step: '00:15',end: '14:00'}"
                               @keyup.native="checkTime(subItem,'BookTime')">
                             </el-time-select>
                           </template>
                           <!--晚餐-->
                           <template v-if="subItem.UseDinnerType==3">
-                          <el-time-select class='w135' :placeholder="$t('objFill.yuyuetime')" v-model="subItem.BookTime"
-                            :picker-options="{ start: '17:00',step: '00:15', end: '20:00'}"
+                            <el-time-select class='w135' :placeholder="$t('objFill.yuyuetime')"
+                              v-model="subItem.BookTime" :picker-options="{ start: '17:00',step: '00:15', end: '20:00'}"
                               @keyup.native="checkTime(subItem,'BookTime')">
                             </el-time-select>
                           </template>
@@ -304,6 +319,7 @@
               </tr>
             </template>
           </template>
+        </tbody>
         <tfoot>
           <tr>
             <td>
@@ -364,6 +380,7 @@
         LineId: 0,
         currentUserInfo: {},
         sTotalPrice: 0, //合计
+        boxHeight: 0,
       };
     },
     components: {
@@ -581,6 +598,8 @@
           this.allCurrencyList = res.data.data;
         }
       }, err => {});
+      let height = window.innerHeight - 65 - 55;
+      this.boxHeight = height;
     }
   };
 
@@ -635,4 +654,5 @@
   .bookDinnerStatisticsTalbe .dinnerTable tr td {
     border: none;
   }
+
 </style>

src/components/scenicSpot/admissionStatisticsDetails.vue

+<style scoped>
+  .admissionStatisticsDetailsTalbe {
+    table-layout: fixed;
+  }
+
+  .admissionStatisticsDetailsTalbe thead tr th {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+  }
+
+</style>
 <template>
   <div>
     <div class="query-box" style="border-bottom: none;">
@@ -15,8 +27,10 @@
         </li>
       </ul>
     </div>
-    <div style="width: 100%;  overflow-y: auto;padding-bottom: 10px; height: 100%; " class="ownScrollbarStyle">
+    <div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle"
+      :style="{height: boxHeight + 'px'}">
       <table border="0" cellspacing="1" cellpadding="0" class="admissionStatisticsDetailsTalbe" v-loading="loading">
+        <thead>
           <tr>
             <th>
               {{$t('salesModule.CompanyNum')}}
@@ -41,6 +55,8 @@
             <th width="210">{{$t('ground.fkfsdth')}}</th>
             <th width="200">{{$t('pub.pubRemark')}}</th>
           </tr>
+        </thead>
+        <tbody>
           <template v-for="(item,index) in DataList">
             <template v-for="(subItem,subIndex) in item.ScenicStatisticsList">
               <tr v-for="(childItem,childIndex) in subItem.TicketPriceList" :key="`s_`+index+subIndex+childIndex">
@@ -103,8 +119,8 @@
                   {{childItem.PeopleNum}}
                 </td>
                 <td>
-                <el-input class='w50 tcenter' v-model='childItem.UsePeopleNum' type="number" @input='calculationPrice()'
-                  @keyup.native="checkInteger(childItem,'UsePeopleNum')"></el-input>
+                  <el-input class='w50 tcenter' v-model='childItem.UsePeopleNum' type="number"
+                    @input='calculationPrice()' @keyup.native="checkInteger(childItem,'UsePeopleNum')"></el-input>
                 </td>
                 <td>
                   <el-input class='w50 tcenter' maxlength='2' v-model='childItem.Discount' type="number"
@@ -187,6 +203,7 @@
               </tr>
             </template>
           </template>
+        </tbody>
         <tfoot>
           <tr>
             <td>
@@ -241,6 +258,7 @@
         LineId: 0, //线路编号
         currentUserInfo: {},
         sTotalPrice: 0, //合计
+        boxHeight: 0,
       }
     },
     methods: {
@@ -381,6 +399,9 @@
       this.GuestNum = this.$route.query.GuestNum;
       this.getList();
       this.getCurrencyList();
+
+      let height = window.innerHeight - 65 - 55;
+      this.boxHeight = height;
     },
   }