新增订单取消查询页面

src/components/FinancialModule/ticketSearch.vue

 <style>
-    .ts_Click{
-        color: blue; 
-        text-decoration: underline; font-size: 12px; cursor: pointer;
-    }
+  .ts_Click {
+    color: blue;
+    text-decoration: underline;
+    font-size: 12px;
+    cursor: pointer;
+  }
 
 </style>
 <template>
@@ -12,7 +14,8 @@
         <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 class="h34" v-model="transactionDate" @change="timeAdd(3)" type="daterange"
+              value-format="yyyy-MM-dd">
             </el-date-picker>
           </span>
         </li>
@@ -25,7 +28,7 @@
         <li>
           <span>
             <em>团队编号</em>
-            <el-input v-model="msg.TCID" type="text"></el-input>
+            <el-input v-model="msg.TCID" type="text" @keyup.native="checkInteger(msg,'TCID')"  ></el-input>
           </span>
         </li>
         <li>
@@ -38,32 +41,32 @@
         <tr>
           <th>团号/团队编号</th>
           <th>订单号</th>
-          <th>创建时间</th>
-          <th>取消时间</th>
-          <th>创建人</th>
-          <th>修改人</th>
-          <th>确认时间</th>
+          <th>下单时间</th>
+          <th>业务员</th>
+          <th>票务出票时间/尾款时间</th>
+          <th>订单取消时间</th>
+          <th>订单取消人</th>
         </tr>
-        <tr v-for="item in dataList">
+        <tr v-for="(item,index) in dataList" :key="index">
           <td>
-            <span class="ts_Click" @click='goUrl("RegistrationList", item.TCID,"报名清单")'>{{item.TCNUM}}（{{item.TCID}}）</span>
+            <span class="ts_Click"
+              @click='goUrl("RegistrationList", item.TCID,"报名清单")'>{{item.TCNUM}}&nbsp;({{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>
+          <td>{{item.OrderCancelTimeStr}}</td>
+          <td>{{item.LogUpdateByName}}</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 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>
@@ -99,7 +102,6 @@
         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;
@@ -136,8 +138,6 @@
           }
         });
       },
-
     }
   }
-
-</script>
+</script>
\ No newline at end of file