增加页面

src/components/FinancialModule/ticketSearch.vue

+<style>
+    .ts_Click{
+        color: blue; 
+        text-decoration: underline; font-size: 12px; cursor: pointer;
+    }
+
+</style>
+<template>
+  <div class="">
+    <div class="query-box">
+      <ul>
+        <li>
+          <span>
+            <em>日期</em>
+            <el-date-picker class="h34" v-model="transactionDate" @change="timeAdd(3)" type="daterange" value-format="yyyy-MM-dd">
+            </el-date-picker>
+          </span>
+        </li>
+        <li>
+          <span>
+            <em>团号</em>
+            <el-input v-model="msg.TCNUM" type="text"></el-input>
+          </span>
+        </li>
+        <li>
+          <span>
+            <em>团队编号</em>
+            <el-input v-model="msg.TCID" type="text"></el-input>
+          </span>
+        </li>
+        <li>
+          <button class="hollowFixedBtn" @click="getList(),resetPageIndex()">{{$t('pub.searchBtn')}}</button>
+        </li>
+      </ul>
+    </div>
+    <div class="_fnDm_content">
+      <table class="singeRowTable" cellspacing="0" cellpadding="0" v-loading="loading">
+        <tr>
+          <th>团号/团队编号</th>
+          <th>订单号</th>
+          <th>创建时间</th>
+          <th>取消时间</th>
+          <th>创建人</th>
+          <th>修改人</th>
+          <th>确认时间</th>
+        </tr>
+        <tr v-for="item in dataList">
+          <td>
+            <span class="ts_Click" @click='goUrl("RegistrationList", item.TCID,"报名清单")'>{{item.TCNUM}}（{{item.TCID}}）</span>
+          </td>
+          <td>{{item.OrderId}}</td>
+          <td>{{item.CreateDateStr}}</td>
+          <td>{{item.OrderCancelTimeStr}}</td>
+          <td>{{item.EnterName}}</td>
+          <td>{{item.LogUpdateByName}}</td>
+          <td>{{item.TicketSureTimeStr}}</td>
+        </tr>
+      </table>
+      <div class="noDataNotice" v-if="dataList.length<1">
+        <i class="iconfont icon-kong"></i>
+        <p>{{$t("active.ld_noData")}}</p>
+      </div>
+      <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>
+  </div>
+</template>
+<script>
+  // 自定义列组件
+  export default {
+    data() {
+      return {
+        loading: false,
+        msg: {
+          QStartDate: '',
+          QEndDate: '',
+          TCNUM: '',
+          TCID: '',
+          pageIndex: 1,
+          pageSize: 15
+        },
+        transactionDate: [],
+        dataList: [],
+        currentPage: 1,
+        total: 0
+      }
+    },
+    created() {
+
+    },
+    components: {},
+    mounted() {
+      this.getList();
+    },
+    methods: {
+      getList: function () {
+        this.loading = true;
+        this.apipost('sellorder_get_GetOrderCancelListService', this.msg, res => {
+          this.loading = false;
+          console.log(res, 'resss');
+          if (res.data.resultCode == 1) {
+            this.dataList = res.data.data.pageData;
+            this.total = res.data.data.count;
+          } else {
+            this.Error(res.data.message);
+          }
+        }, err => {})
+      },
+      timeAdd(t) { // 日期格式
+        if (!this.transactionDate) {
+          this.msg.QStartDate = '';
+          this.msg.QEndDate = '';
+          return
+        }
+        this.msg.QStartDate = this.transactionDate[0];
+        this.msg.QEndDate = this.transactionDate[1];
+      },
+      //翻页
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      resetPageIndex() { // 重置页码
+        this.msg.pageIndex = 1;
+        this.currentPage = 1;
+      },
+      goUrl(path, id, name) {
+        this.$router.push({
+          name: path,
+          query: {
+            id: id,
+            blank: "y",
+            tab: name
+          }
+        });
+      },
+
+    }
+  }
+
+</script>

src/router/config.js

@@ -3012,7 +3012,16 @@ export default {
                             meta: {
                                 title: '现金日报表'
                             },
-                        }, { //财务 银行日报表
+                        },
+                        { //财务 票务订单查询
+                            path: '/ticketSearch',
+                            name: 'ticketSearch',
+                            component: resolve => require(['@/components/FinancialModule/ticketSearch'], resolve),
+                            meta: {
+                                title: '票务订单查询'
+                            },
+                        }, 
+                        { //财务 银行日报表
                             path: '/TransferReport',
                             name: 'TransferReport',
                             component: resolve => require(['@/components/FinancialModule/TransferReport'], resolve),