Skip to content

S
SuperMan
Commit 84214f40 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

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