save

src/components/TravelManager/TravelTeam/priceGroup.vue

@@ -645,6 +645,9 @@
                     <el-dropdown-item @click.native="gotoOrder(item)">
                       报名清单
                     </el-dropdown-item>
+                    <el-dropdown-item @click.native="gotoPay(item)">
+                      包机结算
+                    </el-dropdown-item>
                   </el-dropdown-menu>
                 </el-dropdown>
               </div>
@@ -726,6 +729,13 @@
           tcmun: item.TCNUM
         });
       },
+      //跳转到报名清单
+      gotoPay(item) {
+        this.OpenNewPage('/TravelPay', {
+          id: item.TCID,
+          tcmun: item.TCNUM
+        });
+      },
       // 结束日期不能大于开始日期
       dataDui() {
         if (this.msg.StartTime > this.msg.EndTime && this.msg.EndTime !== "") {

src/components/TravelManager/TravelTeam/travelPayList.vue

+<style scoped>
+  @import "../../../assets/css/newTravelManager.css";
+
+  .w_20 {
+    width: 20%;
+  }
+
+  .w_10 {
+    width: 10%;
+  }
+
+  .mb {
+    margin-bottom: 10px;
+  }
+
+  .title {
+    font-weight: 600;
+  }
+
+  .p20 {
+    padding: 20px;
+  }
+
+</style>
+<template>
+  <div class="TC_Content">
+    <div class="TC-MyList">
+      <div class="TravelTclList" v-loading="queryMsg.loading">
+        <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
+          layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
+        </el-pagination>
+        <ul>
+          <li v-for="(item,index) in queryDataObj.dataList" :key="item.GTeamId"
+            :class="{'TC_hasContent':item.OPInnerRemark==''&&item.OPRemark==''}">
+            <div class="TC_remarkContent">
+              <div class="el-col w_20">
+                <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-biaoti1"></i><span>包机信息</span></div>
+                  <div>合作伙伴:<span>{{item.ContactName}}</span></div>
+                  <div>已入名单人数：<span>{{item.EntGuestNum}}</span></div>
+                  <div>已入名单人数：<span>{{item.IsHaveFinance}}</span></div>
+                  <div>报名总人数:<span>{{item.GuestNum}}</span></div>
+                  <div>应收总金额：<span>{{item.PreferPrice}}</span></div>
+                  <div>退款金额：<span>{{item.Refund}}</span></div>
+                  <div>平台税金:<span>{{item.PlatformTax}}</span></div>
+                  <div>实收：<span>{{item.Income}}</span></div>
+                  <div>在途金额：<span>{{item.ZaiTuMoney}}</span></div>
+                  <div>折扣金额:<span>{{item.DiscountMoney}}</span></div>
+                  <div>大红包抵扣金额：<span>{{item.RedEnvelopeMoney}}</span></div>
+                  <div>代收总金额：<span>{{item.DueInMoney}}</span></div>
+                  <div>利润（先给这个字段，规则还没有）：<span>{{item.CommissionRate}}</span></div>
+                  
+                </div>
+              </div>
+              <div class="el-col w_20">
+                <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-hangban1"></i><span>航班信息</span></div>
+                </div>
+              </div>
+              <div class="el-col w_10">
+                <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-jiage"></i><span>机位信息</span></div>
+                </div>
+              </div>
+              <div class="el-col w_10">
+                <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-jiage"></i><span>价格信息</span></div>
+                </div>
+              </div>
+              <div class="el-col w_20">
+                <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-tuandui"></i><span>合作伙伴</span></div>
+                </div>
+              </div>
+              <div class="el-col w_10">
+                <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-yuangong"></i><span>发起信息</span></div>
+                </div>
+              </div>
+              <div class="el-col w_10">
+                <div class="p20">
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+        <div class="noData" v-show="queryMsg.noData">{{$t('system.content_noData')}}</div>
+        <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
+          layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
+        </el-pagination>
+      </div>
+    </div>
+    <el-dialog class="app-attachment-dialog" width="900" :title="dialogTitle" :visible.sync="isShowEditTeamDialog"
+      :close-on-click-modal="false">
+      <editTeamInfo v-if="isShowEditTeamDialog" :Q_GTeamId="GTeamId" @success="refreshPage"></editTeamInfo>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  import editTeamInfo from "../TravelTeam/editTeamInfo"; //新增修改包机团
+
+  export default {
+    provide() {
+      return {
+        reload: this.reload
+      }
+    },
+    components: {
+      editTeamInfo
+    },
+    data() {
+      return {
+        isShowEditTeamDialog: false, //是否显示新增修改包机团弹窗
+        dialogTitle: "添加包机信息", //弹窗名称
+        GTeamId: 0, //包机团队Id
+        //查询参数
+        queryMsg: {
+          pageIndex: 1,
+          pageSize: 10,
+          total: 0,
+          TCID: '',
+          //是否有数据
+          noData: false,
+          currentPage: 1,
+          loading: false, //加载层
+        },
+        queryDataObj: {
+          dataList: [], //数据列表
+        },
+      };
+    },
+    //监听器
+    watch: {
+      // 方法1
+      '$route'(to, from) { //监听路由是否变化
+        location.reload()
+      },
+    },
+    methods: {
+      //刷新页面
+      refreshPage() {
+        this.isShowEditTeamDialog = false;
+        this.getTravelTeamList();
+      },
+      //翻页
+      handleCurrentChange(val) {
+        this.queryMsg.pageIndex = val;
+        this.getTravelTeamList();
+      },
+      //重新查询
+      resetQuery() {
+        this.queryMsg.pageIndex = 1;
+        this.getTravelTeamList();
+      },
+      //获取包机列表
+      getTravelTeamList() {
+        this.queryMsg.loading = true;
+        this.apipost(
+          "sellorder_post_GetTravelTeamOrderList",
+          this.queryMsg,
+          res => {
+            this.queryMsg.loading = false;
+            if (res.data.resultCode == 1) {
+              this.queryDataObj.dataList = res.data.data;
+              this.queryMsg.total = res.data.data.count;
+            }
+          }
+        );
+      },
+    },
+    mounted() {
+      console.log('mounted', this.$route)
+      this.queryMsg.TCID = this.$route.query.id
+      this.getTravelTeamList();
+    },
+    created() {
+    }
+  };
+
+</script>

src/router/config.js

@@ -2317,7 +2317,7 @@ export default {
               name: 'priceGroup',
               component: resolve => require(['@/components/TravelManager/TravelTeam/priceGroup'], resolve),
               meta: {
-                title: '包机列表'
+                title: '包机产品'
               },
             }, {
               path: '/TravelTeam', //包机列表
@@ -2326,6 +2326,13 @@ export default {
               meta: {
                 title: '包机列表'
               },
+            }, {
+              path: '/TravelPay', // 包机结算
+              name: 'TravelPay',
+              component: resolve => require(['@/components/TravelManager/TravelTeam/travelPayList'], resolve),
+              meta: {
+                title: '包机结算'
+              },
             }, {
               path: '/TravelSupplier', //供应商列表
               name: 'TravelSupplier',