Commit 84214f40 authored by 黄奎's avatar 黄奎

页面修改

parent 318f316f
......@@ -3,137 +3,88 @@
height: 25px;
line-height: 25px;
}
.St_mainDiv{
width:100%;
height:100%;
margin:10px;
padding:0 20px;
border-left:2px solid #E4E7ED;
.St_mainDiv {
width: 100%;
height: 100%;
margin: 10px;
padding: 0 20px;
border-left: 2px solid #E4E7ED;
position: relative;
}
.St_radioDiv{
.St_radioDiv {
position: absolute;
width:12px;
height:12px;
width: 12px;
height: 12px;
background-color: rgb(11, 189, 135);
left:-27px;
top:3px;
left: -27px;
top: 3px;
border-radius: 50%;
}
.St_current{
.St_current {
position: relative;
}
.St_current:last-child{
margin-bottom:0!important;
.St_current:last-child {
margin-bottom: 0 !important;
}
.St_current:last-child .St_radioDiv{
top:7px;
.St_current:last-child .St_radioDiv {
top: 7px;
}
.Str1{
top:0;
.Str1 {
top: 0;
}
</style>
<template>
<div class="TC-ScenicTraffic">
<div class="St_mainDiv">
<div v-if="!ishasScenic">
<div v-if="CurrentDayNum!=1">
<div v-if="CurrentDayNum!=1" class="St_current">
<div class="St_radioDiv Str1"></div>
酒店出发
</div>
<div>{{trafficObj.trafficIntroduce.IntroduceTitle}}</div>
<div>
<el-select :placeholder="$t('pub.pleaseSel')" v-model="trafficObj.trafficIntroduce.TrafficType">
<el-option v-for="item in ArrivalTypeArray" :value="item.ID" :key="item.ID" :label="item.Name">
</el-option>
</el-select>
<template
v-if="trafficObj.trafficIntroduce.IntroduceTitle">{{trafficObj.trafficIntroduce.IntroduceTitle}}</template>
<template v-else>机场</template>
</div>
<div>
<el-select :placeholder="$t('pub.pleaseSel')" v-model="trafficObj.trafficIntroduce.TrafficType">
<el-option v-for="item in ArrivalTypeArray" :value="item.ID" :key="item.ID" :label="item.Name">
</el-option>
</el-select>
</div>
<div v-if="CurrentDayNum!=totalDayNum">
<div v-if="CurrentDayNum!=totalDayNum" class="St_current" style="margin:10px 0">
<div class="St_radioDiv"></div>
回酒店
</div>
</div>
<div v-else>
<div v-if="CurrentDayNum!=1" class="St_current">
<div class="St_radioDiv Str1"></div>
酒店出发
</div>
<div v-for="(item,index) in ScenicArray" :key="index">
<div style="margin:10px 0">{{item.CouponsName}}</div>
<div>
<el-select :placeholder="$t('pub.pleaseSel')" v-model="item.TrafficType">
<el-option v-for="subItem in ArrivalTypeArray" :value="subItem.ID" :key="subItem.ID" :label="subItem.Name">
</el-option>
</el-select>
</div>
<div v-if="CurrentDayNum!=totalDayNum" class="St_current" style="margin:10px 0">
<div class="St_radioDiv"></div>
回酒店
</div>
<div v-if="CurrentDayNum!=1" class="St_current">
<div class="St_radioDiv Str1"></div>
酒店出发
</div>
<div v-for="(item,index) in ScenicArray" :key="index">
<div style="margin:10px 0">{{item.CouponsName}}</div>
<div>
<el-select :placeholder="$t('pub.pleaseSel')" v-model="item.TrafficType">
<el-option v-for="subItem in ArrivalTypeArray" :value="subItem.ID" :key="subItem.ID"
:label="subItem.Name">
</el-option>
</el-select>
</div>
</div>
<div v-if="CurrentDayNum!=totalDayNum" class="St_current" style="margin:10px 0">
<div class="St_radioDiv"></div>
回酒店
</div>
</div>
</div>
<!-- <template v-if="!ishasScenic">
<table>
<thead v-if="CurrentDayNum!=1">
<tr>
<td>
酒店出发
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
{{trafficObj.trafficIntroduce.IntroduceTitle}}
</td>
</tr>
<tr>
<td>
<el-select :placeholder="$t('pub.pleaseSel')" v-model="trafficObj.trafficIntroduce.TrafficType">
<el-option v-for="item in ArrivalTypeArray" :value="item.ID" :key="item.ID" :label="item.Name">
</el-option>
</el-select>
</td>
</tr>
</tbody>
<tfoot v-if="CurrentDayNum!=totalDayNum">
<tr>
<td>回酒店</td>
</tr>
</tfoot>
</table>
</template>
<template v-else>
<table>
<thead v-if="CurrentDayNum!=1">
<tr>
<td>
酒店出发
</td>
</tr>
</thead>
<tbody v-for="(item,index) in ScenicArray">
<tr :key="index">
<td>
{{item.CouponsName}}
</td>
</tr>
<tr>
<td>
<el-select :placeholder="$t('pub.pleaseSel')" v-model="item.TrafficType">
<el-option v-for="subItem in ArrivalTypeArray" :value="subItem.ID" :key="subItem.ID" :label="subItem.Name">
</el-option>
</el-select>
</td>
</tr>
</tbody>
<tfoot v-if="CurrentDayNum!=totalDayNum">
<tr>
<td>回酒店</td>
</tr>
</tfoot>
</table>
</template> -->
</div>
</template>
<script>
......@@ -143,8 +94,8 @@
"trafficObj", //交通信息
"ScenicArray", //景点数组
"ishasScenic", //是否有景点
"CurrentDayNum",//当前天数
"totalDayNum",//总天数
"CurrentDayNum", //当前天数
"totalDayNum", //总天数
],
data() {
return {
......
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