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 @@
<li>
<span>
<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>
</li>
<li>
......@@ -2733,8 +2733,7 @@
this.chengeDelIdList = [];
this.apipost(
"ticket_get_GetEntityExtend", {
ID,
ID
ID:ID
},
res => {
if (res.data.resultCode == 1) {
......@@ -2751,8 +2750,6 @@
res.data.data.flightList.forEach((x, index) => {
this.chengeDelIdList.push(x.ID);
});
console.log(this.addMsg,'addmsg');
} else {
this.Warning(res.data.message);
}
......
src/components/TravelManager/Ticket/TravelMyTicket.vue
View file @ cba07d53
<style>
.TravelMyTicket .el-input--prefix .el-input__inner {
padding-left: 30px;
}
.TravelMyTicket_list {
padding: 20px 0 0 0;
}
.TravelMyTicket ._ol_info {
font-size: 12px;
width: 100%;
overflow-x: auto;
height: 100%;
}
.TravelMyTicket ._ol_color {
font-size: 12px;
width: 100%;
margin-bottom: 20px;
}
.TravelMyTicket ._ol_color li {
float: left;
padding: 0 15px;
display: flex;
align-items: center;
}
.TravelMyTicket ._ol_color li ._cl {
border-radius: 3px;
display: inline-block;
width: 5px;
height: 12px;
margin-right: 5px;
}
.TravelMyTicket ._red {
background-color: #e95252;
}
.TravelMyTicket ._red_text {
color: #e95252;
}
.TravelMyTicket ._green {
background-color: #47bf8c;
}
.TravelMyTicket ._green_text {
color: #47bf8c;
}
.TravelMyTicket ._blu {
background-color: #2aaef2;
}
.TravelMyTicket ._blu_text {
color: #2aaef2;
}
.TravelMyTicket ._ol_list {
margin-top: 20px;
min-height: 500px;
}
.TravelMyTicket ._ol_list > li {
/* display: flex; */
align-items: center;
overflow: hidden;
height: auto;
border: 1px solid #dddddd;
margin: 20px 0 0px 15px;
transition: linear all 0.5s;
background-color: #fff;
}
.TravelMyTicket ._ol_list > li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.TravelMyTicket ._oll_tit {
color: #333333;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.TravelMyTicket ._oll_tit span {
display: inline-block;
padding: 1px 10px;
font-size: 12px;
border: solid 1px #ff9000;
color: #ff9000;
border-radius: 4px;
}
.TravelMyTicket ._oll_line {
max-width: 5px;
min-width: 5px;
height: 107px;
position: absolute;
left: 5px;
top: 0;
z-index: 50;
background: rgba(233, 82, 82, 1);
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
display: inline-block;
}
.TravelMyTicket ._oll_line._o_green {
background: #47bf8c;
}
.TravelMyTicket ._oll_line._o_blu {
background: #2aaef2;
}
.TravelMyTicket ._oll_info {
padding-left: 20px;
overflow: hidden;
}
.TravelMyTicket ._oll_img {
height: 50px;
width: 50px;
margin-top: 10px;
border-radius: 50%;
}
.TravelMyTicket ._oll_adrr {
color: white;
font-size: 12px;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
padding: 4px 9px;
background-color: #2aaef2;
border-radius: 2px;
}
.TravelMyTicket .InfoChangeLog {
max-width: 250px;
height: auto;
min-width: 250px;
max-height: 220px;
background-color: #ffffff;
position: absolute;
left: 0;
z-index: 50;
top: 70px;
padding: 30px 20px 20px 0;
box-shadow: 0px 0px 14px 0px #adadad;
}
.TravelMyTicket .InfoChangeLog .close {
color: #cccccc;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
width: 17px;
height: 17px;
}
.wangfan {
color: #2aaef2 !important;
font-size: 12px !important;
display: inline-block !important;
padding: 4px 9px !important;
background-color: white !important;
border-radius: 9px !important;
border: 1px solid #2aaef2 !important;
width: auto !important;
height: auto !important;
}
.wangfan.hollowFixedBtn:hover {
color: #ffffff;
border-color: #2aaef2;
background-color: #2aaef2;
}
.wangfan.hollowFixedBtn {
cursor: pointer;
}
.TravelMyTicket .TMT_CNY {
height: 100%;
display: flex;
align-items: center;
color: #333333;
font-size: 16px;
padding-left: 25px;
min-width: 170px;
}
.TMT_CNY span {
color: #47bf8c;
font-size: 18px;
}
.TMT_Seat {
height: 100%;
display: flex;
}
.TM_SeatList {
min-width: 250px;
height: 60px;
background-color: #f9f9f9;
margin: 9px 20px 0 0;
}
.TM_SeatList > ul > li:nth-child(1) {
margin-left: 16px;
}
.TM_SeatList > ul > li {
float: left;
text-align: center;
margin: 5px 21px 0 0;
}
.TM_SeatList > ul > li:last-child {
margin-right: 0;
}
.TM_SeatList .iconfont {
color: #d1d1d1;
display: inline-block;
margin-top: 5px;
}
.TM_SeatList ._num1 {
font-size: 20px;
color: #333333;
font-family: PingFangSC-Semibold, sans-serif;
}
.TM_SeatList .TM_num2 {
font-size: 20px;
width: 45px;
display: inline-block;
text-align: left;
color: #47bf8c;
font-family: PingFangSC-Semibold, sans-serif;
}
.TM_SeatList ._num3 {
font-size: 20px;
color: #e95252;
font-family: PingFangSC-Semibold, sans-serif;
}
.TM_SeatList ._wz {
color: #666666;
}
.TM_SeatList ._yiyong {
cursor: pointer;
text-decoration: underline;
}
/* .TMT_raduis{margin-left:50px;} */
.TMT_raduis > ul {
display: -webkit-box;
align-items: center;
padding-left: 25px;
}
.TMT_raduis > ul > li:not(._head) {
height: 24px;
width: 24px;
border-radius: 50%;
background-color: #47bf8c;
color: white;
text-align: center;
line-height: 24px;
margin-right: 16px;
}
.TMT_raduis > ul > li:not(._head) {
background-color: #bcbcbc;
color: #909090;
}
.TMT_raduis > ul > li._head {
display: flex;
align-items: center;
}
.TMT_raduis > ul > li._head img {
height: 26px;
width: 26px;
border-radius: 50%;
}
.TMT_raduis > ul > li._head span {
padding-left: 7px;
display: inline-block;
margin-right: 25px;
}
._jztime {
color: #666666;
min-width: 100px;
}
._jztime .PingFangSC {
font-size: 12px;
}
._jztime ._text {
font-size: 12px;
}
._btn._tmt_page {
height: 100%;
display: flex;
align-items: center;
}
.edHeight {
display: block;
}
.TravelMyTicket .el-pagination {
border: none !important;
}
._tripDetails {
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede;
}
._tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important;
}
._tripDetails table {
padding: 10px 0 0 20px;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
._tripDetails table th {
background-color: #ededed;
padding: 5px;
}
._tripDetails table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
._tripDetails table td._d_name {
background-color: #ededed;
}
._tripDetails table ._color_666 {
color: #666666;
}
._tripDetails table tr._color_666 th {
padding: 9px 15px;
}
.TMT_CNY p {
color: #333333;
font-size: 14px;
}
.TravelMyTicket .InfoChangeLog .changLog {
background-color: #f9f9f9;
height: auto;
max-height: 170px;
width: 100%;
overflow: auto;
}
.TravelMyTicket .InfoChangeLog .changLog ul {
margin-left: 20px;
}
.TravelMyTicket .InfoChangeLog .changLog li {
border-left: 1px solid #e9e9e9;
position: relative;
padding-bottom: 15px;
padding-left: 20px;
}
.TravelMyTicket .InfoChangeLog .changLog li p {
text-align: left;
}
.TravelMyTicket .InfoChangeLog .changLog li .radius {
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 4px;
}
.TravelMyTicket .InfoChangeLog .changLog li.red .radius {
background-color: #e95252;
}
.TravelMyTicket .InfoChangeLog .changLog li.green .radius {
background-color: #47bf8c;
}
.TravelMyTicket .InfoChangeLog .time {
color: #666666;
padding-bottom: 5px;
}
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar,
.TravelMyTicket ._ol_info::-webkit-scrollbar,
.addTravelMyTicket::-webkit-scrollbar,
.Journal .changLogList::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
height: 8px;
}
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-thumb,
.TravelMyTicket ._ol_info::-webkit-scrollbar-thumb,
.addTravelMyTicket::-webkit-scrollbar-thumb,
.Journal .changLogList::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-track,
.TravelMyTicket ._ol_info::-webkit-scrollbar-track,
.addTravelMyTicket::-webkit-scrollbar-track,
.Journal .changLogList::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #ededed;
}
._bg_gre {
background-color: #47bf8c !important;
color: white !important;
}
.TravelMyTicket .Journal {
width: 250px !important;
}
.Journal .InfoChangeLog {
height: auto;
max-height: 220px;
background-color: #ffffff;
}
.Journal .changLogList {
padding-left: 20px;
max-height: 220px;
overflow: auto;
margin: 15px 0;
}
.Journal .changLogList_l {
border-left: 1px solid #e9e9e9;
position: relative;
padding-bottom: 20px;
padding-left: 20px;
}
.Journal .changLogList_l:last-child {
border-left: 0;
padding-bottom: 0;
}
.TravelMyTicket .Journal ._radius_green {
background-color: #47bf8c;
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 15px;
}
.TravelMyTicket .icon-img_plane {
font-size: 12px;
-webkit-transform: scale(0.8);
}
.TravelMyTicket .departName {
text-align: right;
}
.TravelMyTicket .arrivalName {
text-align: left;
}
.TravelMyTicket ._destination .el-button:focus {
background-color: #2aaef2 !important;
color: #fff !important;
}
.TravelMyTicket .travelTo {
position: relative;
top: -2px;
}
.TravelMyTicket .multiple_input .el-input {
height: auto !important;
}
.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 .el-input--prefix .el-input__inner {
padding-left: 30px;
}
.TravelMyTicket_list {
padding: 20px 0 0 0;
}
.TravelMyTicket ._ol_info {
font-size: 12px;
width: 100%;
overflow-x: auto;
height: 100%;
}
.TravelMyTicket ._ol_color {
font-size: 12px;
width: 100%;
margin-bottom: 20px;
}
.TravelMyTicket ._ol_color li {
float: left;
padding: 0 15px;
display: flex;
align-items: center;
}
.TravelMyTicket ._ol_color li ._cl {
border-radius: 3px;
display: inline-block;
width: 5px;
height: 12px;
margin-right: 5px;
}
.TravelMyTicket ._red {
background-color: #e95252;
}
.TravelMyTicket ._red_text {
color: #e95252;
}
.TravelMyTicket ._green {
background-color: #47bf8c;
}
.TravelMyTicket ._green_text {
color: #47bf8c;
}
.TravelMyTicket ._blu {
background-color: #2aaef2;
}
.TravelMyTicket ._blu_text {
color: #2aaef2;
}
.TravelMyTicket ._ol_list {
margin-top: 20px;
min-height: 500px;
}
.TravelMyTicket ._ol_list>li {
/* display: flex; */
align-items: center;
overflow: hidden;
height: auto;
border: 1px solid #dddddd;
margin: 20px 0 0px 15px;
transition: linear all 0.5s;
background-color: #fff;
}
.TravelMyTicket ._ol_list>li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.TravelMyTicket ._oll_tit {
color: #333333;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.TravelMyTicket ._oll_tit span {
display: inline-block;
padding: 1px 10px;
font-size: 12px;
border: solid 1px #ff9000;
color: #ff9000;
border-radius: 4px;
}
.TravelMyTicket ._oll_line {
max-width: 5px;
min-width: 5px;
height: 107px;
position: absolute;
left: 5px;
top: 0;
z-index: 50;
background: rgba(233, 82, 82, 1);
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
display: inline-block;
}
.TravelMyTicket ._oll_line._o_green {
background: #47bf8c;
}
.TravelMyTicket ._oll_line._o_blu {
background: #2aaef2;
}
.TravelMyTicket ._oll_info {
padding-left: 20px;
overflow: hidden;
}
.TravelMyTicket ._oll_img {
height: 50px;
width: 50px;
margin-top: 10px;
border-radius: 50%;
}
.TravelMyTicket ._oll_adrr {
color: white;
font-size: 12px;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
padding: 4px 9px;
background-color: #2aaef2;
border-radius: 2px;
}
.TravelMyTicket .InfoChangeLog {
max-width: 250px;
height: auto;
min-width: 250px;
max-height: 220px;
background-color: #ffffff;
position: absolute;
left: 0;
z-index: 50;
top: 70px;
padding: 30px 20px 20px 0;
box-shadow: 0px 0px 14px 0px #adadad;
}
.TravelMyTicket .InfoChangeLog .close {
color: #cccccc;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
width: 17px;
height: 17px;
}
.wangfan {
color: #2aaef2 !important;
font-size: 12px !important;
display: inline-block !important;
padding: 4px 9px !important;
background-color: white !important;
border-radius: 9px !important;
border: 1px solid #2aaef2 !important;
width: auto !important;
height: auto !important;
}
.wangfan.hollowFixedBtn:hover {
color: #ffffff;
border-color: #2aaef2;
background-color: #2aaef2;
}
.wangfan.hollowFixedBtn {
cursor: pointer;
}
.TravelMyTicket .TMT_CNY {
height: 100%;
display: flex;
align-items: center;
color: #333333;
font-size: 13px;
min-width: 100px;
}
.TMT_CNY span {
color: #47bf8c;
font-size: 18px;
}
.TMT_Seat {
height: 100%;
display: flex;
}
.TM_SeatList {
min-width: 180px;
height: 60px;
background-color: #f9f9f9;
margin: 9px 20px 0 0;
}
.TM_SeatList>ul>li:nth-child(1) {
margin-left: 16px;
}
.TM_SeatList>ul>li {
float: left;
text-align: center;
margin: 5px 21px 0 0;
}
.TM_SeatList>ul>li:last-child {
margin-right: 0;
}
.TM_SeatList .iconfont {
color: #d1d1d1;
display: inline-block;
margin-top: 5px;
}
.TM_SeatList ._num1 {
font-size: 20px;
color: #333333;
font-family: PingFangSC-Semibold, sans-serif;
}
.TM_SeatList .TM_num2 {
font-size: 20px;
width: 45px;
display: inline-block;
text-align: left;
color: #47bf8c;
font-family: PingFangSC-Semibold, sans-serif;
}
.TM_SeatList ._num3 {
font-size: 20px;
color: #e95252;
font-family: PingFangSC-Semibold, sans-serif;
}
.TM_SeatList ._wz {
color: #666666;
}
.TM_SeatList ._yiyong {
cursor: pointer;
text-decoration: underline;
}
/* .TMT_raduis{margin-left:50px;} */
.TMT_raduis>ul {
display: -webkit-box;
align-items: center;
padding-left: 25px;
}
.TMT_raduis>ul>li:not(._head) {
height: 24px;
width: 24px;
border-radius: 50%;
background-color: #47bf8c;
color: white;
text-align: center;
line-height: 24px;
margin-right: 16px;
}
.TMT_raduis>ul>li:not(._head) {
background-color: #bcbcbc;
color: #909090;
}
.TMT_raduis>ul>li._head {
display: flex;
align-items: center;
}
.TMT_raduis>ul>li._head img {
height: 26px;
width: 26px;
border-radius: 50%;
}
.TMT_raduis>ul>li._head span {
padding-left: 7px;
display: inline-block;
margin-right: 25px;
}
._jztime {
color: #666666;
min-width: 100px;
}
._jztime .PingFangSC {
font-size: 12px;
}
._jztime ._text {
font-size: 12px;
}
._btn._tmt_page {
height: 100%;
display: flex;
align-items: center;
}
.edHeight {
display: block;
}
.TravelMyTicket .el-pagination {
border: none !important;
}
._tripDetails {
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede;
}
._tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important;
}
._tripDetails table {
padding: 10px 0 0 20px;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
._tripDetails table th {
background-color: #ededed;
padding: 5px;
}
._tripDetails table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
._tripDetails table td._d_name {
background-color: #ededed;
}
._tripDetails table ._color_666 {
color: #666666;
}
._tripDetails table tr._color_666 th {
padding: 9px 15px;
}
.TMT_CNY p {
color: #333333;
font-size: 14px;
}
.TravelMyTicket .InfoChangeLog .changLog {
background-color: #f9f9f9;
height: auto;
max-height: 170px;
width: 100%;
overflow: auto;
}
.TravelMyTicket .InfoChangeLog .changLog ul {
margin-left: 20px;
}
.TravelMyTicket .InfoChangeLog .changLog li {
border-left: 1px solid #e9e9e9;
position: relative;
padding-bottom: 15px;
padding-left: 20px;
}
.TravelMyTicket .InfoChangeLog .changLog li p {
text-align: left;
}
.TravelMyTicket .InfoChangeLog .changLog li .radius {
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 4px;
}
.TravelMyTicket .InfoChangeLog .changLog li.red .radius {
background-color: #e95252;
}
.TravelMyTicket .InfoChangeLog .changLog li.green .radius {
background-color: #47bf8c;
}
.TravelMyTicket .InfoChangeLog .time {
color: #666666;
padding-bottom: 5px;
}
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar,
.TravelMyTicket ._ol_info::-webkit-scrollbar,
.addTravelMyTicket::-webkit-scrollbar,
.Journal .changLogList::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 8px;
}
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-thumb,
.TravelMyTicket ._ol_info::-webkit-scrollbar-thumb,
.addTravelMyTicket::-webkit-scrollbar-thumb,
.Journal .changLogList::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
.TravelMyTicket .InfoChangeLog .changLog::-webkit-scrollbar-track,
.TravelMyTicket ._ol_info::-webkit-scrollbar-track,
.addTravelMyTicket::-webkit-scrollbar-track,
.Journal .changLogList::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #ededed;
}
._bg_gre {
background-color: #47bf8c !important;
color: white !important;
}
.TravelMyTicket .Journal {
width: 250px !important;
}
.Journal .InfoChangeLog {
height: auto;
max-height: 220px;
background-color: #ffffff;
}
.Journal .changLogList {
padding-left: 20px;
max-height: 220px;
overflow: auto;
margin: 15px 0;
}
.Journal .changLogList_l {
border-left: 1px solid #e9e9e9;
position: relative;
padding-bottom: 20px;
padding-left: 20px;
}
.Journal .changLogList_l:last-child {
border-left: 0;
padding-bottom: 0;
}
.TravelMyTicket .Journal ._radius_green {
background-color: #47bf8c;
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 15px;
}
.TravelMyTicket .icon-img_plane {
font-size: 12px;
-webkit-transform: scale(0.8);
}
.TravelMyTicket .departName {
text-align: right;
}
.TravelMyTicket .arrivalName {
text-align: left;
}
.TravelMyTicket ._destination .el-button:focus {
background-color: #2aaef2 !important;
color: #fff !important;
}
.TravelMyTicket .travelTo {
position: relative;
top: -2px;
}
.TravelMyTicket .multiple_input .el-input {
height: auto !important;
}
.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>
<template>
<div class="flexOne TravelMyTicket">
<div class="query-box">
<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>
<span class="hotel_name">
<em>起飞时间</em>
<el-date-picker class="w150" v-model="Query.QFlightDateStart" type="date" :picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd" placeholder="开始日期">
<el-date-picker class="w150" v-model="Query.QFlightDateStart" type="date"
:picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder="开始日期">
</el-date-picker>
<el-date-picker class="w150" v-model="Query.QFlightDateEnd" type="date" value-format="yyyy-MM-dd"
:picker-options="pickerBeginDateAfter" placeholder="结束日期">
......@@ -571,14 +668,10 @@
</span>
</li>
<li>
<span class="hotel_name">
<em>余位数量</em>
<el-input v-model="Query.StartNum" type="text" class="w150" @keyup.native="checkInteger(Query,'StartNum')"
@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>
<em>机票编号</em>
<el-input v-model="Query.AirticketId" placeholder="机票编号" @keyup.native="checkInteger(Query,'AirticketId')"></el-input>
</span>
</li>
<li>
<button class="normalBtn" type="button" @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
......@@ -587,9 +680,12 @@
</div>
<div class="TravelMyTicket_list">
<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="_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>
<li><span class="_red _cl"></span><span
class="_red_text">{{$t('Airticket.Air_redType')}}：</span>{{$t('Airticket.Air_firstClass')}}</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>
<div class="_ol_info">
<ul class="_ol_list" v-loading="loading">
......@@ -600,44 +696,31 @@
<span class="_oll_line _o_green" v-if="item.FreightSpace==2"></span>
<span class="_oll_line _o_blu" v-if="item.FreightSpace==3"></span>
<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-else class="_oll_img" :src="item.AirlineUrl" :onerror="defaultImg">
</div>
</el-col>
<el-col :span="3" class="vmiddle">
<el-col :span="2" class="vmiddle">
<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>
</el-tooltip>
<span class="_oll_adrr">{{item.FreightSpaceStr}}</span>
</div>
</el-col>
<el-col :span="1" class="vmiddle">
<div v-if="item.flightList!=null && item.flightList.length>0" class="_destination">
<el-popover popper-class="_tripDetails" width="550" trigger="click">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="_color_666">
<th>{{$t('Airticket.Air_segment')}}</th>
<th>{{$t('system.query_flightNum')}}</th>
<th>{{$t('Airticket.Air_flightDate')}}</th>
<th>{{$t('Airticket.Air_Trip')}}</th>
</tr>
<tr v-for="(ds,din) in item.flightList">
<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>
<el-col :span="4" class="vmiddle">
<div class="FlightDivDetails">
<div class="_flightList" v-for="subItem in item.flightList">
<span class="FlightNumber">{{subItem.Flight_number}}</span>
<span>{{subItem.FlightDate}} {{subItem.Departure_time}}</span>
<span>({{subItem.DIATA}}){{subItem.DepartureName}}</span>
<span v-if="subItem.StopoverName">-</span>
<span v-if="subItem.StopoverName">({{subItem.StopoverIATA}}){{subItem.StopoverName}}</span>
<span v-if="subItem.ArrivalCityName">-</span>
<span v-if="subItem.ArrivalCityName">({{subItem.AIATA}}){{subItem.ArrivalCityName}}</span>
</div>
</div>
</el-col>
<el-col :span="1" class="vmiddle">
......@@ -655,12 +738,12 @@
</el-popover>
</div>
</el-col>
<el-col :span="3" class="vmiddle">
<el-col :span="2" class="vmiddle">
<div class="TMT_CNY">
<p slot="reference">{{$t('hotel.hotel_cost')}}<span class="PingFangSC">{{item.CostPrice}}</span></p>
</div>
</el-col>
<el-col :span="5" class="vmiddle">
<el-col :span="4" class="vmiddle">
<div class="TMT_Seat">
<div class="TM_SeatList">
<ul class="clearfix">
......@@ -668,17 +751,13 @@
<span class="iconfont icon-img_yizi"></span>
</li>
<li>
<p class="TM_num2">{{item.PurchaseAmount==null?'0':item.PurchaseAmount}}</p>
<p class="_wz">采购数量</p>
<p class="TM_num2">{{item.TicketNum==null?'0':item.TicketNum}}</p>
<p class="_wz">机票数量</p>
</li>
<li>
<p class="TM_num2">{{item.UseAmount==null?'0':item.UseAmount}}</p>
<p class="_wz">使用数量</p>
</li>
<li>
<p class="TM_num2">{{item.LockNum==null?'0':item.LockNum}}</p>
<p class="_wz">锁定数量</p>
</li>
</ul>
</div>
</div>
......@@ -707,10 +786,10 @@
<p class="_text">{{$t('Airticket.Air_departureDate')}}</p>
</div>
</el-col>
<el-col :span="2" class="vmiddle">
<el-col :span="3" class="vmiddle">
<div class="_btn _tmt_page">
<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">
<div class="InfoChangeLog">
<div class="changLog">
......@@ -727,7 +806,8 @@
</ul>
</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-tooltip>
</div>
......@@ -755,8 +835,8 @@
<div class="noData" v-show="noData">
{{$t('system.content_noData')}}
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper"
:page-size=Query.pageSize :total=Query.total>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size=Query.pageSize :total=Query.total>
</el-pagination>
<div class="combottomDiv TC_divCon" v-if="isShowSet" style="height:200px;">
<div class="TurnTips">转出余位 <span class="TurnZhu">注：余位转出是指可以把剩余座位转让给其他的OP人员，但是需要得到对方的确认</span></div>
......@@ -764,11 +844,13 @@
<span>接收人：</span>
<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 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-select>
<span class="flightSetNum">转让机位数：</span>
<el-input v-model="outData.OutNum" type="text" class="w160" :placeholder="OutPlaceHolder"></el-input>
<span class="flightSetNum" style="display:none;">转让机位数：</span>
<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" @click="isShowSet=false,outData.OutNum='',outData.ReciveEmployeeId=0">取消</button>
</div>
......@@ -778,188 +860,204 @@
</div>
</template>
<script>
export default {
data() {
return {
Query: {
//页码
pageIndex: 1,
//每页显示条数
pageSize: 6,
//总条数
total: 0,
//出发城市编号
Departure_city: 0,
//到达城市编号
Arrival_city: 0,
//起飞时间
QFlightDateStart: "",
QFlightDateEnd: "",
//余位数量
StartNum: "",
EndNum: ""
},
pickerBeginDateBefore: {
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);
export default {
data() {
return {
Query: {
//页码
pageIndex: 1,
//每页显示条数
pageSize: 6,
//总条数
total: 0,
//出发城市编号
Departure_city: 0,
//到达城市编号
Arrival_city: 0,
//起飞时间
QFlightDateStart: "",
QFlightDateEnd: "",
//余位数量
StartNum: "",
EndNum: "",
//机票编号
AirticketId: ""
},
pickerBeginDateBefore: {
disabledDate: time => {
let endTime = new Date(this.Query.QFlightDateEnd);
return endTime.getTime() < time.getTime();
}
},
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;
pickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.Query.QFlightDateStart);
return startTime.getTime() >= time.getTime();
}
},
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 + "余位";
//转出机位参数
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") + '"'
};
},
//机票转出
setOut() {
if (this.outData.ReciveEmployeeId == 0) {
this.Warning("请选择接受人员");
return false;
}
methods: {
getList() {
this.loading = true;
if (this.Query.AirticketId == "") {
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 == "") {
this.Warning("请输入要采购的数量");
this.outData.OutNum = "";
return false;
if (this.outData.ReciveEmployeeId == 0) {
this.Warning("请选择接受人员");
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 => {}
);
},
//根据当前员工所在部门获取该部门及子部门员工信息
getEmployeeList() {
this.apipost(
"admin_get_GetEmployeeByUserDepartmentId",
{},
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();
}
},
mounted() {
this.initCity();
this.getList();
this.getEmployeeList();
}
};
};
</script>
src/components/TravelManager/Ticket/TravelticketManager.vue
View file @ cba07d53
......@@ -622,13 +622,13 @@
<div class="flexOne TravelticketManager">
<div class="query-box">
<ul>
<li>
<li>
<span>
<em>线路</em>
<el-select v-model="Query.LineId" :placeholder="$t('pub.pleaseSel')" class="w120">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in LineList" :key="item.LineID" :label="item.LineName"
:value="item.LineID"></el-option>
<el-option v-for="item in LineList" :key="item.LineID" :label="item.LineName" :value="item.LineID">
</el-option>
</el-select>
</span>
</li>
......@@ -660,6 +660,12 @@
</el-input>
</span>
</li>
<li>
<span>
<em>机票编号</em>
<el-input v-model="Query.ID" placeholder="机票编号" @keyup.native="checkInteger(Query,'ID')"></el-input>
</span>
</li>
<li>
<button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
......@@ -816,11 +822,12 @@
<div class="TCID_cont PingFangSC">
团期：
<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>
</el-col>
<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 :span="10">
<div class="TCID_cont">
......@@ -860,7 +867,7 @@
data() {
return {
Query: {
LineId:0,//线路编号
LineId: 0, //线路编号
//页码
pageIndex: 1,
//每页显示条数
......@@ -887,10 +894,12 @@
//起飞状态
FlyState: "0",
//是否查询采购人员(1-查询，0-不查询)
IsQueryPurchase:1,
IsQueryPurchase: 1,
//机票编号
ID: "",
},
//线路列表
LineList:[],
LineList: [],
//下拉框默认值
selectDefauleValue: 0,
//防止重复提交
......@@ -932,16 +941,21 @@
methods: {
getList() {
this.loading = true;
if (this.Query.ID == "") {
this.Query.ID = 0;
}
this.apipost(
"AirTicket_get_GetPageList",
this.Query,
res => {
this.loading = false;
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;
if (this.Query.ID == 0) {
this.Query.ID = "";
}
} else {
this.Warning(res.data.message);
}
......@@ -958,8 +972,7 @@
this.LineList = res.data.data;
}
},
err => {
}
err => {}
);
},
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