Skip to content

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

页面修改

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