Skip to content

S
SuperMan
Commit b0134263 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 588da741
Hide whitespace changes
Inline Side-by-side
Showing with 236 additions and 149 deletions
src/components/WebSet/WebSiteTrip.vue
View file @ b0134263
<template>
<!--行程內容頁(行程内容页)-->
<div class="WebSiteTrip">
<table>
<tbody>
<tr>
<td>
行程內容頁 功能開關 <el-button type="primary" size="small" @click="saveData()">保存</el-button>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td>
行程頁背版
<el-radio v-if="TripBgImgItem&&TripBgImgItem.plugData" v-model="TripBgImgItem.plugData.IsShowBgImg"
:label="1">開啟</el-radio>
<el-radio v-if="TripBgImgItem&&TripBgImgItem.plugData" v-model="TripBgImgItem.plugData.IsShowBgImg"
:label="0">關閉</el-radio>
</td>
</tr>
<tr v-if="TripBgImgItem&&TripBgImgItem.plugData&&TripBgImgItem.plugData.IsShowBgImg==1">
<td>
<img :src="DefaultBgImg" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
<tbody>
<tr>
<td>
動態橫幅
<el-select v-if="TripBottonItem&&TripBottonItem.plugData" v-model="TripBottonItem.plugData.TripBottonStyle">
<el-option v-for="(item,index) in TripBottonStyleArray" :key="index" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td>
<img v-if="getBottonStyleImg()" :src="getBottonStyleImg()" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
<style>
.WebSiteTrip {
width: calc(100% - 250px);
height: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: width .3s ease;
}
<tbody>
<tr>
<td>
行程內容頁 版面順序調整
</td>
</tr>
</tbody>
<template v-for="(item,index) in OtherList">
.WebSiteTrip .layout_preview_inner {
width: 100%;
max-width: 800px;
margin: 30px auto;
background-color: #ddd;
border: 1px solid #d1d1d1;
}
<tbody v-if="item.Id=='TripTitleItem'" :key="index+1">
<tr>
<td>
<a @click="MoveData(index,1)">上移</a>
<a @click="MoveData(index,2)">下移</a>
.WebSiteTrip .layout_box_header {
background-color: #fff;
border-bottom: 1px solid #f4f4f4;
color: #444;
display: block;
padding: 10px;
}
標題
<img :src="DefaultTitleImg" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
<tbody v-if="item.Id=='TripListItem'" :key="index+100">
<tr>
<td>
<a @click="MoveData(index,1)">上移</a>
<a @click="MoveData(index,2)">下移</a>
.WebSiteTrip .layout_box_title {
display: inline-block;
font-size: 18px;
margin: 0;
line-height: 1;
font-weight: 500;
}
行程資訊(無設定團位時則不顯示)
<el-select v-model="item.plugData.TripListStyle">
<el-option v-for="(item,index) in TripListStyleArray" :key="index" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td>
<img v-if="getListStyleImg(item)" :src="getListStyleImg(item)" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
.WebSiteTrip .layout_preview_list {
min-height: 155px;
}
<tbody v-if="item.Id=='TripDayItem'" :key="index+200">
<tr>
<td>
<a @click="MoveData(index,1)">上移</a>
<a @click="MoveData(index,2)">下移</a>
.WebSiteTrip .layout_temp_item {
position: relative;
display: flex;
border-bottom: 1px solid #f6f6f6;
background-color: #fff;
}
每日行程(無設定團位時則不顯示)
<el-radio v-model="item.plugData.TripDayIsOpen" :label="1">展開</el-radio>
<el-radio v-model="item.plugData.TripDayIsOpen" :label="0">收合</el-radio>
<br />
<el-select v-model="item.plugData.TripDayStyle">
<el-option v-for="(item,index) in TripDayStyleArray" :key="index" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td>
<img v-if="getDayStyleImg(item)" :src="getDayStyleImg(item)" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
.WebSiteTrip .layout_full_temp {
/* flex-basis: calc(100% - 40px); */
padding: 20px;
width: 100%;
}
<tbody v-if="item.Id=='TripFeatureItem'" :key="index+300">
<tr>
<td>
<a @click="MoveData(index,1)">上移</a>
<a @click="MoveData(index,2)">下移</a>
.WebSiteTrip .layout_temp_title {
font-size: 16px;
margin: 0;
font-weight: 500;
color: #666;
}
行程特色
<el-radio v-model="item.plugData.TripFeatureIsOpen" :label="1">展開</el-radio>
<el-radio v-model="item.plugData.TripFeatureIsOpen" :label="0">收合</el-radio>
</td>
</tr>
<tr>
<td>
<img :src="DefaultFeatureImg" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
.WebSiteTrip .layout_move_div {
position: absolute;
right: -31px;
top: 0px;
width: 30px;
height: 65px;
}
<tbody v-if="item.Id=='NoticeItem'" :key="index+400">
<tr>
<td>
<a @click="MoveData(index,1)">上移</a>
<a @click="MoveData(index,2)">下移</a>
注意事項
<el-radio v-model="postMsg.NoticeItemIsOpen" :label="1">展開</el-radio>
<el-radio v-model="postMsg.NoticeItemIsOpen" :label="0">收合</el-radio>
</td>
</tr>
<tr>
<td>
<img :src="DefaultNoticeImg" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
.WebSiteTrip .layout_common_move {
width: 30px;
height: 30px;
background-color: #47bf8c;
text-align: center;
line-height: 30px;
color: #fff;
cursor: pointer;
margin-bottom: 5px;
}
<tbody v-if="item.Id=='OrderItem'" :key="index+500">
<tr>
<td>
<a @click="MoveData(index,1)">上移</a>
<a @click="MoveData(index,2)">下移</a>
</style>
<template>
<!--行程內容頁(行程内容页)-->
<div class="WebSiteTrip">
<el-form label-width="80px">
<div class="layout_preview_inner">
<div class="layout_box_header">
<h1 class="layout_box_title">行程內容頁 功能開關</h1>
<el-button type="primary" size="small" @click="saveData()" style="float:right;margin-top:-6px;">保存</el-button>
</div>
<div class="layout_preview_list">
<div class="layout_temp_item">
<div class="layout_full_temp">
<h2 class="layout_temp_title">行程頁背版</h2>
<div style="padding-top:10px;font-size:14px;">
<span>預設：</span>
<el-radio v-if="TripBgImgItem&&TripBgImgItem.plugData" v-model="TripBgImgItem.plugData.IsShowBgImg"
:label="1">開啟</el-radio>
<el-radio v-if="TripBgImgItem&&TripBgImgItem.plugData" v-model="TripBgImgItem.plugData.IsShowBgImg"
:label="0">關閉</el-radio>
</div>
<template v-if="TripBgImgItem&&TripBgImgItem.plugData&&TripBgImgItem.plugData.IsShowBgImg==1">
<img :src="DefaultBgImg" style="width:100%;" />
</template>
</div>
</div>
<div class="layout_temp_item">
<div class="layout_full_temp">
<el-form-item label="動態橫幅">
<el-select v-if="TripBottonItem&&TripBottonItem.plugData" style="width:100%"
v-model="TripBottonItem.plugData.TripBottonStyle">
<el-option v-for="(item,index) in TripBottonStyleArray" :key="index" :label="item.Name"
:value="item.Id">
</el-option>
</el-select>
</el-form-item>
<img v-if="getBottonStyleImg()" :src="getBottonStyleImg()" style="width:100%;" />
</div>
</div>
</div>
</div>
<div class="layout_preview_inner">
<div class="layout_preview_list">
<div class="layout_box_header">
<h1 class="layout_box_title">行程內容頁 版面順序調整</h1>
</div>
<template v-for="(item,index) in OtherList">
<!-- 标题 -->
<div class="layout_temp_item" v-if="item.Id=='TripTitleItem'" :key="index+1">
<div class="layout_full_temp">
<h2 class="layout_temp_title">標題</h2>
<img :src="DefaultTitleImg" alt="" style="width:100%" />
</div>
<div class="layout_move_div">
<div class="layout_common_move" v-if="index!=0" @click="MoveData(index,1)">
<i class="iconfont icon-shangyi"></i>
</div>
<div class="layout_common_move" v-if="index!=OtherList.length-1" @click="MoveData(index,2)">
<i class="iconfont icon-xiayi1"></i>
</div>
</div>
</div>
<!-- 行程资讯 -->
<div class="layout_temp_item" v-if="item.Id=='TripListItem'" :key="index+100">
<div class="layout_full_temp">
<el-form-item>
<span style="font-size: 12px;color: #888;font-weight: 400;">(無設定團位時則不顯示)</span>
</el-form-item>
<el-form-item label="行程資訊">
<el-select v-model="item.plugData.TripListStyle" style="width:100%">
<el-option v-for="(item,index) in TripListStyleArray" :key="index" :label="item.Name"
:value="item.Id">
</el-option>
</el-select>
</el-form-item>
<img v-if="getListStyleImg(item)" :src="getListStyleImg(item)" style="width:100%;" />
<div class="layout_move_div">
<div class="layout_common_move" v-if="index!=0" @click="MoveData(index,1)">
<i class="iconfont icon-shangyi"></i>
</div>
<div class="layout_common_move" v-if="index!=OtherList.length-1" @click="MoveData(index,2)">
<i class="iconfont icon-xiayi1"></i>
</div>
</div>
</div>
</div>
<!-- 每日行程 -->
<div class="layout_temp_item" v-if="item.Id=='TripDayItem'" :key="index+110">
<div class="layout_full_temp">
<h2 class="layout_temp_title">每日行程</h2>
<div style="margin:10px 0;font-size:14px;">
<span>預設：</span>
<el-radio v-model="item.plugData.TripDayIsOpen" :label="1">展開</el-radio>
<el-radio v-model="item.plugData.TripDayIsOpen" :label="0">收合</el-radio>
</div>
<el-select v-model="item.plugData.TripDayStyle" style="width:100%">
<el-option v-for="(item,index) in TripDayStyleArray" :key="index" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<img v-if="getDayStyleImg(item)" :src="getDayStyleImg(item)" style="width:100%;margin-top:10px;" />
<div class="layout_move_div">
<div class="layout_common_move" v-if="index!=0" @click="MoveData(index,1)">
<i class="iconfont icon-shangyi"></i>
</div>
<div class="layout_common_move" v-if="index!=OtherList.length-1" @click="MoveData(index,2)">
<i class="iconfont icon-xiayi1"></i>
</div>
</div>
</div>
</div>
<!-- 立即预定 -->
<div class="layout_temp_item" v-if="item.Id=='OrderItem'" :key="index+120">
<div class="layout_full_temp">
<div class="layout_temp_title">立即預訂<span
style="font-size: 12px;color: #888;font-weight: 400;">(無設定團位時則不顯示)</span></div>
<img :src="DefaultOrderImg" style="width:100%;" />
<div class="layout_move_div">
<div class="layout_common_move" v-if="index!=0" @click="MoveData(index,1)">
<i class="iconfont icon-shangyi"></i>
</div>
<div class="layout_common_move" v-if="index!=OtherList.length-1" @click="MoveData(index,2)">
<i class="iconfont icon-xiayi1"></i>
</div>
</div>
</div>
</div>
<!-- 行程特色 -->
<div class="layout_temp_item" v-if="item.Id=='TripFeatureItem'" :key="index+130">
<div class="layout_full_temp">
<h2 class="layout_temp_title">行程特色</h2>
<div style="margin:10px 0;font-size:14px;">
<span>預設：</span>
<el-radio v-model="item.plugData.TripFeatureIsOpen" :label="1">展開</el-radio>
<el-radio v-model="item.plugData.TripFeatureIsOpen" :label="0">收合</el-radio>
</div>
<img :src="DefaultFeatureImg" style="width:100%;" />
<div class="layout_move_div">
<div class="layout_common_move" v-if="index!=0" @click="MoveData(index,1)">
<i class="iconfont icon-shangyi"></i>
</div>
<div class="layout_common_move" v-if="index!=OtherList.length-1" @click="MoveData(index,2)">
<i class="iconfont icon-xiayi1"></i>
</div>
</div>
</div>
立即預訂
<span class="tip">(有設定團位時則不顯示)</span>
</td>
</tr>
<tr>
<td>
<img :src="DefaultOrderImg" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
</template>
</table>
</div>
<!-- 注意事项 -->
<div class="layout_temp_item" v-if="item.Id=='NoticeItem'" :key="index+140">
<div class="layout_full_temp">
<h2 class="layout_temp_title">注意事項</h2>
<div style="margin:10px 0;font-size:14px;">
<span>預設：</span>
<el-radio v-model="postMsg.NoticeItemIsOpen" :label="1">展開</el-radio>
<el-radio v-model="postMsg.NoticeItemIsOpen" :label="0">收合</el-radio>
</div>
<img :src="DefaultNoticeImg" style="width:100%;" />
<div class="layout_move_div">
<div class="layout_common_move" v-if="index!=0" @click="MoveData(index,1)">
<i class="iconfont icon-shangyi"></i>
</div>
<div class="layout_common_move" v-if="index!=OtherList.length-1" @click="MoveData(index,2)">
<i class="iconfont icon-xiayi1"></i>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</el-form>
</div>
</template>
<script>
......
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