Skip to content

S
SuperMan
Commit 89a275be authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 8b97eda1
Show whitespace changes
Inline Side-by-side
Showing with 119 additions and 31 deletions
src/components/TravelManager/Ticket/TravelMyTicket.vue
View file @ 89a275be
......@@ -739,16 +739,9 @@
<el-col :span="2" class="vmiddle">
<div class="TM_AirUrl">
<span class="TICK_Code">{{$t('op.PurchaseNumber')}}：{{item.Id}}</span>
<img v-if="!item.AirlineUrl" class="_oll_img" src="../../../assets/img/bg_z1@2x.png">
<img v-else class="_oll_img" :src="item.AirlineUrl" :onerror="defaultImg">
</div>
</el-col>
<el-col :span="2" 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>
<img v-if="!item.AirlineUrl" class="_oll_img" src="../../../assets/img/bg_z1@2x.png" />
<img v-else class="_oll_img" :src="item.AirlineUrl" :onerror="defaultImg" />
<span class="_oll_tit"> {{item.AirlineName}} </span>
<span class="_oll_adrr">{{item.FreightSpaceStr}}</span>
</div>
</el-col>
......@@ -785,7 +778,7 @@
<p slot="reference">{{$t('hotel.hotel_cost')}}<span class="PingFangSC">{{item.CostPrice}}</span></p>
</div>
</el-col>
<el-col :span="4" class="vmiddle">
<el-col :span="3" class="vmiddle">
<div class="TMT_Seat">
<div class="TM_SeatList">
<ul class="clearfix">
......@@ -804,17 +797,64 @@
</div>
</div>
</el-col>
<el-col :span="4" class="vmiddle">
<el-col :span="5" class="vmiddle">
<table>
<tr>
<td v-if="item.FirstDeposit&&item.FirstDeposit!=''" style="text-align:center;">
<el-button v-if="item.FirstDepositStatus==1" style="background-color:#909090;color:white;" circle>
1
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>1</el-button>
</td>
<td v-if="item.SecondDeposit&&item.SecondDeposit!=''" style="text-align:center;">
<el-button v-if="item.SecondDepositStatus==1" style="background-color:#909090;color:white;"
circle>
2
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>2</el-button>
</td>
<td v-if="item.ThirdDeposit&&item.ThirdDeposit!=''" style="text-align:center;">
<el-button v-if="item.ThirdDepositStatus==1" style="background-color:#909090;color:white;" circle>
3
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>3</el-button>
</td>
<td v-if="item.FourthDeposit&&item.FourthDeposit!=''" style="text-align:center;">
<el-button v-if="item.FourthDepositStatus==1" style="background-color:#909090;color:white;"
circle>
4
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>4</el-button>
</td>
<td v-if="item.FinalPayment&&item.FinalPayment!=''" style="text-align:center;">
<el-button v-if="item.FinalPaymentStatus==1" style="background-color:#909090;color:white;" circle>
尾
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>尾</el-button>
</td>
</tr>
<tr>
<td v-if="item.FirstDeposit&&item.FirstDeposit!=''">
{{item.FirstDeposit}}
</td>
<td v-if="item.SecondDeposit&&item.SecondDeposit!=''">
&nbsp;{{item.SecondDeposit}}
</td>
<td v-if="item.ThirdDeposit&&item.ThirdDeposit!=''">
&nbsp;{{item.ThirdDeposit}}
</td>
<td v-if="item.FourthDeposit&&item.FourthDeposit!=''">
&nbsp;{{item.FourthDeposit}}
</td>
<td v-if="item.FinalPayment&&item.FinalPayment!=''">
&nbsp;{{item.FinalPayment}}
</td>
</tr>
</table>
</el-col>
<el-col :span="2" class="vmiddle">
<div class="TMT_raduis">
<ul>
<li :class="item.FourthDeposit?'_bg_gre':''">
<el-tooltip effect="dark" :content="item.FinalPayment" placement="top" popper-class="max-w250"
v-if="item.FinalPayment">
<span>{{$t('op.WEI')}}</span>
</el-tooltip>
<span v-else>{{$t('op.WEI')}}</span>
</li>
<div>{{item.FinalPayment}}</div>
<li class="_head" style="margin-left:20px;">
<img v-if="item.CreateUrl" :src="item.CreateUrl" :onerror="defaultImg" />
<img v-else src="../../../assets/img/default_head_img.jpg" />
......@@ -829,7 +869,7 @@
<p class="_text">{{$t('Airticket.Air_departureDate')}}</p>
</div>
</el-col>
<el-col :span="3" class="vmiddle">
<el-col :span="2" class="vmiddle">
<div class="_btn _tmt_page">
<button class="hollowFixedBtn inversion" type="button"
@click="outBtn(item)">{{$t('op.Inversion')}}</button>
......
src/components/TravelManager/Ticket/TravelticketManager.vue
View file @ 89a275be
......@@ -776,9 +776,63 @@
</div>
</div>
</el-col>
<el-col :span="4" class="vmiddle">
<div class="TKM_raduis">
<ul style="display: block">
<el-col :span="6" class="vmiddle">
<table>
<tr>
<td v-if="item.FirstDeposit&&item.FirstDeposit!=''" style="text-align:center;">
<el-button v-if="item.FirstDepositStatus==1" style="background-color:#909090;color:white;" circle>
1
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>1</el-button>
</td>
<td v-if="item.SecondDeposit&&item.SecondDeposit!=''" style="text-align:center;">
<el-button v-if="item.SecondDepositStatus==1" style="background-color:#909090;color:white;"
circle>
2
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>2</el-button>
</td>
<td v-if="item.ThirdDeposit&&item.ThirdDeposit!=''" style="text-align:center;">
<el-button v-if="item.ThirdDepositStatus==1" style="background-color:#909090;color:white;" circle>
3
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>3</el-button>
</td>
<td v-if="item.FourthDeposit&&item.FourthDeposit!=''" style="text-align:center;">
<el-button v-if="item.FourthDepositStatus==1" style="background-color:#909090;color:white;"
circle>
4
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>4</el-button>
</td>
<td v-if="item.FinalPayment&&item.FinalPayment!=''" style="text-align:center;">
<el-button v-if="item.FinalPaymentStatus==1" style="background-color:#909090;color:white;"
circle>
尾
</el-button>
<el-button v-else style="background-color:#47bf8c;color:white;" circle>尾</el-button>
</td>
</tr>
<tr>
<td v-if="item.FirstDeposit&&item.FirstDeposit!=''">
{{item.FirstDeposit}}
</td>
<td v-if="item.SecondDeposit&&item.SecondDeposit!=''">
&nbsp;{{item.SecondDeposit}}
</td>
<td v-if="item.ThirdDeposit&&item.ThirdDeposit!=''">
&nbsp;{{item.ThirdDeposit}}
</td>
<td v-if="item.FourthDeposit&&item.FourthDeposit!=''">
&nbsp;{{item.FourthDeposit}}
</td>
<td v-if="item.FinalPayment&&item.FinalPayment!=''">
&nbsp;{{item.FinalPayment}}
</td>
</tr>
</table>
<!-- <div class="TKM_raduis">
<ul>
<li :class="item.FirstDeposit?'_bg_gre':''">
<el-tooltip effect="dark" :content="item.FirstDeposit" placement="top" popper-class="max-w250"
v-if="item.FirstDeposit">
......@@ -786,7 +840,6 @@
</el-tooltip>
<span v-else>1</span>
</li>
<span>{{item.FirstDeposit}}</span>
<li :class="item.SecondDeposit?'_bg_gre':''">
<el-tooltip effect="dark" :content="item.SecondDeposit" placement="top" popper-class="max-w250"
v-if="item.SecondDeposit">
......@@ -794,7 +847,6 @@
</el-tooltip>
<span v-else>2</span>
</li>
<span>{{item.SecondDeposit}}</span>
<li :class="item.ThirdDeposit?'_bg_gre':''">
<el-tooltip effect="dark" :content="item.ThirdDeposit" placement="top" popper-class="max-w250"
v-if="item.ThirdDeposit">
......@@ -802,7 +854,6 @@
</el-tooltip>
<span v-else>3</span>
</li>
<span>{{item.ThirdDeposit}}</span>
<li :class="item.FourthDeposit?'_bg_gre':''">
<el-tooltip effect="dark" :content="item.FourthDeposit" placement="top" popper-class="max-w250"
v-if="item.FourthDeposit">
......@@ -810,7 +861,6 @@
</el-tooltip>
<span v-else>4</span>
</li>
<span>{{item.FourthDeposit}}</span>
<li :class="item.FourthDeposit?'_bg_gre':''">
<el-tooltip effect="dark" :content="item.FinalPayment" placement="top" popper-class="max-w250"
v-if="item.FinalPayment">
......@@ -818,9 +868,8 @@
</el-tooltip>
<span v-else>{{$t('op.WEI')}}</span>
</li>
<span>{{item.FinalPayment}}</span>
</ul>
</div>
</div> -->
</el-col>
<el-col :span="2" class="vmiddle">
<div class="_head">
......@@ -881,7 +930,6 @@
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="Query.currentPage"
layout="total,prev, pager, next, jumper" :page-size="Query.pageSize" :total="Query.total">
</el-pagination>
<div class="combottomDiv" style="height:150px;" v-if="isShowOrder">
<div class="combottomTitle">{{$t('op.CaiGou')}}</div>
<el-col :span="3">
......
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