Skip to content

S
SuperMan
Commit cba07d53 authored by 黄奎's avatar 黄奎
Browse files
Options

机票修改

parent 0afeff93
Hide whitespace changes
Inline Side-by-side
Showing with 911 additions and 803 deletions
src/components/Ticketing/TicketManager.vue
View file @ cba07d53
...@@ -1299,7 +1299,7 @@ ...@@ -1299,7 +1299,7 @@
<li> <li>
<span> <span>
<em>编号</em> <em>编号</em>
<el-input v-model="msg.ID" placeholder="机票编号"></el-input> <el-input v-model="msg.ID" placeholder="机票编号" @keyup.native="checkInteger(msg,'ID')"></el-input>
</span> </span>
</li> </li>
<li> <li>
...@@ -2733,8 +2733,7 @@ ...@@ -2733,8 +2733,7 @@
this.chengeDelIdList = []; this.chengeDelIdList = [];
this.apipost( this.apipost(
"ticket_get_GetEntityExtend", { "ticket_get_GetEntityExtend", {
ID, ID:ID
ID
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -2751,8 +2750,6 @@ ...@@ -2751,8 +2750,6 @@
res.data.data.flightList.forEach((x, index) => { res.data.data.flightList.forEach((x, index) => {
this.chengeDelIdList.push(x.ID); this.chengeDelIdList.push(x.ID);
}); });
console.log(this.addMsg,'addmsg');
} else { } else {
this.Warning(res.data.message); this.Warning(res.data.message);
} }
......
src/components/TravelManager/Ticket/TravelMyTicket.vue
View file @ cba07d53
<style> <style>
.TravelMyTicket .el-input--prefix .el-input__inner { .TravelMyTicket .el-input--prefix .el-input__inner {
padding-left: 30px; padding-left: 30px;
} }
.TravelMyTicket_list {
padding: 20px 0 0 0; .TravelMyTicket_list {
} padding: 20px 0 0 0;
.TravelMyTicket ._ol_info { }
font-size: 12px;
width: 100%; .TravelMyTicket ._ol_info {
overflow-x: auto; font-size: 12px;
height: 100%; width: 100%;
} overflow-x: auto;
height: 100%;
.TravelMyTicket ._ol_color { }
font-size: 12px;
width: 100%; .TravelMyTicket ._ol_color {
margin-bottom: 20px; font-size: 12px;
} width: 100%;
.TravelMyTicket ._ol_color li { margin-bottom: 20px;
float: left; }
padding: 0 15px;
display: flex; .TravelMyTicket ._ol_color li {
align-items: center; float: left;
} padding: 0 15px;
.TravelMyTicket ._ol_color li ._cl { display: flex;
border-radius: 3px; align-items: center;
display: inline-block; }
width: 5px;
height: 12px; .TravelMyTicket ._ol_color li ._cl {
margin-right: 5px; border-radius: 3px;
} display: inline-block;
.TravelMyTicket ._red { width: 5px;
background-color: #e95252; height: 12px;
} margin-right: 5px;
.TravelMyTicket ._red_text { }
color: #e95252;
} .TravelMyTicket ._red {
.TravelMyTicket ._green { background-color: #e95252;
background-color: #47bf8c; }
}
.TravelMyTicket ._green_text { .TravelMyTicket ._red_text {
color: #47bf8c; color: #e95252;
} }
.TravelMyTicket ._blu {
background-color: #2aaef2; .TravelMyTicket ._green {
} background-color: #47bf8c;
.TravelMyTicket ._blu_text { }
color: #2aaef2;
} .TravelMyTicket ._green_text {
.TravelMyTicket ._ol_list { color: #47bf8c;
margin-top: 20px; }
min-height: 500px;
} .TravelMyTicket ._blu {
.TravelMyTicket ._ol_list > li { background-color: #2aaef2;
/* display: flex; */ }
align-items: center;
overflow: hidden; .TravelMyTicket ._blu_text {
height: auto; color: #2aaef2;
border: 1px solid #dddddd; }
margin: 20px 0 0px 15px;
transition: linear all 0.5s; .TravelMyTicket ._ol_list {
background-color: #fff; margin-top: 20px;
} min-height: 500px;
.TravelMyTicket ._ol_list > li:hover { }
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s; .TravelMyTicket ._ol_list>li {
} /* display: flex; */
.TravelMyTicket ._oll_tit { align-items: center;
color: #333333; overflow: hidden;
font-size: 14px; height: auto;
overflow: hidden; border: 1px solid #dddddd;
text-overflow: ellipsis; margin: 20px 0 0px 15px;
white-space: nowrap; transition: linear all 0.5s;
} background-color: #fff;
.TravelMyTicket ._oll_tit span { }
display: inline-block;
padding: 1px 10px; .TravelMyTicket ._ol_list>li:hover {
font-size: 12px; box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
border: solid 1px #ff9000; transition: all linear 0.5s;
color: #ff9000; }
border-radius: 4px;
} .TravelMyTicket ._oll_tit {
.TravelMyTicket ._oll_line { color: #333333;
max-width: 5px; font-size: 14px;
min-width: 5px; overflow: hidden;
height: 107px; text-overflow: ellipsis;
position: absolute; white-space: nowrap;
left: 5px; }
top: 0;
z-index: 50; .TravelMyTicket ._oll_tit span {
background: rgba(233, 82, 82, 1); display: inline-block;
border-top-left-radius: 4px; padding: 1px 10px;
border-bottom-left-radius: 4px; font-size: 12px;
display: inline-block; border: solid 1px #ff9000;
} color: #ff9000;
.TravelMyTicket ._oll_line._o_green { border-radius: 4px;
background: #47bf8c; }
}
.TravelMyTicket ._oll_line._o_blu { .TravelMyTicket ._oll_line {
background: #2aaef2; max-width: 5px;
} min-width: 5px;
.TravelMyTicket ._oll_info { height: 107px;
padding-left: 20px; position: absolute;
overflow: hidden; left: 5px;
} top: 0;
.TravelMyTicket ._oll_img { z-index: 50;
height: 50px; background: rgba(233, 82, 82, 1);
width: 50px; border-top-left-radius: 4px;
margin-top: 10px; border-bottom-left-radius: 4px;
border-radius: 50%; display: inline-block;
} }
.TravelMyTicket ._oll_adrr {
color: white; .TravelMyTicket ._oll_line._o_green {
font-size: 12px; background: #47bf8c;
margin-top: 8px; }
overflow: hidden;
text-overflow: ellipsis; .TravelMyTicket ._oll_line._o_blu {
white-space: nowrap; background: #2aaef2;
display: inline-block; }
padding: 4px 9px;
background-color: #2aaef2; .TravelMyTicket ._oll_info {
border-radius: 2px; padding-left: 20px;
} overflow: hidden;
.TravelMyTicket .InfoChangeLog { }
max-width: 250px;
height: auto; .TravelMyTicket ._oll_img {
min-width: 250px; height: 50px;
max-height: 220px; width: 50px;
background-color: #ffffff; margin-top: 10px;
position: absolute; border-radius: 50%;
left: 0; }
z-index: 50;
top: 70px; .TravelMyTicket ._oll_adrr {
padding: 30px 20px 20px 0; color: white;
box-shadow: 0px 0px 14px 0px #adadad; font-size: 12px;
} margin-top: 8px;
.TravelMyTicket .InfoChangeLog .close { overflow: hidden;
color: #cccccc; text-overflow: ellipsis;
cursor: pointer; white-space: nowrap;
position: absolute; display: inline-block;
right: 10px; padding: 4px 9px;
top: 10px; background-color: #2aaef2;
width: 17px; border-radius: 2px;
height: 17px; }
}
.wangfan { .TravelMyTicket .InfoChangeLog {
color: #2aaef2 !important; max-width: 250px;
font-size: 12px !important; height: auto;
display: inline-block !important; min-width: 250px;
padding: 4px 9px !important; max-height: 220px;
background-color: white !important; background-color: #ffffff;
border-radius: 9px !important; position: absolute;
border: 1px solid #2aaef2 !important; left: 0;
width: auto !important; z-index: 50;
height: auto !important; top: 70px;
} padding: 30px 20px 20px 0;
.wangfan.hollowFixedBtn:hover { box-shadow: 0px 0px 14px 0px #adadad;
color: #ffffff; }
border-color: #2aaef2;
background-color: #2aaef2; .TravelMyTicket .InfoChangeLog .close {
} color: #cccccc;
.wangfan.hollowFixedBtn { cursor: pointer;
cursor: pointer; position: absolute;
} right: 10px;
.TravelMyTicket .TMT_CNY { top: 10px;
height: 100%; width: 17px;
display: flex; height: 17px;
align-items: center; }
color: #333333;
font-size: 16px; .wangfan {
padding-left: 25px; color: #2aaef2 !important;
min-width: 170px; font-size: 12px !important;
} display: inline-block !important;
.TMT_CNY span { padding: 4px 9px !important;
color: #47bf8c; background-color: white !important;
font-size: 18px; border-radius: 9px !important;
} border: 1px solid #2aaef2 !important;
.TMT_Seat { width: auto !important;
height: 100%; height: auto !important;
display: flex; }
}
.TM_SeatList { .wangfan.hollowFixedBtn:hover {
min-width: 250px; color: #ffffff;
height: 60px; border-color: #2aaef2;
background-color: #f9f9f9; background-color: #2aaef2;
margin: 9px 20px 0 0; }
}
.TM_SeatList > ul > li:nth-child(1) { .wangfan.hollowFixedBtn {
margin-left: 16px; cursor: pointer;
} }
.TM_SeatList > ul > li {
float: left; .TravelMyTicket .TMT_CNY {
text-align: center; height: 100%;
margin: 5px 21px 0 0; display: flex;
} align-items: center;
.TM_SeatList > ul > li:last-child { color: #333333;
margin-right: 0; font-size: 13px;
} min-width: 100px;
.TM_SeatList .iconfont { }
color: #d1d1d1;
display: inline-block; .TMT_CNY span {
margin-top: 5px; color: #47bf8c;
} font-size: 18px;
.TM_SeatList ._num1 { }
font-size: 20px;
color: #333333; .TMT_Seat {
font-family: PingFangSC-Semibold, sans-serif; height: 100%;
} display: flex;
.TM_SeatList .TM_num2 { }
font-size: 20px;
width: 45px; .TM_SeatList {
display: inline-block; min-width: 180px;
text-align: left; height: 60px;
color: #47bf8c; background-color: #f9f9f9;
font-family: PingFangSC-Semibold, sans-serif; margin: 9px 20px 0 0;
} }
.TM_SeatList ._num3 {
font-size: 20px; .TM_SeatList>ul>li:nth-child(1) {
color: #e95252; margin-left: 16px;
font-family: PingFangSC-Semibold, sans-serif; }
}
.TM_SeatList ._wz { .TM_SeatList>ul>li {
color: #666666; float: left;
} text-align: center;
.TM_SeatList ._yiyong { margin: 5px 21px 0 0;
cursor: pointer; }
text-decoration: underline;
} .TM_SeatList>ul>li:last-child {
/* .TMT_raduis{margin-left:50px;} */ margin-right: 0;
.TMT_raduis > ul { }
display: -webkit-box;
align-items: center; .TM_SeatList .iconfont {
padding-left: 25px; color: #d1d1d1;
} display: inline-block;
.TMT_raduis > ul > li:not(._head) { margin-top: 5px;
height: 24px; }
width: 24px;
border-radius: 50%; .TM_SeatList ._num1 {
background-color: #47bf8c; font-size: 20px;
color: white; color: #333333;
text-align: center; font-family: PingFangSC-Semibold, sans-serif;
line-height: 24px; }
margin-right: 16px;
} .TM_SeatList .TM_num2 {
.TMT_raduis > ul > li:not(._head) { font-size: 20px;
background-color: #bcbcbc; width: 45px;
color: #909090; display: inline-block;
} text-align: left;
.TMT_raduis > ul > li._head { color: #47bf8c;
display: flex; font-family: PingFangSC-Semibold, sans-serif;
align-items: center; }
}
.TMT_raduis > ul > li._head img { .TM_SeatList ._num3 {
height: 26px; font-size: 20px;
width: 26px; color: #e95252;
border-radius: 50%; font-family: PingFangSC-Semibold, sans-serif;
} }
.TMT_raduis > ul > li._head span {
padding-left: 7px; .TM_SeatList ._wz {
display: inline-block; color: #666666;
margin-right: 25px; }
}
._jztime { .TM_SeatList ._yiyong {
color: #666666; cursor: pointer;
min-width: 100px; text-decoration: underline;
} }
._jztime .PingFangSC {
font-size: 12px; /* .TMT_raduis{margin-left:50px;} */
} .TMT_raduis>ul {
._jztime ._text { display: -webkit-box;
font-size: 12px; align-items: center;
} padding-left: 25px;
._btn._tmt_page { }
height: 100%;
display: flex; .TMT_raduis>ul>li:not(._head) {
align-items: center; height: 24px;
} width: 24px;
.edHeight { border-radius: 50%;
display: block; background-color: #47bf8c;
} color: white;
.TravelMyTicket .el-pagination { text-align: center;
border: none !important; line-height: 24px;
} margin-right: 16px;
._tripDetails { }
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede; .TMT_raduis>ul>li:not(._head) {
} background-color: #bcbcbc;
._tripDetails .popper__arrow::after { color: #909090;
border-bottom-color: #ededed !important; }
}
._tripDetails table { .TMT_raduis>ul>li._head {
padding: 10px 0 0 20px; display: flex;
background-color: #ededed; align-items: center;
border-collapse: collapse; }
border: 1px solid #d2d2d2;
font-size: 12px; .TMT_raduis>ul>li._head img {
} height: 26px;
._tripDetails table th { width: 26px;
background-color: #ededed; border-radius: 50%;
padding: 5px; }
}
._tripDetails table td { .TMT_raduis>ul>li._head span {
background-color: #ffffff; padding-left: 7px;
padding: 9px 15px; display: inline-block;
color: #333333; margin-right: 25px;
border: 1px solid #d2d2d2; }
}
._tripDetails table td._d_name { ._jztime {
background-color: #ededed; color: #666666;
} min-width: 100px;
._tripDetails table ._color_666 { }
color: #666666;
} ._jztime .PingFangSC {
._tripDetails table tr._color_666 th { font-size: 12px;
padding: 9px 15px; }
}
.TMT_CNY p { ._jztime ._text {
color: #333333; font-size: 12px;
font-size: 14px; }
}
.TravelMyTicket .InfoChangeLog .changLog { ._btn._tmt_page {
background-color: #f9f9f9; height: 100%;
height: auto; display: flex;
max-height: 170px; align-items: center;
width: 100%; }
overflow: auto;
} .edHeight {
.TravelMyTicket .InfoChangeLog .changLog ul { display: block;
margin-left: 20px; }
}
.TravelMyTicket .InfoChangeLog .changLog li { .TravelMyTicket .el-pagination {
border-left: 1px solid #e9e9e9; border: none !important;
position: relative; }
padding-bottom: 15px;
padding-left: 20px; ._tripDetails {
} padding: 0;
.TravelMyTicket .InfoChangeLog .changLog li p { box-shadow: 0px 1px 3px 0px #dedede;
text-align: left; }
}
.TravelMyTicket .InfoChangeLog .changLog li .radius { ._tripDetails .popper__arrow::after {
width: 7px; border-bottom-color: #ededed !important;
height: 7px; }
border-radius: 50%;
display: inline-block; ._tripDetails table {
position: absolute; padding: 10px 0 0 20px;
left: -4px; background-color: #ededed;
top: 4px; border-collapse: collapse;
} border: 1px solid #d2d2d2;
.TravelMyTicket .InfoChangeLog .changLog li.red .radius { font-size: 12px;
background-color: #e95252; }
}
.TravelMyTicket .InfoChangeLog .changLog li.green .radius { ._tripDetails table th {
background-color: #47bf8c; background-color: #ededed;
} padding: 5px;
.TravelMyTicket .InfoChangeLog .time { }
color: #666666;
padding-bottom: 5px; ._tripDetails table td {
} background-color: #ffffff;
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar, padding: 9px 15px;
.TravelMyTicket ._ol_info::-webkit-scrollbar, color: #333333;
.addTravelMyTicket::-webkit-scrollbar, border: 1px solid #d2d2d2;
.Journal .changLogList::-webkit-scrollbar { }
/*滚动条整体样式*/
width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ ._tripDetails table td._d_name {
height: 8px; background-color: #ededed;
} }
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-thumb,
.TravelMyTicket ._ol_info::-webkit-scrollbar-thumb, ._tripDetails table ._color_666 {
.addTravelMyTicket::-webkit-scrollbar-thumb, color: #666666;
.Journal .changLogList::-webkit-scrollbar-thumb { }
/*滚动条里面小方块*/
border-radius: 4px; ._tripDetails table tr._color_666 th {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); padding: 9px 15px;
background: #c9c9c9; }
}
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-track, .TMT_CNY p {
.TravelMyTicket ._ol_info::-webkit-scrollbar-track, color: #333333;
.addTravelMyTicket::-webkit-scrollbar-track, font-size: 14px;
.Journal .changLogList::-webkit-scrollbar-track { }
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); .TravelMyTicket .InfoChangeLog .changLog {
border-radius: 4px; background-color: #f9f9f9;
background: #ededed; height: auto;
} max-height: 170px;
._bg_gre { width: 100%;
background-color: #47bf8c !important; overflow: auto;
color: white !important; }
}
.TravelMyTicket .Journal { .TravelMyTicket .InfoChangeLog .changLog ul {
width: 250px !important; margin-left: 20px;
} }
.Journal .InfoChangeLog {
height: auto; .TravelMyTicket .InfoChangeLog .changLog li {
max-height: 220px; border-left: 1px solid #e9e9e9;
background-color: #ffffff; position: relative;
} padding-bottom: 15px;
.Journal .changLogList { padding-left: 20px;
padding-left: 20px; }
max-height: 220px;
overflow: auto; .TravelMyTicket .InfoChangeLog .changLog li p {
margin: 15px 0; text-align: left;
} }
.Journal .changLogList_l {
border-left: 1px solid #e9e9e9; .TravelMyTicket .InfoChangeLog .changLog li .radius {
position: relative; width: 7px;
padding-bottom: 20px; height: 7px;
padding-left: 20px; border-radius: 50%;
} display: inline-block;
.Journal .changLogList_l:last-child { position: absolute;
border-left: 0; left: -4px;
padding-bottom: 0; top: 4px;
} }
.TravelMyTicket .Journal ._radius_green {
background-color: #47bf8c; .TravelMyTicket .InfoChangeLog .changLog li.red .radius {
width: 7px; background-color: #e95252;
height: 7px; }
border-radius: 50%;
display: inline-block; .TravelMyTicket .InfoChangeLog .changLog li.green .radius {
position: absolute; background-color: #47bf8c;
left: -4px; }
top: 15px;
} .TravelMyTicket .InfoChangeLog .time {
.TravelMyTicket .icon-img_plane { color: #666666;
font-size: 12px; padding-bottom: 5px;
-webkit-transform: scale(0.8); }
}
.TravelMyTicket .departName { .TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar,
text-align: right; .TravelMyTicket ._ol_info::-webkit-scrollbar,
} .addTravelMyTicket::-webkit-scrollbar,
.TravelMyTicket .arrivalName { .Journal .changLogList::-webkit-scrollbar {
text-align: left; /*滚动条整体样式*/
} width: 4px;
.TravelMyTicket ._destination .el-button:focus { /*高宽分别对应横竖滚动条的尺寸*/
background-color: #2aaef2 !important; height: 8px;
color: #fff !important; }
}
.TravelMyTicket .travelTo { .TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-thumb,
position: relative; .TravelMyTicket ._ol_info::-webkit-scrollbar-thumb,
top: -2px; .addTravelMyTicket::-webkit-scrollbar-thumb,
} .Journal .changLogList::-webkit-scrollbar-thumb {
.TravelMyTicket .multiple_input .el-input { /*滚动条里面小方块*/
height: auto !important; border-radius: 4px;
} -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
.TurnsOutSet { background: #c9c9c9;
position: fixed; }
width: 100%;
height: 150px; .TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-track,
background-color: #fff; .TravelMyTicket ._ol_info::-webkit-scrollbar-track,
border-top: 1px solid #d1d1d1; .addTravelMyTicket::-webkit-scrollbar-track,
bottom: 0; .Journal .changLogList::-webkit-scrollbar-track {
} /*滚动条里面轨道*/
.TurnTips { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
margin: 20px 0 30px 20px; border-radius: 4px;
color: #e95252; background: #ededed;
} }
.TurnZhu,
.TurnInputDiv, ._bg_gre {
.flightSetNum { background-color: #47bf8c !important;
margin-left: 20px; color: white !important;
} }
.TurnSureBtn {
margin-left: 30px; .TravelMyTicket .Journal {
} width: 250px !important;
.flightCode { }
width: 200px;
height: 100%; .Journal .InfoChangeLog {
} height: auto;
.Flight_number { max-height: 220px;
font-size: 14px; background-color: #ffffff;
color: #333; }
margin: 20px 0 5px 40px;
} .Journal .changLogList {
.flight_CodeName { padding-left: 20px;
margin-left: 40px; max-height: 220px;
color: #666666; overflow: auto;
font-size: 12px; margin: 15px 0;
} }
.inversion {
width: 60px; .Journal .changLogList_l {
height: 25px; border-left: 1px solid #e9e9e9;
line-height: 25px; position: relative;
padding: 0 !important; padding-bottom: 20px;
} padding-left: 20px;
.logDate { }
position: relative;
top: -4px; .Journal .changLogList_l:last-child {
} border-left: 0;
.TM_logContent { padding-bottom: 0;
font-size: 12px; }
}
.logCircle { .TravelMyTicket .Journal ._radius_green {
position: absolute; background-color: #47bf8c;
width: 7px; width: 7px;
height: 7px; height: 7px;
background-color: #47bf8c; border-radius: 50%;
border-radius: 50%; display: inline-block;
left: -24px; position: absolute;
top: 5px; left: -4px;
} top: 15px;
.TravelMyTicket .query-box ul .el-input { }
width: 150px;
} .TravelMyTicket .icon-img_plane {
.TravelMyTicket .vmiddle { font-size: 12px;
display: flex; -webkit-transform: scale(0.8);
align-items: Center; }
height: 78px;
} .TravelMyTicket .departName {
.TM_AirUrl { text-align: right;
margin-left: 20px; }
}
.TM_PNR { .TravelMyTicket .arrivalName {
width: 120px; text-align: left;
text-align: left; }
font-size: 12px;
} .TravelMyTicket ._destination .el-button:focus {
.TravelMyTicket .TICK_Code { background-color: #2aaef2 !important;
position: absolute; color: #fff !important;
left: 25px; }
top: 5px;
} .TravelMyTicket .travelTo {
.TravelMyTicket .TCID_cont { position: relative;
height: 28px; top: -2px;
line-height: 28px; }
border-top: 1px dashed #ccc;
text-indent: 20px; .TravelMyTicket .multiple_input .el-input {
} height: auto !important;
.Ticket_TCID { }
margin-right: 2px;
} .TurnsOutSet {
position: fixed;
width: 100%;
height: 150px;
background-color: #fff;
border-top: 1px solid #d1d1d1;
bottom: 0;
}
.TurnTips {
margin: 20px 0 30px 20px;
color: #e95252;
}
.TurnZhu,
.TurnInputDiv,
.flightSetNum {
margin-left: 20px;
}
.TurnSureBtn {
margin-left: 30px;
}
.flightCode {
width: 200px;
height: 100%;
}
.Flight_number {
font-size: 14px;
color: #333;
margin: 20px 0 5px 40px;
}
.flight_CodeName {
margin-left: 40px;
color: #666666;
font-size: 12px;
}
.inversion {
width: 60px;
height: 25px;
line-height: 25px;
padding: 0 !important;
}
.logDate {
position: relative;
top: -4px;
}
.TM_logContent {
font-size: 12px;
}
.logCircle {
position: absolute;
width: 7px;
height: 7px;
background-color: #47bf8c;
border-radius: 50%;
left: -24px;
top: 5px;
}
.TravelMyTicket .query-box ul .el-input {
width: 150px;
}
.TravelMyTicket .vmiddle {
display: flex;
align-items: Center;
height: 78px;
}
.TM_AirUrl {
margin-left: 20px;
}
.TM_PNR {
width: 120px;
text-align: left;
font-size: 12px;
}
.TravelMyTicket .TICK_Code {
position: absolute;
left: 25px;
top: 5px;
}
.TravelMyTicket .TCID_cont {
height: 28px;
line-height: 28px;
border-top: 1px dashed #ccc;
text-indent: 20px;
}
.Ticket_TCID {
margin-right: 2px;
}
/*航班详情*/
.TravelMyTicket .FlightDivDetails {
width: 100%;
height: 65px;
overflow: auto;
}
.TravelMyTicket ._flightList {
text-align: left;
font-size: 12px;
margin-bottom: 5px;
padding-right: 5px;
}
/*航班号*/
.TravelMyTicket .FlightNumber {
color: #ff0066;
font-weight: bold;
}
</style> </style>
<template> <template>
<div class="flexOne TravelMyTicket"> <div class="flexOne TravelMyTicket">
<div class="query-box"> <div class="query-box">
<ul> <ul>
<!-- <li>
<span class="hotel_name">
<em>出发地</em>
<el-select v-model="Query.Departure_city" id='xxx' filterable :placeholder="$t('system.ph_in')">
<el-option :label="$t('pub.unlimitedSel')" :value="selectDefauleValue"></el-option>
<el-option v-for="item in CityList"
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</span>
</li>
<li>
<span class="hotel_name">
<em>目的地</em>
<el-select v-model="Query.Arrival_city" filterable :placeholder="$t('system.ph_in')">
<el-option :label="$t('pub.unlimitedSel')" :value="selectDefauleValue"></el-option>
<el-option v-for="item in CityList"
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</span>
</li> -->
<li> <li>
<span class="hotel_name"> <span class="hotel_name">
<em>起飞时间</em> <em>起飞时间</em>
<el-date-picker class="w150" v-model="Query.QFlightDateStart" type="date" :picker-options="pickerBeginDateBefore" <el-date-picker class="w150" v-model="Query.QFlightDateStart" type="date"
value-format="yyyy-MM-dd" placeholder="开始日期"> :picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder="开始日期">
</el-date-picker> </el-date-picker>
<el-date-picker class="w150" v-model="Query.QFlightDateEnd" type="date" value-format="yyyy-MM-dd" <el-date-picker class="w150" v-model="Query.QFlightDateEnd" type="date" value-format="yyyy-MM-dd"
:picker-options="pickerBeginDateAfter" placeholder="结束日期"> :picker-options="pickerBeginDateAfter" placeholder="结束日期">
...@@ -571,14 +668,10 @@ ...@@ -571,14 +668,10 @@
</span> </span>
</li> </li>
<li> <li>
<span class="hotel_name"> <span>
<em>余位数量</em> <em>机票编号</em>
<el-input v-model="Query.StartNum" type="text" class="w150" @keyup.native="checkInteger(Query,'StartNum')" <el-input v-model="Query.AirticketId" placeholder="机票编号" @keyup.native="checkInteger(Query,'AirticketId')"></el-input>
@keyup.native.enter="getList" placeholder="请输入数量"></el-input>
<el-input v-model="Query.EndNum" type="text" class="w150" @keyup.native="checkInteger(Query,'EndNum')"
@keyup.native.enter="getList" placeholder="请输入数量"></el-input>
</span> </span>
</li> </li>
<li> <li>
<button class="normalBtn" type="button" @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button> <button class="normalBtn" type="button" @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
...@@ -587,9 +680,12 @@ ...@@ -587,9 +680,12 @@
</div> </div>
<div class="TravelMyTicket_list"> <div class="TravelMyTicket_list">
<ul class="_ol_color clearfix"> <ul class="_ol_color clearfix">
<li><span class="_red _cl"></span><span class="_red_text">{{$t('Airticket.Air_redType')}}：</span>{{$t('Airticket.Air_firstClass')}}</li> <li><span class="_red _cl"></span><span
<li><span class="_green _cl"></span><span class="_green_text">{{$t('Airticket.Air_greenType')}}：</span>{{$t('Airticket.Air_businessClass')}}</li> class="_red_text">{{$t('Airticket.Air_redType')}}：</span>{{$t('Airticket.Air_firstClass')}}</li>
<li><span class="_blu _cl"></span><span class="_blu_text">{{$t('Airticket.Air_blueType')}}：</span>{{$t('Airticket.Air_EconomyClass')}}</li> <li><span class="_green _cl"></span><span
class="_green_text">{{$t('Airticket.Air_greenType')}}：</span>{{$t('Airticket.Air_businessClass')}}</li>
<li><span class="_blu _cl"></span><span
class="_blu_text">{{$t('Airticket.Air_blueType')}}：</span>{{$t('Airticket.Air_EconomyClass')}}</li>
</ul> </ul>
<div class="_ol_info"> <div class="_ol_info">
<ul class="_ol_list" v-loading="loading"> <ul class="_ol_list" v-loading="loading">
...@@ -600,44 +696,31 @@ ...@@ -600,44 +696,31 @@
<span class="_oll_line _o_green" v-if="item.FreightSpace==2"></span> <span class="_oll_line _o_green" v-if="item.FreightSpace==2"></span>
<span class="_oll_line _o_blu" v-if="item.FreightSpace==3"></span> <span class="_oll_line _o_blu" v-if="item.FreightSpace==3"></span>
<div class="TM_AirUrl"> <div class="TM_AirUrl">
<span class="TICK_Code">编号：{{item.Id}}</span> <span class="TICK_Code">采购编号：{{item.Id}}</span>
<img v-if="!item.AirlineUrl" class="_oll_img" src="../../../assets/img/bg_z1@2x.png"> <img v-if="!item.AirlineUrl" class="_oll_img" src="../../../assets/img/bg_z1@2x.png">
<img v-else class="_oll_img" :src="item.AirlineUrl" :onerror="defaultImg"> <img v-else class="_oll_img" :src="item.AirlineUrl" :onerror="defaultImg">
</div> </div>
</el-col> </el-col>
<el-col :span="3" class="vmiddle"> <el-col :span="2" class="vmiddle">
<div class="_oll_info"> <div class="_oll_info">
<el-tooltip class="item" effect="dark" :content="item.AirlineName" placement="top-start" popper-class="max-w250"> <el-tooltip class="item" effect="dark" :content="item.AirlineName" placement="top-start"
popper-class="max-w250">
<p class="_oll_tit"> {{item.AirlineName}} </p> <p class="_oll_tit"> {{item.AirlineName}} </p>
</el-tooltip> </el-tooltip>
<span class="_oll_adrr">{{item.FreightSpaceStr}}</span> <span class="_oll_adrr">{{item.FreightSpaceStr}}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="1" class="vmiddle"> <el-col :span="4" class="vmiddle">
<div v-if="item.flightList!=null && item.flightList.length>0" class="_destination"> <div class="FlightDivDetails">
<el-popover popper-class="_tripDetails" width="550" trigger="click"> <div class="_flightList" v-for="subItem in item.flightList">
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <span class="FlightNumber">{{subItem.Flight_number}}</span>
<tr class="_color_666"> <span>{{subItem.FlightDate}} {{subItem.Departure_time}}</span>
<th>{{$t('Airticket.Air_segment')}}</th> <span>({{subItem.DIATA}}){{subItem.DepartureName}}</span>
<th>{{$t('system.query_flightNum')}}</th> <span v-if="subItem.StopoverName">-</span>
<th>{{$t('Airticket.Air_flightDate')}}</th> <span v-if="subItem.StopoverName">({{subItem.StopoverIATA}}){{subItem.StopoverName}}</span>
<th>{{$t('Airticket.Air_Trip')}}</th> <span v-if="subItem.ArrivalCityName">-</span>
</tr> <span v-if="subItem.ArrivalCityName">({{subItem.AIATA}}){{subItem.ArrivalCityName}}</span>
<tr v-for="(ds,din) in item.flightList"> </div>
<td class="_d_name _color_666" v-if="ds.FlightSubType==1&&din==0">{{$t('Airticket.Air_go')}}</td>
<td class="_d_name _color_666" v-else-if="ds.FlightSubType==1&&din!==tripDetails.length-1">{{$t('Airticket.Air_transit')}}</td>
<td class="_d_name _color_666" v-if="ds.FlightSubType==3&&din!==tripDetails.length-1">{{$t('Airticket.Air_transit')}}</td>
<td class="_d_name _color_666" v-else-if="din==tripDetails.length-1">{{$t('Airticket.Air_returnTrip')}}</td>
<td>{{ds.Flight_number}}</td>
<td>{{ds.FlightDate}} {{ds.Departure_time}}</td>
<td>
<div>({{ds.DIATA}}){{ds.DepartureName}}-({{ds.AIATA}}){{ds.ArrivalCityName}}</div>
<div style="margin-top:5px;">{{ds.dName}}-{{ds.aName}}</div>
</td>
</tr>
</table>
<el-button slot="reference" class="hollowFixedBtn wangfan">详情</el-button>
</el-popover>
</div> </div>
</el-col> </el-col>
<el-col :span="1" class="vmiddle"> <el-col :span="1" class="vmiddle">
...@@ -655,12 +738,12 @@ ...@@ -655,12 +738,12 @@
</el-popover> </el-popover>
</div> </div>
</el-col> </el-col>
<el-col :span="3" class="vmiddle"> <el-col :span="2" class="vmiddle">
<div class="TMT_CNY"> <div class="TMT_CNY">
<p slot="reference">{{$t('hotel.hotel_cost')}}<span class="PingFangSC">{{item.CostPrice}}</span></p> <p slot="reference">{{$t('hotel.hotel_cost')}}<span class="PingFangSC">{{item.CostPrice}}</span></p>
</div> </div>
</el-col> </el-col>
<el-col :span="5" class="vmiddle"> <el-col :span="4" class="vmiddle">
<div class="TMT_Seat"> <div class="TMT_Seat">
<div class="TM_SeatList"> <div class="TM_SeatList">
<ul class="clearfix"> <ul class="clearfix">
...@@ -668,17 +751,13 @@ ...@@ -668,17 +751,13 @@
<span class="iconfont icon-img_yizi"></span> <span class="iconfont icon-img_yizi"></span>
</li> </li>
<li> <li>
<p class="TM_num2">{{item.PurchaseAmount==null?'0':item.PurchaseAmount}}</p> <p class="TM_num2">{{item.TicketNum==null?'0':item.TicketNum}}</p>
<p class="_wz">采购数量</p> <p class="_wz">机票数量</p>
</li> </li>
<li> <li>
<p class="TM_num2">{{item.UseAmount==null?'0':item.UseAmount}}</p> <p class="TM_num2">{{item.UseAmount==null?'0':item.UseAmount}}</p>
<p class="_wz">使用数量</p> <p class="_wz">使用数量</p>
</li> </li>
<li>
<p class="TM_num2">{{item.LockNum==null?'0':item.LockNum}}</p>
<p class="_wz">锁定数量</p>
</li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -707,10 +786,10 @@ ...@@ -707,10 +786,10 @@
<p class="_text">{{$t('Airticket.Air_departureDate')}}</p> <p class="_text">{{$t('Airticket.Air_departureDate')}}</p>
</div> </div>
</el-col> </el-col>
<el-col :span="2" class="vmiddle"> <el-col :span="3" class="vmiddle">
<div class="_btn _tmt_page"> <div class="_btn _tmt_page">
<button class="hollowFixedBtn inversion" type="button" @click="outBtn(item)">转位</button> <button class="hollowFixedBtn inversion" type="button" @click="outBtn(item)">转位</button>
<el-tooltip class="item" effect="dark" content="日志" placement="top-start"> <el-tooltip class="item" effect="dark" content="日志" placement="top-start" style="display:none">
<el-popover popper-class="Journal" width="400" trigger="click"> <el-popover popper-class="Journal" width="400" trigger="click">
<div class="InfoChangeLog"> <div class="InfoChangeLog">
<div class="changLog"> <div class="changLog">
...@@ -727,7 +806,8 @@ ...@@ -727,7 +806,8 @@
</ul> </ul>
</div> </div>
</div> </div>
<button slot="reference" class="normalBtn inversion" type="button" @click="getLog(item.ID)">日志</button> <button slot="reference" class="normalBtn inversion" type="button"
@click="getLog(item.ID)">日志</button>
</el-popover> </el-popover>
</el-tooltip> </el-tooltip>
</div> </div>
...@@ -755,8 +835,8 @@ ...@@ -755,8 +835,8 @@
<div class="noData" v-show="noData"> <div class="noData" v-show="noData">
{{$t('system.content_noData')}} {{$t('system.content_noData')}}
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
:page-size=Query.pageSize :total=Query.total> layout="total,prev, pager, next, jumper" :page-size=Query.pageSize :total=Query.total>
</el-pagination> </el-pagination>
<div class="combottomDiv TC_divCon" v-if="isShowSet" style="height:200px;"> <div class="combottomDiv TC_divCon" v-if="isShowSet" style="height:200px;">
<div class="TurnTips">转出余位 <span class="TurnZhu">注：余位转出是指可以把剩余座位转让给其他的OP人员，但是需要得到对方的确认</span></div> <div class="TurnTips">转出余位 <span class="TurnZhu">注：余位转出是指可以把剩余座位转让给其他的OP人员，但是需要得到对方的确认</span></div>
...@@ -764,11 +844,13 @@ ...@@ -764,11 +844,13 @@
<span>接收人：</span> <span>接收人：</span>
<el-select v-model="outData.ReciveEmployeeId" filterable :placeholder="$t('system.ph_in')" class="w150"> <el-select v-model="outData.ReciveEmployeeId" filterable :placeholder="$t('system.ph_in')" class="w150">
<el-option :label="$t('pub.unlimitedSel')" :value="selectDefauleValue"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="selectDefauleValue"></el-option>
<el-option v-for="item in EmployeeList" :label='item.EmName' :value='item.EmployeeId' :key='item.EmployeeId'> <el-option v-for="item in EmployeeList" :label='item.EmName' :value='item.EmployeeId'
:key='item.EmployeeId'>
</el-option> </el-option>
</el-select> </el-select>
<span class="flightSetNum">转让机位数：</span> <span class="flightSetNum" style="display:none;">转让机位数：</span>
<el-input v-model="outData.OutNum" type="text" class="w160" :placeholder="OutPlaceHolder"></el-input> <el-input v-model="outData.OutNum" type="text" class="w160" :placeholder="OutPlaceHolder"
style="display:none;"></el-input>
<button class="normalBtn TurnSureBtn" @click="setOut()">确认</button> <button class="normalBtn TurnSureBtn" @click="setOut()">确认</button>
<button class="normalBtn" @click="isShowSet=false,outData.OutNum='',outData.ReciveEmployeeId=0">取消</button> <button class="normalBtn" @click="isShowSet=false,outData.OutNum='',outData.ReciveEmployeeId=0">取消</button>
</div> </div>
...@@ -778,188 +860,204 @@ ...@@ -778,188 +860,204 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
Query: { Query: {
//页码 //页码
pageIndex: 1, pageIndex: 1,
//每页显示条数 //每页显示条数
pageSize: 6, pageSize: 6,
//总条数 //总条数
total: 0, total: 0,
//出发城市编号 //出发城市编号
Departure_city: 0, Departure_city: 0,
//到达城市编号 //到达城市编号
Arrival_city: 0, Arrival_city: 0,
//起飞时间 //起飞时间
QFlightDateStart: "", QFlightDateStart: "",
QFlightDateEnd: "", QFlightDateEnd: "",
//余位数量 //余位数量
StartNum: "", StartNum: "",
EndNum: "" EndNum: "",
}, //机票编号
pickerBeginDateBefore: { AirticketId: ""
disabledDate: time => { },
let endTime = new Date(this.Query.QFlightDateEnd); pickerBeginDateBefore: {
return endTime.getTime() < time.getTime(); disabledDate: time => {
} let endTime = new Date(this.Query.QFlightDateEnd);
}, return endTime.getTime() < time.getTime();
pickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.Query.QFlightDateStart);
return startTime.getTime() >= time.getTime();
}
},
//转出机位参数
outData: {
ReciveEmployeeId: 0,
OutNum: "",
AirTicketPurchaseId: 0,
AirticketId: 0,
TotalNum: 0
},
//文本框提示值
OutPlaceHolder: "",
//下拉框默认值
selectDefauleValue: 0,
currentPage: 1,
//是否显示加载层
loading: false,
//是否有数据
noData: false,
//数据列表
dataList: [],
//航班详情
tripDetails: [],
//城市列表
CityList: [],
//隐藏显示转让机位数div
isShowSet: false,
//员工列表
EmployeeList: [],
//日志列表
LogList: [],
//默认图片
defaultImg:
'this.src="' + require("../../../assets/img/bg_z1@2x.png") + '"'
};
},
methods: {
getList() {
this.loading = true;
this.apipost(
"TravelAirTicket_Get_GetPurchasePageList",
this.Query,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.Query.total = res.data.data.count;
this.dataList = res.data.data.pageData;
this.noData = !this.Query.total > 0;
} else {
this.Warning(res.data.message);
} }
}, },
err => {} pickerBeginDateAfter: {
); disabledDate: time => {
}, let startTime = new Date(this.Query.QFlightDateStart);
//翻页功能按钮 return startTime.getTime() >= time.getTime();
handleCurrentChange(val) {
this.Query.pageIndex = val;
this.getList();
},
//查询初始化页码
resetPageIndex() {
this.Query.pageIndex = 1;
this.currentPage = 1;
},
//初始化城市
initCity() {
this.apipost(
"dict_post_Destination_GetCityList",
this.Query,
res => {
if (res.data.resultCode == 1) {
this.CityList = res.data.data;
} }
}, },
err => {} //转出机位参数
); outData: {
}, ReciveEmployeeId: 0,
//转出按钮点击事件 OutNum: "",
outBtn(item) { AirTicketPurchaseId: 0,
this.isShowSet = true; AirticketId: 0,
this.outData.AirTicketPurchaseId = item.Id; TotalNum: 0
this.outData.AirticketId = item.AirticketId; },
this.outData.TotalNum = //文本框提示值
item.PurchaseAmount - item.UseAmount - item.LockNum; OutPlaceHolder: "",
this.OutPlaceHolder = "可转出" + this.outData.TotalNum + "余位"; //下拉框默认值
selectDefauleValue: 0,
currentPage: 1,
//是否显示加载层
loading: false,
//是否有数据
noData: false,
//数据列表
dataList: [],
//航班详情
tripDetails: [],
//城市列表
CityList: [],
//隐藏显示转让机位数div
isShowSet: false,
//员工列表
EmployeeList: [],
//日志列表
LogList: [],
//默认图片
defaultImg: 'this.src="' + require("../../../assets/img/bg_z1@2x.png") + '"'
};
}, },
//机票转出 methods: {
setOut() { getList() {
if (this.outData.ReciveEmployeeId == 0) { this.loading = true;
this.Warning("请选择接受人员"); if (this.Query.AirticketId == "") {
return false; this.Query.AirticketId = 0;
} }
this.apipost(
"TravelAirTicket_Get_GetPurchasePageList",
this.Query,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.Query.total = res.data.data.count;
this.dataList = res.data.data.pageData;
this.noData = !this.Query.total > 0;
if (this.Query.AirticketId == 0) {
this.Query.AirticketId = "";
}
} else {
this.Warning(res.data.message);
}
},
err => {}
);
},
//翻页功能按钮
handleCurrentChange(val) {
this.Query.pageIndex = val;
this.getList();
},
//查询初始化页码
resetPageIndex() {
this.Query.pageIndex = 1;
this.currentPage = 1;
},
//初始化城市
initCity() {
this.apipost(
"dict_post_Destination_GetCityList",
this.Query,
res => {
if (res.data.resultCode == 1) {
this.CityList = res.data.data;
}
},
err => {}
);
},
//转出按钮点击事件
outBtn(item) {
this.isShowSet = true;
this.outData.AirTicketPurchaseId = item.Id;
this.outData.AirticketId = item.AirticketId;
this.outData.TotalNum =
item.PurchaseAmount - item.UseAmount - item.LockNum;
this.OutPlaceHolder = "可转出" + this.outData.TotalNum + "余位";
},
//机票转出
setOut() {
if (this.outData.OutNum == 0 || this.outData.OutNum == "") { if (this.outData.ReciveEmployeeId == 0) {
this.Warning("请输入要采购的数量"); this.Warning("请选择接受人员");
this.outData.OutNum = ""; return false;
return false; }
// if (this.outData.OutNum == 0 || this.outData.OutNum == "") {
// this.Warning("请输入要采购的数量");
// this.outData.OutNum = "";
// return false;
// }
var that = this;
this.Confirm("是否将机票转出?", function () {
that.apipost(
"TravelAirTicket_Post_SetAirticketOut",
that.outData,
res => {
if (res.data.resultCode == 1) {
that.Success("转出机位成功!");
that.isShowSet = false;
that.outData.ReciveEmployeeId = 0;
that.outData.OutNum = "";
that.getList();
} else {
that.Error(res.data.message);
}
},
err => {}
);
});
},
//根据当前员工所在部门获取该部门及子部门员工信息
getEmployeeList() {
var msg = {
GroupId: this.getLocalStorage().RB_Group_id
}
this.apipost(
"admin_get_EmployeeGetList",
msg,
res => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
}
},
err => {}
);
},
//获取日志
getLog(id) {
this.LogList = [];
var qmsg = {
PurchaseId: id
};
this.apipost(
"TravelAirTicket_Get_AirticketOutLog",
qmsg,
res => {
if (res.data.resultCode == 1) {
this.LogList = res.data.data;
}
},
err => {}
);
} }
this.apipost(
"TravelAirTicket_Post_SetAirticketOut",
this.outData,
res => {
if (res.data.resultCode == 1) {
this.Success("转出机位成功!");
this.isShowSet = false;
this.outData.ReciveEmployeeId = 0;
this.outData.OutNum = "";
this.getList();
} else {
this.Error(res.data.message);
}
},
err => {}
);
}, },
//根据当前员工所在部门获取该部门及子部门员工信息 mounted() {
getEmployeeList() { this.initCity();
this.apipost( this.getList();
"admin_get_GetEmployeeByUserDepartmentId", this.getEmployeeList();
{},
res => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
}
},
err => {}
);
},
//获取日志
getLog(id) {
this.LogList = [];
var qmsg = {
PurchaseId: id
};
this.apipost(
"TravelAirTicket_Get_AirticketOutLog",
qmsg,
res => {
if (res.data.resultCode == 1) {
this.LogList = res.data.data;
}
},
err => {}
);
} }
}, };
mounted() {
this.initCity();
this.getList();
this.getEmployeeList();
}
};
</script> </script>
src/components/TravelManager/Ticket/TravelticketManager.vue
View file @ cba07d53
...@@ -622,13 +622,13 @@ ...@@ -622,13 +622,13 @@
<div class="flexOne TravelticketManager"> <div class="flexOne TravelticketManager">
<div class="query-box"> <div class="query-box">
<ul> <ul>
<li> <li>
<span> <span>
<em>线路</em> <em>线路</em>
<el-select v-model="Query.LineId" :placeholder="$t('pub.pleaseSel')" class="w120"> <el-select v-model="Query.LineId" :placeholder="$t('pub.pleaseSel')" class="w120">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in LineList" :key="item.LineID" :label="item.LineName" <el-option v-for="item in LineList" :key="item.LineID" :label="item.LineName" :value="item.LineID">
:value="item.LineID"></el-option> </el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
...@@ -660,6 +660,12 @@ ...@@ -660,6 +660,12 @@
</el-input> </el-input>
</span> </span>
</li> </li>
<li>
<span>
<em>机票编号</em>
<el-input v-model="Query.ID" placeholder="机票编号" @keyup.native="checkInteger(Query,'ID')"></el-input>
</span>
</li>
<li> <li>
<button class="hollowFixedBtn" type="button" <button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button> @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
...@@ -816,11 +822,12 @@ ...@@ -816,11 +822,12 @@
<div class="TCID_cont PingFangSC"> <div class="TCID_cont PingFangSC">
团期： 团期：
<span v-show="item.PriceList.length==0">暂无</span> <span v-show="item.PriceList.length==0">暂无</span>
<span class="Ticket_TCID" v-for="subItem in item.PriceList">({{subItem.TCID}}){{subItem.TCNUM}} &nbsp;</span> <span class="Ticket_TCID" v-for="subItem in item.PriceList">({{subItem.TCID}}){{subItem.TCNUM}}
&nbsp;</span>
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<div class="TCID_cont"> 采购人：<span style="color:red;">{{item.PurchaseManName}}</span> </div> <div class="TCID_cont"> 采购人：<span style="color:red;">{{item.PurchaseManName}}</span> </div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<div class="TCID_cont"> <div class="TCID_cont">
...@@ -860,7 +867,7 @@ ...@@ -860,7 +867,7 @@
data() { data() {
return { return {
Query: { Query: {
LineId:0,//线路编号 LineId: 0, //线路编号
//页码 //页码
pageIndex: 1, pageIndex: 1,
//每页显示条数 //每页显示条数
...@@ -887,10 +894,12 @@ ...@@ -887,10 +894,12 @@
//起飞状态 //起飞状态
FlyState: "0", FlyState: "0",
//是否查询采购人员(1-查询，0-不查询) //是否查询采购人员(1-查询，0-不查询)
IsQueryPurchase:1, IsQueryPurchase: 1,
//机票编号
ID: "",
}, },
//线路列表 //线路列表
LineList:[], LineList: [],
//下拉框默认值 //下拉框默认值
selectDefauleValue: 0, selectDefauleValue: 0,
//防止重复提交 //防止重复提交
...@@ -932,16 +941,21 @@ ...@@ -932,16 +941,21 @@
methods: { methods: {
getList() { getList() {
this.loading = true; this.loading = true;
if (this.Query.ID == "") {
this.Query.ID = 0;
}
this.apipost( this.apipost(
"AirTicket_get_GetPageList", "AirTicket_get_GetPageList",
this.Query, this.Query,
res => { res => {
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Query.total = res.data.data.count; this.Query.total = res.data.data.count;
this.noData = !this.Query.total > 0; this.noData = !this.Query.total > 0;
this.dataList = res.data.data.pageData; this.dataList = res.data.data.pageData;
if (this.Query.ID == 0) {
this.Query.ID = "";
}
} else { } else {
this.Warning(res.data.message); this.Warning(res.data.message);
} }
...@@ -958,8 +972,7 @@ ...@@ -958,8 +972,7 @@
this.LineList = res.data.data; this.LineList = res.data.data;
} }
}, },
err => { err => {}
}
); );
}, },
GetPlaceHolder() { GetPlaceHolder() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment