新增机票业绩

src/components/Ticketing/flightPerformance.vue

+<style>
+    .fpTable th{
+        border-bottom: 1px solid #d1d1d1;
+        border-right: 1px solid #d1d1d1;
+    }
+</style>
+
+<template>
+  <div class="flexOne">
+    <div class="query-box">
+      <ul>
+        <li>
+          <span>
+            <em>航空公司</em>
+            <el-select v-model="msg.AirLineID" filterable :placeholder="$t('system.ph_in')">
+                <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
+                <el-option v-for="item in airlineList" :label="item.AlName" :value="item.AirLineId" :key="item.AirLineId">
+                </el-option>
+            </el-select>
+          </span>
+        </li>
+        <li>
+          <span>
+            <em>操作人</em>
+            <el-select v-model="msg.CreateBy" filterable :placeholder="$t('system.ph_in')">
+              <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
+              <el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId"
+                :key="item.EmployeeId"></el-option>
+            </el-select>
+          </span>
+        </li>
+        <li>
+          <span>
+            <em>航班日期</em>
+            <el-date-picker  class="w135" v-model="msg.QFlightDateStart" type="date"
+            :picker-options="beforeCheck" value-format="yyyy-MM-dd" :placeholder="$t('admin.admin_choDate')">
+            </el-date-picker>
+            <span class="_ln">-</span>
+            <el-date-picker  class="w135" v-model="msg.QFlightDateEnd" type="date" :picker-options="afterCheck"
+            value-format="yyyy-MM-dd" :placeholder="$t('admin.admin_choDate')"></el-date-picker>
+          </span>
+        </li>
+        <li>
+          <span>
+            <em>发团日期</em>
+            <el-date-picker  class="w135" v-model="msg.StartDate" type="date"
+             value-format="yyyy-MM-dd" :placeholder="$t('admin.admin_choDate')">
+            </el-date-picker>
+            <span class="_ln">-</span>
+            <el-date-picker  class="w135" v-model="msg.endDate" type="date"
+            value-format="yyyy-MM-dd" :placeholder="$t('admin.admin_choDate')"></el-date-picker>
+          </span>
+        </li>
+        <li>
+          <input type="button" class="hollowFixedBtn" @click="resetPageIndex();getList()" :value="$t('pub.searchBtn')" />
+        </li>
+      </ul>
+    </div>
+    <table class="singeRowTable fpTable" border="0" cellspacing="0" cellpadding="0">
+      <tr>
+        <th width="150" rowspan="2">序号</th>
+        <th width="300" rowspan="2">团期</th>
+        <th colspan="3">操作提交数据</th>
+        <th colspan="3">公司核实数据</th>
+      </tr>
+      <tr>
+            <th>人数</th>
+            <th>金额</th>
+            <th>备注</th>
+            <th>人数</th>
+            <th>金额</th>
+            <th>备注</th>
+      </tr>
+      <tr>
+          <td>1</td>
+          <td>123</td>
+          <td>1</td>
+          <td>1</td>
+          <td>1</td>
+          <td>1</td>
+          <td>1</td>
+          <td>1</td>
+      </tr>
+    </table>
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper"
+      :page-size=msg.pageSize :total=total>
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        msg: {
+          pageIndex: 1,
+          pageSize: 15,
+          AirLineID: 0,
+          CreateBy: 0, //操作人
+          QFlightDateStart:'',
+          QFlightDateEnd:'',
+          StartDate:'',
+          endDate:''
+        },
+        //航空公司下拉
+        airlineList:[],
+        //操作人下拉
+        EmployeeList: [],
+        beforeCheck: {
+          disabledDate: time => {
+            if (this.msg.QFlightDateEnd) {
+              let endTime = new Date(this.msg.QFlightDateEnd);
+              return  time&&endTime.getTime() < time.getTime();
+            }else
+            {
+              return false;
+            }
+          }
+        },
+        afterCheck: {
+          disabledDate: time => {
+            if (this.msg.QFlightDateStart) {
+              let startTime = new Date(this.msg.QFlightDateStart);
+              //可以选择当天
+              return  time && time.getTime() < startTime.getTime() - 1 * 24 * 60 * 60 * 1000;
+            }
+            else
+            {
+              return false;
+            }
+          }
+        }
+      }
+    },
+    mounted() {
+      this.initAirlines();
+      this.getEmployeeList();
+      this.getList()
+    },
+    methods: {
+      getList() { //获取列表数据
+        this.apipost("admin_get_RoleGetPageList", this.msg, res => {
+          if (res.data.resultCode == 1) {
+            this.dataList = res.data.data.pageData;
+            this.total = res.data.data.count;
+          } else {}
+        }, err => {})
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      resetPageIndex() {
+        this.msg.pageIndex = 1;
+        this.currentPage = 1
+      },
+      //初始化航空公司下拉
+      initAirlines() {
+        this.apipost(
+          "airline_post_GetList", {},
+          res => {
+            if (res.data.resultCode == 1) {
+              this.airlineList = res.data.data;
+            }
+          },
+          err => {}
+        );
+      },
+      //根据当前员工所在部门获取该部门及子部门员工信息
+      getEmployeeList() {
+        this.apipost(
+          "admin_get_GetEmployeeByUserDepartmentId", {},
+          res => {
+            if (res.data.resultCode == 1) {
+              this.EmployeeList = res.data.data;
+            }
+          },
+          err => {}
+        );
+      },
+    }
+  }
+</script>

src/router/config.js

@@ -791,6 +791,14 @@ export default {
                                 title: '航班管理'
                             },
                         },
+                        {
+                            path: '/flightPerformance', //机票业绩
+                            name: 'flightPerformance',
+                            component: resolve => require(['@/components/Ticketing/flightPerformance'], resolve),
+                            meta: {
+                                title: '机票业绩'
+                            },
+                        },
                         {
                             path: '/flightChild', //航班子表管理
                             name: 'flightChild',