Commit e5423b99 authored by 沈良进's avatar 沈良进
parents fab22a50 5badb607
......@@ -70,7 +70,7 @@
<div v-if="crmOrderObj" style="margin-bottom: 10px;">
<span style="color: red;">引流人:{{crmOrderObj.LureEmpNmae}} </span>
<span style="color: #2AAEF2;">/客人:{{crmOrderObj.CRMGuestName}}</span>
</div>
</div>
<el-form label-width="60px" :model="parameters" :rules="rules" ref="parameters">
<el-row :gutter="20">
<el-col :span="12">
......
<style>
</style>
<template>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>选择同行</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="sureData">确认选择</el-button>
</div>
<div class="chooseCustomerInfo">
<el-table :data="dataList" style="width:100%" border v-loading='loading'
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column fixed label="同行名称" min-width="180">
<template slot-scope="scope">
{{scope.row.CustomerName}}
</template>
</el-table-column>
<el-table-column fixed label="联系电话" min-width="180">
<template slot-scope="scope">
{{scope.row.ContactNumber}}
</template>
</el-table-column>
<el-table-column fixed label="关联销售" min-width="180">
<template slot-scope="scope">
{{scope.row.EmName}}
</template>
</el-table-column>
<el-table-column fixed label="地址" min-width="180">
<template slot-scope="scope">
{{scope.row.Address}}
</template>
</el-table-column>
</el-table>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="qMsg.currentPage"
layout="total,prev, pager, next, jumper" :page-size="qMsg.pageSize" :total="qMsg.total">
</el-pagination>
</div>
</el-card>
</template>
<script>
export default {
data() {
return {
loading: false,
dataList: [], //数据列表
qMsg: {
pageIndex: 1,
currentPage: 1,
pageSize: 8,
total: 0,
},
saveLoading: false, //保存loading
selectData: [],
};
},
created() {
},
mounted() {
this.getCustomerList();
},
methods: {
//确认选择
sureData() {
this.$emit("success", this.selectData);
},
handleSelectionChange(val) {
var selectRow = JSON.parse(JSON.stringify(val));
this.selectData = selectRow;
},
//翻页
handleCurrentChange(val) {
this.qMsg.pageIndex = val;
this.getCustomerList();
},
// 获取合作伙伴列表
getCustomerList() {
this.loading = true;
this.apipost(
"app_customer_GetCustomerListForCareOf",
this.qMsg,
(res) => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pages.pageData;
this.qMsg.total = res.data.data.pages.count;
} else {
this.$message.error(res.data.message);
}
},
(err) => {
this.loading = false;
}
);
},
},
};
</script>
<style>
.transform {
padding: 30px 10px 10px 10px;
}
.wrapper {
width: 600px;
background: #fff;
margin: 0 auto;
padding: 20px;
}
.add-box {
background: #abc;
}
.TicketManager .el-input--prefix .el-input__inner {
padding-left: 30px;
}
.TicketManager_list {
padding: 20px 0 0 0;
}
.TicketManager ._ol_info {
font-size: 12px;
height: 100%;
}
.TicketManager ._ol_info._edHeight {
height: 200px;
}
.TicketManager ._ol_color {
font-size: 12px;
width: 100%;
margin-bottom: 20px;
}
.TicketManager ._ol_color li {
padding: 0 15px;
}
.TicketManager ._ol_color li ._cl {
border-radius: 3px;
display: inline-block;
width: 5px;
height: 12px;
margin-right: 5px;
}
.TicketManager ._red {
background-color: #e95252;
}
.TicketManager ._red_text {
color: #e95252;
}
.TicketManager ._green {
background-color: #47bf8c;
}
.TicketManager ._green_text {
color: #47bf8c;
}
.TicketManager ._blu {
background-color: #2aaef2;
}
.TicketManager ._blu_text {
color: #2aaef2;
}
.TicketManager ._ol_list {
margin-top: 20px;
min-height: 500px;
}
.TicketManager ._ol_list>li {
margin: 20px 0 0px 0px;
transition: linear all 0.5s;
background-color: #fff;
border: 1px solid #dddddd;
border-left: 0;
position: relative;
padding-top: 10px;
}
.TicketManager ._ol_list>li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.TicketManager ._oll_tit {
color: #333333;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.TicketManager ._oll_tit span {
display: inline-block;
padding: 1px 10px;
font-size: 12px;
border: solid 1px #ff9000;
color: #ff9000;
border-radius: 4px;
}
.TicketManager ._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;
}
.TicketManager ._oll_line._o_green {
background: #47bf8c;
}
.TicketManager ._oll_line._o_blu {
background: #2aaef2;
}
.TicketManager ._oll_info {
max-width: 100%;
}
.TicketManager ._oll_img {
height: 45px;
width: 45px;
border-radius: 50%;
margin: 5px 0 0 15px;
margin-left: 20px;
display: inline-block;
}
.TicketManager ._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;
}
.TicketManager ._oll_time {
display: inline-block;
background-color: #efefef;
border-radius: 4px;
color: #999999;
font-size: 12px;
padding: 2px 10px;
margin-top: 10px;
}
.TicketManager ._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;
}
.TicketManager .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;
}
.TicketManager .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;
}
.TicketManager .TK_SeatList {
height: 60px;
background-color: #f9f9f9;
padding-right: 3px;
}
.TicketManager .TK_SeatList>ul>li:nth-child(1) {
margin-left: 5px;
}
.TicketManager .TK_SeatList>ul>li {
float: left;
text-align: center;
margin: 5px 4px 0 0;
}
.TicketManager .TK_SeatList>ul>li:last-child {
margin-right: 0;
}
.TicketManager .TK_SeatList .iconfont {
color: #d1d1d1;
display: inline-block;
margin-top: 5px;
}
.TicketManager .TK_SeatList ._num1 {
font-size: 18px;
color: #333333;
height: 28px;
font-family: PingFangSC-Semibold, sans-serif;
}
.TicketManager .TK_SeatList ._num2 {
font-size: 18px;
color: #47bf8c;
height: 28px;
font-family: PingFangSC-Semibold, sans-serif;
cursor: pointer;
}
.TicketManager .TK_SeatList ._num3 {
font-size: 16px;
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._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;
}
.addTicketManager {
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;
}
.TicketManager .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;
}
._add_hangban>li {
padding: 20px 0;
overflow: auto;
}
._add_hangban>li>div {
margin-right: 20px;
}
._add_hangban>li:nth-child(2) {
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: 330px;
margin: 10px 0;
padding-bottom: 20px;
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_go .el-input .el-input__inner {
height: 30px;
}
._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;
}
.TicketManager ._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_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;
}
._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;
}
.TicketManager .InfoChangeLog .changLog {
background-color: #f9f9f9;
height: auto;
max-height: 170px;
width: 100%;
overflow: auto;
}
.TicketManager .InfoChangeLog .changLog ul {
margin-left: 20px;
}
.TicketManager .InfoChangeLog .changLog li {
border-left: 1px solid #e9e9e9;
position: relative;
padding-bottom: 15px;
padding-left: 20px;
}
.TicketManager .InfoChangeLog .changLog li p {
text-align: left;
}
.TicketManager .InfoChangeLog .changLog li .radius {
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 4px;
}
.TicketManager .InfoChangeLog .changLog li.red .radius {
background-color: #e95252;
}
.TicketManager .InfoChangeLog .changLog li.green .radius {
background-color: #47bf8c;
}
.TicketManager .InfoChangeLog .time {
color: #666666;
padding-bottom: 5px;
}
.TicketManager .InfoChangeLog .changLog::-webkit-scrollbar,
.TicketManager ._ol_info::-webkit-scrollbar,
.addTicketManager::-webkit-scrollbar,
._add_hangban>li::-webkit-scrollbar,
.Journal .changLogList::-webkit-scrollbar {
width: 4px;
height: 8px;
}
.TicketManager .InfoChangeLog .changLog::-webkit-scrollbar-thumb,
.TicketManager ._ol_info::-webkit-scrollbar-thumb,
.addTicketManager::-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;
}
.TicketManager .InfoChangeLog .changLog::-webkit-scrollbar-track,
.TicketManager ._ol_info::-webkit-scrollbar-track,
.addTicketManager::-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;
}
.TicketManager _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;
}
.TicketManager .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;
}
.TicketManager .upload-demo {
text-align: center;
}
.TicketManager .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%;
}
.TicketManager .width_auto {
width: 80%;
}
.TicketManager ._rizhi {
background: #fff !important;
color: #e95252 !important;
height: 30px !important;
border: 1px solid #e95252 !important;
cursor: pointer !important;
border-radius: 15px !important;
}
.TicketManager .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;
}
.TicketManager .downBtn {
padding: 6px 20px;
position: relative;
top: -1px;
}
.TicketManager .icon-img_plane {
font-size: 12px;
-webkit-transform: scale(0.8);
}
.TicketManager .departName {
text-align: right;
.travelTeamInfo {
width: 100%;
background: #fff;
margin-bottom: 20px;
}
.TicketManager .arrivalName {
text-align: left;
.travelTeamInfo .subTitle {
font-weight: bold;
padding-left: 10px;
font-size: 14px;
}
.TicketManager ._destination .el-button:focus {
background-color: #2aaef2 !important;
color: #fff !important;
._add_hangban {
padding: 0px 15px;
}
.TicketManager .travelTo {
position: relative;
top: -2px;
._add_hangban>li {
padding: 20px 0;
overflow: auto;
}
.TicketManager .icon-arrow1 {
font-size: 12px;
position: relative;
top: 4%;
._add_hangban>li>div {
margin-right: 20px;
}
.TicketManager .multiple_input .el-input {
height: auto !important;
._add_hangban>li:nth-child(2) {
padding-left: 10px;
}
.TicketManager .el-button--primary {
padding: 5px;
margin-right: 1px;
._add_go_label {
padding-right: 15px;
}
.TicketManager .addTicketManager::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 8px;
._add_go {
display: flex;
}
.TicketManager .addTicketManager::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
._add_go>span {
font-size: 14px;
color: #000000;
padding-right: 15px;
}
.TicketManager .addTicketManager::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
._add_go>div {
font-size: 12px;
color: #666666;
background-color: #e0f4ff;
width: 330px;
margin: 10px 0;
padding-bottom: 20px;
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;
._add_go>div>p:nth-child(1) {
padding: 0 13px;
color: #387ea5;
background-color: #cbe9fa;
height: 34px;
line-height: 34px;
}
.TM_OrderRemind {
._add_go>div>p:nth-child(1) .icon-xingzhuang {
float: right;
font-size: 12px;
color: #e95252;
margin: 5px 0 0 0;
}
.TicketManager ._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;
margin-top: 2px;
cursor: pointer;
}
.TicketManager .el-date-editor.el-input,
.TicketManager .el-date-editor.el-input__inner {
width: 100%;
._add_go>div>p:nth-child(1) .icon-xingzhuang:hover {
color: #e95252;
}
.TicketManager .addTicketManager .el-select {
width: 100%;
._allWidth>span {
padding-right: 10px;
}
._oll_img_box {
height: 78px;
._add_hbh {
padding: 0 0 0 10px;
margin-top: 14px;
display: inline-block;
vertical-align: top;
padding-top: 14px;
}
.TicketManager .vmiddle {
display: flex;
align-items: Center;
._add_hbh em {
font-style: normal;
display: inline-block;
width: 55px;
text-align: right;
}
.Plan_Query .el-button--primary {
background-color: #fff !important;
color: #e95252 !important;
border-color: #e95252 !important;
._add_hbh .el-input--prefix .el-input__icon {
line-height: 20px !important;
}
.Plan_Query .el-button--primary:focus,
.TC_ListContent .el-button--primary:hover {
background-color: #fff !important;
color: #e95252 !important;
border-color: #e95252 !important;
._add_hbh .el-input--prefix .el-icon-date {
display: none;
}
.Plan_Query .el-button {
border-radius: 16px;
width: 90px;
._add_hbh .el-select,
._add_hbh .el-input .el-input__inner,
._add_hbh .el-select .el-input {
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;
}
.TicketManager .el-dropdown-menu__item:hover {
background-color: #e95252 !important;
color: #fff !important;
}
.TMA_PNR {
font-size: 12px;
color: #666666;
margin: 5px 0 0 16px;
}
.TicketManager .TICK_Code {
position: absolute;
left: 27px;
top: 0;
}
.TicketManager .TCID_cont {
min-height: 28px;
border-top: 1px dashed #ccc;
}
.Ticket_TCID {
margin: 5px 25px 5px 0;
display: inline-block;
}
/*航班详情*/
.TicketManager .FlightDivDetailsTM {
width: 100%;
/* overflow: auto; */
border-color: #5395b9 !important;
}
.TicketManager ._flightList {
text-align: left;
font-size: 12px;
margin-bottom: 5px;
padding-right: 5px;
._add_go .el-input .el-input__inner {
height: 30px;
}
/*航班号*/
.TicketManager .FlightNumber {
color: #ff0066;
font-weight: bold;
._add_hbh .el-select .el-input .el-select__caret {
color: #5395b9 !important;
}
.TicketManager .el-button-group i {
font-size: 13px;
._add_hbh .el-select .el-input.is-focus .el-input__inner {
border-color: #5395b9 !important;
}
.FinaceDanList {
display: block;
cursor: pointer;
._add_hbh .el-select-dropdown__item.selected {
background: #5395b9 !important;
}
.FinaDetailContentTM {
/* height: 25px; */
/* overflow: auto; */
._add_hbh .el-select-dropdown__item {
height: 20px !important;
line-height: 20px !important;
}
.TicketManager .TK_raduis ul li {
margin-left: 10px;
float: left;
display: inline-block;
min-width: 35px;
._add_hbh .el-select-dropdown__item span {
line-height: 20px !important;
}
.TicketManager .TK_raduis ul {
.travelTeamInfo ._add_btn {
float: right;
display: inline-block;
}
.FinaceDanList {
color: #b7ddf2;
background-color: #5294b8;
padding: 1px 5px;
border-radius: 10px;
cursor: pointer;
line-height: 16px;
margin-top: 8px;
}
.teamTitle {
text-indent: 10px;
min-height: 28px;
border-top: 1px solid #ccc;
line-height: 28px;
._add_go_label {
padding-right: 15px;
}
.MyTicketManager .el-checkbox {
margin-left: 30px;
._add_go {
display: flex;
}
.MyTicketManager .picload {
width: 138px;
height: 92px;
border-radius: 2px;
cursor: pointer;
margin-bottom: 10px;
padding: 5px;
margin-right: 10px;
position: relative;
._add_go>span {
font-size: 14px;
color: #000000;
padding-right: 15px;
}
.MyTicketManager .picload .el-upload {
width: 138px;
height: 92px;
._add_go>div {
font-size: 12px;
color: #666666;
background-color: #e0f4ff;
width: 330px;
margin: 10px 0;
padding-bottom: 20px;
border-radius: 4px;
}
.MyTicketManager .picload .el-upload-dragger {
width: 100%;
height: 100%;
._add_go>div>p:nth-child(1) {
padding: 0 13px;
color: #387ea5;
background-color: #cbe9fa;
height: 34px;
line-height: 34px;
}
.MyTicketManager ._addUpload_box>div {
float: left;
width: 138px;
height: 92px;
border: 1px dashed rgba(210, 210, 210, 1);
border-radius: 2px;
._add_go>div>p:nth-child(1) .icon-xingzhuang {
float: right;
font-size: 12px;
margin-top: 2px;
cursor: pointer;
margin-bottom: 10px;
padding: 5px;
margin-right: 10px;
position: relative;
}
.MyTicketManager ._addUpload_box .icon-excel,
.MyTicketManager ._addUpload_box .icon-pdf {
text-align: center;
font-size: 38px;
color: green;
line-height: 75px;
}
.MyTicketManager ._addUpload_box .icon-guanbi1 {
font-size: 12px;
color: white;
display: inline-block;
margin-left: 15px;
position: absolute;
right: -6px;
top: -9px;
background-color: #f56c6c;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
._add_go>div>p:nth-child(1) .icon-xingzhuang:hover {
color: #e95252;
}
.MyTicketManager .TM_line {
width: 100%;
height: 1px;
border-bottom: 1px dashed #d1d1d1;
margin: 5px 0;
._add_info {
margin-top: 12px;
padding: 0 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<template>
<div class="wrapper">
<div class="travelTeamInfo">
<el-form :model="editForm" :rules="rules" ref="form" label-width="100px">
<div class="edit_form_box">
<div>
<el-form-item label="业务名称" prop="GTeamName">
<el-input v-model="editForm.GTeamName"></el-input>
</el-form-item>
<!--添加修改航班-->
<ul class="_add_hangban clearfix">
<li v-if="addMsg.TicketType" :class="addMsg.TicketType == 1 ? '_allWidth' : ''">
<span class="_add_go_label">{{ $t("Airticket.Air_go") }}</span>
<div class="_add_go" v-for="(item, index) in addMsg.flightList" :key="index">
<template v-if="addMsg.flightList && item.TicketType == 1">
<div>
<p>
<span class="iconfont icon-hangban"></span>
<span>{{ item.Flight_number }}</span>
<span class="iconfont icon-xingzhuang" @click="deletFlightInfo(item.ID, index)"></span>
</p>
<el-tooltip class="item" effect="dark" :content="item.FlightDate" placement="top-start"
popper-class="max-w250">
<!-- <p class="_add_info">
<span
>{{ $t("Airticket.Air_StartTime") }}{{
item.FlightDate
}}</span
>
</p> -->
</el-tooltip>
<span class="transform">是否中转:{{ item.IsTransfer === 1 ? "是" : "否" }}</span>
<el-tooltip class="item" effect="dark" :content="item.dName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_flightAir") }}{{
<el-row>
<el-col :span="24">
<el-form-item label="业务名称" prop="GTeamName">
<el-input v-model="editForm.GTeamName"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<span class="subTitle">航班信息</span>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<!--添加修改航班-->
<ul class="_add_hangban clearfix">
<li v-if="addMsg.TicketType" :class="addMsg.TicketType == 1 ? '_allWidth' : ''">
<span class="_add_go_label">{{ $t("Airticket.Air_go") }}</span>
<div class="_add_go" v-for="(item, index) in addMsg.flightList" :key="index">
<template v-if="addMsg.flightList && item.TicketType == 1">
<div>
<p>
<span class="iconfont icon-hangban"></span>
<span>{{ item.Flight_number }}</span>
<span class="iconfont icon-xingzhuang" @click="deletFlightInfo(item.ID, index)"></span>
</p>
<el-tooltip class="item" effect="dark" :content="item.FlightDate" placement="top-start"
popper-class="max-w250">
</el-tooltip>
<span class="transform">是否中转:{{ item.IsTransfer === 1 ? "是" : "否" }}</span>
<el-tooltip class="item" effect="dark" :content="item.dName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_flightAir") }}{{
item.dName
}}</span>
</p>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="item.aName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_arrivalAir") }}{{
</p>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="item.aName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_arrivalAir") }}{{
item.aName
}}</span>
</p>
</el-tooltip>
<!-- <div style="margin: 10px 0 0 12px">
<el-input
type="text"
class="w80"
v-model="item.TicketDepartureTime"
@keyup.native="checkTime(item, 'TicketDepartureTime')"
maxlength="5"
:placeholder="$t('system.ph_time')"
></el-input>
-
<el-input
type="text"
class="w80"
v-model="item.TicketArrivalTime"
@keyup.native="checkTime(item, 'TicketArrivalTime')"
maxlength="5"
:placeholder="$t('system.ph_time')"
>
</el-input>
</div> -->
</div>
</template>
</div>
<div class="_add_go _new_go">
<div>
<p>
<span>{{ $t("pub.addBtn") }}</span>
<span class="_add_btn" @click="addFlight()">{{
</p>
</el-tooltip>
</div>
</template>
</div>
<div class="_add_go _new_go">
<div>
<p>
<span>{{ $t("pub.addBtn") }}</span>
<span class="_add_btn" @click="addFlight()">{{
$t("pub.sureBtn")
}}</span>
</p>
<span class="_add_hbh">
<em class>航空公司</em>
<el-select v-model="addGoFlight.AirLineID" filterable :placeholder="$t('pub.pleaseSel')"
@change="getAirportNameList(addGoFlight.AirLineID, 1)" class="w150">
<el-option v-for="item in airlineList" :label="item.AlName" :value="item.AirLineId"
:key="item.AirLineId"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>{{ $t("system.query_flightNum") }}</em>
<el-select v-model="addGoFlight.FlightId" filterable :placeholder="$t('system.ph_choice')"
class="w150">
<el-option v-for="item in AirportNameList" :key="item.ID" :label="item.Flight_number"
:value="item.ID"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>是否中转</em>
<el-radio-group v-model="addGoFlight.IsTransfer">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</span>
</p>
<span class="_add_hbh">
<em class>航空公司</em>
<el-select v-model="addGoFlight.AirLineID" filterable :placeholder="$t('pub.pleaseSel')"
@change="getAirportNameList(addGoFlight.AirLineID, 1)" class="w150">
<el-option v-for="item in airlineList" :label="item.AlName" :value="item.AirLineId"
:key="item.AirLineId"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>{{ $t("system.query_flightNum") }}</em>
<el-select v-model="addGoFlight.FlightId" filterable :placeholder="$t('system.ph_choice')"
class="w150">
<el-option v-for="item in AirportNameList" :key="item.ID" :label="item.Flight_number"
:value="item.ID"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>是否中转</em>
<el-radio-group v-model="addGoFlight.IsTransfer">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</span>
</div>
</div>
</div>
</li>
<li v-if="addMsg.TicketType == 2">
<span class="_add_go_label">{{
</li>
</ul>
</el-col>
<el-col :span="12">
<!--添加修改航班-->
<ul class="_add_hangban clearfix">
<li v-if="addMsg.TicketType&& addMsg.TicketType == 2">
<span class="_add_go_label">{{
$t("Airticket.Air_returnTrip")
}}</span>
<div class="_add_go" v-for="(item, index) in addMsg.flightList" :key="index">
<template v-if="addMsg.flightList && item.TicketType == 2">
<div>
<p>
<span class="iconfont icon-hangban"></span>
<span>{{ item.Flight_number }}
{{ item.Departure_time }}</span>
<span class="iconfont icon-xingzhuang" @click="deletFlightInfo(item.ID, index)"></span>
</p>
<span class="transform">是否中转:{{ item.IsTransfer === 1 ? "是" : "否" }}</span>
<el-tooltip class="item" effect="dark" :content="item.dName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_flightAir") }}{{
<div class="_add_go" v-for="(item, index) in addMsg.flightList" :key="index">
<template v-if="addMsg.flightList && item.TicketType == 2">
<div>
<p>
<span class="iconfont icon-hangban"></span>
<span>{{ item.Flight_number }}
{{ item.Departure_time }}</span>
<span class="iconfont icon-xingzhuang" @click="deletFlightInfo(item.ID, index)"></span>
</p>
<span class="transform">是否中转:{{ item.IsTransfer === 1 ? "是" : "否" }}</span>
<el-tooltip class="item" effect="dark" :content="item.dName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_flightAir") }}{{
item.dName
}}</span>
</p>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="item.aName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_arrivalAir") }}{{
</p>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="item.aName" placement="top-start"
popper-class="max-w250">
<p class="_add_info">
<span>{{ $t("system.query_arrivalAir") }}{{
item.aName
}}</span>
</p>
</el-tooltip>
<!-- <div style="margin: 10px 0 0 12px">
<el-input
type="text"
class="w80"
v-model="item.TicketDepartureTime"
@keyup.native="checkTime(item, 'TicketDepartureTime')"
maxlength="5"
:placeholder="$t('system.ph_time')"
></el-input>
-
<el-input
type="text"
class="w80"
v-model="item.TicketArrivalTime"
@keyup.native="checkTime(item, 'TicketArrivalTime')"
maxlength="5"
:placeholder="$t('system.ph_time')"
>
</el-input>
</div> -->
</div>
</template>
</div>
<div class="_add_go _new_go">
<div>
<p>
<span>{{ $t("pub.addBtn") }}</span>
<span class="_add_btn" @click="addFlightReturn()">{{
</p>
</el-tooltip>
</div>
</template>
</div>
<div class="_add_go _new_go">
<div>
<p>
<span>{{ $t("pub.addBtn") }}</span>
<span class="_add_btn" @click="addFlightReturn()">{{
$t("pub.sureBtn")
}}</span>
</p>
<span class="_add_hbh">
<em class>航空公司</em>
<el-select v-model="returnTripData.AirLineID" filterable :placeholder="$t('pub.pleaseSel')"
@change="getAirportNameList(returnTripData.AirLineID, 2)" class="w150">
<el-option v-for="item in airlineList" :label="item.AlName" :value="item.AirLineId"
:key="item.AirLineId"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>{{ $t("system.query_flightNum") }}</em>
<el-select v-model="returnTripData.FlightId" filterable :placeholder="$t('system.ph_choice')"
class="w150">
<el-option v-for="item in BackAirportNameList" :key="item.ID" :label="item.Flight_number"
:value="item.ID"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>是否中转</em>
<el-radio-group v-model="returnTripData.IsTransfer">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</span>
</p>
<span class="_add_hbh">
<em class>航空公司</em>
<el-select v-model="returnTripData.AirLineID" filterable :placeholder="$t('pub.pleaseSel')"
@change="getAirportNameList(returnTripData.AirLineID, 2)" class="w150">
<el-option v-for="item in airlineList" :label="item.AlName" :value="item.AirLineId"
:key="item.AirLineId"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>{{ $t("system.query_flightNum") }}</em>
<el-select v-model="returnTripData.FlightId" filterable :placeholder="$t('system.ph_choice')"
class="w150">
<el-option v-for="item in BackAirportNameList" :key="item.ID" :label="item.Flight_number"
:value="item.ID"></el-option>
</el-select>
</span>
<span class="_add_hbh">
<em class>是否中转</em>
<el-radio-group v-model="returnTripData.IsTransfer">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</span>
</div>
</div>
</div>
</li>
</ul>
</div>
<div>
<el-form-item label="出发时间" prop="StartDate">
<el-date-picker value-format="yyyy-MM-dd" v-model="editForm.StartDate" type="date" placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="经济舱" prop="YSeat">
<el-input v-model="editForm.YSeat"></el-input>
</el-form-item>
<el-form-item label="商务舱" prop="CSeat">
<el-input v-model="editForm.CSeat"></el-input>
</el-form-item>
<el-form-item label="头等舱" prop="FSeat">
<el-input v-model="editForm.FSeat"></el-input>
</el-form-item>
<el-form-item label="中心价格" prop="MiddlePrice">
<el-input v-model="editForm.MiddlePrice"></el-input>
</el-form-item>
<el-form-item label="合作伙伴">
<el-select @change="onChange" remote :remote-method="onSearchFriend" :loading="loading" multiple
v-model="friendValue" filterable :placeholder="$t('system.ph_choice')" style="100%">
<el-option v-for="item in friendList" :key="item.ID" :label="item.CustomerName" :value="item.ID">
</el-option>
</el-select>
<div>
</div>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="editForm.Remark"></el-input>
</el-form-item>
<el-form-item label="附件">
<td colspan="13">
<el-upload v-show="!ContractArray.length" class="upload-demo" style="
display: inline-block;
position: relative;
top: -1px;
left: 3px;
" :http-request="uploadFileBtn" :show-file-list="false" action="">
</li>
</ul>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<span class="subTitle">日期&机位</span>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="出发时间" prop="StartDate">
<el-date-picker value-format="yyyy-MM-dd" v-model="editForm.StartDate" type="date" style="width:125px;"
size="mini" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="经济舱" prop="YSeat">
<el-input v-model="editForm.YSeat"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="商务舱" prop="CSeat">
<el-input v-model="editForm.CSeat"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="头等舱" prop="FSeat">
<el-input v-model="editForm.FSeat"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<span class="subTitle">价格信息</span>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="中心价格" prop="MiddlePrice">
<el-input v-model="editForm.MiddlePrice"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="小孩占床" prop="ChildNeedPrice">
<el-input v-model="editForm.ChildNeedPrice"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="小孩不占床" prop="ChildNoNeedPrice">
<el-input v-model="editForm.ChildNoNeedPrice"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="婴儿" prop="BabyPrice">
<el-input v-model="editForm.BabyPrice"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="婴儿附加费" prop="BabyChargePrice">
<el-input v-model="editForm.BabyChargePrice"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="老人附加费" prop="OldManChargePrice">
<el-input v-model="editForm.OldManChargePrice"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="签证" prop="VisaPrice">
<el-input v-model="editForm.VisaPrice"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="杂费" prop="OtherPrice">
<el-input v-model="editForm.OtherPrice"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="单房差" prop="SingleRoomPrice">
<el-input v-model="editForm.SingleRoomPrice"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="合作伙伴">
<template v-for="(subItem,subIndex) in friendList">
<el-tag :key="subIndex+10000" style="margin-right:10px;" closable @close="deleteCustomer(subIndex)">
{{subItem.CustomerName}}</el-tag>
</template>
<el-button @click="showCustomer">选择</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="editForm.Remark"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="WORD行程">
<el-upload v-show="!ContractArray.length" class="upload-demo"
style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadFileBtn"
:show-file-list="false" action="">
<el-button size="small" type="primary">添加附件</el-button>
</el-upload>
<template v-if="ContractArray && ContractArray.length > 0">
......@@ -1547,21 +474,32 @@
@click="DeleteFile(subIndex)">删除</a>
</template>
</template>
</td>
</el-form-item>
</div>
</div>
<div class="TravelFlightList">
<el-button class="TFAddFlight" @click="submit">
<i class="iconfont icon-img_haha"></i>添加
</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-button @click="submit" type="primary" :loading="saveLoading">
保存
</el-button>
</el-col>
</el-row>
</div>
</el-form>
<el-dialog class="app-attachment-dialog" width="400" title="选择客户" :visible.sync="isShowCustomerDialog"
:close-on-click-modal="false" append-to-body>
<chooseCustomer v-if="isShowCustomerDialog" @success="refreshPage"></chooseCustomer>
</el-dialog>
</div>
</template>
<script>
import chooseCustomer from "../TravelTeam/chooseCustomer"; //新增修改包机团
export default {
name: 'addInfo',
props: ["Q_GTeamId"],
components: {
chooseCustomer
},
data() {
return {
loading: false,
......@@ -1597,141 +535,14 @@
message: "请输入中心价格",
trigger: "blur",
}, ],
Remark: [{
required: true,
message: "请输入备注",
trigger: "blur",
}, ],
C_StartAddress: [{
required: true,
message: "请输入出发地点",
trigger: "change",
}, ],
C_ReturnAddress: [{
required: true,
message: "请输入返回地点",
trigger: "change",
}, ],
C_AdultNum: [{
required: true,
message: "请输入成人数",
trigger: "change",
}, ],
C_PayDate: [{
required: true,
message: "请选择支付日期",
trigger: "change",
}, ],
},
detailInfo: {},
friendValue: [],
friendList: [{
RealNameAuthentication: null,
ID: 21007,
EmployeeId: 2734,
EmName: "梁蕙蕙",
CreateDate: "2023-02-02T10:46:07",
RB_Department_Id: 367,
CustomerId: 23611,
CustomerName: "上億旅行社股份有限公司",
Contact: "杜董",
ContactNumber: "037-728510",
CouponNum: 0,
CustomerAccountId: 15801,
Address: "台湾苗栗,後龍鎮北龍里中山路8鄰73號",
Remark: "",
CustomerStatus: 2,
CL_Balance: 0.0,
DepName: "操作部(台湾)",
TotalPrice: 6081192.79,
AllianceName: null,
ClientNum: 1,
TotalGuestNum: 4,
ExceptionCount: 0,
IsSys: 0,
},
{
RealNameAuthentication: null,
ID: 20964,
EmployeeId: 2732,
EmName: "蘇琬真",
CreateDate: "2023-01-05T19:39:40",
RB_Department_Id: 1,
CustomerId: 23565,
CustomerName: "金龍永盛旅行社",
Contact: "黃昊龍(副理)",
ContactNumber: "0927901267",
CouponNum: 0,
CustomerAccountId: 15755,
Address: "台湾高雄苓雅区,四維三路9樓之2",
Remark: "",
CustomerStatus: 2,
CL_Balance: 0.0,
DepName: "財務部(台湾)",
TotalPrice: 3058810.0,
AllianceName: null,
ClientNum: 1,
TotalGuestNum: 3,
ExceptionCount: 0,
IsSys: 0,
},
{
RealNameAuthentication: null,
ID: 18336,
EmployeeId: 2027,
EmName: "王敏(长沙)",
CreateDate: "2019-06-09T13:41:53",
RB_Department_Id: 308,
CustomerId: 7989,
CustomerName: "北京凯撒",
Contact: "白静",
ContactNumber: "13671116017",
CouponNum: 0,
CustomerAccountId: 7798,
Address: "中国北京北京,1",
Remark: "",
CustomerStatus: 2,
CL_Balance: 0.0,
DepName: "销售部二组(长沙)",
TotalPrice: 1676928.0,
AllianceName: null,
ClientNum: 2,
TotalGuestNum: 162,
ExceptionCount: 0,
IsSys: 0,
},
{
RealNameAuthentication: null,
ID: 14853,
EmployeeId: 46,
EmName: "唐雪梅",
CreateDate: "2019-10-24T13:16:02",
RB_Department_Id: 240,
CustomerId: 11788,
CustomerName: "成都海外门市 ",
Contact: "小唐",
ContactNumber: "18980768620",
CouponNum: 0,
CustomerAccountId: 11706,
Address: ",,四川省成都市罗马假日广场",
Remark: "",
CustomerStatus: 2,
CL_Balance: 0.0,
DepName: "日本线地接部",
TotalPrice: 1389307.26,
AllianceName: null,
ClientNum: 1,
TotalGuestNum: 265,
ExceptionCount: 0,
IsSys: 0,
},
],
//合作伙伴
friendList: [],
//新增修改航班信息
addMsg: {
TicketType: 2,
flightList: [],
},
addGoFlight: {},
list: [],
AirportNameList: [],
BackAirportNameList: [],
airlineList: [],
......@@ -1749,8 +560,15 @@
TravelTeamFlightList: [], // 航班信息列表
TravelTeamPartnerList: [], // 合作伙伴列表
GTeamId: 0, // 包机id(新增默认0)
ChildNeedPrice: 0, //小孩占床价格
ChildNoNeedPrice: 0, //小孩不占床价格
BabyPrice: 0, //婴儿价格
BabyChargePrice: 0, //婴儿附加费
OldManChargePrice: 0, //老人附加费
VisaPrice: 0, //签证费
OtherPrice: 0, //杂费
SingleRoomPrice: 0, //单房差
},
//去程
addGoFlight: {
AirLineTicketId: 0,
......@@ -1761,7 +579,7 @@
dName: "",
TicketType: 1,
ID: 0,
AirLineID: 0,
AirLineID: "",
},
//回程
returnTripData: {
......@@ -1773,29 +591,41 @@
dName: "",
TicketType: 2,
ID: 0,
AirLineID: 0,
AirLineID: "",
},
saveLoading: false, //保存loading
isShowCustomerDialog: false, //是否显示选择客户弹窗
};
},
mounted() {
created() {
this.customers = []
this.initAirlines();
this.getList();
const {
id
} = this.$route.query;
if (id) {
this.getDetail(id);
},
mounted() {
if (this.Q_GTeamId) {
this.getDetail(this.Q_GTeamId);
}
},
methods: {
onChange(value) {
this.friendList.forEach(item => {
if (value.includes(item.ID) && this.customers.findIndex((el) => item.ID === el.ID) === -1) {
this.customers.push(item)
}
})
console.log('onChange', value, this.customers)
//删除客户
deleteCustomer(index) {
this.friendList.splice(index, 1);
},
//显示客户
showCustomer() {
this.isShowCustomerDialog = true;
},
//刷新页面
refreshPage(selectArray) {
if (selectArray && selectArray.length > 0) {
selectArray.forEach(item => {
this.friendList.push({
CustomerId: item.CustomerId,
CustomerName: item.CustomerName
})
});
}
this.isShowCustomerDialog = false;
},
// 获取包机详情
getDetail(id) {
......@@ -1805,7 +635,6 @@
},
(res) => {
if (res.data.resultCode == 1) {
this.detailInfo = res.data.data;
this.editForm = res.data.data;
const {
TravelTeamFlightList,
......@@ -1817,52 +646,11 @@
item.TicketType = Math.random() > 0.5 ? 1 : 2;
});
this.addMsg.flightList = TravelTeamFlightList;
this.friendValue = TravelTeamPartnerList;
console.log("this.addMsg.flightList", this.addMsg.flightList);
} else {
this.$message.error(res.data.message);
}
},
(err) => {}
);
},
onSearchFriend(value) {
console.log('onSearchFriend', value)
this.getList()
},
// 获取合作伙伴列表
getList() {
if (this.departState) {
this.msg.allDepartment = 1;
}
this.loading = true
this.apipost(
"app_customer_GetCustomerListForCareOf",
this.msg,
(res) => {
this.loading = false
if (res.data.resultCode == 1) {
this.customerListAll = [];
res.data.data.pages.pageData.forEach((item) => {
this.customerListAll.push(item.CustomerId);
item.CustomerIdS = item.CustomerId;
item.CustomerId =
item.CustomerId +
"|" +
item.EmployeeId +
"|" +
item.RB_Department_Id;
item["disabled"] = false;
item.Address = item.Address.split(",").join("");
});
this.datainfo = res.data.data;
this.list = res.data.data.pages.pageData;
this.total = res.data.data.pages.count;
this.friendList = TravelTeamPartnerList;
} else {
this.$message.error(res.data.message);
}
},
(err) => {}
}
);
},
//初始化航空公司下拉
......@@ -1873,8 +661,7 @@
if (res.data.resultCode == 1) {
this.airlineList = res.data.data;
}
},
(err) => {}
}
);
}, //根据航空公司ID 获取机场列表
getAirportNameList(AirLineID, type) {
......@@ -1899,18 +686,11 @@
this.BackAirportNameList = res.data.data;
}
}
},
(err) => {}
}
);
},
//新增去程
addFlight() {
console.log(
" this.AirportNameList",
this.AirportNameList,
this.addGoFlight
);
var newList = {};
this.AirportNameList.forEach((x) => {
if (x.ID == this.addGoFlight.FlightId) {
......@@ -1929,7 +709,7 @@
});
this.addGoFlight.FlightDate = "";
this.addGoFlight.FlightId = "";
this.addGoFlight.AirLineID = 0;
this.addGoFlight.AirLineID = "";
},
//添加回程
addFlightReturn() {
......@@ -1953,7 +733,7 @@
});
this.returnTripData.FlightDate = "";
this.returnTripData.FlightId = "";
this.returnTripData.AirLineID = 0;
this.returnTripData.AirLineID = "";
},
submit() {
//提交创建、修改表单
......@@ -1967,60 +747,47 @@
},
addAward() {
this.editForm.TravelTeamFlightList = this.addMsg.flightList;
console.log(
"TravelTeamFlightList",
this.editForm.TravelTeamFlightList,
this.ContractArray
);
this.editForm.TravelTeamPartnerList = this.customers.map((item) => {
return {
...item,
CustomerId: item.ID
};
});
this.editForm.TravelTeamPartnerList = this.friendList;
this.saveLoading = true;
if (!this.editForm.TravelTeamPartnerList.length) {
this.Warning("请选择合作伙伴");
return;
}
if (
this.editForm.TravelTeamFlightList.findIndex(
(item) => item.TicketType === 1
) === -1
) {
this.Warning("请选择去程航班");
return;
}
if (
this.editForm.TravelTeamFlightList.findIndex(
(item) => item.TicketType === 2
) === -1
) {
this.Warning("请选择回程航班");
return;
}
// if (
// this.editForm.TravelTeamFlightList.findIndex(
// (item) => item.TicketType === 1
// ) === -1
// ) {
// this.Warning("请选择去程航班");
// return;
// }
// if (
// this.editForm.TravelTeamFlightList.findIndex(
// (item) => item.TicketType === 2
// ) === -1
// ) {
// this.Warning("请选择回程航班");
// return;
// }
if (this.ContractArray.length) {
this.editForm.WordUrl = this.ContractArray[0].Url;
}
console.log(
"</template>",
this.editForm,
this.addMsg,
this.friendValue,
this.ContractArray,
this.customers
);
this.apipost(
"post_SetTeavelTeam",
this.editForm,
(res) => {
this.saveLoading = false;
if (res.data.resultCode == 1) {
this.Success("添加成功");
this.$route.replace("/TravelTeam");
//关闭弹窗并刷新页面
this.$emit("success");
} else {
this.$message.error(res.data.message);
}
},
(err) => {}
(err) => {
this.saveLoading = false;
}
);
},
//删除航班
......
......@@ -65,7 +65,7 @@
layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
</el-pagination>
<ul>
<li v-for="(item,index) in queryDataObj.dataList" :key="index"
<li v-for="(item,index) in queryDataObj.dataList" :key="item.GTeamId"
:class="{'TC_hasContent':item.OPInnerRemark==''&&item.OPRemark==''}">
<div class="TC_remarkContent">
<div class="el-col w_20">
......@@ -88,7 +88,7 @@
</div>
<div class="el-col w_10">
<div class="p20">
<div class="mb title"><i class="iconfont icon-jiage"></i><span>位信息</span></div>
<div class="mb title"><i class="iconfont icon-jiage"></i><span>位信息</span></div>
<div class="mb"><span>经济舱: {{item.YSeat}}</span></div>
<div class="mb"><span>商务舱: {{item.CSeat}}</span></div>
<div class="mb"><span>头等舱: {{item.FSeat}}</span></div>
......@@ -107,7 +107,7 @@
<div class="p20">
<div class="mb title"><i class="iconfont icon-tuandui"></i><span>合作伙伴</span></div>
<template v-for="(subItem,subIndex) in item.TravelTeamPartnerList">
<el-tag :key="subIndex+1000" style="margin: 0 10px 10px 0;">{{subItem.CustomerName}}</el-tag>
<el-tag :key="subIndex+10000" style="margin-right:10px;">{{subItem.CustomerName}}</el-tag>
</template>
</div>
</div>
......@@ -156,28 +156,29 @@
</el-pagination>
</div>
</div>
<el-dialog class="app-attachment-dialog" style="width:1000px;height:800px;margin:0 auto;z-index:99999"
:title="dialogTitle" :visible.sync="isShowEditTeamDialog" :close-on-click-modal="false">
<editTeamInfo :id="ID"></editTeamInfo>
<el-dialog class="app-attachment-dialog" width="900" :title="dialogTitle" :visible.sync="isShowEditTeamDialog"
:close-on-click-modal="false" >
<editTeamInfo v-if="isShowEditTeamDialog" :Q_GTeamId="GTeamId" @success="refreshPage"></editTeamInfo>
</el-dialog>
</div>
</template>
<script>
import editTeamInfo from "./editTeamInfo"; //新增修改包机团
import editTeamInfo from "../TravelTeam/editTeamInfo"; //新增修改包机团
export default {
components: {
editTeamInfo
},
provide() {
return {
reload: this.reload
}
},
components: {
editTeamInfo
},
data() {
return {
isShowEditTeamDialog: false, //是否显示新增修改包机团弹窗
dialogTitle: "添加包机信息", //弹窗名称
ID: '',
GTeamId: 0, //包机团队Id
//查询参数
queryMsg: {
pageIndex: 1,
......@@ -216,9 +217,6 @@
}
},
};
},
components: {
},
//监听器
watch: {
......@@ -228,16 +226,23 @@
},
},
methods: {
//新增修改包机团
editTeam(item) {
if (item) {
this.dialogTitle = "修改包机信息";
this.GTeamId = item.GTeamId;
} else {
this.dialogTitle = "添加包机信息";
this.GTeamId = 0;
}
this.isShowEditTeamDialog = true;
},
//刷新页面
refreshPage() {
this.isShowEditTeamDialog = false;
this.getTravelTeamList();
},
//翻页
handleCurrentChange(val) {
this.queryMsg.pageIndex = val;
......
......@@ -628,7 +628,8 @@
<div class="row-c justify-sb pb5" :class="{'borderD':item.DiscountsMoney>0}">
<span class="fz12 c9e">订单总金额</span>
<div class="ml">
<span class="fz15 fbold">{{ item.totalMoney.toFixed(2) }}</span>
<!-- totalMoney -->
<span class="fz15 fbold">{{ item.TotalPrice.toFixed(2) }}</span>
<span class="fz12 ml">
{{item.CurrencyName}}
</span>
......@@ -814,7 +815,7 @@
<el-table-column prop="UnitPrice" label="价格" min-width="150">
<template slot-scope="scope">
<el-input-number v-if="priceType == 1" v-model="scope.row.UnitPrice" @change="calcPrice()"
:min="1" style="width:auto;"></el-input-number>
:min="0" style="width:auto;"></el-input-number>
<span v-if="priceType != 1">
{{ scope.row.UnitPrice }}
</span>
......@@ -1340,9 +1341,9 @@
var tempRoomPrice = 0;
var tempTotalPrice = 0;
this.postMsg.details&&this.postMsg.details.forEach(item=>{
if(!item.UnitPrice){
item.UnitPrice = 1
}
// if(!item.UnitPrice){
// item.UnitPrice = 1
// }
item.Money = item.UnitPrice+item.StopBusPrice+item.RoomPrice
if (item.UnitPrice) {
tempUnitPrice += Number(item.UnitPrice);
......
......@@ -449,9 +449,9 @@
},
mounted() {
// crm自动登陆传过来的参数
if(this.$route.query.crmOrderObj){
this.crmOrderObj = this.$route.query.crmOrderObj
}
if(this.$route.query.crmOrderObj){
this.crmOrderObj = this.$route.query.crmOrderObj
}
},
created() {
this.getProvinceList();
......
......@@ -45,16 +45,19 @@
<TravelNotice :class="{'showOther':TeamType==3}" ref="TravelNotice" id="fourAnchor" @headCallBack="getNotice"
:subArray="NoticeParameters" :NoticeData="NoticeData" v-bind:PostConfig="PostConfig"
v-bind:AllCityList="AllCityList" v-bind:CountryID="PostConfig.CountryID"></TravelNotice>
<!--常规团-->
<TravelPrice @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice"
:priceList="PriceList" v-if="TeamType==0" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
:TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo" :IsDirect="PostConfig.IsDirect"></TravelPrice>
<!--小包团-->
<TravelPrice2 ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" :PostDaysTrip="PostDaysTrip"
v-if="TeamType==1" :priceList="PriceList" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
:TeamType="TeamType"></TravelPrice2>
<!--一日游-->
<TravelPrice3 ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" :PostDaysTrip="PostDaysTrip"
v-if="TeamType==2" :priceList="PriceList" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
:TeamType="TeamType"></TravelPrice3>
<!--地接团-->
<TravelPrice4 @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice"
:PostDaysTrip="PostDaysTrip" v-if="TeamType==3" :priceList="PriceList" :PostConfig="PostConfig"
:modifyTcid="modifyTcid" :TeamType="TeamType"></TravelPrice4>
......
......@@ -360,10 +360,12 @@
this.addMsg.Sort = updateList.Sort
this.addMsg.GroupingCode = updateList.GroupingCode
this.addMsg.MenuUrl = updateList.MenuUrl
this.addMsg.menutype = updateList.MenuType
this.addMsg.MenuStatus = updateList.MenuStatus.toString()
let style = JSON.parse(updateList.MenuStyle)
// this.addMsg.MenuStyleIcon = style.icon
console.log(style,'----')
this.addMsg.MenuStyleIcon = style.icon
this.addMsg.MenuStyleIcon = style.menutype
this.addMsg.MenuStyleColor = style.color
this.currentUpdateIndex = index
......@@ -390,7 +392,8 @@
'MenuStyle': '',
'MenuStatus': '0',
MenuStyleIcon: '',
MenuStyleColor: ''
MenuStyleColor: '',
Sort: null
}
},
resetPageIndex() {
......
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