页面修改

src/components/TravelManager/TravelList/TravelpassengerList.vue

 <style>
-.PT_teamTable {
-  width: 800px;
-  border-collapse: collapse;
-}
-.PT_teamTable td,
-.PT_teamTable th {
-  border: 1px solid #dcdcdc;
-  padding: 5px;
-  height: 30px;
-}
-.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 {
-  height: 30px;
-}
-.travelpassengerlist tr td{background: #fff; text-align: center;}
-/*拒签人员*/
- .travelpassengerlist .redTr td{
+  .PT_teamTable {
+    width: 800px;
+    border-collapse: collapse;
+  }
+
+  .PT_teamTable td,
+  .PT_teamTable th {
+    border: 1px solid #dcdcdc;
+    padding: 5px;
+    height: 30px;
+  }
+
+  .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 {
+    height: 30px;
+  }
+
+  .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>
@@ -91,13 +102,13 @@
           <td>
             <!--自然单间   指定单间（单房差）-->
             <template v-if="subItem.SingleRoomType==subItem.HouseType">
-               {{getHouseTypeStr(subItem.HouseType)}} 
+              {{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>
-          </td>        
+            <template v-if="subItem.IsBed==0"><br /><span style="color:red;">(不占床)</span></template>
+          </td>
           <td>{{subItem.GuestName}}</td>
           <td>{{subItem.ESurName}}</td>
           <td>{{subItem.EName}}</td>
@@ -124,128 +135,128 @@
   </div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      //请求数据
-      msg: {
-        PageIndex: 1,
-        PageSize: 100,
-        TCID: 0,
-        OrderId: 0,
-        currentPage: 1
-      },
-      IsHaveLeader:1,//1-有领队,0-无领队
-      IsLeaderGuide:0,//1-领兼导,0-领队
-      TCID: 0,
-      QueryMsg: {
-        loading: true,
-        //返回数据
-        dataList: [],
+  export default {
+    data() {
+      return {
+        //请求数据
+        msg: {
+          PageIndex: 1,
+          PageSize: 100,
+          TCID: 0,
+          OrderId: 0,
+          currentPage: 1
+        },
+        IsHaveLeader: 1, //1-有领队,0-无领队
+        IsLeaderGuide: 0, //1-领兼导,0-领队
         TCID: 0,
-        OrderId: 0,
-        //团期数据
-        TeamInfoData: []
-      }
-    };
-  },
-  methods: {
-
-   goUrlTravelControl(name, path, id, tcmun) {
-      this.$router.push({
-        name: path,
-        query: {
-          id: id,
-          tcmun: tcmun,
-          blank: "y",
-          tab: name
+        QueryMsg: {
+          loading: true,
+          //返回数据
+          dataList: [],
+          TCID: 0,
+          OrderId: 0,
+          //团期数据
+          TeamInfoData: []
         }
-      });
-    },
-    //获取性别字符串
-    getSexStr(item) {
-      var str = "";
-      if (item.Sex == 1) {
-        str = "男";
-      } else {
-        str = "女";
-      }
-      return str;
-    },
-    //获取房间类型
-    getHouseTypeStr(HouseType) {
-      var str = "";
-      if (HouseType == 1) {
-        str = "自然单间";
-      } else if (HouseType == 2) {
-        str = "标准双人间";
-      } else if (HouseType == 3) {
-        str = "大床房";
-      } 
-      else if (HouseType == 4) {
-        str = "三人间";
-      } 
-      else if (HouseType== 5) {
-        str = "拼凑双人间";
-      } 
-      else {
-        str = "未分配";
-      }
-      return str;
+      };
     },
-    //获取数据
-    getList() {
-      this.QueryMsg.loading = true;
-      this.apipost(
-        "travel_get_GetTravelGuestPageList",
-        this.msg,
-        res => {
-          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;
+    methods: {
+      goUrlTravelControl(name, path, id, tcmun) {
+        this.$router.push({
+          name: path,
+          query: {
+            id: id,
+            tcmun: tcmun,
+            blank: "y",
+            tab: name
           }
-        },
-        err => {}
-      );
-    },
-    exportExcel() {
-      //导出报表
-      let msg = {
-        TCID: this.msg.TCID
-      };
-      var fileName = "旅客名单.xls";
-      if (this.QueryMsg.TeamInfoData != null) {
-        fileName =
-          "【" + this.QueryMsg.TeamInfoData[0].TCNUM + "】旅客名单.xls";
+        });
+      },
+      //获取性别字符串
+      getSexStr(item) {
+        var str = "";
+        if (item.Sex == 1) {
+          str = "男";
+        } else {
+          str = "女";
+        }
+        return str;
+      },
+      //获取房间类型
+      getHouseTypeStr(HouseType) {
+        var str = "";
+        if (HouseType == 1) {
+          str = "自然单间";
+        } else if (HouseType == 2) {
+          str = "标准双人间";
+        } else if (HouseType == 3) {
+          str = "大床房";
+        } else if (HouseType == 4) {
+          str = "三人间";
+        } else if (HouseType == 5) {
+          str = "拼凑双人间";
+        } else {
+          str = "未分配";
+        }
+        return str;
+      },
+      //获取数据
+      getList() {
+        this.QueryMsg.loading = true;
+        this.apipost(
+          "travel_get_GetTravelGuestPageList",
+          this.msg,
+          res => {
+            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;
+            }
+          },
+          err => {}
+        );
+      },
+      exportExcel() {
+        this.QueryMsg.loading = true;
+        //导出报表
+        let msg = {
+          TCID: this.msg.TCID
+        };
+        var fileName = "旅客名单.xls";
+        if (this.QueryMsg.TeamInfoData != null) {
+          fileName =
+            "【" + this.QueryMsg.TeamInfoData[0].TCNUM + "】旅客名单.xls";
+        }
+        this.GetLocalFile("travel_get_GetTravelGuestExport", msg, fileName, res => {
+          this.QueryMsg.loading = false;
+        });
+      },
+
+      //获取团期信息
+      getTeamInfo() {
+        var qmsg = {
+          TCID: this.TCID
+        };
+        this.apipost(
+          "travel_get_GetTravelPriceReportInfo",
+          qmsg,
+          res => {
+            if (res.data.resultCode == 1) {
+              this.QueryMsg.TeamInfoData = res.data.data;
+            }
+          },
+          err => {}
+        );
       }
-      this.GetLocalFile("travel_get_GetTravelGuestExport", msg, fileName);
     },
-
-    //获取团期信息
-    getTeamInfo() {
-      var qmsg = {
-        TCID: this.TCID
-      };
-      this.apipost(
-        "travel_get_GetTravelPriceReportInfo",
-        qmsg,
-        res => {
-          if (res.data.resultCode == 1) {
-            this.QueryMsg.TeamInfoData = res.data.data;
-          }
-        },
-        err => {}
-      );
+    mounted() {
+      this.TCID = this.$route.query.id;
+      this.msg.TCID = this.TCID;
+      this.msg.OrderId = this.$route.query.OrderId;
+      this.getTeamInfo();
+      this.getList();
     }
-  },
-  mounted() {
-    this.TCID = this.$route.query.id;
-    this.msg.TCID = this.TCID;
-    this.msg.OrderId = this.$route.query.OrderId;
-    this.getTeamInfo();
-    this.getList();
-  }
-};
-</script>
\ No newline at end of file
+  };
+
+</script>