|
|
|
@ -2,24 +2,30 @@ |
|
|
|
|
<view> |
|
|
|
|
<view class="lgn_t_box"> |
|
|
|
|
{{scenicDetail}} |
|
|
|
|
<image class="wei_box" :src="scenicDetail!=null&&scenicDetail.slogo!=null?scenicDetail.slogo:''" mode="aspectFill"></image> |
|
|
|
|
<image class="wei_box" :src="scenicDetail!=null&&scenicDetail.slogo!=null?scenicDetail.slogo:''" |
|
|
|
|
mode="aspectFill"></image> |
|
|
|
|
<view class="wei_box_con"> |
|
|
|
|
<view class="xqi_2"> |
|
|
|
|
<view class="box_1 an_box_4"> |
|
|
|
|
<view class="an_t_1" style="font-weight: bold;">{{scenicDetail!=null&&scenicDetail.sname!=null?scenicDetail.sname:''}}</view> |
|
|
|
|
<view class="an_t_1" style="font-weight: bold;"> |
|
|
|
|
{{scenicDetail!=null&&scenicDetail.sname!=null?scenicDetail.sname:''}} |
|
|
|
|
</view> |
|
|
|
|
<view class="yue_jq_box"> |
|
|
|
|
<image src="../../../../static/images/icon_time.png" class="yue_dgimg_size"></image> |
|
|
|
|
<text class="at_t">营业时间:</text> |
|
|
|
|
<text class="at_t">{{scenicDetail!=null&&scenicDetail.businesstime!=null?scenicDetail.businesstime:''}}</text> |
|
|
|
|
<text |
|
|
|
|
class="at_t">{{scenicDetail!=null&&scenicDetail.businesstime!=null?scenicDetail.businesstime:''}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="yue_jq_box"> |
|
|
|
|
<image src="../../../../static/images/icon_phe.png" class="yue_dgimg_size"></image> |
|
|
|
|
<text class="at_t">景区电话:</text> |
|
|
|
|
<text class="at_t" @tap="getTel(scenicDetail.smobile)">{{scenicDetail!=null&&scenicDetail.smobile!=null?scenicDetail.smobile:''}}</text> |
|
|
|
|
<text class="at_t" |
|
|
|
|
@tap="getTel(scenicDetail.smobile)">{{scenicDetail!=null&&scenicDetail.smobile!=null?scenicDetail.smobile:''}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="yue_jq_box" @tap="daohang()"> |
|
|
|
|
<image src="../../../../static/images/icn_mi.png" class="yue_dgimg_size"></image> |
|
|
|
|
<text class="at_t">{{scenicDetail!=null&&scenicDetail.saddress!=null?scenicDetail.saddress:''}}</text> |
|
|
|
|
<text |
|
|
|
|
class="at_t">{{scenicDetail!=null&&scenicDetail.saddress!=null?scenicDetail.saddress:''}}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -38,20 +44,28 @@ |
|
|
|
|
|
|
|
|
|
<view> |
|
|
|
|
<!-- 列表 --> |
|
|
|
|
<view class="dy_fx yue_jq_box" style="align-items: center;" v-for="(item,index) in timeDataList" |
|
|
|
|
:key="index"> |
|
|
|
|
<view class="fx_1"> |
|
|
|
|
<view class=""> |
|
|
|
|
<image src="../../../../static/images/icon_time.png" class="yue_dgimg_size"></image> |
|
|
|
|
<text class="at_t">预约时间:{{item.startTime}}-{{item.endTime}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="yue_tip_text"><text>已预约:{{item.reservedQuantity}}</text><text>可预约:{{item.reservableQuantity-item.reservedQuantity}}</text> |
|
|
|
|
<view v-if="timeDataList.length>0"> |
|
|
|
|
<view class="dy_fx yue_jq_box" style="align-items: center;" |
|
|
|
|
v-for="(item,index) in timeDataList" :key="index"> |
|
|
|
|
<view class="fx_1"> |
|
|
|
|
<view class=""> |
|
|
|
|
<image src="../../../../static/images/icon_time.png" class="yue_dgimg_size"> |
|
|
|
|
</image> |
|
|
|
|
<text class="at_t">预约时间:{{item.startTime}}-{{item.endTime}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="yue_tip_text"> |
|
|
|
|
<text>已预约:{{item.reservedQuantity}}</text><text>可预约:{{item.reservableQuantity-item.reservedQuantity}}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="item.yState == 'OVERDUE'"><button class="btn_unke">已过时间</button></view> |
|
|
|
|
<view v-if="item.yState == 'FULL'"><button class="btn_man">预约已满</button></view> |
|
|
|
|
<view v-if="item.yState == 'YES'" @tap="gotoDetail(item)"><button |
|
|
|
|
class="btn_ke">可预约</button></view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="item.yState == 'OVERDUE'"><button class="btn_unke">已过时间</button></view> |
|
|
|
|
<view v-if="item.yState == 'FULL'"><button class="btn_man">预约已满</button></view> |
|
|
|
|
<view v-if="item.yState == 'YES'" @tap="gotoDetail(item)"><button |
|
|
|
|
class="btn_ke">可预约</button></view> |
|
|
|
|
</view> |
|
|
|
|
<view v-else class="v-no-order"> |
|
|
|
|
<view class="icon"></view> |
|
|
|
|
<view class="text">今日不可预约!</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -90,7 +104,7 @@ |
|
|
|
|
this.$Request.post(this.$config.scenicDetail, data).then(res => { |
|
|
|
|
if (this.$util.isSuccess(res)) { |
|
|
|
|
var data = res.data; |
|
|
|
|
if(data!=null&&data.slogo&&data.slogo!=null&&data.slogo!=''){ |
|
|
|
|
if (data != null && data.slogo && data.slogo != null && data.slogo != '') { |
|
|
|
|
data.slogo = this.$config.ROOTPATH + data.slogo; |
|
|
|
|
} |
|
|
|
|
this.scenicDetail = data; |
|
|
|
@ -139,8 +153,10 @@ |
|
|
|
|
}, |
|
|
|
|
//预约日期 切换 |
|
|
|
|
getDateIndex(data, index) { |
|
|
|
|
this.timeDataList = [] |
|
|
|
|
this.changeIndex = index; |
|
|
|
|
this.getDateList(data) |
|
|
|
|
console.log('this.timeDataList', this.timeDataList) |
|
|
|
|
}, |
|
|
|
|
//预约日期 状态 |
|
|
|
|
getDataState(getData, data) { |
|
|
|
@ -291,5 +307,4 @@ |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style></style> |
|
|
|
|
|
|
|
|
|
<style></style> |