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> <style>
<!--行程內容頁(行程内容页)--> .WebSiteTrip {
<div class="WebSiteTrip"> width: calc(100% - 250px);
<table> height: 100%;
<tbody> overflow-x: hidden;
<tr> overflow-y: auto;
<td> transition: width .3s ease;
行程內容頁 功能開關 <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>
<tbody> .WebSiteTrip .layout_preview_inner {
<tr> width: 100%;
<td> max-width: 800px;
行程內容頁 版面順序調整 margin: 30px auto;
</td> background-color: #ddd;
</tr> border: 1px solid #d1d1d1;
</tbody> }
<template v-for="(item,index) in OtherList">
<tbody v-if="item.Id=='TripTitleItem'" :key="index+1"> .WebSiteTrip .layout_box_header {
<tr> background-color: #fff;
<td> border-bottom: 1px solid #f4f4f4;
<a @click="MoveData(index,1)">上移</a> color: #444;
<a @click="MoveData(index,2)">下移</a> display: block;
padding: 10px;
}
標題 .WebSiteTrip .layout_box_title {
<img :src="DefaultTitleImg" style="width:100px;height:60px;" /> display: inline-block;
</td> font-size: 18px;
</tr> margin: 0;
</tbody> line-height: 1;
<tbody v-if="item.Id=='TripListItem'" :key="index+100"> font-weight: 500;
<tr> }
<td>
<a @click="MoveData(index,1)">上移</a>
<a @click="MoveData(index,2)">下移</a>
行程資訊(無設定團位時則不顯示) .WebSiteTrip .layout_preview_list {
<el-select v-model="item.plugData.TripListStyle"> min-height: 155px;
<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>
<tbody v-if="item.Id=='TripDayItem'" :key="index+200"> .WebSiteTrip .layout_temp_item {
<tr> position: relative;
<td> display: flex;
<a @click="MoveData(index,1)">上移</a> border-bottom: 1px solid #f6f6f6;
<a @click="MoveData(index,2)">下移</a> background-color: #fff;
}
每日行程(無設定團位時則不顯示) .WebSiteTrip .layout_full_temp {
<el-radio v-model="item.plugData.TripDayIsOpen" :label="1">展開</el-radio> /* flex-basis: calc(100% - 40px); */
<el-radio v-model="item.plugData.TripDayIsOpen" :label="0">收合</el-radio> padding: 20px;
<br /> width: 100%;
<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>
<tbody v-if="item.Id=='TripFeatureItem'" :key="index+300"> .WebSiteTrip .layout_temp_title {
<tr> font-size: 16px;
<td> margin: 0;
<a @click="MoveData(index,1)">上移</a> font-weight: 500;
<a @click="MoveData(index,2)">下移</a> color: #666;
}
行程特色 .WebSiteTrip .layout_move_div {
<el-radio v-model="item.plugData.TripFeatureIsOpen" :label="1">展開</el-radio> position: absolute;
<el-radio v-model="item.plugData.TripFeatureIsOpen" :label="0">收合</el-radio> right: -31px;
</td> top: 0px;
</tr> width: 30px;
<tr> height: 65px;
<td> }
<img :src="DefaultFeatureImg" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
<tbody v-if="item.Id=='NoticeItem'" :key="index+400"> .WebSiteTrip .layout_common_move {
<tr> width: 30px;
<td> height: 30px;
<a @click="MoveData(index,1)">上移</a> background-color: #47bf8c;
<a @click="MoveData(index,2)">下移</a> text-align: center;
注意事項 line-height: 30px;
<el-radio v-model="postMsg.NoticeItemIsOpen" :label="1">展開</el-radio> color: #fff;
<el-radio v-model="postMsg.NoticeItemIsOpen" :label="0">收合</el-radio> cursor: pointer;
</td> margin-bottom: 5px;
</tr> }
<tr>
<td>
<img :src="DefaultNoticeImg" style="width:100px;height:60px;" />
</td>
</tr>
</tbody>
<tbody v-if="item.Id=='OrderItem'" :key="index+500"> </style>
<tr> <template>
<td> <!--行程內容頁(行程内容页)-->
<a @click="MoveData(index,1)">上移</a> <div class="WebSiteTrip">
<a @click="MoveData(index,2)">下移</a> <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>
立即預訂 </div>
<span class="tip">(有設定團位時則不顯示)</span> <!-- 注意事项 -->
</td> <div class="layout_temp_item" v-if="item.Id=='NoticeItem'" :key="index+140">
</tr> <div class="layout_full_temp">
<tr> <h2 class="layout_temp_title">注意事項</h2>
<td> <div style="margin:10px 0;font-size:14px;">
<img :src="DefaultOrderImg" style="width:100px;height:60px;" /> <span>預設：</span>
</td> <el-radio v-model="postMsg.NoticeItemIsOpen" :label="1">展開</el-radio>
</tr> <el-radio v-model="postMsg.NoticeItemIsOpen" :label="0">收合</el-radio>
</tbody> </div>
</template> <img :src="DefaultNoticeImg" style="width:100%;" />
</table> <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> </div>
</template> </template>
<script> <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