新增机票业绩页面

src/components/Ticketing/flightPerformance.vue

@@ -23,25 +23,26 @@
         <li>
           <span>
             <em>月份</em>
-            <el-date-picker v-model='msg.QMonth'   value-format="yyyy-MM" type="month"></el-date-picker>
+            <el-date-picker v-model='msg.QMonth' value-format="yyyy-MM" type="month"></el-date-picker>
           </span>
         </li>
         <li>
-          <input type="button" class="hollowFixedBtn" @click="getList()"
-            :value="$t('pub.searchBtn')" />
+          <input type="button" class="hollowFixedBtn" @click="getList()" :value="$t('pub.searchBtn')" />
+          <input type="button" class="hollowFixedBtn" @click="DownLoad()" value="导出" />
         </li>
       </ul>
     </div>
-    <table class="singeRowTable fpTable" border="0" cellspacing="0" cellpadding="0">
+    <table class="singeRowTable fpTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
         <th>团期</th>
         <th>出团公司</th>
         <th>线路</th>
         <th>人数</th>
-        <th>操作人员</th>     
+        <th>操作人员</th>
       </tr>
       <tr v-for="item in dataList">
-        <td>{{item.TCNUM}}</td>
+        <td> <a style="color:blue;cursor:pointer" @click='goUrlT("RegistrationList",item.TCID,"报名清单")'>
+            ({{item.TCID}}){{item.TCNUM}} </a></td>
         <td>{{item.OutBranchName}}</td>
         <td>{{item.LineName}}</td>
         <td>{{item.TicketNum}}</td>
@@ -61,8 +62,8 @@
           CreateBy: 0, //操作人
           QMonth: '', //月份
         },
-        value1:'',
-        dataList:[],
+        loading: false,
+        dataList: [],
         //航空公司下拉
         airlineList: [],
         //操作人下拉
@@ -71,22 +72,35 @@
     },
     mounted() {
       let date = new Date(),
-       y = date.getFullYear(),
-       m = date.getMonth() < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
-       this.msg.QMonth = y + '-' + m ;
+        y = date.getFullYear(),
+        m = date.getMonth() < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
+      this.msg.QMonth = y + '-' + m;
       this.initAirlines();
       this.getEmployeeList();
       this.getList()
     },
     methods: {
-      getList() { //获取列表数据
+      //页面跳转
+      goUrlT(path, obj, title) {
+        this.$router.push({
+          name: path,
+          query: {
+            "id": obj,
+            blank: 'y',
+            tab: title
+          }
+        })
+      },
+      //获取列表数据
+      getList() {
+        this.loading = true;
         this.apipost("AirTicket_get_GetTicketPerformance", this.msg, res => {
+          this.loading = false;
           if (res.data.resultCode == 1) {
             this.dataList = res.data.data;
-          } 
+          }
         });
       },
-
       //初始化航空公司下拉
       initAirlines() {
         this.apipost(
@@ -111,6 +125,15 @@
           err => {}
         );
       },
+      //下载业绩数据
+      DownLoad() {
+        this.loading = true;
+        var fileName = "机票业绩下载" + this.msg.QMonth + ".xls";
+        this.GetLocalFile("AirTicket_get_DownLoadGetTicketPerformance", this.msg, fileName,
+          res => {
+            this.loading = false;
+          });
+      }
     }
   }