<style>
  .PlaneTicket .el-input--prefix .el-input__inner {
    padding-left: 30px;
  }

  .PlaneTicket_list {
    padding: 20px 0 0 0;
  }

  .PlaneTicket ._ol_info {
    font-size: 12px;
    height: 100%;
  }

  .PlaneTicket ._ol_info._edHeight {
    height: 200px;
  }

  .PlaneTicket ._ol_color {
    font-size: 12px;
    width: 100%;
    margin-bottom: 20px;
  }

  .PlaneTicket ._ol_color li {
    float: left;
    padding: 0 15px;
    display: flex;
    align-items: center;
  }

  .PlaneTicket ._ol_color li ._cl {
    border-radius: 3px;
    display: inline-block;
    width: 5px;
    height: 12px;
    margin-right: 5px;
  }

  .PlaneTicket ._red {
    background-color: #e95252;
  }

  .PlaneTicket ._red_text {
    color: #e95252;
  }

  .PlaneTicket ._green {
    background-color: #47bf8c;
  }

  .PlaneTicket ._green_text {
    color: #47bf8c;
  }

  .PlaneTicket ._blu {
    background-color: #2aaef2;
  }

  .PlaneTicket ._blu_text {
    color: #2aaef2;
  }

  .PlaneTicket ._ol_list {
    margin-top: 20px;
    min-height: 500px;
  }

  .PlaneTicket ._ol_list>li {
    min-height: 107px;
    margin: 20px 0 0px 0px;
    transition: linear all 0.5s;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-left: 0;
    /* overflow: hidden; */
    position: relative;
    padding-top: 10px;
  }

  .PlaneTicket ._ol_list>li:hover {
    box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
    transition: all linear 0.5s;
  }

  .PlaneTicket ._oll_tit {
    color: #333333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .PlaneTicket ._oll_tit span {
    display: inline-block;
    padding: 1px 10px;
    font-size: 12px;
    border: solid 1px #ff9000;
    color: #ff9000;
    border-radius: 4px;
  }

  .PlaneTicket ._oll_line {
    max-width: 5px;
    min-width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    background: rgba(233, 82, 82, 1);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    display: inline-block;
  }

  .PlaneTicket ._oll_line._o_green {
    background: #47bf8c;
  }

  .PlaneTicket ._oll_line._o_blu {
    background: #2aaef2;
  }

  .PlaneTicket ._oll_info {
    /* padding-left: 20px;
  width: 200px; */
    max-width: 100%;
  }

  .PlaneTicket ._oll_img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin: 5px 0 0 15px;
    margin-left: 20px;
    display: inline-block;
  }

  .PlaneTicket ._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;
  }

  .PlaneTicket ._oll_time {
    display: inline-block;
    background-color: #efefef;
    border-radius: 4px;
    color: #999999;
    font-size: 12px;
    padding: 2px 10px;
    margin-top: 10px;
  }

  .PlaneTicket ._oll_food {
    min-width: 64px;
    max-width: 64px;
    height: 36px;
    background: rgba(42, 174, 242, 1);
    border-radius: 4px;
    margin: 0 30px;
    color: white;
    line-height: 36px;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
  }

  .PlaneTicket .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;
  }

  .PlaneTicket .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;
    margin-left: 0 !important;
  }

  .wangfan.hollowFixedBtn:hover {
    color: #ffffff;
    border-color: #2aaef2;
    background-color: #2aaef2;
  }

  .wangfan.hollowFixedBtn {
    cursor: pointer;
  }

  ._destination {
    text-align: center;
    padding: 0 20px 0 0;
  }

  ._destination .iconfont {
    color: #2aaef2;
  }

  ._destination p ._destination_line {
    color: #b7b7b7;
    position: relative;
    top: -3px;
  }

  ._destination p ._destination_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50px;
    display: inline-block;
  }

  ._CNY {
    height: 100%;
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 16px;
    padding-left: 40px;
    border-left: 1px dashed #dcdfe6;
    min-width: 170px;
  }

  ._CNY span {
    color: #47bf8c;
    font-size: 18px;
  }

  .TMN_Seat {
    height: 100%;
    display: flex;
  }

  .PlaneTicket .TK_SeatList {
    /* width: 245px; */
    height: 60px;
    background-color: #f9f9f9;
    /* margin-top: 9px; */
    padding-right: 10px;
  }

  .PlaneTicket .TK_SeatList>ul>li:nth-child(1) {
    margin-left: 5px;
  }

  .PlaneTicket .TK_SeatList>ul>li {
    float: left;
    text-align: center;
    margin: 5px 13px 0 0;
  }

  .PlaneTicket .TK_SeatList>ul>li:last-child {
    margin-right: 0;
  }

  .PlaneTicket .TK_SeatList .iconfont {
    color: #d1d1d1;
    display: inline-block;
    margin-top: 5px;
  }

  .PlaneTicket .TK_SeatList ._num1 {
    font-size: 18px;
    color: #333333;
    height: 28px;
    font-family: PingFangSC-Semibold, sans-serif;
  }

  .PlaneTicket .TK_SeatList ._num2 {
    font-size: 18px;
    color: #47bf8c;
    height: 28px;
    font-family: PingFangSC-Semibold, sans-serif;
    cursor: pointer;
  }

  .PlaneTicket .TK_SeatList ._num3 {
    font-size: 18px;
    color: #e95252;
    height: 28px;
    font-family: PingFangSC-Semibold, sans-serif;
  }

  .TK_SeatList ._wz {
    color: #666666;
    cursor: pointer;
  }

  .TK_SeatList ._yiyong {
    cursor: pointer;
    text-decoration: underline;
  }

  .TMA_raduis>ul {
    display: -webkit-box;
    align-items: center;
  }

  .TMA_raduis>ul>li {}

  /* .TMA_raduis > ul > li:not(._head) {
  background-color: #bcbcbc;
  color: #909090;
} */
  .TMA_raduis>ul>li._head {
    display: flex;
    align-items: center;
  }

  .TMA_raduis>ul>li._head img {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    margin-left: 15px;
  }

  .TMA_raduis>ul>li._head span {
    padding-left: 7px;
    display: inline-block;
    margin-right: 25px;
  }

  ._jztime {
    color: #666666;
    margin: 0 12px;
  }

  ._jztime .PingFangSC {
    font-size: 12px;
  }

  ._jztime ._text {
    font-size: 12px;
  }

  ._btn .hollowFixedBtn {
    padding: 6px 11px;
    width: 60px;
    margin-right: 10px;
    font-size: 12px;
  }

  .addPlaneTicket {
    overflow: hidden;
    display: none;
    overflow: auto;
    z-index: 999;
    position: fixed;
    min-width: 1200px;
    bottom: 0;
    border-top: 3px solid #38425d;
    background-color: #f9f9f9;
    left: 50px;
    padding: 10px;
  }

  .edHeight {
    display: block;
  }

  ._add_t {
    padding-left: 10px;
    border-left: 3px solid #e95252;
    color: #333;
    font-size: 16px;
    font-family: "PingFangSC-Fine";
    height: 30px;
    line-height: 30px;
  }

  .top-btn {
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  ._add_sel {
    padding: 10px 15px 0 15px;
    border-bottom: 1px dashed #dadada;
  }

  .PlaneTicket .el-pagination {
    border: none !important;
  }

  ._add_sel>ul>li {
    margin-right: 15px;
    float: left;
  }

  ._add_sel>ul>li input,
  ._add_ret>ul>li input {
    height: 30px;
  }

  ._add_ret>ul>li {
    margin-bottom: 20px;
  }

  ._add_sel_t {
    color: #6666;
    font-size: 12px;
    padding: 8px 0;
  }

  ._add_hangban {
    padding: 0px 15px;
    border-bottom: 1px dashed #dadada;
  }

  ._add_hangban>li {
    float: left;
    display: -webkit-box;
    padding: 20px 0;
    overflow: auto;
  }

  ._add_hangban>li>div {
    margin-right: 20px;
  }

  ._add_hangban>li:nth-child(2) {
    border-left: 1px dashed #dadada;
    padding-left: 10px;
  }

  ._add_go {
    display: flex;
  }

  ._add_go>span {
    font-size: 14px;
    color: #000000;
    padding-right: 15px;
  }

  ._add_go>div {
    font-size: 12px;
    color: #666666;
    background-color: #e0f4ff;
    width: 230px;
    height: 175px;
    border-radius: 4px;
  }

  ._add_go>div>p:nth-child(1) {
    padding: 0 13px;
    color: #387ea5;
    background-color: #cbe9fa;
    height: 34px;
    line-height: 34px;
  }

  ._add_go>div>p:nth-child(1) .icon-xingzhuang {
    float: right;
    font-size: 12px;
    margin-top: 2px;
    cursor: pointer;
  }

  ._add_go>div>p:nth-child(1) .icon-xingzhuang:hover {
    color: #e95252;
  }

  ._add_info {
    margin-top: 12px;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  ._add_hbh {
    padding: 0 0 0 10px;
    margin-top: 14px;
    display: inline-block;
  }

  ._add_hbh em {
    font-style: normal;
    display: inline-block;
    width: 55px;
    text-align: right;
  }

  ._add_hbh .el-input--prefix .el-input__icon {
    line-height: 20px !important;
  }

  ._add_hbh .el-input--prefix .el-icon-date {
    display: none;
  }

  ._add_hbh .el-select,
  ._add_hbh .el-input .el-input__inner,
  ._add_hbh .el-select .el-input {
    height: 30px;
    font-size: 12px;
    border-color: #5395b9 !important;
  }

  ._add_hbh .el-select .el-input .el-select__caret {
    color: #5395b9 !important;
  }

  ._add_hbh .el-select .el-input.is-focus .el-input__inner {
    border-color: #5395b9 !important;
  }

  ._add_hbh .el-select-dropdown__item.selected {
    background: #5395b9 !important;
  }

  ._add_hbh .el-select-dropdown__item {
    height: 20px !important;
    line-height: 20px !important;
  }

  ._add_hbh .el-select-dropdown__item span {
    line-height: 20px !important;
  }

  ._add_date input {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .PlaneTicket ._add_btn {
    float: right;
    display: inline-block;
    color: #b7ddf2;
    background-color: #5294b8;
    padding: 1px 5px;
    border-radius: 10px;
    cursor: pointer;
    line-height: 16px;
    margin-top: 8px;
  }

  ._add_ret {
    padding: 10px 0 0 0;
  }

  ._add_ret li {
    float: left;
    margin-right: 15px;
  }

  ._add_ret li em {
    font-size: 12px;
    color: #6666;
    font-style: normal;
    width: 80px;
    display: inline-block;
    text-align: right;
  }

  ._add_ret li._add_saveBtn {
    float: right;
    margin-top: 8px;
  }

  ._command_box {}

  ._command_tb {}

  ._command_tb {
    width: -webkit-fill-available;
    margin-top: 10px;
    text-align: left;
  }

  ._command_tb tr:first-child {
    background-color: #cbe9fa;
  }

  ._command_tb tr th {
    font-size: 12px;
    color: #387ea5;
    padding: 8px;
  }

  ._command_tb tr td:first-child {
    color: #387ea5;
  }

  ._command_tb tr td {
    color: #333333;
    padding: 8px;
    font-size: 12px;
    background-color: #e0f4ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  ._command_tb thead,
  ._command_tb tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  ._command_tb tbody {}

  ._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;
  }

  ._trip_CNY {
    width: auto !important;
    padding: 10px !important;
    background-color: #ffffff;
  }

  ._trip_CNY table {
    background-color: #ededed;
    border-collapse: collapse;
  }

  ._trip_CNY table ._rb_bor {
    border-right: 1px dashed #d3d3d3;
    border-bottom: 1px dashed #d3d3d3;
  }

  ._trip_CNY table ._lb_bor {
    border-right: 1px dashed #d3d3d3;
    border-top: 1px dashed #d3d3d3;
  }

  ._trip_CNY table ._rt_bor {
    border-left: 1px dashed #d3d3d3;
    border-bottom: 1px dashed #d3d3d3;
  }

  ._trip_CNY table ._lt_bor {
    border-left: 1px dashed #d3d3d3;
    border-top: 1px dashed #d3d3d3;
  }

  ._trip_CNY table td {
    padding: 15px;
    text-align: left;
  }

  ._trip_CNY table td ._CNY_name {
    display: inline-block;
    width: 21px;
    height: 21px;
    font-size: 12px;
    color: #ffffff;
    background-color: #2aaef2;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
  }

  ._trip_CNY table td ._CNY_num {
    color: #333333;
    position: relative;
    top: 2px;
  }

  ._CNY p {
    color: #333333;
    cursor: pointer;
    text-decoration: underline;
    font-size: 14px;
  }

  ._allWidth>span {
    padding-right: 10px;
  }

  ._add_go_label {
    padding-right: 15px;
  }

  .commandLine {
    width: 100%;
    padding: 2px 5px;
    background-color: #333333;
    display: flex;
    color: white;
  }

  .commandLine .cmd_input {
    width: 100%;
    background-color: #333333;
  }

  .commandLine .cmd_input .el-textarea__inner {
    background-color: #333333;
    border: none;
    font-size: 12px;
    color: white;
    padding-left: 5px;
  }

  .PlaneTicket .InfoChangeLog .changLog {
    background-color: #f9f9f9;
    height: auto;
    max-height: 170px;
    width: 100%;
    overflow: auto;
  }

  .PlaneTicket .InfoChangeLog .changLog ul {
    margin-left: 20px;
  }

  .PlaneTicket .InfoChangeLog .changLog li {
    border-left: 1px solid #e9e9e9;
    position: relative;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .PlaneTicket .InfoChangeLog .changLog li p {
    text-align: left;
  }

  .PlaneTicket .InfoChangeLog .changLog li .radius {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -4px;
    top: 4px;
  }

  .PlaneTicket .InfoChangeLog .changLog li.red .radius {
    background-color: #e95252;
  }

  .PlaneTicket .InfoChangeLog .changLog li.green .radius {
    background-color: #47bf8c;
  }

  .PlaneTicket .InfoChangeLog .time {
    color: #666666;
    padding-bottom: 5px;
  }

  .PlaneTicket .InfoChangeLog .changLog::-webkit-scrollbar,
  .PlaneTicket ._ol_info::-webkit-scrollbar,
  .addPlaneTicket::-webkit-scrollbar,
  ._add_hangban>li::-webkit-scrollbar,
  .Journal .changLogList::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }

  .PlaneTicket .InfoChangeLog .changLog::-webkit-scrollbar-thumb,
  .PlaneTicket ._ol_info::-webkit-scrollbar-thumb,
  .addPlaneTicket::-webkit-scrollbar-thumb,
  ._add_hangban>li::-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;
  }

  .PlaneTicket .InfoChangeLog .changLog::-webkit-scrollbar-track,
  .PlaneTicket ._ol_info::-webkit-scrollbar-track,
  .addPlaneTicket::-webkit-scrollbar-track,
  ._add_hangban>li::-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;
  }

  .PlaneTicket _btn i {
    color: #fff !important;
  }

  ._command_tb tbody::-webkit-scrollbar {
    width: 4px;
    height: 8px;
  }

  ._command_tb tbody::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
  }

  ._command_tb tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #ededed;
  }

  ._delete_cmd {
    cursor: pointer;
  }

  ._delete_cmd:hover {
    color: red;
  }

  .PlaneTicket .el-form-item__label {
    font-size: 12px;
    color: #606266;
  }

  ._pingtai .el-select .el-input {
    height: auto;
  }

  ._pingtai .el-form-item,
  ._add_ret>ul>li .el-form-item {
    display: flex;
  }

  ._add_sel ul li .el-form-item {
    margin-bottom: 0;
  }

  .PlaneTicket .upload-demo {
    text-align: center;
  }

  .PlaneTicket .query-box ul .el-input {
    width: 150px;
  }

  .wangfan_dan {
    padding: 2px 9px !important;
  }

  /*审核成功*/
  ._bg_gre {
    background-color: #47bf8c !important;
    color: white !important;
    cursor: pointer;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
  }

  /*默认*/
  .bg_default {
    cursor: pointer;
    background-color: #bcbcbc !important;
    color: #909090 !important;
    cursor: pointer;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
  }

  /*审核中*/
  .bg_auditing {
    background-color: #3867d6 !important;
    color: white;
    cursor: pointer;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
  }

  .PlaneTicket .width_auto {
    width: 80%;
  }

  .PlaneTicket ._rizhi {
    background: #fff !important;
    color: #e95252 !important;
    height: 30px !important;
    border: 1px solid #e95252 !important;
    cursor: pointer !important;
    border-radius: 15px !important;
  }

  .PlaneTicket .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: 20px 0;
  }

  .Journal .changLogList_l {
    border-left: 1px solid #e9e9e9;
    position: relative;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .Journal .changLogList_l:last-child {
    border: 0;
  }

  .Journal .changLog_time {
    color: #666666;
    position: relative;
    top: -4px;
  }

  .Journal .TM_UPdate {
    font-size: 12px;
  }

  .PlaneTicket .downBtn {
    padding: 6px 20px;
    position: relative;
    top: -1px;
  }

  .PlaneTicket .icon-img_plane {
    font-size: 12px;
    -webkit-transform: scale(0.8);
  }

  .PlaneTicket .departName {
    text-align: right;
  }

  .PlaneTicket .arrivalName {
    text-align: left;
  }

  .PlaneTicket ._destination .el-button:focus {
    background-color: #2aaef2 !important;
    color: #fff !important;
  }

  .PlaneTicket .travelTo {
    position: relative;
    top: -2px;
  }

  .PlaneTicket .icon-arrow1 {
    font-size: 12px;
    position: relative;
    top: 4%;
  }

  .PlaneTicket .multiple_input .el-input {
    height: auto !important;
  }

  .PlaneTicket .el-button--primary {
    padding: 5px;
    margin-right: 1px;
  }

  .PlaneTicket .addPlaneTicket::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }

  .PlaneTicket .addPlaneTicket::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
  }

  .PlaneTicket .addPlaneTicket::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #ededed;
  }

  .Journal ._radius_green {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -4px;
    top: 0;
  }

  .disClick {
    background-color: #d1d1d1;
    color: #fff;
    border: 1px solid #d1d1d1;
  }

  .disClick:hover {
    background-color: #d1d1d1 !important;
    cursor: default !important;
    box-shadow: none !important;
  }

  .TM_OrderRemind {
    font-size: 12px;
    color: #e95252;
    margin: 5px 0 0 0;
  }

  .PlaneTicket ._lian_style {
    position: absolute;
    top: 0px;
    left: 5px;
    z-index: 99;
    display: inline-block;
    background-color: #e83140;
    color: white;
    padding: 2px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .PlaneTicket .el-date-editor.el-input,
  .el-date-editor.el-input__inner {
    width: 100%;
  }

  .PlaneTicket .addPlaneTicket .el-select {
    width: 100%;
  }

  ._oll_img_box {
    height: 78px;
    display: inline-block;
    vertical-align: top;
    padding-top: 14px;
  }

  .PlaneTicket .vmiddle {
    display: flex;
    align-items: Center;
  }

  .Plan_Query .el-button--primary {
    background-color: #fff !important;
    color: #e95252 !important;
    border-color: #e95252 !important;
  }

  .Plan_Query .el-button--primary:focus,
  .TC_ListContent .el-button--primary:hover {
    background-color: #fff !important;
    color: #e95252 !important;
    border-color: #e95252 !important;
  }

  .Plan_Query .el-button {
    border-radius: 16px;
    width: 90px;
    height: 30px;
    line-height: 26px;
  }

  .Plan_Query .el-button i {
    color: #e95252;
  }

  .Plan_Query .el-dropdown {
    position: relative;
    top: 4px;
  }

  .Plan_Query .el-button span {
    position: relative;
    top: -3px;
  }

  .el-dropdown-menu__item:hover {
    background-color: #e95252 !important;
    color: #fff !important;
  }

  .TMA_PNR {
    font-size: 12px;
    color: #666666;
    margin: 5px 0 0 16px;
  }

  .PlaneTicket .TICK_Code {
    position: absolute;
    left: 27px;
    top: 5px;
  }

  .PlaneTicket .TCID_cont {
    min-height: 28px;
    line-height: 28px;
    border-top: 1px dashed #ccc;
    text-indent: 20px;
  }

  .Ticket_TCID {
    margin-right: 2px;
  }

  /*航班详情*/
  .PlaneTicket .FlightDivDetails {
    width: 100%;
    /* height: 65px; */
    overflow: auto;
  }

  .PlaneTicket ._flightList {
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
    padding-right: 5px;
  }

  /*航班号*/
  .PlaneTicket .FlightNumber {
    color: #ff0066;
    font-weight: bold;
  }

  .PlaneTicket .el-button-group i {
    font-size: 13px;
  }

  ._add_sel .el-form-item {
    margin-bottom: 10px;
  }

  .FinaceDanList {
    display: block;
    cursor: pointer;
  }

  .FinaDetailContent {
    height: 25px;
    overflow: auto;
  }

  .PlaneTicket .TK_raduis ul li {
    margin-right: 14px;
    float: left;
  }

  .FinaceDanList {
    cursor: pointer;
  }

  .planeTicketSignUp {
    overflow: auto;
    position: fixed;
    height: 500px;
    z-index: 100;
    bottom: 0;
    left: 50px;
    border-top: 3px solid #38425d;
    background-color: #FFFFFF;
    padding: 10px 10px 0;
    min-width: 1316px
  }

  .planeTicketSignUp .el-form-item__label {
    font-size: 12px !important;
  }

  .planeTicketSignUp>p {
    border-left: 3px solid #E95252;
    text-indent: 15px;
    height: 16px;
    font-family: 'PingFangSc-Fine';
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 14px;
    color: #000;
  }

  .planeTicketSignUp .el-input {
    width: auto !important
  }

</style>
<template>
  <div class="flexOne PlaneTicket">
    <div class="planeTicketSignUp ownScrollbarStyle" v-show="isShowLayer">
      <p>
        {{$t('salesModule.SignImdi')}}
        <span class="fr">
          <input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="cancelSubmit()" />
          <input type="button" class="normalBtn" :value="$t('salesModule.SignImdi')" @click="submitForm('addMsg')" />
        </span>
      </p>
      <el-form :model="addMsg" ref="addMsg" label-position="right" :rules="rules" label-width="80px">
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item :label="$t('visa.v_tuanhao')">
              <el-select v-model='addMsg.TCID' :placeholder="$t('pub.pleaseSel')">
                <el-option v-for="item in TCList" :label='item.TCNUM' :value='item.TCID' :key='item.TCID'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('fnc.ctleixing')" prop="GroupType">
              <el-select v-model='addMsg.GroupType' @change="groupTypeChange" disabled
                :placeholder="$t('pub.pleaseSel')">
                <el-option v-for="item in ctlxList" :label='item.Name' :value='item.Id' :key='item.Id'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('fnc.khleixing')" prop="CustomerType">
              <el-select v-model='addMsg.CustomerType' filterable :placeholder="$t('pub.pleaseSel')"
                @change='getTypePrice();getDdlyList();getKhmdList();getTotalPrice()'>
                <el-option v-for="item in khlxList" :label='item.Name' :value='item.Id' :key='item.Id'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('hotel.suplier_contact')" prop="ContactName"
              v-show='addMsg.CustomerType==3||addMsg.CustomerType==4'>
              <el-input v-model='addMsg.ContactName'></el-input>
            </el-form-item>
            <el-form-item :label="$t('restaurant.res_ContactNumber')" prop="ContactMobile"
              v-show='addMsg.CustomerType==3||addMsg.CustomerType==4'>
              <el-input v-model='addMsg.ContactMobile' maxlength='20'></el-input>
            </el-form-item>
            <el-form-item :label="$t('salesModule.CustomerStore')" prop="CustomerId"
              v-show="addMsg.CustomerType==1||addMsg.CustomerType==2||addMsg.CustomerType==''">
              <el-select v-model='addMsg.CustomerId' filterable :placeholder="$t('pub.pleaseSel')" @change='getSspt'>
                <el-option v-for="item in khmdList" :label='item.customerName+"-"+item.contact' :value='item.customerId'
                  :key='item.customerId'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
          </el-col>
          <el-col :span="4">
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.TeamPrice')" prop="TC_Price">
              <el-input v-model='addMsg.TC_Price' :disabled="true" @input="getTotalPrice()"></el-input>
            </el-form-item>
            <el-form-item :label="$t('salesModule.StartLY')"
              v-show='addMsg.IsIntermodal==1&&addMsg.DepartureCityId!=addObj.StartCityID'>
              <el-input v-model='stratPrice' v-show='stratPriceShow' :disabled="true"></el-input>
              <span class="colorE95252" v-show='!stratPriceShow'>{{$t('pub.NoPrice')}}！</span>
            </el-form-item>
            <el-form-item :label="$t('salesModule.BackLY')"
              v-show='addMsg.IsReturnIntermodal==1&&addMsg.ReturnArriveCityId!=addObj.ReturnArriveCityId'>
              <el-input v-model='returnPrice' v-show='returnPriceShow' :disabled="true"></el-input>
              <span class="colorE95252" v-show='!returnPriceShow'>{{$t('pub.NoPrice')}}！</span>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('fnc.cjdanjia')" prop="Unit_Price">
              <el-input v-model='addMsg.Unit_Price' @keyup.native="checkPrice(addMsg,'Unit_Price');getTotalPrice()">
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <div style="width: 100%; border-top:1px dashed #ccc;margin-bottom:25px;"></div>
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.AdultNum')" prop="ManNum">
              <el-input v-model='addMsg.ManNum' :disabled="addMsg.GroupType==='4'"
                @keyup.native="checkInteger(addMsg,'ManNum')" @input='getNumber();getHouseNo();getTotalPrice()'>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">

            <el-form-item :label="$t('salesModule.ChildNum')" prop="ChirdNoNeedBedNum">
              <el-input v-model='addMsg.ChirdNoNeedBedNum' :disabled="addMsg.GroupType==='4'"
                @keyup.native="checkInteger(addMsg,'ChirdNoNeedBedNum')"
                @input='getNumber();getHouseNo();getTotalPrice();'></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">

          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.BabyNum')" prop="BabyNum">
              <el-input v-model='addMsg.BabyNum' :disabled="addMsg.GroupType==='4'"
                @keyup.native="checkInteger(addMsg,'BabyNum')" @input='getNumber();getTotalPrice();'></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.OldPeopleNum')" prop="OldPeopleNum">
              <el-input v-model='addMsg.OldPeopleNum' :disabled="addMsg.GroupType==='4'"
                @keyup.native="checkInteger(addMsg,'OldPeopleNum')" @input='getNumber();getHouseNo();getTotalPrice()'>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.VisaNum')" prop="VisaNum">
              <el-input v-model='addMsg.VisaNum' @keyup.native="checkInteger(addMsg,'VisaNum')"
                @input='getTotalPrice();'></el-input>
            </el-form-item>
          </el-col>

        </el-row>

        <el-row :gutter="20">

          <el-col :span="4">
            <el-form-item :label="$t('fnc.yszonge')" prop="PreferPrice">
              <el-input v-model='addMsg.PreferPrice' :disabled="true"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.YJTC')" prop="Commission">
              <el-input v-model='addMsg.Commission' :disabled="true"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="4">
            &nbsp;
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item :label="$t('Airticket.Air_EconomyClass')" prop="YSeatNum">
              <el-input v-model='addMsg.YSeatNum' @keyup.native="checkInteger(addMsg,'YSeatNum')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('Airticket.Air_businessClass')" prop="ESeatNum">
              <el-input v-model='addMsg.ESeatNum' :disabled="true"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('Airticket.Air_firstClass')" prop="FSeatNum">
              <el-input v-model='addMsg.FSeatNum' :disabled="true"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
          </el-col>
          <el-col :span="4">
            &nbsp;
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.CustomFrom')" prop="ClientSource">
              <el-select v-model='addMsg.ClientSource' filterable :placeholder="$t('pub.pleaseSel')">
                <el-option v-for="item in ddlyList" :label='item.Name' :value='item.Id' :key='item.Id'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.SSPT')" prop="BrandId" v-show="addMsg.ClientSource==1">
              <el-select v-model='addMsg.BrandId' filterable :placeholder="$t('pub.pleaseSel')">
                <el-option v-for="item in ssptList" :label='item.brandName' :value='item.dictId' :key='item.dictId'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('tips.jiaoyifangshi')" prop="TradeWay" v-show='addMsg.ClientSource==1'>
              <el-select v-model='addMsg.TradeWay' filterable disabled :placeholder="$t('pub.pleaseSel')"
                @change='tradeWayMethods'>
                <el-option v-for="item in jyfsList" :label='item.Name' :value='item.Id' :key='item.Id'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4" v-if='addMsg.TradeWay==1'>
            <el-form-item :label="$t('salesModule.PlatOrder')" prop="PlatformOrder">
              <el-input v-model='addMsg.PlatformOrder' @input='platformOrderMethods' maxlength='20'></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4" v-show="addMsg.TradeWay==1&&addMsg.PlatformOrder!=''">
            <el-form-item :label="$t('salesModule.Deposit')" prop="MinOrderPrice">
              <el-input v-model='addMsg.MinOrderPrice' @keyup.native="checkPrice(addMsg,'MinOrderPrice')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4" v-if="addMsg.TradeWay==1&&addMsg.PlatformOrder!=''">
            <el-form-item :label="$t('salesModule.CostType')" prop="CostType">
              <el-select v-model="addMsg.CostType" filterable :placeholder="$t('rule.qxzfyleixing')">
                <el-option v-for='item in fylxList' :label="item.Name" :value="item.ID" :key='item.ID'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4" v-if="addMsg.TradeWay==1&&addMsg.PlatformOrder!=''">
            <el-form-item :label="$t('fnc.jiaoyiriqi')" prop="TradeDate">
              <el-date-picker v-model='addMsg.TradeDate' value-format="yyyy-MM-dd" type="date"></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item :label="$t('pub.pubRemark')" prop="Remarks">
              <el-input v-model='addMsg.Remarks' type='textarea' maxlength='500'></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="query-box Plan_Query">
      <ul>
        <li>
          <span>
            <em>{{$t('advmanager.v_line')}}</em>
            <el-select v-model="msg.LineId" :placeholder="$t('pub.pleaseSel')" class="w120">
              <el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
              <el-option v-for="item in LineList" :key="item.LineID" :label="item.LineName" :value="item.LineID">
              </el-option>
            </el-select>
          </span>
        </li>
        <li>
          <span class="hotel_name">
            <em>{{$t('system.query_airCompanyName')}}</em>
            <el-select v-model="msg.AirLineID" filterable :placeholder="$t('system.ph_in')" class="w120">
              <el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
              <el-option v-for="item in airlineList" :label="item.AlName" :value="item.AirLineId" :key="item.AirLineId">
              </el-option>
            </el-select>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('Airticket.Air_flightDate')}}</em>
            <!-- <el-date-picker clearable class="w135" v-model="msg.QFlightDateStart" type="date"
              :picker-options="beforeCheck" value-format="yyyy-MM-dd" :placeholder="$t('admin.admin_choDate')">
            </el-date-picker> -->
            <DateLimit :clearable="false" :StartGroupDate="msg.QFlightDateStart" :EndGroupDate="msg.QFlightDateEnd" @change="(date)=> msg.QFlightDateStart = date"></DateLimit>
            <span class="_ln">-</span>
            <el-date-picker clearable class="w135" v-model="msg.QFlightDateEnd" type="date" :picker-options="afterCheck"
              value-format="yyyy-MM-dd" :placeholder="$t('admin.admin_choDate')"></el-date-picker>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('admin.admin_czPerson')}}</em>
            <el-select v-model="msg.CreateBy" filterable :placeholder="$t('system.ph_in')" class="w120">
              <el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
              <el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId"
                :key="item.EmployeeId"></el-option>
            </el-select>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('hotel.hotel_SerialNumber')}}</em>
            <el-input v-model="msg.ID" :placeholder="$t('fnc.jpbianhao')" @keyup.native="checkInteger(msg,'ID')"
              maxlength="8"></el-input>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('salesModule.DepositType')}}</em>
            <el-select v-model="msg.DepositType" filterable :placeholder="$t('system.ph_in')" class="w120">
              <el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
              <el-option v-for="item in DepositTypeArray" :label="item.Name" :value="item.Id" :key="item.Id">
              </el-option>
            </el-select>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('salesModule.OnlyLookSign')}}</em>
            <el-select v-model="msg.IsPayOrder" filterable :placeholder="$t('system.ph_in')" class="w120">
              <el-option :label="$t('pub.yes')" value="1"></el-option>
              <el-option :label="$t('pub.no')" value="2"></el-option>
            </el-select>
          </span>
        </li>
        <li style="margin-right:50px;">
          <button class="normalBtn" type="button" @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
        </li>
      </ul>
    </div>
    <div class="PlaneTicket_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>
      </ul>
      <div class="_ol_info" :class="addShow==true||command==true?'_edHeight':''">
        <ul class="_ol_list" v-loading="loading">
          <li v-for="(item,index) in dataList" :data-id="item.ID">
            <span class="_oll_line" v-if="item.FreightSpace==1"></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>
            <el-row :gutter="10">
              <el-col :span="2">
                <span class="_lian_style" v-if="item.IsSetUnion==1">{{$t('salesModule.Lian')}}</span>
                <div class="_oll_img_box">
                  <span class="TICK_Code PingFangSC"
                    style="left:35px;">{{$t('hotel.hotel_SerialNumber')}}：{{item.ID}}</span>
                  <img v-if="!item.AirlineUrl" class="_oll_img" :src="defaultImg">
                  <img v-else class="_oll_img" :src="item.AirlineUrl" :onerror="defaultImg" style="margin-left:30px;">
                </div>
              </el-col>
              <el-col :span="3" class="vmiddle">
                <div class="_oll_info">
                  <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="5" 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.DepartureName}}</span>
                    <span v-if="subItem.StopoverName">-</span>
                    <span>{{subItem.StopoverName}}</span>
                    <span v-if="subItem.ArrivalCityName">-</span>
                    <span>{{subItem.ArrivalCityName}}</span>
                  </div>
                </div>
              </el-col>
              <el-col :span="7" class="vmiddle">
                <div class="TMN_Seat">
                  <div class="TK_SeatList">
                    <ul class="clearfix">
                      <li>
                        <span class="iconfont icon-img_yizi"></span>
                      </li>
                      <li>
                        <p class="_num3">{{item.B2CPrice}}</p>
                        <p class="_wz">{{$t('Operation.Op_price')}}</p>
                      </li>
                      <li>
                        <p class="_num3">{{item.TotalTicketNum}}</p>
                        <p class="_wz">{{$t('Airticket.Air_reservation')}}</p>
                      </li>
                      <li>
                        <p class="_num3">{{item.SellTicketNum}}</p>
                        <p class="_wz">{{$t('hotel.hotel_roomUsed')}}</p>
                      </li>
                      <li>
                        <p class="_num2">{{item.UnionCount}}</p>
                        <el-popover popper-class="_tripDetails" width="500">
                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr class="_color_666">
                              <th>{{$t('visa.v_lycity')}}</th>
                              <th>{{$t('hotel.order_Number')}}</th>
                              <th>{{$t('salesModule.UnionNum')}}</th>
                              <th>{{$t('salesModule.YPBNum')}}</th>
                              <th>{{$t('salesModule.IsZS')}}</th>
                            </tr>
                            <tr v-for="(unionItem,x) in item.UnionDetailList">
                              <td>{{unionItem.UnionCityName}}</td>
                              <td>{{unionItem.UnionOrderIds}}</td>
                              <td>{{unionItem.UnionGuestCount}}</td>
                              <td>{{unionItem.UnionConfigNum}}</td>
                              <td>
                                <span v-if="unionItem.IsStay==1" class="_num3">{{$t('pub.yes')}}</span>
                                <span v-else>{{$t('pub.no')}}</span>
                              </td>
                            </tr>
                          </table>
                          <p slot="reference" class="_wz _yiyong">{{$t('salesModule.Union')}}</p>
                        </el-popover>
                      </li>
                      <li>
                        <p class="_num3">{{item.OutTicketPercent}} %</p>
                        <p class="_wz">{{$t('salesModule.CPBFB')}}</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </el-col>
              <el-col :span="2" class="vmiddle">
                <div class="TMA_raduis">
                  <ul style="padding:0;">
                    <li class="_head" style="display:block">
                      <img style="margin-left:0px" v-if="item.CreateUrl" :src="item.CreateUrl" :onerror="defaultImg">
                      <img style="margin-left:0px" v-else src="../../assets/img/bg_z1@2x.png">
                      <span style="padding:0;margin:0;display:block;">{{item.CreateName}}</span>
                    </li>
                  </ul>
                </div>
              </el-col>
              <el-col :span="3" 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="1" class="vmiddle">
                <el-button-group size="mini">
                  <el-tooltip class="item" effect="dark" :content="$t('salesModule.LJXD')" placement="top-start">
                    <el-button type="primary" icon="iconfont icon-fukuan1" @click="goBuy(item)"></el-button>
                  </el-tooltip>
                </el-button-group>
              </el-col>
            </el-row>

            <el-row :gutter="0">
              <el-col :span="24">
                <div class="TCID_cont PingFangSC">
                  {{$t('fnc.tuanqi')}}：
                  <span v-show="item.TCIDList.length==0">{{$t('active.cl_zanwu')}}</span>
                  <span class="Ticket_TCID" style="display:inline-block;margin-right: 10px;cursor: pointer;"
                    v-for="(subItem, subIndex) in item.TravelInfo" :key="subIndex"
                    @click="goUrlP(subItem.TCID)">{{subItem.TCNUM}}({{subItem.TCID}})</span>
                </div>
              </el-col>
            </el-row>
          </li>
        </ul>
        <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="msg.pageSize" :total="total"></el-pagination>
      </div>
    </div>
  </div>
</template>
<script>
  import DateLimit from '../public/DateLimit.vue';
  export default {
    components: {DateLimit},
    data() {
      return {
        pickerOptions0: {
          disabledDate: (time) => { //disabledDate true 为禁止选择
            let starTime = new Date(this.starTime)
            return time.getTime() > starTime.getTime()
          }
        },
        pickerOptions1: {
          disabledDate: (time) => {
            let endTime = new Date(this.endTime)
            return time.getTime() < endTime.getTime() - 5.64e7
          }
        },
        outerVisible1: false,
        //导入文件弹窗标题
        importFileTitle: this.$t('Airticket.Air_bulkImport'),
        //是否显示导入文件弹窗
        outerVisible: false,
        //行程单上传信息
        UploadItineraryMsg: {
          ID: 0,
          TripItinerary: ""
        },
        //机票定金类型
        DepositTypeArray: [{
            Id: 1,
            Name: this.$t('Airticket.Air_yiding')
          },
          {
            Id: 2,
            Name: this.$t('Airticket.Air_erding')
          },
          {
            Id: 3,
            Name: this.$t('Airticket.Air_sanding')
          },
          {
            Id: 4,
            Name: this.$t('Airticket.Air_siding')
          },
          {
            Id: 5,
            Name: this.$t('Airticket.Air_lastPayment')
          },
        ],
        msg: {
          pageIndex: 1,
          pageSize: 6,
          AirLineID: 0,
          DepositType: 0,
          OpenPlatform: "",
          QFlightDateStart: "",
          QFlightDateEnd: "",
          CreateBy: 0, //操作人
          FlyState: "0",
          LineId: 0, //线路编号
          ID: 0,
          TicketType: 0, //定金类型(1定，2定等)
          IsPayOrder: '1'
        },
        //去程
        addGoFlight: {
          AirLineTicketId: 0,
          FlightType: "",
          FlightID: "",
          FlightDate: "",
          aName: "",
          dName: "",
          FlightSubType: 1,
          ID: 0,
          AirLineID: 0,
        },
        //回程
        returnTripData: {
          AirLineTicketId: 0,
          FlightType: "",
          FlightID: "",
          FlightDate: "",
          aName: "",
          dName: "",
          FlightSubType: 3,
          ID: 0,
          AirLineID: 0
        },
        //员工列表
        EmployeeList: [],
        defaultSelectValue: 0,
        downList: "", //一般模板
        downMoreList: "", //多航段米板
        changeAirLineID: "",
        chengeDelIdList: [],
        openplatString: [],
        OpenPlatformStrings: "",
        TicketOrder: "",
        //航空公司下拉框
        airlineList: [],
        //舱位列表下拉框
        FreightSpaceList: [],
        //机票类型下拉框
        TicketTypeList: [],
        //日志详情
        orderlogList: [],
        //航班详情
        tripDetails: [],
        //订单详情
        usedDetails: [],
        //默认图片
        defaultImg: 'this.src="' + require("../../assets/img/bg_z1@2x.png") + '"',
        //开放平台下拉框
        openplatform: [],
        TicketOrderList: [],
        //去程航班列表
        AirportNameList: [],
        //回程航班列表
        BackAirportNameList: [],
        //线路列表
        LineList: [],
        returnTrip: [],
        total: 0,
        isSubmit: true,
        currentPage: 1,
        loading: true,
        noData: false,
        countryList: "",
        dataList: [],
        addShow: false,
        command: false,
        commonLineId: 0,
        uploadDoc: true,
        //1-一般导入，2-多航段导入
        importType: 1,
        pickerOptions1: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 100000000;
          }
        },
        beforeCheck: {
          disabledDate: time => {
            let endTime = new Date(this.msg.eDate);
            return endTime.getTime() < time.getTime();
          }
        },
        afterCheck: {
          disabledDate: time => {
            let startTime = new Date(this.msg.QFlightDateStart);
            return startTime.getTime() >= time.getTime();
          }
        },
        isShowLayer: false,
        TCList: [],
        ScenicRefundList: [],
        addObj: {},
        addMsg: {
          OrderId: '0',
          TCID: '0',
          CustomerType: '',
          GroupType: '5',
          ContactName: '',
          ContactMobile: '',
          CustomerId: '',
          DepartureCityId: '',
          ReturnArriveCityId: '',
          IsIntermodal: '2',
          IsReturnIntermodal: '2',
          Unit_Price: '0',
          TC_Price: '0',
          ManNum: '0',
          ChirdNum: '0',
          ChirdNoNeedBedNum: '0',
          ChirdNeedBedNum: '0',
          BabyNum: '0',
          OldPeopleNum: '0',
          SingleRoomNum: '0',
          PreferPrice: 0,
          YSeatNum: '0',
          ESeatNum: '0',
          FSeatNum: '0',
          Commission: '0',
          ClientSource: '',
          BrandId: '',
          TradeWay: '2',
          PlatformOrder: '',
          GuestNum: 0,
          IsChildrenTour: '0',
          IsBirdDiscount: '0',
          PredictRoomNum: '0',
          BigRoomNum: '0',
          TripleRoomNum: '0',
          TradeDate: '',
          CostType: '',
          Remarks: '',
          VisaNum: '0',
          SafeNum: '0',
          AirticketNum: '0',
          ScenicRefundArr: [],
          GoCityTime: '',
          BackCityTime: '',
          CommissionSharePeople: '-1',
          CommissionShareMoney: '0',
          OrderForm: '1',
          SonControlID: '-1'
        },
        stratPrice: '',
        stratPriceShow: false,
        returnPrice: '',
        returnPriceShow: false,
        isUpdateSharePeople: false,
        salePlace: [],
        employeeList: [],
        airlineList: [],
        khlxList: [],
        khlxList: [],
        ctlxList: [],
        ddlyList: [],
        ddztList: [],
        khmdList: [],
        ssptList: [],
        jyfsList: [],
        fylxList: [],
        startCityList: [],
        startCityList1: [],
        rules: {
          CustomerType: [{
            required: true,
            message: this.$t('objFill.qingxuanzhekhlx'),
            trigger: 'change'
          }],
          CustomerId: [{
            required: false,
            message: this.$t('objFill.qingxzkhmd'),
            trigger: 'change'
          }],
          GroupType: [{
            required: true,
            message: this.$t('objFill.qingxzctlx'),
            trigger: 'change'
          }],
          ClientSource: [{
            required: true,
            message: this.$t('objFill.qingxzkrly'),
            trigger: 'change'
          }],
          TradeWay: [{
            required: true,
            message: this.$t('fnc.a_qxzjyfangshi'),
            trigger: 'change'
          }],
          ContactName: [{
            required: true,
            message: this.$t('objFill.qingshurulxxm'),
            trigger: 'blur'
          }],
          ContactMobile: [{
              required: true,
              message: this.$t('objFill.qingshurulxrdh'),
              trigger: 'blur'
            },
            {
              pattern: /^(0|86|17951)?(13[0-9]|15[012356789]|17[012356789]|18[0-9]|19[0-9]|14[57])[0-9]{8}$/,
              message: this.$t('rule.qsrtelphone'),
            }
          ],
        },
      };
    },
    methods: {
      GetSupperOrderEditAuth() {
        var actionCode = this.$AuthCode.isQueryHistoryData;
        this.CheckUserAuth(actionCode, res => {
          if (res.data.resultCode == 1 && res.data.data == 1) {

          }else{
            let StartDate = this.getBeforeDate(186, new Date().Format("yyyy-MM-dd"))
            this.msg.QFlightDateStart = StartDate
          }
        });

      },
      getTotalPrice: function () {
        this.addMsg.PreferPrice = Number(this.addMsg.YSeatNum) * Number(this.addMsg.Unit_Price)
        this.getTicheng()
      },
      getHouseNo() {
        //算法：((成人+儿童占床数+老人-（三人房数量*3）)-单房数)/2+单房数+三人房数量
        this.addMsg.PredictRoomNum = (Number(this.addMsg.AirticketNum) + (Number(this.addMsg.ManNum) + Number(this
            .addMsg.ChirdNeedBedNum) + Number(this.addMsg.OldPeopleNum)) - Number(this.addMsg.TripleRoomNum) * 3 -
          Number(this.addMsg.SingleRoomNum)) / 2 + Number(this.addMsg.SingleRoomNum) + Number(this.addMsg
          .TripleRoomNum)
      },
      getNumber() {
        this.addMsg.ChirdNum = this.addMsg.ChirdNoNeedBedNum * 1 + this.addMsg.ChirdNeedBedNum * 1
        this.addMsg.VisaNum = (Number(this.addMsg.AirticketNum) + Number(this.addMsg.ManNum) + Number(this.addMsg
          .ChirdNum) + Number(this.addMsg.BabyNum) + Number(this.addMsg.OldPeopleNum))
        this.addMsg.SafeNum = (Number(this.addMsg.AirticketNum) + Number(this.addMsg.ManNum) + Number(this.addMsg
          .ChirdNum) + Number(this.addMsg.BabyNum) + Number(this.addMsg.OldPeopleNum))
        this.addMsg.YSeatNum = (Number(this.addMsg.ManNum) + Number(this.addMsg.ChirdNum) + Number(this.addMsg
          .OldPeopleNum))
      },
      getFylx() {
        this.apipost('Financial_post_GetByOrderCostTypeList', {
          Type: 1
        }, res => {
          if (res.data.resultCode == 1) {
            this.fylxList = res.data.data
          } else {}
        }, err => {})
      },
      getJyfs() {
        this.apipost('sellorder_get_GetSellTradeWayEnumList', {}, res => {
          if (res.data.resultCode == 1) {
            this.jyfsList = res.data.data
          }
        }, err => {})
      },
      getStartList1() {
        this.apipost("city_post_GetList", {
          isDefault: -1,
          priceType: -1
        }, res => {
          if (res.data.resultCode == 1) {
            this.startCityList1 = res.data.data;
          } else {
            this.Error(res.data.message);
          }
        });
      },
      getAirlineList() { //获取航空公司*
        let msg = {};
        this.apipost('airline_post_GetList', msg, res => {
          this.airlineList = res.data.data;
        }, err => {})
      },
      getSalePlace() {
        this.apipost('travel_get_GetTravelSelectEnum', {}, res => {
          if (res.data.resultCode == 1) {
            this.salePlace = res.data.data.SalePlat
          }
        }, err => {})
      },
      getLineList() {
        this.apipost("line_post_GetAllList", {}, res => {
          if (res.data.resultCode == 1) {
            this.LineList = res.data.data;
          }
        });
      },
      getCompanyList() {
        let userInfo = this.getLocalStorage();
        let RB_Group_id = userInfo.RB_Group_id;
        let msg = {
          Status: 0,
          is_show: 0,
          RB_Group_Id: RB_Group_id
        }
        this.apipost('admin_get_BranchGetList', msg, res => {
          if (res.data.resultCode == 1) {
            let text = this.$t('pub.unlimitedSel')
            this.companyList = [{
              Id: '-1',
              BName: text 
            }];;
            res.data.data.forEach(x => {
              var obj = {
                Id: '',
                BName: ''
              }
              obj.Id = x.Id.toString();
              obj.BName = x.BName;
              this.companyList.push(obj);
            })
          }
        }, err => {})
      },
      ScenicRefundMethods() {
        if (this.addMsg.ScenicRefundArr.length == 0) {
          this.ScenicRefundMoney = 0;
        } else {
          this.ScenicRefundMoney = 0;
          this.addMsg.ScenicRefundArr.forEach(x => {
            let listIndex = this.ScenicRefundList.findIndex(item => item.Id == x);
            if (listIndex != -1) {
              this.ScenicRefundMoney += this.ScenicRefundList[listIndex].RefundMoney;
            }
          });
        };
        this.getTotalPrice();
        this.getTicheng();
      },
      tradeWayMethods() {
        if (this.addMsg.TradeWay == 2) {
          this.addMsg.PlatformOrder = ''
          this.addMsg.MinOrderPrice = 0
          this.addMsg.CostType = ''
          this.addMsg.TradeDate = ''
        }
      },
      getEmployee() { //员工
        this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => {
          if (res.data.resultCode == 1) {
            this.employeeList = res.data.data;
          } else {}
        }, err => {})
      },
      getTicheng() { //提成
        this.addMsg.Commission = Number(this.addMsg.PreferPrice) * 0.01
      },
      getStartList() {
        this.apipost("sellorder_get_GetAllStartCity", {}, res => {
          if (res.data.resultCode == 1) {
            this.startCityList = res.data.data;
          } else {}
        });
      },
      getSspt() {
        //给非直客  隐藏电话姓名赋值
        let obj = this.khmdList.find(item => item.customerId == this.addMsg.CustomerId)
        this.customerId = obj.customerId
        this.createByInfo = obj.createByInfo
        this.addMsg.ContactName = obj.customerName + '(' + obj.contact + ')'
        this.addMsg.ContactMobile = obj.contactNumber

        this.apipost('app_today_visit_GetCustomerBrandByCustomerId', {
          customerInfoId: this.addMsg.CustomerId
        }, res => {
          if (res.data.resultCode == 1) {
            this.addMsg.BrandId = ''
            this.ssptList = res.data.data
          }
        }, err => {})
      },
      groupTypeChange: function (val) {
        if (val === '4') {
          this.addMsg.ManNum = 0
          this.addMsg.ChirdNoNeedBedNum = 0
          this.addMsg.ChirdNeedBedNum = 0
          this.addMsg.BabyNum = 0
          this.addMsg.OldPeopleNum = 0
          this.addMsg.ManNum = 0
          this.getNumber();
          this.getHouseNo();
          this.getTotalPrice()
        }
      },
      getKhmdList() {
        this.addObj.TravelInfo.forEach(x => {
          if (x.TCID == this.addMsg.TCID) {
            this.commonLineId = x.LineID;
          }
        })
        this.apipost('app_today_visit_GetOrderMyCustomerList', {
          typeId: this.addMsg.CustomerType,
          lineId: this.commonLineId,
            IsLineId: 1,
        }, res => {
          if (res.data.resultCode == 1) {
            this.khmdList = res.data.data
          }
        }, err => {})
      },
      getDdztList() {
        this.apipost('sellorder_post_GetSellOrderStatusEnumList', {}, res => {
          if (res.data.resultCode == 1) {
            this.ddztList = res.data.data
          }
        }, err => {})
      },
      getDdlyList() {
        this.addMsg.ClientSource = ''
        this.apipost('sellorder_get_GetSellClientSourceEnumList', {
          typeId: this.addMsg.CustomerType
        }, res => {
          if (res.data.resultCode == 1) {
            this.ddlyList = res.data.data
          }
        }, err => {})
      },
      getCtlxList() {
        this.apipost('sellorder_get_GetOrderJoinEnumList', {}, res => {
          if (res.data.resultCode == 1) {
            this.ctlxList = res.data.data
          }
        }, err => {})
      },
      getKhlxList() {
        this.apipost('sellorder_get_GetSellClientTypeEnumList', {}, res => {
          if (res.data.resultCode == 1) {
            this.khlxList = res.data.data
          }
        }, err => {})
      },
      cancelSubmit() {
        this.isShowLayer = false
        this.$refs['addMsg'].resetFields();
        this.clearMsg()
      },
      getTypePrice() {
        this.addMsg.ContactName = ''
        this.addMsg.ContactMobile = ''
        if (this.addMsg.CustomerType == 1) {
          this.addMsg.TC_Price = this.addObj.B2CPrice
          this.addMsg.Unit_Price = this.addObj.B2CPrice;
          this.addMsg.CustomerId = ''

        }
        if (this.addMsg.CustomerType == 2) {
          this.addMsg.TC_Price = this.addObj.B2CPrice
          this.addMsg.Unit_Price = this.addObj.B2CPrice;
          this.addMsg.CustomerId = ''

        }
        if (this.addMsg.CustomerType == 3) {
          this.addMsg.TC_Price = this.addObj.B2CPrice
          this.addMsg.Unit_Price = this.addObj.B2CPrice;
          this.addMsg.CustomerId = '0'
          this.addMsg.CommissionShareMoney = '0'

        }
        if (this.addMsg.CustomerType == 4) {
          this.addMsg.TC_Price = this.addObj.B2CPrice
          this.addMsg.Unit_Price = this.addObj.B2CPrice;
          this.addMsg.CustomerId = '0'
          this.addMsg.CommissionShareMoney = '0'
        }
      },
      getScenicRefund(TCID) {
        this.apipost('sellorder_get_GetScenicRefundList', {
          TCID
        }, res => {
          if (res.data.resultCode == 1) {
            this.ScenicRefundList = res.data.data
            this.ScenicRefundList.forEach(item => {
              item['ScenicName'] = item.CouponsName + ' -￥' + this.moneyFormat(item.RefundMoney);
            })
          }
        }, err => {})
      },
      goBuy(obj) {
        this.clearMsg()
        this.TCList = obj.TravelInfo
        this.isShowLayer = true;
        this.addObj = obj;
        this.addMsg.TCID = obj.TravelInfo[0].TCID;
        this.addMsg.AirTicketId = obj.ID;

        this.commonLineId = obj.TravelInfo[0].LineID;
        this.addMsg.DepartureCityId = obj.StartCityID
        this.addMsg.ReturnArriveCityId = obj.ReturnArriveCityId

        this.addMsg.GoCityTime = this.starTime = obj.StartCityTime
        this.addMsg.BackCityTime = this.endTime = obj.BackCityTime
        this.addMsg.SonControlID = obj.SonControlID;
        this.getScenicRefund(obj.TravelInfo[0].TCID);
      },
      clearMsg() {
        this.addMsg.OrderId = '0'
        this.addMsg.TCID = '0'
        this.addMsg.IsIntermodal = '2'
        this.addMsg.IsReturnIntermodal = '2'
        this.addMsg.Unit_Price = '0'
        this.addMsg.TC_Price = '0'
        this.addMsg.ManNum = '0'
        this.addMsg.ChirdNum = '0'
        this.addMsg.ChirdNeedBedNum = '0'
        this.addMsg.BabyNum = '0'
        this.addMsg.OldPeopleNum = '0'
        this.addMsg.SingleRoomNum = '0'
        this.addMsg.PreferPrice = '0'
        this.addMsg.YSeatNum = '0'
        this.addMsg.ESeatNum = '0'
        this.addMsg.FSeatNum = '0'
        this.addMsg.Commission = '0'
        this.addMsg.BrandId = ''
        this.addMsg.TradeWay = '2'
        this.addMsg.GuestNum = '0'
        this.addMsg.IsChildrenTour = '0'
        this.addMsg.OrderId = '0'
        this.addMsg.IsBirdDiscount = '0'
        this.addMsg.PredictRoomNum = '0'
        this.addMsg.BigRoomNum = '0'
        this.addMsg.TripleRoomNum = '0'
        this.addMsg.TradeDate = ''
        this.addMsg.CostType = ''
        this.addMsg.PlatformOrder = ''
        this.ddlyList = []
        this.addMsg.Remarks = ''
        this.addMsg.MinOrderPrice = ''
        this.addMsg.VisaNum = '0';
        this.addMsg.SafeNum = '0';
        this.addMsg.AirticketNum = '0';
        this.addMsg.ScenicRefundArr = [];
        this.ScenicRefundMoney = 0;
        this.addMsg.CommissionSharePeople = '-1'
        this.addMsg.CommissionShareMoney = '0'
      },
      goUrlP: function (tcid) {
        this.$router.push({
          name: 'productQuery',
          query: {
            "id": tcid,
            blank: 'y',
            tab: '产品查询'
          }
        });
      },
      //上传行程单
      uploadItinerary(item) {
        let newArr = [];
        newArr.push(item.file);
        let path = "/Upload/Ticket/";
        this.UploadSelfFileT(path, newArr, x => {
          var str = this.domainManager().ViittoFileUrl + x.data.FilePath;
          var fileUrl = str;
          this.UploadItineraryMsg.TripItinerary = fileUrl;
          this.apipost(
            "AirTicket_Post_SetTripItinerary",
            this.UploadItineraryMsg,
            res => {
              if (res.data.resultCode == 1) {
                this.Success(this.$t('objFill.v101.Rest.shangcxcdcg'));
                this.UploadItineraryMsg.ID = 0;
                this.UploadItineraryMsg.TripItinerary = "";
              }
              this.outerVisible1 = false;
            },
            null
          );
        });
      },
      handleAvatarItinerarySuccess(file) {
        this.$refs.ticketUploadItinerary.clearFiles();
      },
      //跳转到财务详情页面
      goFinaceDetails(frid) {
        this.$router.push({
          name: "FinancialDocumentsDetail",
          query: {
            id: frid,
            blank: "y",
            tab: '单据详情'
          }
        });
      },
      //获取颜色状态
      getClass(status) {
        //默认样式
        var classStr = "bg_default";
        switch (status) {
          //审核成功样式
          case 4:
            classStr = "_bg_gre";
            break;
            //审核中样式
          case 2:
            classStr = "bg_auditing";
            break;
        }
        return classStr;
      },
      //获取审核状态
      getTicketDepositStatus(status) {
        var TicketStatus = "";
        switch (status) {
          case 2:
            TicketStatus = this.$t('fnc.a_shezhong');
            break;
          case 3:
            TicketStatus = this.$t('objFill.v101.Rest.shenheshibai');
            break;
          case 4:
            TicketStatus = this.$t('objFill.v101.Rest.shenghechengg');
            break;
        }
        return TicketStatus;
      },
      //获取首付款类型
      getFeeType(FeeType) {
        var FeeTypeName = "";
        switch (FeeType) {
          case 1:
            FeeTypeName = this.$t('fnc.shoukuan');
            break;
          case 2:
            FeeTypeName = this.$t('fnc.fukuan');
            break;
        }
        return FeeTypeName;
      },
      //导入
      getImport(command) {
        this.importType = command;
        this.outerVisible = true;
      },
      //下载(不要删除)
      getDownLoad() {},
      //下载文件
      DownLoad(Type, str) {
        if (Type == 1) {
          window.open(this.downList);
        } else if (Type == 2) {
          window.open(this.downMoreList);
        } else {
          window.open(str);
        }
      },
      getImportFileUrl() {
        let url =
          this.domainManager().UploadFileUrl +
          "?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&Type=2&uid=" +
          this.getLocalStorage().EmployeeId +
          "&importType=" +
          this.importType;
        return url;
      },
      getList() {
        this.loading = true;
        if (this.msg.ID == "") {
          this.msg.ID = 0;
        }
        this.apipost(
          "AirTicket_get_GetERPAirTicketPageList",
          this.msg,
          res => {
            this.loading = false;
            if (this.msg.ID == 0) {
              this.msg.ID = "";
            }
            if (res.data.resultCode == 1) {
              this.total = res.data.data.count;
              this.dataList = res.data.data.pageData;
              this.noData = !this.total > 0;
            }
          },
          err => {}
        );
      },
      //初始化航空公司下拉
      initAirlines() {
        this.apipost(
          "airline_post_GetList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.airlineList = res.data.data;
            }
          },
          err => {}
        );
      },
      //获取舱位列表
      GetFreightSpaceList() {
        this.apipost(
          "AirTicket_Get_GetFreightSpaceList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.FreightSpaceList = res.data.data;
            }
          },
          err => {}
        );
      },
      //获取机票类型
      GetTicketTypeList() {
        this.apipost(
          "AirTicket_Get_GetTicketTypeList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.TicketTypeList = res.data.data;
            }
          },
          err => {}
        );
      },
      //新增去程
      addFlight() {
        if (this.addGoFlight.FlightDate == "") {
          this.Warning(this.$t('objFill.v101.Rest.qingxzhanbriq'));
          return;
        }
        var newList = {};
        var newDate = this.addGoFlight.FlightDate;
        this.AirportNameList.forEach(x => {
          if (x.ID == this.addGoFlight.FlightID) {
            if (this.addMsg.flightList.length < 1) {
              newList.FlightType = 1; //去程
            } else {
              newList.FlightType = 2; //去程中转
            }
            newList.aName = x.aName;
            newList.dName = x.dName;
            newList.Flight_number = x.Flight_number;
            newList.FlightDate = newDate;
            newList.FlightID = this.addGoFlight.FlightID;
            newList.AirLineTicketId = this.addGoFlight.AirLineTicketId;
            newList.AirLineID = this.addGoFlight.AirLineID;
            newList.FlightSubType = this.addGoFlight.FlightSubType;
            newList.ID = this.addGoFlight.ID;
            this.addMsg.flightList.push(newList);
          }
        });
        //航班排序
        this.FlightSort();
        this.addGoFlight.FlightDate = "";
        this.addGoFlight.FlightID = "";
        this.addGoFlight.AirLineID = 0;
      },
      //添加回程
      addFlightReturn() {
        if (this.returnTripData.FlightDate == "") {
          this.Warning(this.$t('objFill.v101.Rest.qingxzhanbriq'));
          return;
        }
        var newList = {};
        var newDate = this.returnTripData.FlightDate;
        this.BackAirportNameList.forEach(x => {
          if (x.ID == this.returnTripData.FlightID) {
            if (this.addMsg.flightList.length < 1) {
              newList.FlightType = 3; //回程
            } else {
              newList.FlightType = 2; //回程中转
            }
            newList.aName = x.aName;
            newList.dName = x.dName;
            newList.Flight_number = x.Flight_number;
            newList.FlightDate = newDate;
            newList.FlightID = this.returnTripData.FlightID;
            newList.AirLineTicketId = this.returnTripData.AirLineTicketId;
            newList.FlightSubType = this.returnTripData.FlightSubType;
            newList.AirLineID = this.returnTripData.AirLineID;
            newList.ID = this.returnTripData.ID;
            this.addMsg.flightList.push(newList);
          }
        });
        //航班排序
        this.FlightSort();
        this.returnTripData.FlightDate = "";
        this.returnTripData.FlightID = "";
        this.returnTripData.AirLineID = 0;
      },
      //航班排序
      FlightSort() {
        let goTripArray = []; //去程航班
        let returnTripArray = []; //回程航班
        this.addMsg.flightList.forEach(x => {
          if (x.FlightSubType == 1) {
            goTripArray.push(x);
          }
          if (x.FlightSubType == 3) {
            returnTripArray.push(x);
          }
        });
        goTripArray.sort(this.arraySort);
        returnTripArray.sort(this.arraySort);
        if (goTripArray != null && goTripArray.length > 0) {
          goTripArray.forEach((item, index) => {
            if (index == 0) {
              item.FlightType = 1; //去程
            } else {
              item.FlightType = 2; //去程中转
            }
          });
        }
        this.addMsg.flightList = [];
        this.addMsg.flightList = goTripArray;
        if (returnTripArray != null && returnTripArray.length > 0) {
          returnTripArray.forEach((item, index) => {
            if (index == returnTripArray.length - 1) {
              item.FlightType = 3; //回程
            } else {
              item.FlightType = 2; //去程中转
            }
            this.addMsg.flightList.push(item);
          });
        }
      },
      //数组排序
      arraySort(itemA, itemB) {
        if (itemA.FlightDate < itemB.FlightDate) {
          return -1;
        } else if (itemA.FlightDate > itemB.FlightDate) {
          return 1;
        } else {
          if (itemA.FlightDate < itemB.FlightDate) {
            return 1;
          } else if (itemA.FlightDate > itemB.FlightDate) {
            return -1;
          }
          return 0;
        }
      },
      // 修改 根据ID获取信息
      getEntityExtend(ID) {
        this.addShow = true;
        this.command = false;
        this.initAddMsg();
        this.chengeDelIdList = [];
        this.apipost(
          "ticket_get_GetEntityExtend", {
            ID,
            ID
          },
          res => {
            if (res.data.resultCode == 1) {
              this.addMsg = res.data.data;
              if (this.addMsg.OpenPlatform != null) {
                if (this.addMsg.OpenPlatform != "") {
                  this.OpenPlatformStrings = this.addMsg.OpenPlatform.split(",");
                  this.OpenPlatformStrings.forEach(x => {
                    this.openplatString.push(Number(x));
                  });
                }
              }
              this.changeAirLineID = res.data.data.AirLineID;
              res.data.data.flightList.forEach((x, index) => {
                this.chengeDelIdList.push(x.ID);
              });
              //this.getAirportNameList(res.data.data.AirLineID);
            } else {
              this.Warning(res.data.message);
            }
          },
          err => {}
        );
      },
      //根据航空公司ID 获取机场列表
      getAirportNameList(AirLineID, type) {
        if (type == 1) {
          this.addGoFlight.FlightID = "";
          this.addGoFlight.FlightDate = "";
        } else {
          this.returnTripData.FlightID = "";
          this.returnTripData.FlightDate = "";
        }
        let msg = {
          airlineID: AirLineID
        };
        this.apipost(
          "flight_post_GetAirportNameList",
          msg,
          res => {
            if (res.data.resultCode == 1) {
              if (type == 1) {
                this.AirportNameList = res.data.data;
              } else {
                this.BackAirportNameList = res.data.data;
              }
            }
          },
          err => {}
        );
      },

      //命令提交
      getPostTicketOrder() {
        if (!this.TicketOrder) {
          this.Warning(this.$t('Airticket.Air_inputOrder'));
          return;
        }
        this.apipost(
          "AirTicket_post_PostTicketOrder", {
            TicketOrder: this.TicketOrder
          },
          res => {
            if (res.data.resultCode == 1) {
              var DataArray = res.data.data;
              this.TicketOrder = "";
              DataArray.forEach(ticketItem => {
                this.TicketOrderList.push(ticketItem);
                var newList = {};
                newList.AirLineTicketId = 0;
                newList.FlightID = ticketItem.FID;
                newList.FlightDate = ticketItem.FlightDate;
                newList.FlightSubType = 1;
                newList.FlightType = 1;
                this.addMsg.flightList.push(newList);
              });
              //航班排序数组
              let gotripArray = this.addMsg.flightList;
              gotripArray.sort(this.arraySort);
              if (gotripArray != null && gotripArray.length > 0) {
                gotripArray.forEach((item, index) => {
                  if (index == 0) {
                    item.FlightType = 1; //启程
                    item.FlightSubType = 1;
                  } else if (
                    index == gotripArray.length - 1 &&
                    gotripArray.length > 1
                  ) {
                    item.FlightType = 3; //返程
                    item.FlightSubType = 3;
                  } else {
                    item.FlightType = 2;
                  }
                });
              }
              this.addMsg.flightList = [];
              this.addMsg.flightList = gotripArray;
              let newGoTripArray = this.TicketOrderList;
              newGoTripArray.sort(this.arraySort);
              this.TicketOrderList = newGoTripArray;
              this.addMsg.AirLineID = this.TicketOrderList[0].AirlineID;
              this.addMsg.FreightSpace = this.TicketOrderList[0].FreightSpace;
              this.addMsg.TicketNum = this.TicketOrderList[0].Num;
            } else {
              this.Warning(res.data.message);
            }
          },
          err => {}
        );
      },
      //删除
      deleteCmd(index) {
        var that = this;
        this.Confirm(that.$t('tips.shifoushanchu'), function () {
          that.deletelist(index);
        });
      },
      //航空公司改变
      changeSele(chengeDelIdList) {
        var that = this;
        this.Confirm(that.$t('objFill.v101.Rest.hankgsgbjscyq'), function () {
          this.addMsg.flightList = [];
          this.apipost(
            "AirticketFlight_Post_RemoveByIds", {
              TicketFlightId: chengeDelIdList.toString()
            },
            res => {},
            err => {}
          );
        });
      },
      //删除航班
      deletFlightInfo(id, index) {
        var that = this;
        that.Confirm(that.$t('objFill.v101.Rest.shifouscchb'), function () {
          that.addMsg.flightList.splice(index, 1);
          that.apipost(
            "AirticketFlight_Post_Remove", {
              TicketFlightId: id
            },
            res => {},
            err => {}
          );
        });
      },
      saveAddData(addMsg) {
        if (addMsg == "addMsgCmd") {
          if (this.addMsg.flightList.length >= 2) {
            this.addMsg.TicketType = 2;
          }
        }

        if (!this.addMsg.FirstDeposit) {
          this.addMsg.FirstDeposit = "";
        }
        if (!this.addMsg.SecondDeposit) {
          this.addMsg.SecondDeposit = "";
        }
        if (!this.addMsg.ThirdDeposit) {
          this.addMsg.ThirdDeposit = "";
        }
        if (!this.addMsg.FourthDeposit) {
          this.addMsg.FourthDeposit = "";
        }
        this.addMsg.TicketNum = parseInt(this.addMsg.TicketNum);
        this.addMsg.ID = parseInt(this.addMsg.ID);
        this.addMsg.OpenPlatform = this.openplatString.toString();
        var newList = this.addMsg;
        newList.flightList.forEach(x => {
          delete x.ArrivalCityName;
          delete x.DepartureName;
          delete x.Flight_number;
          delete x.aName;
          delete x.dName;
        });
        if (newList.flightList != null && newList.flightList.length > 0 && newList.flightList[0].AirLineID !=
          undefined) {
          this.addMsg.AirLineID = newList.flightList[0].AirLineID;
        }
        // if (!this.addMsg.AirLineID) {
        //   this.addMsg.AirLineID = 0;
        // }
        if (this.isSubmit) {
          this.isSubmit = false;
          this.apipost(
            "AirTicket_post_Set",
            newList,
            res => {
              if (res.data.resultCode == 1) {
                this.Success(this.$t('tips.saveYes'));
                this.initAddMsg();
                this.getList();
              } else {
                this.Warning(res.data.message);
              }
              this.addShow = false;
              this.command = false;
              this.isSubmit = true;
            },
            err => {}
          );
        }
      },
      submitForm(addMsg) { //提交创建、修改表单
        this.$refs[addMsg].validate((valid) => {
          if (valid) {
            this.saveOrder()
          } else {
            return false;
          }
        });
      },
      saveOrder() {
        //验证人数和机位数
        if ((Number(this.addMsg.ManNum) + Number(this.addMsg.ChirdNum) + Number(this.addMsg.OldPeopleNum)) != Number(
            this.addMsg.YSeatNum) + Number(this.addMsg.ESeatNum) + Number(this.addMsg.FSeatNum)) {
          this.$message.warning(this.$t('objFill.renshuhjwsbd'))
          return
        }
        if ((Number(this.addMsg.AirticketNum) + Number(this.addMsg.ManNum) + Number(this.addMsg.ChirdNum) + Number(this
            .addMsg.OldPeopleNum) + Number(this.addMsg.BabyNum)) < Number(this.addMsg.VisaNum)) {
          this.$message.warning(this.$t('objFill.qianzsbndyrszh'))
          return
        }

        if ((Number(this.addMsg.AirticketNum) + Number(this.addMsg.ManNum) + Number(this.addMsg.ChirdNum) + Number(this
            .addMsg.OldPeopleNum) + Number(this.addMsg.BabyNum)) < Number(this.addMsg.SafeNum)) {
          this.$message.warning(this.$t('objFill.baoxiansbndyrszh'))
          return
        }
        if (this.userId == this.createByInfo) {
          if (this.addMsg.CommissionSharePeople == '-1') {
            this.addMsg.CommissionShareMoney = '0'
          }
        }
        this.addMsg.GuestNum = Number(this.addMsg.ManNum) + Number(this.addMsg.ChirdNum) + Number(this.addMsg
          .OldPeopleNum) + Number(this.addMsg.BabyNum) + Number(this.addMsg.AirticketNum)
        this.addMsg.CommissionSharePeople = -1;
        this.apipost('sellorder_post_SetOrderInfoForAirTicket', this.addMsg, res => {
          if (res.data.resultCode == 1) {
            this.$message.success(res.data.message)
            this.$refs['addMsg'].resetFields();
            this.getList()
            this.clearMsg()
            this.isShowLayer = false
          } else {
            this.$message.error(res.data.message)
          }
        }, err => {})
      },
      //删除数组
      deletelist(index) {
        this.TicketOrderList.splice(index, 1);
        this.addMsg.flightList.splice(index, 1);
      },
      //获取订单详情
      getUsedDetails(index) {
        this.usedDetails = this.dataList[index].OrderList;
      },
      //日志详情
      InfoChangeLogShow(ID) {
        this.apipost(
          "DmcInfoChangeLog_get_GetList", {
            ResourceId: ID,
            ResourceType: 3
          },
          res => {
            this.orderlogList = res.data.data;
          },
          err => {}
        );
      },
      //获取开放平台
      GetPlatform() {
        this.apipost("hotel_post_GetPlatform", {}, res => {
          this.openplatform = res.data.data;
        });
      },
      //翻页功能按钮
      handleCurrentChange(val) {
        this.msg.pageIndex = val;
        this.getList();
      },
      //查询初始化页码
      resetPageIndex() {
        this.msg.pageIndex = 1;
        this.currentPage = 1;
      },
      //重新初始化提交参数
      initAddMsg() {
        this.addMsg.ID = 0;
        this.addMsg.AirLineID = "";
        this.addMsg.FreightSpace = "";
        this.addMsg.PNR = "";
        this.addMsg.TicketType = 1;
        this.addMsg.TicketDeadline = "";
        this.addMsg.TicketNum = "";
        this.addMsg.CostPrice = "";
        this.addMsg.SalePrice = "";
        this.addMsg.B2BPrice = "";
        this.addMsg.B2CPrice = "";
        this.addMsg.OpenPlatform = "";
        this.addMsg.FirstDeposit = "";
        this.addMsg.SecondDeposit = "";
        this.addMsg.ThirdDeposit = "";
        this.addMsg.FourthDeposit = "";
        this.addMsg.FinalPayment = "";
        this.addMsg.flightList = [];
        this.addMsg.LineId = 0;
        this.AirportNameList = "";
        this.addGoFlight.FlightDate = "";
        this.addGoFlight.FlightID = "";
        this.TicketOrderList = [];
        this.openplatString = [];
        this.changeAirLineID = "";
      },
      //弹出框取消 初始化谈框内表单
      resetForm(formName) {
        this.$refs[formName].resetFields();
        this.openplatString = [];
      },
      //上传文件后清空文件队列
      handleAvatarSuccess(res, file) {
        this.$refs.ticketUpload.clearFiles();
        if (res.resultCode == 1) {
          this.Success(res.message);
          this.outerVisible = false;
          this.getList();
        }
      },
      //下载模板文件
      getDownList() {
        this.apipost(
          "AirTicket_post_DownAirticket", {},
          res => {
            if (res.data.resultCode == 1) {
              this.downList =
                this.domainManager().LocalTemplateFileDownLoadUrl +
                res.data.data.FileUrl;
              this.downMoreList =
                this.domainManager().LocalTemplateFileDownLoadUrl +
                res.data.data.MoreUrl;
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      goUrl(path, obj, name) {
        this.$router.push({
          path: path,
          query: {
            id: obj.ID,
            alcode: obj.AlCode,
            flightdate: obj.FlightDate,
            blank: "y",
            tab: name
          }
        });
      },
      //删除机票
      DeleteAirticket(Id) {
        if (Id > 0) {
          var that = this;
          this.Confirm(that.$t('tips.shifoushanchu'), function () {
            var msg = {
              ID: Id
            };
            that.apipost(
              "AirTicket_Post_RemoveAirticket",
              msg,
              res => {
                if (res.data.resultCode == 1) {
                  that.Success(this.$t('tips.shanchuchenggong'));
                  that.getList();
                } else {
                  that.Error(res.data.message);
                }
              },
              null
            );
          });
        } else {
          this.addMsg.RulesList.splice(index, 1);
        }
      },
      //根据当前员工所在部门获取该部门及子部门员工信息
      getEmployeeList() {
        this.apipost(
          "admin_get_GetEmployeeByUserDepartmentId", {},
          res => {
            if (res.data.resultCode == 1) {
              this.EmployeeList = res.data.data;
            }
          },
          err => {}
        );
      },
      //获取线路列表
      GetLineList() {
        this.apipost(
          "line_post_GetAllList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.LineList = res.data.data;
            }
          },
          err => {}
        );
      }
    },
    mounted() {
      this.GetSupperOrderEditAuth()
      var id = this.$route.query.id;
      if (id) {
        this.msg.ID = id;
      }
      this.GetLineList();
      this.initAirlines();
      this.GetFreightSpaceList();
      this.GetTicketTypeList();
      this.GetPlatform();
      this.getDownList();
      this.getEmployeeList();

      this.getEmployee()
      this.getCompanyList()
      this.getList()
      this.getLineList()
      this.getSalePlace()
      this.getAirlineList()
      this.getStartList()
      this.getStartList1()
      this.getKhlxList()
      this.getCtlxList()
      this.getDdztList()
      this.getJyfs()
      this.getFylx()
    }
  };

</script>