Skip to content

S
SuperMan
Commit 6380db4c authored by 沈良进's avatar 沈良进
Browse files
Options

save

parent 0b386570
Hide whitespace changes
Inline Side-by-side
Showing with 1272 additions and 5 deletions
src/components/SalesModule/Common/productOrderList.vue 0 → 100644
View file @ 6380db4c
<style>
@import "../../../assets/css/newTravelManager.css";
.productQueryList {
width: 100%;
min-width: 1366px;
padding-left: 10px;
}
.productQueryList li {
width: 100%;
border: 1px solid #e5e5e5;
background: #fff;
margin-bottom: 10px;
color: #333;
font-size: 14px;
}
.productQueryList li::after {
content: "";
display: block;
clear: both;
}
.productQueryList li i.iconfont {
color: #bbb;
margin-right: 8px;
}
.productQueryList li>div:first-child {
display: table;
width: 100%;
}
.productQueryList li>div>div {
display: table-cell;
border-right: 1px dashed #dcdfe6;
}
.productQueryList li>div>div:last-child {
border-right: none;
}
.productQueryList li .d11 {
float: left;
width: 160px;
height: 120px;
margin: 14px 14px 0 14px;
}
.productQueryList li .d11>li {
width: 160px;
height: 120px;
border: none;
}
.productQueryList li .d11>li>img {
width: 160px;
height: 120px;
}
.productQueryList li .d12 {
float: left;
padding-top: 18px;
width: 200px;
}
.productQueryList li .d12 .d12p {
margin-top: 3px;
font-size: 12px;
color: #999;
cursor: pointer;
max-height: 40px;
line-height: 20px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.productQueryList li .d12 .d12p:hover {
text-decoration: underline;
color: #333;
}
.productQueryList li .d12 .d12TC {
margin: 5px 0;
color: #666666;
font-size: 12px;
}
.productQueryList li .d1 {
width: 18%;
position: relative;
padding: 0 20px;
}
.productQueryList li .d2 {
width: 14%;
text-align: center;
padding-top: 20px;
}
.productQueryList li .d2 p.flightNo {
background: #ccc;
width: 136px;
margin: 5px 0;
padding: 0 10px;
height: 22px;
line-height: 22px;
display: inline-block;
font-size: 14px;
}
.productQueryList li .d2 p.flightNo em {
font-style: normal;
color: #333;
font-size: 12px;
font-weight: bold;
}
.productQueryList li .d2 p.flightNo .flem {
height: 22px;
width: 50px;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.productQueryList li .d2 p>span {
color: #fff;
font-size: 12px;
border-radius: 10px;
background: #2aaef2;
padding: 2px 5px;
cursor: pointer;
}
.productQueryList li .d2>div>div {
display: inline-block;
line-height: 24px;
font-size: 12px;
}
.productQueryList li .d3 {
width: 17%;
padding-left: 40px;
padding-top: 20px;
}
.productQueryList li .d3 p {
line-height: 24px;
}
.productQueryList li .d3 p>span {
color: #666;
font-size: 12px;
margin-right: 10px;
}
.productQueryList li .d3 p>em {
background: #ff9c00;
font-style: normal;
margin-left: 8px;
color: #fff;
border-radius: 4px;
padding: 2px 5px;
}
.productQueryList li .d4 {
width: 10%;
padding-left: 20px;
padding-top: 20px;
}
.productQueryList li .d4 p span.price {
color: #333;
text-decoration: underline;
font-size: 12px;
}
.productQueryList li .d4 p span.price:hover {
color: #e95252;
font-weight: bold;
cursor: pointer;
}
.productQueryList li .d5 {
width: 15%;
padding-left: 40px;
padding-top: 20px;
}
.productQueryList li .d5 p {
line-height: 26px;
}
.productQueryList li .d5 p>span {
color: #666;
font-size: 12px;
margin-right: 10px;
}
.productQueryList li .d5 p>i {
font-weight: bold;
font-style: normal;
}
.productQueryList li .d8 {
width: 15%;
padding-left: 40px;
padding-top: 20px;
}
.productQueryList li .d8 p {
line-height: 26px;
}
.productQueryList li .d8 p>span {
color: #666;
font-size: 12px;
margin-right: 10px;
}
.productQueryList li .d8 p>i {
font-style: normal;
}
.productQueryList li .d6 {
padding: 20px 40px;
width: 100%;
height: inherit;
border-top: 1px solid #e5e5e5;
}
.productQueryList li .d6 p {
display: table-cell;
color: #e95252;
}
.productQueryList li .d6 p:nth-child(1) {
width: 60px;
font-size: 12px;
}
.productQueryList li .d7 {
width: 10%;
min-width: 160px;
text-align: center;
padding: 40px 20px;
border-right: none;
}
.productQueryList li .d7 button {
width: 30px;
height: 30px;
border-radius: 4px;
}
.productQueryList li .d7 .el-button--primary {
padding: 5px;
margin: 0;
font-size: 14px !important;
color: #fff;
}
.productQueryList li .d7 i.iconfont {
color: #fff;
margin: 0;
}
.pro_tripDetails {
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede;
max-height: 400px;
overflow-y: auto;
}
.pro_tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important;
}
.pro_tripDetails table {
padding: 10px 0 0 20px;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
.pro_tripDetails table th {
background-color: #ededed;
padding: 5px;
}
.pro_tripDetails table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
.pro_tripDetails table td._d_name {
background-color: #ededed;
}
.pro_tripDetails table ._color_666 {
color: #666666;
}
.pro_tripDetails table tr._color_666 th {
padding: 9px 15px;
}
.productQuerybottomLayer {
overflow: auto;
position: fixed;
max-height: 300px;
z-index: 50;
bottom: 0;
left: 0;
border-top: 3px solid #38425d;
background-color: #ffffff;
padding: 10px 10px 0;
width: 100%;
}
.productQuerybottomLayer .el-form-item__label {
font-size: 12px !important;
}
.productQuerybottomLayer>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;
}
.productQuerybottomLayer .el-input {
width: auto !important;
}
.productQueryList .disabledBtn {
background: #999 !important;
border-color: #999 !important;
}
.product_union {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
border-top: 15px solid red;
border-bottom: 15px solid transparent;
border-left: 15px solid red;
border-right: 15px solid transparent;
}
.product_union::after {
content: "联";
position: absolute;
top: -14px;
left: -11px;
white-space: nowrap;
color: #ffffff;
font-size: 12px;
}
.product_union1 {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
border-top: 15px solid red;
border-bottom: 15px solid transparent;
border-left: 15px solid red;
border-right: 15px solid transparent;
}
.product_union1::after {
content: "内";
position: absolute;
top: -14px;
left: -11px;
white-space: nowrap;
color: #ffffff;
font-size: 12px;
}
.product_warning {
position: absolute;
top: 0px;
right: 0px;
width: 0px;
height: 0px;
border-top: 10px solid red;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid red;
}
.product_warning::after {
content: "!";
position: absolute;
top: -12px;
right: -5px;
white-space: nowrap;
color: #ffffff;
font-size: 12px;
}
.PQ_detail {
width: 100%;
border-collapse: collapse;
}
.PQ_detail tr th,
.v-table-title-cell {
background: #e6e6e6;
height: 40px;
font-size: 14px;
border-right: 1px solid #e6e6e6;
color: #333;
}
.PQ_detail tr {
background: #fff;
text-align: center;
height: 40px;
}
.PQ_detail tr td {
font-size: 12px;
border: 1px solid #e5e5e5;
}
.PQ_HotelPop {
overflow: auto;
max-height: 350px;
}
.PQ_HotelPop table td {
padding: 5px 0;
text-align: center;
}
.PQ_HotelPop table th {
text-align: center;
}
.productQuerybottomLayer .el-upload-list {
width: 200px;
}
</style>
<template>
<div class="productQueryList" v-loading="loading">
<ul v-if="list.length != 0">
<li v-for="(item, index) in list" :key="index">
<div class="dline">
<div class="d1">
<div v-if="item.IsB2B === 0" class="product_union1"></div>
<div v-if="item.IsUnionTravel === 1" class="product_union"></div>
<div v-if="item.IsWarning === 1" class="product_warning"></div>
<div class="d12" style="float: none; margin: auto" :style="{'width': pagesTitle=='跟团游产品'?'200px':'auto'}">
<p><i class="iconfont icon-biaoti1"></i> {{ item.LineName }}</p>
<p class="d12TC">{{ item.TCNUM }}（{{ item.TCID }}）</p>
<p>{{ item.LtName }}</p>
<el-tooltip class="item" effect="dark" :content="item.Title" placement="top-start"
popper-class="max-w250">
<p class="d12p" @click="getTitledetail(item)" :title="item.Title">
{{ item.Title }}
</p>
</el-tooltip>
<p v-if="item.CustomerName&&item.CustomerName!=''" style="font-size: 11px;font-weight:bold;color:red">
<span v-if="item.CustomerName">客户名称：{{item.CustomerName}}
</span>
</p>
<p v-if="item.PriceOfferUrl&&item.PriceOfferUrl!=''">
<a style="color:blue;" :href="item.PriceOfferUrl" v-if="item.PriceOfferUrl" target="_blank">下载报价单</a>
</p>
</div>
</div>
<div class="d2" v-if="pagesTitle=='跟团游产品'">
<p style="text-align: left; text-indent: 50px">
<i class="iconfont icon-hangban1"></i>{{ $t("salesModule.GoFlight") }}
</p>
<p class="flightNo">
<em class="fl flem"
:title="item.flightList[0] && item.flightList[0].AlName">{{ item.flightList[0] && item.flightList[0].AlName }}</em>
<em class="fr">{{
item.flightList[0] && item.flightList[0].Flight_number
}}</em>
</p>
<div>
<div>
<p>
{{
item.flightList[0] && item.flightList[0].DepartureName
}}---------{{
item.flightList[0] && item.flightList[0].ArrivalCityName
}}
</p>
<p>
<span style="background-color: transparent; color: #000000">{{
item.flightList[0] && item.flightList[0].Departure_time
}}</span>
<el-popover width="900" trigger="click" popper-class="pro_tripDetails">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="_color_666" style="text-align: center">
<th width="60">{{ $t("Airticket.Air_segment") }}</th>
<th width="80">{{ $t("system.query_flightNum") }}</th>
<th width="150">{{ $t("system.ph_flightTime") }}</th>
<th width="80">
{{ $t("system.query_arrivalTime") }}
</th>
<th width="100">{{ $t("system.query_stopCity") }}</th>
<th width="60">{{ $t("admin.admin_status") }}</th>
</tr>
<tr v-for="(ds, din) in tripDetails" :key="din" style="text-align: center">
<td class="_d_name _color_666">
<span v-if="din == 0">{{
$t("Airticket.Air_go")
}}</span>
<span v-else-if="din == tripDetails.length - 1">{{
$t("Airticket.Air_returnTrip")
}}</span>
<span v-else-if="
din > 0 && din != tripDetails.length - 1
">{{ $t("Airticket.Air_transit") }}</span>
</td>
<td>
<div>{{ ds.Flight_number }}</div>
<div style="margin-top: 5px">{{ ds.AlName }}</div>
</td>
<td>
<div>
{{ ds.FlightDate }} {{ ds.Departure_time }}
</div>
<div style="margin-top: 5px">{{ ds.dName }}</div>
</td>
<td>
<div>
{{ ds.FlightArrivalTime }} {{ ds.Arrival_time }}
</div>
<div style="margin-top: 5px">{{ ds.aName }}</div>
</td>
<td>{{ ds.StopoverName }}</td>
<td>
<span v-if="ds.FlightState == 1" style="color: rgb(71, 191, 140) !important">OK</span>
<span v-else style="color: red !important">{{
$t("visa.v_zanding")
}}</span>
</td>
</tr>
</table>
<span slot="reference" @click="getDetails(index)">{{
$t("Airticket.Air_backAndforth")
}}</span>
</el-popover>
<span style="background-color: transparent; color: #000000">{{
item.flightList[0] && item.flightList[0].Arrival_time
}}</span>
</p>
</div>
<div>
<p>{{ item.ACityName }}</p>
<p>{{ item.Arrival_time }}</p>
</div>
</div>
</div>
<div class="d3" v-if="pagesTitle=='跟团游产品'">
<p>
<i class="iconfont icon-tuandui"></i>{{ $t("visa.v_teaminfo")
}}<em>{{ item.DayNum }}{{ $t("hotel.hotel_day") }}{{ item.NightNum
}}{{ $t("Operation.Op_night") }}</em>
</p>
<p>
<span>{{ $t("Airticket.Air_StartTime") }}</span>{{ item.StartDate }}
</p>
<p>
<span>{{ $t("system.table_goCity") }}</span>{{ item.StartCityName }}
</p>
<p>
<span>{{ $t("salesModule.BackCity") }}</span>{{ item.ReturnArriveCityName }}
</p>
<p>
<span>{{ $t("scen.sc_cp") }}</span>{{ item.OutBranchName }}
<span class="TC_neibu" style="float: inherit;color: #ffffff;margin-left: 5px;"
v-if="item.StandardCurrencyName" :class="{'TCneibu':item.StandardCurrencyName=='人民币','TCb2b':item.StandardCurrencyName=='日元',
'TCb2c':item.StandardCurrencyName=='新台币','AppPlat':item.StandardCurrencyName=='',
'otherPlat':item.StandardCurrencyName=='',}">{{item.StandardCurrencyName}}结算</span>
</p>
<p v-show="item.ClearOrderHour > 0">
<span>{{ $t("salesModule.THQW") }}</span>
<span class="TCL-greenType">{{ item.ClearOrderHour }}{{ $t("salesModule.Hour") }}</span>
</p>
<p v-show="item.SaleClearOrderHour && item.SaleClearOrderHour > 0">
<span>{{ $t("salesModule.XSQW") }}</span>
<span class="TCL-greenType">{{ item.SaleClearOrderHour
}}{{ $t("salesModule.Hour") }}</span>
</p>
</div>
<div class="d4">
<p>
<i class="iconfont icon-jiage"></i>{{ $t("Operation.Op_PriceInfo") }}
</p>
<p style="
color: #47bf8c;
font-size: 16px;
font-weight: bold;
margin: 5px 0;
">
{{ $t("Operation.Op_tradePrice") }}:￥{{
item.B2BMemberPrice | priceFormat(item.B2BMemberPrice)
}}<br />
{{ $t("Operation.Op_directPrice") }}:￥{{
item.B2CMemberPrice | priceFormat(item.B2CMemberPrice)
}}
</p>
<p>
<el-popover width="630" trigger="click">
<table class="PQ_detail">
<tr>
<td :colspan="pagesTitle=='跟团游产品'?'6':'5'" style="text-align: left; padding-left: 10px">
{{ $t("salesModule.BasePrice") }}
</td>
</tr>
<tr>
<th v-if="pagesTitle=='跟团游产品'">{{ $t("advmanager.v_type") }}</th>
<th>{{ $t("salesModule.HYTHJ") }}</th>
<th>{{ $t("salesModule.PTTHJ") }}</th>
<th>{{ $t("salesModule.ZKHYJ") }}</th>
<th colspan="2">{{ $t("salesModule.PTZKJ") }}</th>
</tr>
<tr>
<td v-if="pagesTitle=='跟团游产品'">{{ $t("salesModule.Adult") }}</td>
<td>
{{
item.B2BMemberPrice | priceFormat(item.B2BMemberPrice)
}}
</td>
<td>{{ item.B2BPrice | priceFormat(item.B2BPrice) }}</td>
<td>
{{
item.B2CMemberPrice | priceFormat(item.B2CMemberPrice)
}}
</td>
<td colspan="2">{{ item.B2CPrice | priceFormat(item.B2CPrice) }}</td>
</tr>
<template v-if="pagesTitle=='跟团游产品'">
<tr>
<td>{{ $t("salesModule.ChildBed") }}</td>
<td>
{{
(item.B2BMemberPrice + item.ChildNeedPrice)
| priceFormat(
item.B2BMemberPrice + item.ChildNeedPrice
)
}}
</td>
<td>
{{
(item.B2BPrice + item.ChildNeedPrice)
| priceFormat(item.B2BPrice + item.ChildNeedPrice)
}}
</td>
<td>
{{
(item.B2CMemberPrice + item.ChildNeedPrice)
| priceFormat(
item.B2CMemberPrice + item.ChildNeedPrice
)
}}
</td>
<td colspan="2">
{{
(item.B2CPrice + item.ChildNeedPrice)
| priceFormat(item.B2CPrice + item.ChildNeedPrice)
}}
</td>
</tr>
<tr>
<td>{{ $t("salesModule.ChildNoBed") }}</td>
<td>
{{
(item.B2BMemberPrice - item.ChildNoNeedPrice)
| priceFormat(
item.B2BMemberPrice - item.ChildNoNeedPrice
)
}}
</td>
<td>
{{
(item.B2BPrice - item.ChildNoNeedPrice)
| priceFormat(item.B2BPrice - item.ChildNoNeedPrice)
}}
</td>
<td>
{{
(item.B2CMemberPrice - item.ChildNoNeedPrice)
| priceFormat(
item.B2CMemberPrice - item.ChildNoNeedPrice
)
}}
</td>
<td colspan="2">
{{
(item.B2CPrice - item.ChildNoNeedPrice)
| priceFormat(item.B2CPrice - item.ChildNoNeedPrice)
}}
</td>
</tr>
<tr>
<td>{{ $t("salesModule.SingleJ") }}</td>
<td colspan="5">
{{
item.SingleDMCPrice | priceFormat(item.SingleDMCPrice)
}}
</td>
</tr>
<tr>
<td>{{ $t("Operation.Op_baby") }}</td>
<td colspan="5">
{{ item.BabyPrice | priceFormat(item.BabyPrice) }}
</td>
</tr>
<tr>
<td colspan="6" style="text-align: left; padding-left: 10px">
{{ $t("salesModule.OtherPrice") }}
</td>
</tr>
<tr>
<th>{{ $t("Operation.Op_oldmanSurcharge") }}</th>
<th>{{ $t("Operation.Op_childSurcharge") }}</th>
<th>{{ $t("salesModule.VisaBack") }}</th>
<th>{{ $t("Operation.Op_singleRoomcha") }}</th>
<th>{{ $t("Operation.Op_zafei") }}</th>
<th>小费</th>
</tr>
<tr>
<td>
{{
item.OldManChargePrice
| priceFormat(item.OldManChargePrice)
}}
</td>
<td>
{{
item.BabyChargePrice
| priceFormat(item.BabyChargePrice)
}}
</td>
<td>
{{ item.VisaPrice | priceFormat2(item.VisaPrice) }}（-{{
item.BackVisaPrice | priceFormat(item.BackVisaPrice)
}}）
</td>
<td>
{{
item.SingleRoomPrice
| priceFormat(item.SingleRoomPrice)
}}
</td>
<td>
{{ item.OtherPrice | priceFormat(item.OtherPrice) }}
</td>
<td>{{ item.TipAmount?item.TipAmount:'0.00' }}</td>
</tr>
</template>
</table>
<span slot="reference" class="price">{{
$t("Operation.Op_priceDetail")
}}</span>
</el-popover>
</p>
</div>
<div class="d5">
<p>
<i class="iconfont icon-tuanwei"></i>{{ $t("visa.v_tuanweiinfo") }}
</p>
<p>
<span>{{ $t("visa.v_currentseat") }}</span><i :style="item.SurplusSeat < 0 ? 'color: red' : ''">{{
item.SurplusSeat
}}</i>
</p>
<p>
<span>{{ $t("visa.v_yibaoru") }}</span><i>{{ item.Seat == "" ? "0" : item.Seat
}}{{ $t("salesModule.PeoPle") }}</i>({{ $t("Operation.Op_takeSeat") }}：{{ item.Occupied
}}{{ $t("salesModule.PeoPle") }})
</p>
<p>
<span>{{ $t("visa.v_houbu") }}</span>
<em v-if="item.IsSubstitution == 1">{{ $t("salesModule.KYHB") }}（{{ $t("visa.v_houbu")
}}{{ item.SubstitutionCount
}}{{ $t("salesModule.PeoPle") }}）</em>
<em v-if="item.IsSubstitution != 1" style="color: #e95252">{{
$t("salesModule.RefuseHB")
}}</em>
</p>
<p v-if="pagesTitle=='跟团游产品'">
<span>操作OP</span><i style="font-weight: normal">{{ item.OPName }}</i>
</p>
</div>
<div class="d8" v-if="pagesTitle=='跟团游产品'">
<p>
<i class="iconfont icon-hangban1"></i>{{ $t("Operation.Op_Warmprompt") }}
</p>
<p>
<span>{{ $t("visa.v_sqtime") }}</span><i>{{
item.SendVisaTime === "" ? "未设置" : item.SendVisaTime
}}</i>
</p>
<p>
<span>{{ $t("visa.v_cqtime") }}</span><i>{{
item.OutVisaTime === "" ? "未设置" : item.OutVisaTime
}}</i>
</p>
<p>
<span>{{ $t("visa.v_kptime") }}</span><i>{{
item.TicketDeadline === "" ? "未设置" : item.TicketDeadline
}}</i>
</p>
<p v-if="item.VisaFileList.length !== 0">
<span>{{ $t("visa.v_visaInformation") }}</span>
</p>
<p v-if="item.VisaFileList.length !== 0" v-for="(item2, index2) in item.VisaFileList" :key="index2">
<span style="cursor: pointer; text-decoration: underline"
@click="downloadFile(item2)">{{ item2.Name }}</span>
</p>
<p>
<span>{{ $t("salesModule.TicketStatus") }}：</span>
<span class="fz16 fbold">
<el-tooltip class="item" effect="dark" :content="$t('salesModule.AllTk')" placement="top">
<span style="color: #4bca81" v-if="item.MakeInvoice == 1">√</span>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('salesModule.NotDeal')" placement="top">
<span style="color: #e95252" v-if="item.MakeInvoice == '-1'">x</span>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('salesModule.YCZD')" placement="top">
<span style="color: #e95252" v-if="item.MakeInvoice == '0'">O</span>
</el-tooltip>
</span>
</p>
</div>
<div class="d7">
<el-button-group style="display: block">
<el-tooltip class="item" effect="dark" :content="$t('salesModule.LookBM')" placement="top-start">
<el-button @click="
goUrl(item.TCID, item.TCNUM)
" type="primary" style="background-color: #00c6ff !important; border-color: #00c6ff !important" icon="iconfont icon-sousuo">
</el-button>
</el-tooltip>
<!--关内团后不能在报名 hk 2022-07-13去掉 && item.IsB2B === 1 修改为可报名 -->
<el-tooltip class="item" effect="dark" :content="$t('salesModule.LJXD')" placement="top-start"
v-if="item.IsPayOrder !== 1 ">
<el-button type="primary" style="background-color: #f16c3c !important; border-color: #f16c3c !important" v-if="!TCIDList"
icon="iconfont icon-fukuan1" @click="goBuy(item)"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('Operation.Op_tripDownLoad')" placement="top-start">
<el-button @click="toTrip(item)" type="primary" style="background-color: #47bf8c !important; border-color: #47bf8c !important"
icon="iconfont icon-xiazai"></el-button>
</el-tooltip>
<el-tooltip v-if="
CurrentUserInfo.IsOpenB2C == 1 &&
CurrentUserInfo.B2BDomain != '' &&
item.LineID != 2 &&
item.LineID != 8
" class="item" effect="dark" content="直客版预览" placement="top-start">
<el-button @click.native="goB2B(item)" type="primary"
style="background-color: #f16c3c !important; border-color: #f16c3c !important" icon="iconfont icon-view"></el-button>
</el-tooltip>
</el-button-group>
<el-button-group v-show="qjGroupId == userInfo.RB_Group_id || S_Travel_Share" style="display: block">
<el-tooltip class="item" effect="dark" :content="$t('salesModule.ShareTrip')" placement="top-start"
style="float: left">
<el-popover width="180" trigger="click">
<div class="w150" v-loading="wxLoading">
<img style="
float: left;
width: 108px;
height: 108px;
margin: 10px 21px 3px;
" :src="
item.wxImage === ''
? ''
: 'data:image/png;base64,' + item.wxImage
" />
<p style="text-align: center; font-size: 12px; color: #666">
{{ $t("salesModule.XCX") }}
</p>
</div>
<el-button slot="reference" type="primary" style="
background-color: #b552e9 !important;
border-color: #b552e9 !important;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
" icon="iconfont icon-fenxiang" @click="getWxCode(index)"></el-button>
</el-popover>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('salesModule.ShareApp')" placement="top-start"
style="float: left">
<el-popover width="180" trigger="click">
<div class="w150">
<img style="
float: left;
width: 108px;
height: 108px;
margin: 10px 21px 3px;
" :src="'data:image/png;base64,' + item.AppImage" />
<p style="text-align: center; font-size: 12px; color: #666">
{{ $t("salesModule.Helper") }}
</p>
</div>
<el-button slot="reference" type="primary" style="
background-color: #e6a014 !important;
border-color: #e6a014 !important;
border-radius: 0;
" icon="iconfont icon-erweima"></el-button>
</el-popover>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="'广告数量' + item.AdvertCount" placement="top-start">
<el-button type="primary" style="background-color: #e95252 !important; border-color: #e95252 !important" v-if="!TCIDList"
icon="iconfont icon-guanggao" @click="goUrlX(item)"></el-button>
</el-tooltip>
</el-button-group>
</div>
</div>
<div class="d6">
<el-popover placement="right" width="500" trigger="click" :content="item.ProductRecommend">
<span style="
cursor: pointer;
padding: 2px 5px;
display: inline-block;
margin-bottom: 5px;
border-radius: 4px;
border: 1px solid #ccc;
font-size: 12px;
" slot="reference">{{ $t("Operation.Op_bentuanMaidian") }}</span>
</el-popover>
<p>{{ $t("Operation.Op_remark") }}:</p>
<p :title="item.OpRemark">{{ item.OpRemark }}</p>
</div>
</li>
</ul>
<div class="noData" v-else>
{{ $t("system.content_noData") }}
</div>
</div>
</div>
</template>
<script>
export default {
props:['loading','list','pagesTitle'],
data() {
return {
//当前登录用户信息
CurrentUserInfo: {},
travelControlTripLayerShow: false,
wxLoading: false,
userId: "",
outerVisible: false,
tripTitle: "",
tripDetails: [],
TCIDList: null,
tripObj: {
tcid: 0,
configId: 0,
cityId: 0,
orderId: 0,
},
showHotelObj: {
showPrice: false,
showPay: false,
showZhan: false,
},
qjGroupId: -1,
S_Travel_Share: false, //分享权限
userInfo: {},
crmOrderObj: null,
isShowTeamOrder: false, //是否显示订单弹窗
teamInfo: {}, //团队信息
};
},
components: {
},
filters: {
priceFormat(value) {
if (value == null) {
return 0.0;
}
let nStr = value.toFixed(2);
nStr += "";
let x = nStr.split(".");
let x1 = x[0];
let x2 = x.length > 1 ? "." + x[1] : "";
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, "$1" + "," + "$2");
}
return x1 + x2;
},
priceFormat2(value) {
if (value == null) {
return "已包含";
}
let nStr = value.toFixed(2);
nStr += "";
let x = nStr.split(".");
let x1 = x[0];
let x2 = x.length > 1 ? "." + x[1] : "";
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, "$1" + "," + "$2");
}
let result = x1 + x2;
if (result === "0.00") {
result = "已包含";
}
return result;
},
},
methods: {
//刷新页面
reSearchPage() {
this.isShowTeamOrder = false;
this.teamInfo = {};
this.$emit("success");
},
//关闭窗口
closeForm() {
this.isShowTeamOrder = false;
this.teamInfo = {};
},
// 分享权限
GetSupperOrderEditAuth() {
var actionCode = this.$AuthCode.S_Travel_Share;
this.CheckUserAuth(actionCode, (res) => {
if (res.data.resultCode == 1 && res.data.data == 1) {
this.S_Travel_Share = true;
}
});
},
downloadFile(item) {
let reg = /^http(s)?:\/\/(.*?)\//;
this.downloadFileRename(item.FullUrl.replace(reg, ""), item.Name);
},
// 获取微信二维码
getWxCode(key) {
this.wxLoading = false;
if (this.list[key].wxImage === "") {
this.wxLoading = true;
this.apipost(
"TaskManagemnet_get_GetWeiXinShare", {
ConfigId: this.list[key].ConfigID,
TCID: this.list[key].TCID,
},
(res) => {
if (res.data.resultCode == 1) {
let url = res.data.data;
this.list[key].wxImage = url;
this.wxLoading = false;
} else {
this.$message.error("二维码获取失败");
}
},
(err) => {}
);
}
},
toTrip(obj) {
this.tripObj.tcid = obj.TCID;
this.tripObj.configId = obj.ConfigID;
this.tripObj.cityId = obj.StartCityID;
this.tripObj.orderId = 0;
this.travelControlTripLayerShow = true;
},
hideTripDown() {
this.travelControlTripLayerShow = false;
},
goUrl(id, tcmun) {
let path
if(this.pagesTitle=='跟团游产品'){
path = 'groupTourOrderByTuan'
}
if(this.pagesTitle=='当地游产品'){
path = 'groupTourOrderByTuanOne'
}
this.$router.push({
name: path,
query: {
id: id,
tcmun: tcmun,
blank: "y",
tab: "团报名清单",
},
});
},
goUrlX(item) {
this.$router.push({
name: "GroupAdvertising",
query: {
LineID: item.LineID,
TCID: item.TCID,
blank: "y",
tab: "团期广告",
},
});
},
//获取航班详情
getDetails(index) {
this.tripDetails = this.list[index].flightList;
},
goBuy(obj) {
this.teamInfo = obj;
this.isShowTeamOrder = true;
},
// 产品详情
getTitledetail(item){
if(this.pagesTitle=='跟团游产品'){
this.getJourney(item.ConfigID, item.TCID, item.LineName)
}if(this.pagesTitle=='当地游产品'){
this.goB2Bdetail(item.ConfigID, item.TCID)
}
},
goB2Bdetail(ConfigId, tcid) {
var B2BDomain = this.CurrentUserInfo.B2BDomain//'www.oytour.com';
this.$tripUtils.GotoB2BPage(B2BDomain,encodeURIComponent(ConfigId),tcid);
},
getJourney(id, TCID, title) {
var that = this;
this.tripTitle = title;
this.$nextTick(() => {
that.$refs.comTeam.GetTrip(id, TCID);
});
that.outerVisible = true;
},
clickHotel(TCID, LineId, LineteamId) {
var msg = {
TCID: TCID,
LineId: LineId,
LineteamId: LineteamId,
};
this.apipost(
"b2b_post_SetHotelClickService",
msg,
(res) => {
if (res.data.resultCode == 1) {}
},
(err) => {}
);
},
//直客版行程
goB2B(item) {
var B2BDomain = this.CurrentUserInfo.B2BDomain;
this.$tripUtils.GotoB2CPage(B2BDomain, item.ConfigID, item.TCID);
},
},
mounted() {
this.userInfo = this.getLocalStorage();
this.GetSupperOrderEditAuth();//分享权限
this.qjGroupId = this.QjGroupId();
this.CurrentUserInfo = this.userInfo ;
this.userId = this.userInfo.EmployeeId;
if (this.$route.query.TCIDList) {
this.TCIDList = this.$route.query.TCIDList;
}
},
};
</script>
\ No newline at end of file
src/components/SalesModule/groupTourOrder.vue
View file @ 6380db4c
......@@ -1208,6 +1208,13 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="联运备注" prop="UnionRemark">
<el-input v-model="addMsg.UnionRemark" type="textarea" maxlength="500"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 修改房型 -->
......@@ -4236,6 +4243,13 @@
return;
}
}
// 选择联运，联运备注必填
        if (this.addMsg.IsIntermodal == 1 || this.addMsg.IsReturnIntermodal == 1) {
          if (!this.addMsg.UnionRemark) {
            this.Error("请填写联运备注！");
            return;
          }
        }
//验证人数和机位数 20190807 修改 如果是不是单地接才判断
if (this.addMsg.GroupType !== "4" && this.addMsg.GroupType !== "3") {
if (
......
src/components/SalesModule/productOrderList.vue
View file @ 6380db4c
......@@ -277,6 +277,15 @@
<el-input v-model="msg.Title" class="w150" clearable></el-input>
</span>
</li>
<li>
<span><em>{{ $t("hotel.hotel_StarDate") }}</em>
<el-date-picker v-model="msg.StartTime" @change="dataDui()" class="w135" value-format="yyyy-MM-dd"
type="date"></el-date-picker>
-
<el-date-picker v-model="msg.EndTime" @change="dataDui()" class="w135" value-format="yyyy-MM-dd"
type="date"></el-date-picker>
</span>
</li>
</ul>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
......@@ -292,7 +301,7 @@
</template>
<script>
import productOrderList from "../orderCommon/productOrderList.vue";
import productOrderList from "./Common/productOrderList.vue";
export default {
data() {
......
src/components/SalesModule/productQuery.vue
View file @ 6380db4c
......@@ -976,7 +976,13 @@
<!-- <i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处，或
<em>点击上传</em>
<em>点击上传</em>  // 选择联运，联运备注必填
        if (this.addMsg.IsIntermodal == 1 || this.addMsg.IsReturnIntermodal == 1) {
          if (!this.addMsg.UnionRemark) {
            this.Error("请填写联运备注！");
            return;
          }
        }
</div> -->
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
......@@ -1009,6 +1015,13 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="联运备注" prop="UnionRemark">
              <el-input v-model="addMsg.UnionRemark" type="textarea" maxlength="500"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
</el-form>
</div>
<div class="productQuerySearch" v-if="!TCIDList">
......@@ -3064,8 +3077,13 @@
return;
}
}
  // 选择联运，联运备注必填
        if (this.addMsg.IsIntermodal == 1 || this.addMsg.IsReturnIntermodal == 1) {
          if (!this.addMsg.UnionRemark) {
            this.Error("请填写联运备注！");
            return;
          }
        }
//验证人数和机位数 20190807 修改 如果是不是单地接才判断
if (this.addMsg.GroupType !== "4" && this.addMsg.GroupType !== "3") {
......
src/components/TravelManager/TravelList/RegistrationList.vue
View file @ 6380db4c
......@@ -1255,6 +1255,13 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="联运备注" prop="UnionRemark">
              <el-input v-model="addMsg.UnionRemark" type="textarea" maxlength="500"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
</el-form>
</div>
......@@ -5701,6 +5708,13 @@
return;
}
}
// 选择联运，联运备注必填
        if (this.addMsg.IsIntermodal == 1 || this.addMsg.IsReturnIntermodal == 1) {
          if (!this.addMsg.UnionRemark) {
            this.Error("请填写联运备注！");
            return;
          }
        }
//验证人数和机位数 20190807 修改 如果是不是单地接才判断
if (this.addMsg.GroupType !== "4" && this.addMsg.GroupType !== "3") {
if (
......
src/components/orderCommon/order-form.vue
View file @ 6380db4c
......@@ -488,6 +488,14 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
        <el-col :span="24">
          <!--备注-->
          <el-form-item label="联运备注" prop="UnionRemark">
            <el-input v-model="addMsg.UnionRemark" type="textarea" maxlength="500"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
</el-form>
</div>
</template>
......@@ -1426,6 +1434,13 @@
return;
}
}
// 选择联运，联运备注必填
if (this.addMsg.IsIntermodal == 1 || this.addMsg.IsReturnIntermodal == 1) {
if (!this.addMsg.UnionRemark) {
this.Error("请填写联运备注！");
return;
}
}
//验证人数和机位数 20190807 修改 如果是不是单地接才判断
if (this.addMsg.GroupType !== "4" && this.addMsg.GroupType !== "3") {
if (this.addMsg.ChirdNoNeedBedNum == "") {
......
src/components/orderCommon/order-form2.vue
View file @ 6380db4c
......@@ -656,6 +656,13 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="联运备注" prop="UnionRemark">
              <el-input v-model="addMsg.UnionRemark" type="textarea" maxlength="500"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
</el-form>
</div>
</template>
......@@ -1748,7 +1755,13 @@
this.Error("请上传附件！");
return;
}
}
} // 选择联运，联运备注必填
        if (this.addMsg.IsIntermodal == 1 || this.addMsg.IsReturnIntermodal == 1) {
          if (!this.addMsg.UnionRemark) {
            this.Error("请填写联运备注！");
            return;
          }
        }
//验证人数和机位数 20190807 修改 如果是不是单地接才判断
if (this.addMsg.GroupType !== "4" && this.addMsg.GroupType !== "3") {
if (this.addMsg.ChirdNoNeedBedNum == "") {
......
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