一、功能实现
多班检票主要包括:车辆查询、票号检票
二、操作过程
输入车辆编号,自动执行查询,查询符合该编号的车辆
点击一条车辆数据,显示出该车辆的所有座位,蓝色的是未售的,红色的是已售的,绿色的是已售并且已经检票了的
点击座位,下方的文本框可以获取该座位的详细信息,到达的车站,发车的日期时间,该车票的车票类型,票价多少以及该座位的座位号
点击右侧已报班次中的表格数据,待发班次的文本框可以获取到该班次的发车时间,班次名称,行驶的路线,走这条线的车辆的车牌号,以及该班次的售票情况:已售多少和已经检票的数量,未检和留票的数量
三、部分代码
<script>
var zuo = 0;//座位数
var InformationID;
function Check2(record) {
$("#btnLetter").empty();
Seating = record.Seating;
zuo = Seating + 1;
InformationID = record.InformationID;
$.post("/TicketManagement/ManyClassTicket/SelectPiaoByID", { InformationID: InformationID }, function (data) {
for (var i = 1; i < zuo ; i++) {
var is = false;
var TicketNumber = "";
for (var j = 0; j < data.length; j++) {
if (data[j].SeatNamber == i) {
is = true;
TicketNumber = data[j].TicketNumber;
break;
}
}
if (is == true) {
var TicketStatusID;
//console.log(data[j]);
if (data[j].TicketStatusID == 1) {
$("#btnLetter").append(
'<button class="btn btn-green-flip YangShi" style="margin:5px;" type="button" id=zuowei' + i + ' onclick="TicketPiao(' + TicketNumber + ')">' + '座位' + i + '</button>'
);
} else {
$("#btnLetter").append(
'<button class="btn btn-red-flip YangShi" style="margin:5px;" type="button" id=zuowei' + i + ' onclick="TicketPiao(' + TicketNumber + ','+i+')">' + '座位' + i + '</button>'
);
}
} else {
$("#btnLetter").append(
'<button class="btn btn-blue-flip YangShi" style="margin:5px;" type="button" id=zuowei' + i + '>' + '座位' + i + '</button>'
);
}
}
});
var TicketStatusID = record.TicketStatusID;
if (TicketStatusID !=null) {
TicketStatusID = 1;
ShouPiao.search({ TicketStatusID: TicketStatusID });
}
}
var Zuowei = 0;
function TicketPiao(TicketNumber, zuowei) {
Zuowei = zuowei;
console.log(TicketNumber);
$("#TicketNumber").val(TicketNumber);
Search();
}
$("#btn-Jian").click(function () {
var TicketID = $('#formPiaoHao [name="TicketID"]').val();
var TicketStatusID = 1;
$.post("/TicketManagement/ManyClassTicket/JianPiao", { TicketID: TicketID, TicketStatusID: TicketStatusID }, function (msg) {
if (TicketStatusID = 1) {
$("#zuowei" + Zuowei).removeClass('btn-red-flip');
$("#zuowei" + Zuowei).addClass('btn-green-flip');
layer.alert(msg, { icon: 1, title: '提示' });
} else {
layer.alert('错误', { icon: 2, title: '提示' });
}
})
})
</script>