save

src/components/airplane/apply.vue → src/components/TravelManager/TravelTeam/apply.vue

-<style scoped>
+  <style scoped>
 .wrapper {
     width: 600px;
     background: #fff;

src/components/TravelManager/TravelTeam/orderInfo.vue

+  <style scoped>
+.wrapper {
+    width: 600px;
+    background: #fff;
+    margin: 0 auto;
+    padding: 20px;
+}
+</style>
+<template>
+  <div class="wrapper">
+              <el-table v-if="dataList.length>0" :data="dataList" style="width:100%" border v-loading='loading'
+                :height="tableHeight">
+                <el-table-column fixed label="ホテル名" min-width="180">
+                  <template slot-scope="scope">
+                    <div>
+                      {{scope.row.HotelName}}</div>
+                    <div>{{scope.row.TotalInventory}}</div>
+                  </template>
+                </el-table-column>
+              </el-table>
+  </div>
+</template>
+<script>
+const baseInfo = {
+    start: '',
+    end: '',
+    max: ''
+}
+export default {
+  data() {
+    return {
+      editForm: {},
+      baseList: [this.createBaseInfo()]
+    };
+  },
+  methods: {
+    handleAddOrDelete(index) {
+        if(index) {
+            this.baseList.splice(index, 1)
+        } else {
+            this.baseList.push(this.createBaseInfo())
+        }
+    },
+    createBaseInfo() {
+        return JSON.parse(JSON.stringify(baseInfo))
+    }
+  }
+};
+</script>
\ No newline at end of file

src/components/TravelManager/TravelTeam/travelTeamList.vue

-<style>
+<style scoped>
   @import "../../../assets/css/newTravelManager.css";
 
   .w_20 {
     width: 20%;
   }
-
+.mb {
+  margin-bottom: 10px;
+}
+.title {
+  font-weight: 600;
+}
   .p20 {
     padding: 20px;
   }
@@ -56,42 +61,49 @@
           <li v-for="(item,index) in queryDataObj.dataList" :key="index"
             :class="{'TC_hasContent':item.OPInnerRemark==''&&item.OPRemark==''}">
             <div class="TC_remarkContent">
-              <div class="el-col w-20">
+              <div class="el-col w_20">
                 <div class="p20">
-                  <div><span>{{item.GTeamName}}</span></div>
+                  <div class="mb title"><i class="iconfont icon-biaoti1"></i><span>包机信息</span></div>
+                  <div class="mb"><span>{{item.GTeamName}}</span></div>
                   <div>出发日期：<span>{{item.StartDate}}</span></div>
                 </div>
               </div>
-              <div class="el-col w-20">
-                <div class="p20" v-for="(subItem,subIndex) in item.TravelTeamFlightList" :key="subIndex+1000">
+              <div class="el-col w_20">
+                  <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-hangban1"></i><span>航班信息</span></div>
+                <div class="mb" v-for="(subItem,subIndex) in item.TravelTeamFlightList" :key="subIndex+1000">
                   <div> {{subItem.Flight_number}}
                     {{subItem.DepartureAirPortName}} {{subItem.Departure_time}} {{subItem.ArrivalAirPortName}}
                     {{subItem.Arrival_time}}</div>
-                </div>
+                </div></div>
               </div>
               <div class="el-col w_20">
                 <div class="p20">
-                  <div><span>经济舱 {{item.YSeat}}</span></div>
-                  <div><span>商务舱 {{item.CSeat}}</span></div>
-                  <div><span>头等舱 {{item.FSeat}}</span></div>
-                  <div><span>中心价 {{item.MiddlePrice}}</span></div>
+                  <div class="mb title"><i class="iconfont icon-jiage"></i><span>航班价格</span></div>
+                  <div class="mb"><span>经济舱: {{item.YSeat}}</span></div>
+                  <div class="mb"><span>商务舱: {{item.CSeat}}</span></div>
+                  <div class="mb"><span>头等舱: {{item.FSeat}}</span></div>
+                  <div><span>中心价: {{item.MiddlePrice}}</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>
                   <template v-for="(subItem,subIndex) in item.TravelTeamPartnerList">
                     <el-tag :key="subIndex+1000" style="margin-right:10px;">{{subItem.CustomerName}}</el-tag>
                   </template>
                 </div>
               </div>
               <div class="el-col w_20">
-                <div class="p20">发起人：{{item.CreateByName}}</div>
-                <div class="p20">发起时间：{{item.CreateTime}}</div>
+                  <div class="p20">
+                  <div class="mb title"><i class="iconfont icon-yuangong"></i><span>发起信息</span></div>
+                <div class="mb">发起人：{{item.CreateByName}}</div>
+                <div>发起时间：{{item.CreateTime}}</div></div>
               </div>
               <div class="el-col w_20">
                 <div class="p20">
-                  <span>操作</span>
-                  <el-button @click.native='goUrl("RegistrationList", item.TCID,"报名情况")' type="primary" size="mini"
+                  <!-- <span>操作</span> -->
+                  <el-button class="mb" @click.native='goUrl("airplaneInfo", item.GTeamId,"包机信息")' type="primary" size="mini"
                     style="background:#00C6FF; border-color:#00C6FF">修改
                   </el-button>
                   <el-dropdown trigger="click">

src/router/config.js

@@ -2291,13 +2291,34 @@ export default {
               meta: {
                 title: '团控列表'
               },
-            }, , {
+            }, {
+              path: '/airplaneInfo', //包机信息
+              name: 'airplaneInfo',
+              component: resolve => require(['@/components/TravelManager/TravelTeam/addInfo'], resolve),
+              meta: {
+                title: '包机信息'
+              },
+            }, {
               path: '/TravelTeam', //包机列表
               name: 'TravelTeam',
               component: resolve => require(['@/components/TravelManager/TravelTeam/travelTeamList'], resolve),
               meta: {
                 title: '包机列表'
               },
+            }, {
+              path: '/airplaneGroup', //团控信息
+              name: 'airplaneGroup',
+              component: resolve => require(['@/components/TravelManager/TravelTeam/airplaneGroup'], resolve),
+              meta: {
+                title: '团控信息'
+              },
+            }, {
+              path: '/airplaneApply', //在线申请
+              name: 'airplaneApply',
+              component: resolve => require(['@/components/TravelManager/TravelTeam/apply'], resolve),
+              meta: {
+                title: '在线申请'
+              },
             }, {
               path: '/TravelSupplier', //供应商列表
               name: 'TravelSupplier',
@@ -5815,34 +5836,6 @@ export default {
           meta: {
             title: '供应商投诉'
           },
-        }, {
-          path: '/airplaneInfo', //包机信息
-          name: 'airplaneInfo',
-          component: resolve => require(['@/components/airplane/addInfo'], resolve),
-          meta: {
-            title: '包机信息'
-          },
-        }, {
-          path: '/airplaneGroup', //团控信息
-          name: 'airplaneGroup',
-          component: resolve => require(['@/components/airplane/airplaneGroup'], resolve),
-          meta: {
-            title: '团控信息'
-          },
-        }, {
-          path: '/airplaneGroup', //团控信息
-          name: 'airplaneGroup',
-          component: resolve => require(['@/components/airplane/airplaneGroup'], resolve),
-          meta: {
-            title: '团控信息'
-          },
-        }, {
-          path: '/airplane/apply', //在线申请
-          name: 'airplane/apply',
-          component: resolve => require(['@/components/airplane/apply'], resolve),
-          meta: {
-            title: '在线申请'
-          },
         }
       ]
     },