页面修改

src/components/TravelManager/TravelList/TravelpassengerList.vue

 <style>
-.PT_teamTable {
+  .PT_teamTable {
     width: 800px;
     border-collapse: collapse;
-}
-.PT_teamTable td,
-.PT_teamTable th {
+  }
+
+  .PT_teamTable td,
+  .PT_teamTable th {
     border: 1px solid #dcdcdc;
     padding: 5px;
     height: 30px;
-}
-.PT_teamTable tr th {
+  }
+
+  .PT_teamTable tr th {
     background: #eee;
     height: 30px;
     border: 1px solid #dcdcdc;
-}
-.PT_teamTable tr td{background: #fff;}
-.travelpassengerlist{font-size: 12px; background: #dcdcdc;}
-.travelpassengerlist tr th {
+  }
+
+  .PT_teamTable tr td {
+    background: #fff;
+  }
+
+  .travelpassengerlist {
+    font-size: 12px;
+    background: #dcdcdc;
+  }
+
+  .travelpassengerlist tr th {
     height: 30px;
-}
-.travelpassengerlist tr td{background: #fff; text-align: center;}
-/*拒签人员*/
- .travelpassengerlist .redTr td{
+  }
+
+  .travelpassengerlist tr td {
+    background: #fff;
+    text-align: center;
+  }
+
+  /*拒签人员*/
+  .travelpassengerlist .redTr td {
     color: #E95252;
   }
+
 </style>
 
 <template>
@@ -39,7 +55,8 @@
               <th width="120">出发日期</th>
             </tr>
             <tr v-for="item in QueryMsg.TeamInfoData">
-              <td><a @click="goUrlTravelControl('团控列表','TravelControlList',item.TCID,item.TCNUM)" style="cursor:pointer;color:blue;">{{item.TCNUM}}</a></td>
+              <td><a @click="goUrlTravelControl('团控列表','TravelControlList',item.TCID,item.TCNUM)"
+                  style="cursor:pointer;color:blue;">{{item.TCNUM}}</a></td>
               <td>{{item.Title}}</td>
               <td>{{item.Inventory}}人</td>
               <td>{{item.StartDate}} {{item.WeekStr}}</td>
@@ -51,13 +68,7 @@
         </li>
       </ul>
     </div>
-    <table
-      class="travelpassengerlist"
-      border="0"
-      cellspacing="1"
-      cellpadding="0"
-      v-loading="QueryMsg.loading"
-    >
+    <table class="travelpassengerlist" border="0" cellspacing="1" cellpadding="0" v-loading="QueryMsg.loading">
       <tr>
         <th width="50">房间数</th>
         <th width="50">房号</th>
@@ -94,9 +105,9 @@
               {{getHouseTypeStr(subItem.HouseType)}}
             </template>
             <template v-else>
-              {{getHouseTypeStr(subItem.SingleRoomType)}} <br/><span style="color:red;">(指定)</span>
+              {{getHouseTypeStr(subItem.SingleRoomType)}} <br /><span style="color:red;">(指定)</span>
             </template>
-            <template v-if="subItem.IsBed==0"><br/><span style="color:red;">(不占床)</span></template>
+            <template v-if="subItem.IsBed==0"><br /><span style="color:red;">(不占床)</span></template>
           </td>
           <td>{{subItem.GuestName}}</td>
           <td>{{subItem.ESurName}}</td>
@@ -124,7 +135,7 @@
   </div>
 </template>
 <script>
-export default {
+  export default {
     data() {
       return {
         //请求数据
@@ -135,8 +146,8 @@ export default {
           OrderId: 0,
           currentPage: 1
         },
-      IsHaveLeader:1,//1-有领队,0-无领队
-      IsLeaderGuide:0,//1-领兼导,0-领队
+        IsHaveLeader: 1, //1-有领队,0-无领队
+        IsLeaderGuide: 0, //1-领兼导,0-领队
         TCID: 0,
         QueryMsg: {
           loading: true,
@@ -150,7 +161,6 @@ export default {
       };
     },
     methods: {
-
       goUrlTravelControl(name, path, id, tcmun) {
         this.$router.push({
           name: path,
@@ -181,14 +191,11 @@ export default {
           str = "标准双人间";
         } else if (HouseType == 3) {
           str = "大床房";
-      } 
-      else if (HouseType == 4) {
+        } else if (HouseType == 4) {
           str = "三人间";
-      } 
-      else if (HouseType== 5) {
+        } else if (HouseType == 5) {
           str = "拼凑双人间";
-      } 
-      else {
+        } else {
           str = "未分配";
         }
         return str;
@@ -203,14 +210,15 @@ export default {
             this.QueryMsg.loading = false;
             if (res.data.resultCode == 1) {
               this.QueryMsg.dataList = res.data.data.pageData.result;
-            this.IsHaveLeader=res.data.data.pageData.IsHaveLeader;
-            this.IsLeaderGuide=res.data.data.pageData.IsLeaderGuide;
+              this.IsHaveLeader = res.data.data.pageData.IsHaveLeader;
+              this.IsLeaderGuide = res.data.data.pageData.IsLeaderGuide;
             }
           },
           err => {}
         );
       },
       exportExcel() {
+        this.QueryMsg.loading = true;
         //导出报表
         let msg = {
           TCID: this.msg.TCID
@@ -220,7 +228,9 @@ export default {
           fileName =
             "【" + this.QueryMsg.TeamInfoData[0].TCNUM + "】旅客名单.xls";
         }
-      this.GetLocalFile("travel_get_GetTravelGuestExport", msg, fileName);
+        this.GetLocalFile("travel_get_GetTravelGuestExport", msg, fileName, res => {
+          this.QueryMsg.loading = false;
+        });
       },
 
       //获取团期信息
@@ -247,5 +257,6 @@ export default {
       this.getTeamInfo();
       this.getList();
     }
-};
+  };
+
 </script>