Commit a1b6a008 authored by huangyuanyuan's avatar huangyuanyuan
parents 93746f1b ab4ffe9e
<style> <style>
.TravelticketManager_list { .TravelticketManager_list {
padding: 20px 0 0 0; padding: 20px 0 0 0;
} }
.TravelticketManager ._ol_info {
font-size: 12px; .TravelticketManager ._ol_info {
width: 100%; font-size: 12px;
overflow-x: auto; width: 100%;
height: 100%; overflow-x: auto;
} height: 100%;
}
.TravelticketManager ._ol_color {
font-size: 12px; .TravelticketManager ._ol_color {
width: 100%; font-size: 12px;
margin-bottom: 20px; width: 100%;
} margin-bottom: 20px;
.TravelticketManager ._ol_color li { }
float: left;
padding: 0 15px; .TravelticketManager ._ol_color li {
display: flex; float: left;
align-items: center; padding: 0 15px;
} display: flex;
.TravelticketManager ._ol_color li ._cl { align-items: center;
border-radius: 3px; }
display: inline-block;
width: 5px; .TravelticketManager ._ol_color li ._cl {
height: 12px; border-radius: 3px;
margin-right: 5px; display: inline-block;
} width: 5px;
.TravelticketManager ._red { height: 12px;
background-color: #e95252; margin-right: 5px;
} }
.TravelticketManager ._red_text {
color: #e95252; .TravelticketManager ._red {
} background-color: #e95252;
.TravelticketManager ._green { }
background-color: #47bf8c;
} .TravelticketManager ._red_text {
.TravelticketManager ._green_text { color: #e95252;
color: #47bf8c; }
}
.TravelticketManager ._blu { .TravelticketManager ._green {
background-color: #2aaef2; background-color: #47bf8c;
} }
.TravelticketManager ._blu_text {
color: #2aaef2; .TravelticketManager ._green_text {
} color: #47bf8c;
.TravelticketManager ._ol_list { }
min-height: 500px;
} .TravelticketManager ._blu {
.TravelticketManager ._ol_list > li { background-color: #2aaef2;
align-items: center; }
border: 1px solid #dddddd;
margin: 20px 0 0px 15px; .TravelticketManager ._blu_text {
position: relative; color: #2aaef2;
overflow: hidden; }
transition: linear all 0.5s;
background-color: #fff; .TravelticketManager ._ol_list {
} min-height: 500px;
.TravelticketManager ._ol_list > li:hover { }
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s; .TravelticketManager ._ol_list>li {
} align-items: center;
.TravelticketManager ._oll_tit { border: 1px solid #dddddd;
color: #333333; margin: 20px 0 0px 15px;
font-size: 14px; position: relative;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; transition: linear all 0.5s;
white-space: nowrap; background-color: #fff;
} }
.TravelticketManager ._oll_tit span {
display: inline-block; .TravelticketManager ._ol_list>li:hover {
padding: 1px 10px; box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
font-size: 12px; transition: all linear 0.5s;
border: solid 1px #ff9000; }
color: #ff9000;
border-radius: 4px; .TravelticketManager ._oll_tit {
} color: #333333;
.TravelticketManager ._oll_line { font-size: 14px;
max-width: 5px; overflow: hidden;
min-width: 5px; text-overflow: ellipsis;
height: 107px; white-space: nowrap;
z-index:50; }
position: absolute;
top:0; .TravelticketManager ._oll_tit span {
left:5px; display: inline-block;
background: rgba(233, 82, 82, 1); padding: 1px 10px;
border-top-left-radius: 4px; font-size: 12px;
border-bottom-left-radius: 4px; border: solid 1px #ff9000;
display: inline-block; color: #ff9000;
} border-radius: 4px;
.TravelticketManager ._oll_line._o_green { }
background: #47bf8c;
} .TravelticketManager ._oll_line {
.TravelticketManager ._oll_line._o_blu { max-width: 5px;
background: #2aaef2; min-width: 5px;
} height: 107px;
.TravelticketManager ._oll_info { z-index: 50;
padding-left: 20px; position: absolute;
overflow: hidden; top: 0;
} left: 5px;
.TravelticketManager ._oll_img { background: rgba(233, 82, 82, 1);
height: 50px; border-top-left-radius: 4px;
width: 50px; border-bottom-left-radius: 4px;
margin-top: 15px; display: inline-block;
border-radius: 50%; }
margin-left: 20px;
} .TravelticketManager ._oll_line._o_green {
.TravelticketManager ._oll_adrr { background: #47bf8c;
color: white; }
font-size: 12px;
margin-top: 8px; .TravelticketManager ._oll_line._o_blu {
overflow: hidden; background: #2aaef2;
text-overflow: ellipsis; }
white-space: nowrap;
display: inline-block; .TravelticketManager ._oll_info {
padding: 4px 9px; padding-left: 20px;
background-color: #2aaef2; overflow: hidden;
border-radius: 2px; }
}
.wangfan { .TravelticketManager ._oll_img {
color: #2aaef2 !important; height: 50px;
font-size: 12px !important; width: 50px;
display: inline-block !important; margin-top: 15px;
padding: 4px 9px !important; border-radius: 50%;
background-color: white !important; margin-left: 20px;
border-radius: 9px !important; }
border: 1px solid #2aaef2 !important;
width: auto !important; .TravelticketManager ._oll_adrr {
height: auto !important; color: white;
} font-size: 12px;
.wangfan.hollowFixedBtn:hover { margin-top: 8px;
color: #ffffff; overflow: hidden;
border-color: #2aaef2; text-overflow: ellipsis;
background-color: #2aaef2; white-space: nowrap;
} display: inline-block;
.wangfan.hollowFixedBtn { padding: 4px 9px;
cursor: pointer; background-color: #2aaef2;
} border-radius: 2px;
.TMM_CNY { }
height: 100%;
display: flex; .wangfan {
align-items: center; color: #2aaef2 !important;
color: #333333; font-size: 12px !important;
font-size: 14px; display: inline-block !important;
/* padding-left: 40px; */ padding: 4px 9px !important;
min-width: 100px; background-color: white !important;
} border-radius: 9px !important;
.TMM_CNY span { border: 1px solid #2aaef2 !important;
color: #47bf8c; width: auto !important;
font-size: 16px; height: auto !important;
margin-left: 1px; }
}
._Seat { .wangfan.hollowFixedBtn:hover {
height: 100%; color: #ffffff;
display: flex; border-color: #2aaef2;
border-right: 1px dashed #dcdfe6; background-color: #2aaef2;
} }
.SeatList {
width: 120px; .wangfan.hollowFixedBtn {
height: 60px; cursor: pointer;
background-color: #f9f9f9; }
margin: 9px 15px 0 0;
} .TMM_CNY {
.SeatList > ul > li:nth-child(1) { height: 100%;
margin-left: 16px; display: flex;
} align-items: center;
.SeatList > ul > li { color: #333333;
float: left; font-size: 14px;
text-align: center; /* padding-left: 40px; */
margin: 5px 10px 0 0; min-width: 100px;
} }
.SeatList > ul > li:last-child {
margin-right: 0; .TMM_CNY span {
} color: #47bf8c;
.SeatList .iconfont { font-size: 16px;
color: #d1d1d1; margin-left: 1px;
display: inline-block; }
margin-top: 5px;
} ._Seat {
.SeatList ._num1 { height: 100%;
font-size: 16px; display: flex;
color: #333333; border-right: 1px dashed #dcdfe6;
font-family: PingFangSC-Semibold, sans-serif; }
}
.SeatList ._num2 { .SeatList {
font-size: 16px; width: 120px;
color: #47bf8c; height: 60px;
font-family: PingFangSC-Semibold, sans-serif; background-color: #f9f9f9;
} margin: 9px 15px 0 0;
.SeatList ._num3 { }
font-size: 16px;
color: #e95252; .SeatList>ul>li:nth-child(1) {
font-family: PingFangSC-Semibold, sans-serif; margin-left: 16px;
} }
.SeatList ._wz {
color: #666666; .SeatList>ul>li {
} float: left;
.SeatList ._yiyong { text-align: center;
cursor: pointer; margin: 5px 10px 0 0;
text-decoration: underline; }
}
.TKM_raduis > ul { .SeatList>ul>li:last-child {
display: -webkit-box; margin-right: 0;
align-items: center; }
padding-left: 25px;
margin-top: 17px; .SeatList .iconfont {
} color: #d1d1d1;
.TKM_raduis > ul > li:not(._head) { display: inline-block;
height: 24px; margin-top: 5px;
width: 24px; }
border-radius: 50%;
background-color: #47bf8c; .SeatList ._num1 {
color: white; font-size: 16px;
text-align: center; color: #333333;
line-height: 24px; font-family: PingFangSC-Semibold, sans-serif;
margin-right: 16px; }
}
.TKM_raduis > ul > li:not(._head) { .SeatList ._num2 {
background-color: #bcbcbc; font-size: 16px;
color: #909090; color: #47bf8c;
} font-family: PingFangSC-Semibold, sans-serif;
._ol_list li ._head { }
display: flex;
align-items: center; .SeatList ._num3 {
} font-size: 16px;
._ol_list li ._head img { color: #e95252;
height: 26px; font-family: PingFangSC-Semibold, sans-serif;
width: 26px; }
border-radius: 50%;
margin: 0 5px 0 15px; .SeatList ._wz {
} color: #666666;
._ol_list li._head span { }
padding-left: 7px;
display: inline-block; .SeatList ._yiyong {
margin-right: 25px; cursor: pointer;
} text-decoration: underline;
._jztime { }
color: #666666;
margin: 0 12px; .TKM_raduis>ul {
min-width: 100px; display: -webkit-box;
} align-items: center;
._jztime .PingFangSC { padding-left: 25px;
font-size: 12px; margin-top: 17px;
} }
._jztime ._text {
font-size: 12px; .TKM_raduis>ul>li:not(._head) {
} height: 24px;
._btn._ttm_page { width: 24px;
height: 100%; border-radius: 50%;
display: flex; background-color: #47bf8c;
align-items: center; color: white;
} text-align: center;
._btn._ttm_page .hollowFixedBtn { line-height: 24px;
padding: 6px 11px; margin-right: 16px;
width: 60px; }
margin-right: 10px;
font-size: 12px; .TKM_raduis>ul>li:not(._head) {
} background-color: #bcbcbc;
.TravelticketManager .el-pagination { color: #909090;
border: none !important; }
}
._command_box { ._ol_list li ._head {
} display: flex;
._command_tb { align-items: center;
width: -webkit-fill-available; }
margin-top: 10px;
margin-left: 15px; ._ol_list li ._head img {
text-align: left; height: 26px;
} width: 26px;
._command_tb tr:first-child { border-radius: 50%;
background-color: #cbe9fa; margin: 0 5px 0 15px;
} }
._command_tb tr th {
font-size: 12px; ._ol_list li._head span {
color: #387ea5; padding-left: 7px;
padding: 8px; display: inline-block;
} margin-right: 25px;
._command_tb tr td:first-child { }
color: #387ea5;
} ._jztime {
._command_tb tr td { color: #666666;
color: #333333; margin: 0 12px;
padding: 8px; min-width: 100px;
font-size: 12px; }
background-color: #e0f4ff;
overflow: hidden; ._jztime .PingFangSC {
text-overflow: ellipsis; font-size: 12px;
white-space: nowrap; }
}
._command_tb thead, ._jztime ._text {
._command_tb tbody tr { font-size: 12px;
display: table; }
width: 100%;
table-layout: fixed; ._btn._ttm_page {
} height: 100%;
._command_tb tbody { display: flex;
display: block; align-items: center;
overflow-y: scroll; }
}
._tripDetails { ._btn._ttm_page .hollowFixedBtn {
padding: 0; padding: 6px 11px;
box-shadow: 0px 1px 3px 0px #dedede; width: 60px;
} margin-right: 10px;
._tripDetails .popper__arrow::after { font-size: 12px;
border-bottom-color: #ededed !important; }
}
._tripDetails table { .TravelticketManager .el-pagination {
padding: 10px 0 0 20px; border: none !important;
background-color: #ededed; }
border-collapse: collapse;
border: 1px solid #d2d2d2; ._command_box {}
font-size: 12px;
} ._command_tb {
._tripDetails table th { width: -webkit-fill-available;
background-color: #ededed; margin-top: 10px;
padding: 5px; margin-left: 15px;
} text-align: left;
._tripDetails table td { }
background-color: #ffffff;
padding: 9px 15px; ._command_tb tr:first-child {
color: #333333; background-color: #cbe9fa;
border: 1px solid #d2d2d2; }
}
._tripDetails table td._d_name { ._command_tb tr th {
background-color: #ededed; font-size: 12px;
} color: #387ea5;
._tripDetails table ._color_666 { padding: 8px;
color: #666666; }
}
._tripDetails table tr._color_666 th { ._command_tb tr td:first-child {
padding: 9px 15px; color: #387ea5;
} }
._trip_CNY {
width: auto !important; ._command_tb tr td {
padding: 10px !important; color: #333333;
background-color: #ffffff; padding: 8px;
} font-size: 12px;
._trip_CNY table { background-color: #e0f4ff;
background-color: #ededed; overflow: hidden;
border-collapse: collapse; text-overflow: ellipsis;
} white-space: nowrap;
._trip_CNY table ._rb_bor { }
border-right: 1px dashed #d3d3d3;
border-bottom: 1px dashed #d3d3d3; ._command_tb thead,
} ._command_tb tbody tr {
._trip_CNY table ._lb_bor { display: table;
border-right: 1px dashed #d3d3d3; width: 100%;
border-top: 1px dashed #d3d3d3; table-layout: fixed;
} }
._trip_CNY table ._rt_bor {
border-left: 1px dashed #d3d3d3; ._command_tb tbody {
border-bottom: 1px dashed #d3d3d3; display: block;
} overflow-y: scroll;
._trip_CNY table ._lt_bor { }
border-left: 1px dashed #d3d3d3;
border-top: 1px dashed #d3d3d3; ._tripDetails {
} padding: 0;
._trip_CNY table td { box-shadow: 0px 1px 3px 0px #dedede;
padding: 15px; }
text-align: left;
} ._tripDetails .popper__arrow::after {
._trip_CNY table td ._CNY_name { border-bottom-color: #ededed !important;
display: inline-block; }
width: 21px;
height: 21px; ._tripDetails table {
font-size: 12px; padding: 10px 0 0 20px;
color: #ffffff; background-color: #ededed;
background-color: #2aaef2; border-collapse: collapse;
line-height: 21px; border: 1px solid #d2d2d2;
text-align: center; font-size: 12px;
border-radius: 50%; }
}
._trip_CNY table td ._CNY_num { ._tripDetails table th {
color: #333333; background-color: #ededed;
position: relative; padding: 5px;
top: 2px; }
}
._CNY p { ._tripDetails table td {
color: #333333; background-color: #ffffff;
cursor: pointer; padding: 9px 15px;
text-decoration: underline; color: #333333;
font-size: 14px; border: 1px solid #d2d2d2;
} }
.TravelticketManager ._ol_info::-webkit-scrollbar {
/*滚动条整体样式*/ ._tripDetails table td._d_name {
width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ background-color: #ededed;
height: 8px; }
}
.TravelticketManager ._ol_info::-webkit-scrollbar-thumb { ._tripDetails table ._color_666 {
/*滚动条里面小方块*/ color: #666666;
border-radius: 4px; }
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9; ._tripDetails table tr._color_666 th {
} padding: 9px 15px;
.TravelticketManager ._ol_info::-webkit-scrollbar-track { }
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); ._trip_CNY {
border-radius: 4px; width: auto !important;
background: #ededed; padding: 10px !important;
} background-color: #ffffff;
._command_tb tbody::-webkit-scrollbar { }
width: 4px;
height: 1px; ._trip_CNY table {
} background-color: #ededed;
._command_tb tbody::-webkit-scrollbar-thumb { border-collapse: collapse;
border-radius: 4px; }
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9; ._trip_CNY table ._rb_bor {
} border-right: 1px dashed #d3d3d3;
._command_tb tbody::-webkit-scrollbar-thumb { border-bottom: 1px dashed #d3d3d3;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }
border-radius: 4px;
background: #ededed; ._trip_CNY table ._lb_bor {
} border-right: 1px dashed #d3d3d3;
.TravelticketManager .upload-demo { border-top: 1px dashed #d3d3d3;
text-align: center; }
}
._bg_gre { ._trip_CNY table ._rt_bor {
background-color: #47bf8c !important; border-left: 1px dashed #d3d3d3;
color: white !important; border-bottom: 1px dashed #d3d3d3;
} }
.TravelticketManager .icon-img_plane {
font-size: 12px; ._trip_CNY table ._lt_bor {
-webkit-transform: scale(0.8); border-left: 1px dashed #d3d3d3;
} border-top: 1px dashed #d3d3d3;
.TravelticketManager .departName { }
text-align: right;
} ._trip_CNY table td {
.TravelticketManager .arrivalName { padding: 15px;
text-align: left; text-align: left;
} }
.TravelticketManager ._destination .el-button:focus {
background-color: #2aaef2 !important; ._trip_CNY table td ._CNY_name {
color: #fff !important; display: inline-block;
} width: 21px;
.TravelticketManager .travelTo { height: 21px;
position: relative; font-size: 12px;
top: -2px; color: #ffffff;
} background-color: #2aaef2;
.TravelticketManager .icon-arrow1 { line-height: 21px;
font-size: 12px; text-align: center;
} border-radius: 50%;
.TravelticketManager .multiple_input .el-input { }
height: auto !important;
} ._trip_CNY table td ._CNY_num {
.TravelticketManager .el-button--primary { color: #333333;
padding: 5px; position: relative;
margin-right: 1px; top: 2px;
} }
.TravelticketManager .ticketUl li {
display: inline-block; ._CNY p {
} color: #333333;
.TravelticketManager .travelBtm { cursor: pointer;
width: 100%; text-decoration: underline;
height: 70px; font-size: 14px;
border-top: 1px dashed #dadada; }
text-align: right;
padding: 15px 300px 0 0; .TravelticketManager ._ol_info::-webkit-scrollbar {
} /*滚动条整体样式*/
.TravelticketManager .orderDan { width: 4px;
height: 150px; /*高宽分别对应横竖滚动条的尺寸*/
padding: 30px 0 0 30px; height: 8px;
} }
.TravelticketManager .orderBtList {
margin-top: 20px; .TravelticketManager ._ol_info::-webkit-scrollbar-thumb {
} /*滚动条里面小方块*/
.TravelticketManager .query-box ul .el-input { border-radius: 4px;
width: 150px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
} background: #c9c9c9;
.TravelticketManager .vmiddle { }
display: flex;
align-items: Center; .TravelticketManager ._ol_info::-webkit-scrollbar-track {
height: 78px; /*滚动条里面轨道*/
} -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
.TM_btm { border-radius: 4px;
margin-left: 0 !important; background: #ededed;
} }
.TravelticketManager .TICK_Code {
position: absolute; ._command_tb tbody::-webkit-scrollbar {
left: 25px; width: 4px;
top: 5px; height: 1px;
} }
.TravelticketManager .TCID_cont{height: 28px; line-height: 28px; border-top: 1px dashed #ccc; text-indent: 20px;}
.Ticket_TCID{margin-right:2px;} ._command_tb tbody::-webkit-scrollbar-thumb {
.TravelticketManager .disClick { border-radius: 4px;
background-color: #d1d1d1; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
color:#fff; background: #c9c9c9;
border:1px solid #d1d1d1; }
}
/*航班详情*/ ._command_tb tbody::-webkit-scrollbar-thumb {
.TravelticketManager .FlightDivDetails { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
width: 100%; border-radius: 4px;
height: 65px; background: #ededed;
overflow: auto; }
}
.TravelticketManager ._flightList { .TravelticketManager .upload-demo {
text-align: left; text-align: center;
font-size: 12px; }
margin-bottom: 5px;
padding-right: 5px; ._bg_gre {
} background-color: #47bf8c !important;
/*航班号*/ color: white !important;
.TravelticketManager .FlightNumber { }
color: #ff0066;
font-weight: bold; .TravelticketManager .icon-img_plane {
} font-size: 12px;
-webkit-transform: scale(0.8);
}
.TravelticketManager .departName {
text-align: right;
}
.TravelticketManager .arrivalName {
text-align: left;
}
.TravelticketManager ._destination .el-button:focus {
background-color: #2aaef2 !important;
color: #fff !important;
}
.TravelticketManager .travelTo {
position: relative;
top: -2px;
}
.TravelticketManager .icon-arrow1 {
font-size: 12px;
}
.TravelticketManager .multiple_input .el-input {
height: auto !important;
}
.TravelticketManager .el-button--primary {
padding: 5px;
margin-right: 1px;
}
.TravelticketManager .ticketUl li {
display: inline-block;
}
.TravelticketManager .travelBtm {
width: 100%;
height: 70px;
border-top: 1px dashed #dadada;
text-align: right;
padding: 15px 300px 0 0;
}
.TravelticketManager .orderDan {
height: 150px;
padding: 30px 0 0 30px;
}
.TravelticketManager .orderBtList {
margin-top: 20px;
}
.TravelticketManager .query-box ul .el-input {
width: 150px;
}
.TravelticketManager .vmiddle {
display: flex;
align-items: Center;
height: 78px;
}
.TM_btm {
margin-left: 0 !important;
}
.TravelticketManager .TICK_Code {
position: absolute;
left: 25px;
top: 5px;
}
.TravelticketManager .TCID_cont {
height: 28px;
line-height: 28px;
border-top: 1px dashed #ccc;
text-indent: 20px;
}
.Ticket_TCID {
margin-right: 2px;
}
.TravelticketManager .disClick {
background-color: #d1d1d1;
color: #fff;
border: 1px solid #d1d1d1;
}
/*航班详情*/
.TravelticketManager .FlightDivDetails {
width: 100%;
height: 65px;
overflow: auto;
}
.TravelticketManager ._flightList {
text-align: left;
font-size: 12px;
margin-bottom: 5px;
padding-right: 5px;
}
/*航班号*/
.TravelticketManager .FlightNumber {
color: #ff0066;
font-weight: bold;
}
</style> </style>
<template> <template>
<div class="flexOne TravelticketManager"> <div class="flexOne TravelticketManager">
<div class="query-box"> <div class="query-box">
<ul> <ul>
<li>
<span class="hotel_name">
<em>是否往返</em>
<el-select v-model="Query.TicketType" filterable :placeholder="$t('system.ph_in')">
<el-option :label="$t('pub.unlimitedSel')" :value="selectDefauleValue"></el-option>
<el-option v-for="item in TicketTypeList" :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>
...@@ -544,20 +646,24 @@ ...@@ -544,20 +646,24 @@
<li> <li>
<span class="hotel_name"> <span class="hotel_name">
<em>航班号</em> <em>航班号</em>
<el-input v-model="Query.Flight_number" type="text" @keyup.native.enter="getList" placeholder="请输入航班号"></el-input> <el-input v-model="Query.Flight_number" type="text" @keyup.native.enter="getList" placeholder="请输入航班号">
</el-input>
</span> </span>
</li> </li>
<li> <li>
<button class="hollowFixedBtn" type="button" @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button> <button class="hollowFixedBtn" type="button"
<button class="normalBtn" type="button" @click="isShowNeed=true,isShowOrder=false">提需求</button> @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
</li> </li>
</ul> </ul>
</div> </div>
<div class="TravelticketManager_list"> <div class="TravelticketManager_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">
...@@ -573,7 +679,8 @@ ...@@ -573,7 +679,8 @@
<img class="_oll_img" v-else src="../../../assets/img/bg_z1@2x.png" /> <img class="_oll_img" v-else src="../../../assets/img/bg_z1@2x.png" />
</div> </div>
<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>
...@@ -581,16 +688,16 @@ ...@@ -581,16 +688,16 @@
</el-col> </el-col>
<el-col :span="4" class="vmiddle"> <el-col :span="4" class="vmiddle">
<div class="FlightDivDetails"> <div class="FlightDivDetails">
<div class="_flightList" v-for="subItem in item.flightList"> <div class="_flightList" v-for="subItem in item.flightList">
<span class="FlightNumber">{{subItem.Flight_number}}</span> <span class="FlightNumber">{{subItem.Flight_number}}</span>
<span>{{subItem.FlightDate}} {{subItem.Departure_time}}</span> <span>{{subItem.FlightDate}} {{subItem.Departure_time}}</span>
<span>({{subItem.DIATA}}){{subItem.DepartureName}}</span> <span>({{subItem.DIATA}}){{subItem.DepartureName}}</span>
<span v-if="subItem.StopoverName">-</span> <span v-if="subItem.StopoverName">-</span>
<span v-if="subItem.StopoverName">({{subItem.StopoverIATA}}){{subItem.StopoverName}}</span> <span v-if="subItem.StopoverName">({{subItem.StopoverIATA}}){{subItem.StopoverName}}</span>
<span v-if="subItem.ArrivalCityName">-</span> <span v-if="subItem.ArrivalCityName">-</span>
<span v-if="subItem.ArrivalCityName">({{subItem.AIATA}}){{subItem.ArrivalCityName}}</span> <span v-if="subItem.ArrivalCityName">({{subItem.AIATA}}){{subItem.ArrivalCityName}}</span>
</div>
</div> </div>
</div>
</el-col> </el-col>
<el-col :span="1" class="vmiddle"> <el-col :span="1" class="vmiddle">
<div v-if="item.UnionList!=null&& item.UnionList.length>0" class="_destination"> <div v-if="item.UnionList!=null&& item.UnionList.length>0" class="_destination">
...@@ -609,7 +716,7 @@ ...@@ -609,7 +716,7 @@
</el-col> </el-col>
<el-col :span="2" class="vmiddle"> <el-col :span="2" class="vmiddle">
<div class="TMM_CNY"> <div class="TMM_CNY">
成本:<span class="PingFangSC">{{item.CostPrice}}</span> 成本:<span class="PingFangSC">{{item.CostPrice}}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="3" class="vmiddle"> <el-col :span="3" class="vmiddle">
...@@ -685,31 +792,26 @@ ...@@ -685,31 +792,26 @@
<p class="PingFangSC">截止日期:{{item.TicketDeadlineStr}}</p> <p class="PingFangSC">截止日期:{{item.TicketDeadlineStr}}</p>
</div> </div>
</el-col> </el-col>
<!-- <el-col :span="2" class="vmiddle">
<div class="_jztime">
<p class="PingFangSC">{{item.TicketDeadlineStr}}</p>
<p class="_text">{{$t('Airticket.Air_deadTicketTime')}}</p>
</div>
</el-col> -->
<el-col :span="2" class="vmiddle"> <el-col :span="2" class="vmiddle">
<div class="_btn _ttm_page"> <div class="_btn _ttm_page">
<span v-if="item.SurplusNum>0"> <span v-if="item.SurplusNum>0">
<button class="normalBtn TM_btm" type="button" @click="isShowOrder=true,isShowNeed=false,bindAirticket.AirticketId=item.ID,bindAirticket.TotalNum=item.SurplusNum,GetPlaceHolder()">立即采购</button> <button class="normalBtn TM_btm" type="button"
@click="isShowOrder=true,isShowNeed=false,bindAirticket.AirticketId=item.ID,bindAirticket.TotalNum=item.SurplusNum,GetPlaceHolder()">立即采购</button>
</span> </span>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="0"> <el-row :gutter="0">
<el-col :span="8"> <el-col :span="8">
<div class="TCID_cont PingFangSC"> <div class="TCID_cont PingFangSC">
团期: 团期:
<span v-show="item.TCIDList.length==0">暂无</span> <span v-show="item.PriceList.length==0">暂无</span>
<span class="Ticket_TCID" v-for="subItem in item.TCIDList">{{subItem}}</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="16"> <el-col :span="16">
<div class="TCID_cont"> <div class="TCID_cont">
PNR:{{item.PNR}} PNR:{{item.PNR}}
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -718,71 +820,22 @@ ...@@ -718,71 +820,22 @@
<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="Query.currentPage" layout="total,prev, pager, next, jumper" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="Query.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" v-if="isShowNeed">
<div class="combottomTitle">机票需求单</div>
<el-form label-width="100px">
<el-col :span="5">
<el-form-item label="需求类型">
<el-select class="w150" filterable placeholder="请选择" v-model="addNeedMsg.NeedSubType">
<el-option :label="$t('pub.unlimitedSel')" :value="selectDefauleValue"></el-option>
<el-option v-for='item in TicketNeedTypeList' :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="出发地">
<el-select class="w150" filterable placeholder="请选择" v-model="addNeedMsg.MainId">
<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>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="目的地">
<el-select class="w150" filterable placeholder="请选择" v-model="addNeedMsg.SubId">
<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>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="出发日期">
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder="起飞时间" v-model="addNeedMsg.NeedDate">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="是否中转">
<el-switch :active-value="AcceptTransferDefault" :inactive-value="NotAcceptTransferDefault" v-model="addNeedMsg.IsAcceptTransfer"></el-switch>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="人数">
<el-input v-model="addNeedMsg.UseNum" @keyup.native="checkInteger(addNeedMsg,'UseNum')" type="text"
class="w150" placeholder="请输入人数"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<button type="button" class="normalBtn" style="margin:5px 0 0 55px;" @click="SetNeed()">发送</button>
<button type="button" class="hollowFixedBtn" @click="isShowNeed=false">取消</button>
</el-col>
</el-form>
</div>
<div class="combottomDiv" style="height:150px;" v-if="isShowOrder"> <div class="combottomDiv" style="height:150px;" v-if="isShowOrder">
<div class="combottomTitle">采购</div> <div class="combottomTitle">采购</div>
<el-col :span="3"> <el-col :span="3">
<el-input v-model="bindAirticket.PurchaseAmount" @keyup.native="checkInteger(bindAirticket,'PurchaseAmount')" <el-input v-model="bindAirticket.PurchaseAmount"
type="text" class="w150" :placeholder="UseNum_placeholder"></el-input> @keyup.native="checkInteger(bindAirticket,'PurchaseAmount')" type="text" class="w150"
:placeholder="UseNum_placeholder"></el-input>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<button type="button" class="normalBtn" :class="{'disClick':!isSubmit}" @click="SetTicketPurchase()">确定</button> <button type="button" class="normalBtn" :class="{'disClick':!isSubmit}"
<button type="button" class="hollowFixedBtn" @click="isShowOrder=false,bindAirticket.PurchaseAmount=''">取消</button> @click="SetTicketPurchase()">确定</button>
<button type="button" class="hollowFixedBtn"
@click="isShowOrder=false,bindAirticket.PurchaseAmount=''">取消</button>
</el-col> </el-col>
</div> </div>
</div> </div>
...@@ -790,97 +843,63 @@ ...@@ -790,97 +843,63 @@
</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,
//是否往返 //是否往返
TicketType: 0, TicketType: 0,
//起飞时间 //起飞时间
QNeedDateStart: "", QNeedDateStart: "",
//起飞结束日期 //起飞结束日期
QNeedDateEnd:"", QNeedDateEnd: "",
//航空公司编号 //航空公司编号
AirLineID: 0, AirLineID: 0,
//航班号 //航班号
Flight_number: "", Flight_number: "",
//余位大于0 //余位大于0
IsSurplusNumGreaterThan: true, IsSurplusNumGreaterThan: false,
currentPage: 1, currentPage: 1,
//起飞状态 //起飞状态
FlyState: "0", FlyState: "0",
}, },
//下拉框默认值 //下拉框默认值
selectDefauleValue: 0, selectDefauleValue: 0,
//防止重复提交 //防止重复提交
isSubmit: true, isSubmit: true,
//默认图片 //默认图片
defaultImg: defaultImg: 'this.src="' + require("../../../assets/img/bg_z1@2x.png") + '"',
'this.src="' + require("../../../assets/img/bg_z1@2x.png") + '"', //是否显示加载层
loading: false,
//是否显示加载层 //显示立即采购输入框
loading: false, isShowOrder: false,
//显示需求单 //是否有数据
isShowNeed: false, noData: false,
//显示立即采购输入框 //数据列表
isShowOrder: false, dataList: [],
//是否有数据 //航空公司
noData: false, AirLineList: [],
//数据列表 //绑定机票参数
dataList: [], bindAirticket: {
UseNum: "",
//城市列表 AirticketId: 0,
CityList: [], TotalNum: 0
//机票类型列表 },
TicketTypeList: [], //绑定框提示
//航空公司 UseNum_placeholder: "",
AirLineList: [], pickerBeginDateBefore: {
//需求类型
TicketNeedTypeList: [],
//接受中转
AcceptTransferDefault: 1,
//不接受中转
NotAcceptTransferDefault: 0,
//绑定机票参数
bindAirticket: {
UseNum: "",
AirticketId: 0,
TotalNum: 0
},
//绑定框提示
UseNum_placeholder: "",
//需求单参数
addNeedMsg: {
//出发城市
MainId: 0,
//到达城市
SubId: 0,
//是否接受中转
IsAcceptTransfer: "",
//需求类型
NeedType: 4,
//需求子类型(询票1,预定2,出票3 )
NeedSubType: 0,
//需求时间
NeedDate: "",
//使用人数
UseNum: "",
//描述
Describe: ""
},
pickerBeginDateBefore: {
disabledDate: time => { disabledDate: time => {
let endTime = new Date(this.Query.QNeedDateEnd ); let endTime = new Date(this.Query.QNeedDateEnd);
return endTime.getTime() < time.getTime(); return endTime.getTime() < time.getTime();
} }
}, },
...@@ -890,84 +909,58 @@ export default { ...@@ -890,84 +909,58 @@ export default {
return startTime.getTime() >= time.getTime(); return startTime.getTime() >= time.getTime();
} }
} }
}; };
},
methods: {
getList() {
this.loading = true;
this.apipost(
"AirTicket_get_GetPageList",
this.Query,
res => {
if (res.data.resultCode == 1) {
this.Query.total = res.data.data.count;
this.noData = !this.Query.total > 0;
this.dataList = res.data.data.pageData;
} else {
this.Warning(res.data.message);
}
this.loading = false;
},
err => {}
);
},
GetPlaceHolder() {
this.UseNum_placeholder =
"最多绑定" + this.bindAirticket.TotalNum + "个机位";
}, },
methods: {
getList() {
this.loading = true;
this.apipost(
"AirTicket_get_GetPageList",
this.Query,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.Query.total = res.data.data.count;
this.noData = !this.Query.total > 0;
this.dataList = res.data.data.pageData;
console.log("dataList",this.dataList);
} else {
this.Warning(res.data.message);
}
},
err => {}
);
},
GetPlaceHolder() {
this.UseNum_placeholder =
"最多绑定" + this.bindAirticket.TotalNum + "个机位";
},
//翻页功能按钮 //翻页功能按钮
handleCurrentChange(val) { handleCurrentChange(val) {
this.Query.pageIndex = val; this.Query.pageIndex = val;
this.getList(); this.getList();
}, },
//查询初始化页码 //查询初始化页码
resetPageIndex() { resetPageIndex() {
this.Query.pageIndex = 1; this.Query.pageIndex = 1;
this.Query.currentPage = 1; this.Query.currentPage = 1;
}, },
//初始化城市 //初始化航空公司下拉
initCity() { initAirline() {
this.apipost( this.apipost(
"dict_post_Destination_GetCityList", "airline_post_GetList", {},
this.Query, res => {
res => { if (res.data.resultCode == 1) {
if (res.data.resultCode == 1) { this.AirLineList = res.data.data;
this.CityList = res.data.data; }
} },
}, err => {}
err => {} );
); },
}, //添加修改机票绑定
//初始化机票类型 SetTicketPurchase(id) {
initTicketType() { if (this.isSubmit) {
this.apipost(
"AirTicket_Get_GetTicketTypeList",
this.Query,
res => {
if (res.data.resultCode == 1) {
this.TicketTypeList = res.data.data;
}
},
err => {}
);
},
//初始化航空公司下拉
initAirline() {
this.apipost(
"airline_post_GetList",
{},
res => {
if (res.data.resultCode == 1) {
this.AirLineList = res.data.data;
}
},
err => {}
);
},
//添加修改机票绑定
SetTicketPurchase(id) {
if(this.isSubmit){
this.isSubmit = false; this.isSubmit = false;
if (this.bindAirticket.PurchaseAmount == "") { if (this.bindAirticket.PurchaseAmount == "") {
this.bindAirticket.PurchaseAmount = 0; this.bindAirticket.PurchaseAmount = 0;
...@@ -975,12 +968,12 @@ export default { ...@@ -975,12 +968,12 @@ export default {
if (this.bindAirticket.PurchaseAmount == 0) { if (this.bindAirticket.PurchaseAmount == 0) {
this.Warning("请输入要采购的数量"); this.Warning("请输入要采购的数量");
this.bindAirticket.PurchaseAmount = ""; this.bindAirticket.PurchaseAmount = "";
this.isSubmit=true; this.isSubmit = true;
return false; return false;
} }
if (this.bindAirticket.PurchaseAmount > this.bindAirticket.TotalNum) { if (this.bindAirticket.PurchaseAmount > this.bindAirticket.TotalNum) {
this.Warning("绑定的数量不能超过总剩余的机位数"); this.Warning("绑定的数量不能超过总剩余的机位数");
this.isSubmit=true; this.isSubmit = true;
return false; return false;
} }
this.apipost( this.apipost(
...@@ -994,113 +987,20 @@ export default { ...@@ -994,113 +987,20 @@ export default {
this.isShowNeed = false; this.isShowNeed = false;
this.isShowOrder = false; this.isShowOrder = false;
this.isSubmit = true; this.isSubmit = true;
}else{ } else {
this.Error(res.data.message); this.Error(res.data.message);
this.isSubmit = true; this.isSubmit = true;
} }
}, },
err => {} err => {}
); );
}
} }
}, },
//获取需求类型 mounted() {
getNeedType() { this.initAirline();
this.apipost( this.getList();
"AirticketNeed_get_GetNeedTypeList",
{},
res => {
if (res.data.resultCode == 1) {
this.TicketNeedTypeList = res.data.data;
}
},
null
);
},
//提需求
SetNeed() {
var that = this;
let startItem = {};
startItem = that.CityList.find(item => {
return item.ID === that.addNeedMsg.MainId;
});
let ArrivalCityItem = {};
ArrivalCityItem = that.CityList.find(item => {
return item.ID === that.addNeedMsg.SubId;
});
let needItem = {};
needItem = that.TicketNeedTypeList.find(item => {
return item.Id === that.addNeedMsg.TicketNeedType;
});
var Describe = "";
if (needItem != undefined) {
Describe += needItem.Name + " ";
}
if (startItem != undefined) {
Describe += "从" + startItem.Name;
}
if (ArrivalCityItem != undefined) {
Describe += "到" + ArrivalCityItem.Name + "的机票";
}
if (this.IsAcceptTransfer == 1) {
Describe += ",可接受中转";
} else {
Describe += ",不接受中转";
}
that.addNeedMsg.Describe = Describe;
var newMsg = {
//需求类型(4-机票)
NeedType: 4,
//主表资源编号
MainId: that.addNeedMsg.MainId,
//子表编号
SubId: that.addNeedMsg.SubId,
//需求时间
NeedDate: that.addNeedMsg.NeedDate,
//需求子类型
NeedSubType: that.addNeedMsg.NeedSubType,
//使用人数
UseNum: that.addNeedMsg.UseNum,
//描述
Describe: Describe
};
this.apipost(
"AirticketNeed_post_Set",
newMsg,
res => {
if (res.data.resultCode == 1) {
this.getList();
this.isShowNeed = false;
this.isShowOrder = false;
this.Success("处理成功");
this.addNeedMsg.MainId = 0;
this.addNeedMsg.SubId = 0;
this.addNeedMsg.NeedDate = "";
this.addNeedMsg.IsAcceptTransfer = 0;
} else {
this.Warning(res.data.message);
}
},
err => {}
);
} }
}, };
mounted() {
this.initCity();
this.getNeedType();
this.initTicketType();
this.initAirline();
this.getList();
}
};
</script> </script>
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