调整团队收入确认单

src/components/TravelManager/TravelList/priceIncomeConfirmInfo.vue

@@ -38,7 +38,6 @@
         padding:15px;
         background-color: #fff;
         min-height:500px;
-        color:#c94052;
     }
     .pri_title{
         font-size: 18px;
@@ -57,12 +56,123 @@
         float:right;
         margin-right: 20px;
     }
+    .leftDepart{
+        display:inline-block;
+        width:60%;
+        height:35px;
+    }
+    .rightDepart{
+        width:39%;
+        height:35px;
+        display: inline-block;
+    }
+    .comTextAlign{
+        text-align: left;
+        padding:10px 30px!important;
+    }
 </style>
 
 <template>
     <div class="priceContent">
         <p class="pri_title">团队收入确认单</p>
-        <table border="1" bordercolor="#c94052" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
+        <div class="clearfix">
+            <div class="leftDepart">
+                <span>部门：</span>
+                <span>微图科技有限公司</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>
+            </tr>
+            <tr>
+                <td></td>
+                <td></td>
+                <td>领队</td>
+                <td colspan="5"></td>
+            </tr>
+            <tr>
+                <td>团队收入合计</td>
+                <td colspan="7"></td>
+            </tr>
+            <tr>
+                <td colspan="8" class="comTextAlign">交易明细</td>
+            </tr>
+            <tr>
+                <td>同行名称</td>
+                <td>应收金额</td>
+                <td>实收金额</td>
+                <td>优惠金额</td>
+                <td>手续费</td>
+                <td>退款</td>
+                <td>未收</td>
+                <td>在途</td>
+            </tr>
+            <tr>
+                <td>
+                    <div>青衣江门店</div>
+                    <div>1388888888</div>
+                </td>
+                <td>3000</td>
+                <td>2000</td>
+                <td>500</td>
+                <td>500</td>
+                <td>50</td>
+                <td>0</td>
+                <td>1000</td>
+            </tr>
+            <tr>
+                <td colspan="8" class="comTextAlign">平台款项</td>
+            </tr>
+            <tr>
+                <td>平台名称</td>
+                <td>应收金额</td>
+                <td>实收金额</td>
+                <td>优惠金额</td>
+                <td>手续费</td>
+                <td>退款</td>
+                <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>
+            <tr>
+                <td>其中</td>
+                <td>直客收入</td>
+                <td colspan="6"></td>
+            </tr>
+            <tr>
+                <td></td>
+                <td>同行交客收入</td>
+                <td colspan="6"></td>
+            </tr>
+            <tr>
+                <td></td>
+                <td>平台收入</td>
+                <td colspan="6"></td>
+            </tr>
+            <tr>
+                <td colspan="8" class="comTextAlign">
+                    备注：
+                </td>
+            </tr>
+        </table>
+        <!-- <table border="1" bordercolor="#c94052" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
             <tr>
                 <th>部门</th>
                 <th>{{dataList.DepartmentName}}</th>
@@ -108,7 +218,7 @@
                     </span>
                 </td>
             </tr>
-        </table>
+        </table> -->
     </div>
 </template>
 <script>