修改团队收入确认单

src/components/TravelManager/TravelList/priceIncomeConfirmInfo.vue

 <style>
-    .priceIncomeTable{
-        width:1200px;
-        border-collapse:collapse;
-        font-size:14px;
+  .priceIncomeTable {
+    width: 1200px;
+    border-collapse: collapse;
+    font-size: 14px;
   }
-    .priceIncomeTable td{
+
+  .priceIncomeTable td {
     border: 1px solid #dcdfe6;
-        height:34px;
+    height: 34px;
     background-color: #fff;
     text-align: center;
   }
-    .priceComtd{
-        background: #e6e6e6!important;
+
+  .priceComtd {
+    background: #e6e6e6 !important;
   }
-    .princeOrderSpan{
-        margin-right:10px;
+
+  .princeOrderSpan {
+    margin-right: 10px;
     display: inline-block;
   }
-    .PriceRemark{
-        width:100%;
+
+  .PriceRemark {
+    width: 100%;
     min-height: 100px;
-        padding:10px;
+    padding: 10px;
     font-size: 14px;
     background-color: #fff;
   }
-    .leftRemarkTitle{
-        float:left;
-        width:5%;
+
+  .leftRemarkTitle {
+    float: left;
+    width: 5%;
     text-align: right;
   }
-    .rightRemarkContent{
-        float:left;
-        width:95%;
+
+  .rightRemarkContent {
+    float: left;
+    width: 95%;
   }
-    .priceContent{
-        width:830px;
-        padding:15px;
+
+  .priceContent {
+    width: 830px;
+    padding: 15px;
     background-color: #fff;
-        min-height:500px;
+    min-height: 500px;
   }
-    .pri_title{
+
+  .pri_title {
     font-size: 18px;
     text-align: center;
-        margin-bottom:20px;
+    margin-bottom: 20px;
   }
-    .priceContent table td,.priceContent table th{
-        height:34px;
-        padding:10px;
+
+  .priceContent table td, .priceContent table th {
+    height: 34px;
+    padding: 10px;
   }
-    .priceContent .pri_EmpName{
-        float:left;
-        margin-left:20px;
+
+  .priceContent .pri_EmpName {
+    float: left;
+    margin-left: 20px;
   }
-    .priceContent .pri_DateTime{
-        float:right;
+
+  .priceContent .pri_DateTime {
+    float: right;
     margin-right: 20px;
   }
-    .leftDepart{
-        display:inline-block;
-        width:60%;
-        height:35px;
+
+  .leftDepart {
+    display: inline-block;
+    width: 60%;
+    height: 35px;
   }
-    .rightDepart{
-        width:39%;
-        height:35px;
+
+  .rightDepart {
+    width: 39%;
+    height: 35px;
     display: inline-block;
   }
-    .comTextAlign{
+
+  .comTextAlign {
     text-align: left;
-        padding:10px 30px!important;
+    padding: 10px 30px !important;
   }
 </style>
 
@@ -78,29 +92,29 @@
     <div class="clearfix">
       <div class="leftDepart">
         <span>部门：</span>
-                <span>微图科技有限公司</span>
-            </div>
-            <div class="rightDepart">
-                <span>单号：</span>
-                <span>123456</span>
+        <span>{{confirmInfo.DepartmentName}}</span>
       </div>
+      <!--<div class="rightDepart">-->
+      <!--<span>单号：</span>-->
+      <!--<span>123456</span>-->
+      <!--</div>-->
     </div>
     <table border="1" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
       <tr>
         <td>团号</td>
         <td>团队编号</td>
         <td>人数</td>
-                <td colspan="5"></td>
+        <td colspan="5">{{confirmInfo.PeopleNum}}</td>
       </tr>
       <tr>
-                <td></td>
-                <td></td>
+        <td>{{confirmInfo.TCID}}</td>
+        <td>{{confirmInfo.TCNUM}}</td>
         <td>领队</td>
-                <td colspan="5"></td>
+        <td colspan="5">{{confirmInfo.LeaderName}}</td>
       </tr>
       <tr>
         <td>团队收入合计</td>
-                <td colspan="7"></td>
+        <td colspan="7">{{confirmInfo.TotalIncome}}</td>
       </tr>
       <tr>
         <td colspan="8" class="comTextAlign">交易明细</td>
@@ -112,22 +126,21 @@
         <td>优惠金额</td>
         <td>手续费</td>
         <td>退款</td>
-                <td>未收</td>
         <td>在途</td>
+        <td>未收</td>
       </tr>
-            <tr>
+      <tr v-for="item in confirmInfo.TradeTravelOrderList">
         <td>
-                    <div>青衣江门店</div>
-                    <div>1388888888</div>
+          <div>{{item.ContactName}}</div>
+          <div>{{item.ContactMobile}}</div>
         </td>
-                <td>3000</td>
-                <td>2000</td>
-                <td>500</td>
-                <td>500</td>
-                <td>50</td>
-                <td>0</td>
-                <td>1000</td>
-            </tr>
+        <td>{{item.PreferPrice}}</td>
+        <td>{{item.Income}}</td>
+        <td>{{item.DiscountMoney}}</td>
+        <td>{{item.PlatformTax}}</td>
+        <td>{{item.Refund}}</td>
+        <td>{{item.ZaiTuMoney}}</td>
+        <td>{{item.OutstandingAmount}}</td>
       <tr>
         <td colspan="8" class="comTextAlign">平台款项</td>
       </tr>
@@ -141,34 +154,39 @@
         <td>在途</td>
         <td>未收</td>
       </tr>
-            <tr>
-                <td>和平国旅</td>
-                <td>3000</td>
-                <td>29000</td>
-                <td>100</td>
-                <td>200</td>
-                <td>200</td>
-                <td>1100</td>
-                <td>0</td>
+      <tr v-for="item in confirmInfo.PlatformTravelOrderList">
+        <td>{{item.BrandName}}</td>
+        <td>{{item.PreferPrice}}</td>
+        <td>{{item.Income}}</td>
+        <td>{{item.DiscountMoney}}</td>
+        <td>{{item.PlatformTax}}</td>
+        <td>{{item.Refund}}</td>
+        <td>{{item.ZaiTuMoney}}</td>
+        <td>{{item.OutstandingAmount}}</td>
       </tr>
       <tr>
         <td>其中</td>
         <td>直客收入</td>
-                <td colspan="6"></td>
+        <td colspan="6">{{confirmInfo.DirectGuestIncome}}</td>
       </tr>
       <tr>
         <td></td>
         <td>同行交客收入</td>
-                <td colspan="6"></td>
+        <td colspan="6">{{confirmInfo.PlatformGuestIncome}}</td>
       </tr>
       <tr>
         <td></td>
         <td>平台收入</td>
-                <td colspan="6"></td>
+        <td colspan="6">{{confirmInfo.PlatformIncome}}</td>
       </tr>
       <tr>
-                <td colspan="8" class="comTextAlign">
-                    备注：
+        <td colspan="8">
+                <span class="pri_EmpName">
+                    操作人：{{confirmInfo.EmpName}}
+                </span>
+          <span class="pri_DateTime">
+                    操作时间：{{confirmInfo.DateTimeStr}}
+                </span>
         </td>
       </tr>
     </table>
@@ -223,38 +241,40 @@
 </template>
 <script>
   export default {
-    data() {
+    data () {
       return {
-        loading:false,
+        loading: false,
         msg: {
-            tcid:''
+          tcid: ''
         },
-        dataList:[],
-      };
+        confirmInfo: {},
+      }
     },
     methods: {
-      getList() {
+      getList () {
         //获取数据
-        this.loading=true;
+        this.loading = true
         this.apipost(
-          "travel_post_GetPriceIncomeConfirmInfo",
+          'travel_post_GetPriceIncomeConfirmInfo',
           this.msg,
           res => {
-            this.loading=false;
+            this.loading = false
             if (res.data.resultCode == 1) {
-                this.dataList = res.data.data;
+              this.confirmInfo = res.data.data
+              console.log(this.confirmInfo)
             } else {
-              this.Error(res.data.message);
+              this.Error(res.data.message)
             }
           },
-          err => {}
-        );
+          err => {
+          }
+        )
       },
     },
-    mounted() {
-      this.msg.tcid = this.$route.query.TCID;
-      this.getList();
+    mounted () {
+      this.msg.tcid = this.$route.query.TCID
+      this.getList()
+    }
   }
-  };
 </script>