jiazhipeng
6 months ago
93 changed files with 6661 additions and 2509 deletions
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 8.2 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 8.0 KiB After Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 4.7 KiB |
@ -1,162 +0,0 @@ |
|||||
// pages/activity/huawei/form/index.js
|
|
||||
import commonApi from "../../../../utils/https/common" |
|
||||
import userApi from "../../../../utils/https/user" |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
multiArray:[], |
|
||||
multiIndex:[], |
|
||||
areaList:[], |
|
||||
info:{}, |
|
||||
brands:[], |
|
||||
brandIndex:-1, |
|
||||
id:null, |
|
||||
info:{} |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
commonApi.user_post('actonline/act_online/getActDetail',{ |
|
||||
id:options.id |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
info:res.data |
|
||||
}) |
|
||||
}) |
|
||||
commonApi.user_post('actonline/act_online/getMobileBrand',{}).then(res=>{ |
|
||||
let brands = [] |
|
||||
for(let i in res.data){ |
|
||||
brands.push({ |
|
||||
name:res.data[i], |
|
||||
id:i |
|
||||
}) |
|
||||
} |
|
||||
this.setData({ |
|
||||
brands:brands, |
|
||||
id:options.id |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
changeBrand:function(e){ |
|
||||
this.setData({ |
|
||||
brandIndex:e.detail.value |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
changeName:function(e){ |
|
||||
let info = this.data.info |
|
||||
info.name = e.detail.value |
|
||||
this.setData({ |
|
||||
info:info |
|
||||
}) |
|
||||
}, |
|
||||
changeTel:function(e){ |
|
||||
let info = this.data.info |
|
||||
info.mobile = e.detail.value |
|
||||
this.setData({ |
|
||||
info:info |
|
||||
}) |
|
||||
}, |
|
||||
changeCard:function(e){ |
|
||||
let info = this.data.info |
|
||||
info.card_number = e.detail.value |
|
||||
this.setData({ |
|
||||
info:info |
|
||||
}) |
|
||||
}, |
|
||||
submit:function(e){ |
|
||||
let info = this.data.info; |
|
||||
|
|
||||
if(!info.name){ |
|
||||
wx.showToast({ |
|
||||
title: '请输入姓名', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(info.mobile.length!=11){ |
|
||||
wx.showToast({ |
|
||||
title: '请输入正确的手机号', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(info.card_number.length!=18){ |
|
||||
wx.showToast({ |
|
||||
title: '请输入正确的身份证号码', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(this.data.brandIndex==-1){ |
|
||||
wx.showToast({ |
|
||||
title: '请选择手机品牌', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
info.id = this.data.id |
|
||||
info.mobile_type = Number(this.data.brands[this.data.brandIndex].id) |
|
||||
commonApi.user_post("actonline/act_online/actSign",info).then(res=>{ |
|
||||
if(res.code==1){ |
|
||||
wx.navigateTo({ |
|
||||
url: '../result/index?id='+this.data.id, |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,29 +0,0 @@ |
|||||
<!--pages/activity/huawei/form/index.wxml--> |
|
||||
<title title="信息填写"></title> |
|
||||
<image lazy-load src="{{info.head_img}}" mode="widthFix" class="topimg"></image> |
|
||||
<view class="input-box"> |
|
||||
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/huawei/regtip.png" mode="widthFix"></image> |
|
||||
<view class="input-item"> |
|
||||
<view>姓名</view> |
|
||||
<input bindinput="changeName" type="text" /> |
|
||||
</view> |
|
||||
<view class="input-item"> |
|
||||
<view>联系方式</view> |
|
||||
<input bindinput="changeTel" type="text" /> |
|
||||
</view> |
|
||||
<view class="input-item"> |
|
||||
<view>身份证</view> |
|
||||
<input bindinput="changeCard" type="text" /> |
|
||||
</view> |
|
||||
<view class="input-item"> |
|
||||
<view>手机品牌</view> |
|
||||
<picker mode="selector" value="{{brandIndex}}" range="{{brands}}" range-key="name" bindchange="changeBrand"> |
|
||||
<view class="picker"> |
|
||||
<view class="areatext">{{brandIndex==-1?'请选择':brands[brandIndex].name}}</view> |
|
||||
<view class="iconfont icon-xia"></view> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<image lazy-load bindtap="submit" src="https://static.ticket.sz-trip.com/xcxImages/huawei/regsubmit.png" class="submit-btn" mode="widthFix"></image> |
|
||||
</view> |
|
||||
<view style="height:30rpx"></view> |
|
||||
@ -1,72 +0,0 @@ |
|||||
/* pages/activity/huawei/form/index.wxss */ |
|
||||
.topimg { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
page { |
|
||||
background: #003323; |
|
||||
} |
|
||||
.input-box { |
|
||||
margin: 0 42rpx; |
|
||||
position: relative; |
|
||||
z-index: 1; |
|
||||
margin-top: -130rpx; |
|
||||
background: white; |
|
||||
border-radius: 16rpx; |
|
||||
font-size: 31rpx; |
|
||||
padding: 30rpx 52rpx; |
|
||||
} |
|
||||
.input-box image { |
|
||||
display: block; |
|
||||
width: 264rpx; |
|
||||
height: 68rpx; |
|
||||
} |
|
||||
.input-box image.submit-btn { |
|
||||
display: block; |
|
||||
width: 561rpx; |
|
||||
height: 104rpx; |
|
||||
margin: 0 auto; |
|
||||
margin-top: 35rpx; |
|
||||
} |
|
||||
.input-box input { |
|
||||
display: block; |
|
||||
padding: 10rpx 30rpx; |
|
||||
width: 420rpx; |
|
||||
height: 71rpx; |
|
||||
line-height: 71rpx; |
|
||||
background: #FFFFFF; |
|
||||
border: 1rpx solid #CCCCCC; |
|
||||
border-radius: 10rpx; |
|
||||
box-sizing: border-box; |
|
||||
color: #333; |
|
||||
font-size: 32rpx; |
|
||||
font-weight: 500; |
|
||||
flex-shrink: 0; |
|
||||
} |
|
||||
.input-item { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
font-weight: 500; |
|
||||
font-size: 32rpx; |
|
||||
color: #333333; |
|
||||
margin-top: 45rpx; |
|
||||
margin-bottom: 45rpx; |
|
||||
} |
|
||||
.picker { |
|
||||
padding: 0 30rpx; |
|
||||
width: 420rpx; |
|
||||
height: 71rpx; |
|
||||
line-height: 71rpx; |
|
||||
background: #FFFFFF; |
|
||||
border: 1rpx solid #CCCCCC; |
|
||||
border-radius: 10rpx; |
|
||||
box-sizing: border-box; |
|
||||
color: #333; |
|
||||
font-size: 32rpx; |
|
||||
font-weight: 500; |
|
||||
flex-shrink: 0; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
@ -1,107 +0,0 @@ |
|||||
// pages/activity/huawei/index.js
|
|
||||
const sys = wx.getSystemInfoSync(),rect = wx.getMenuButtonBoundingClientRect(); |
|
||||
let height = sys.screenHeight - (rect.top - sys.statusBarHeight) * 2 - rect.height - sys.statusBarHeight; |
|
||||
import commonApi from "../../../utils/https/common" |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
height:height, |
|
||||
isReg:false, |
|
||||
id:null, |
|
||||
info:{}, |
|
||||
showRuleFlag:false |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
// 判断是否报名
|
|
||||
this.setData({ |
|
||||
id:options.id |
|
||||
}) |
|
||||
commonApi.user_post("actonline/act_online/isSign",{id:options.id}).then(res=>{ |
|
||||
this.setData({ |
|
||||
isReg:res.data |
|
||||
}) |
|
||||
}) |
|
||||
commonApi.user_post("actonline/act_online/getActDetail",{ |
|
||||
id:options.id |
|
||||
}).then(res=>{ |
|
||||
if(res.data){ |
|
||||
for(let i in res.data){ |
|
||||
if(i.indexOf('time')!=-1 && res.data[i]){ |
|
||||
res.data[i] = res.data[i].replace(/-/g,'.') |
|
||||
res.data[i] = res.data[i].substr(0,res.data[i].length-3) |
|
||||
} |
|
||||
} |
|
||||
this.setData({ |
|
||||
info:res.data |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
showRule:function(){ |
|
||||
this.setData({ |
|
||||
showRuleFlag:!this.data.showRuleFlag |
|
||||
}) |
|
||||
}, |
|
||||
gotoPath:function(e){ |
|
||||
let path = e.currentTarget.dataset.path; |
|
||||
wx.navigateTo({ |
|
||||
url: path |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,20 +0,0 @@ |
|||||
<!--pages/activity/huawei/index.wxml--> |
|
||||
<view class="bg"> |
|
||||
<title title="摄影大赛"></title> |
|
||||
<view class="info-box" style="background:url({{info.back_img}});background-size:100% 100%;background-repeat:no-repat;height:{{height}}px"> |
|
||||
<view bindtap="showRule" class="rule-btn">规则</view> |
|
||||
<view wx:if="{{!isReg}}" class="tiptext">线上报名时间：{{info.sign_begin_time}} - {{info.sign_end_time}} </view> |
|
||||
<view wx:if="{{!isReg}}" class="tiptext">线上投票时间：{{info.begin_time}} - {{info.end_time}} </view> |
|
||||
<image lazy-load bindtap="gotoPath" style="margin-top:40rpx" data-path="form/index?id={{id}}" wx:if="{{!isReg}}" src="https://static.ticket.sz-trip.com/xcxImages/huawei/regbtn.png" mode="widthFix" class="btnimg"></image> |
|
||||
<image lazy-load bindtap="gotoPath" data-path="upload/index?id={{id}}" wx:if="{{isReg}}" src="https://static.ticket.sz-trip.com/xcxImages/huawei/uploadbtn.png" mode="widthFix" class="btnimg"></image> |
|
||||
<image lazy-load bindtap="gotoPath" data-path="list/index?id={{id}}" wx:if="{{isReg}}" src="https://static.ticket.sz-trip.com/xcxImages/huawei/mybtn.png" mode="widthFix" class="btnimg"></image> |
|
||||
<view class="bottomtext">{{info.sub_title}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="mask" wx:if="{{info && showRuleFlag}}"> |
|
||||
<view bindtap="showRule" class="mask-bg"></view> |
|
||||
<view class="mask-content rule-box"> |
|
||||
<view class="rule-title">• 活动规则 •</view> |
|
||||
<rich-text nodes="{{info.rule_desc}}"></rich-text> |
|
||||
</view> |
|
||||
</view> |
|
||||
@ -1,71 +0,0 @@ |
|||||
/* pages/activity/huawei/index.wxss */ |
|
||||
.info-box { |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
background: url(https://static.ticket.sz-trip.com/xcxImages/huawei/bg.png); |
|
||||
background-size: 100% 100%; |
|
||||
background-repeat: no-repeat; |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
justify-content: flex-end; |
|
||||
align-items: center; |
|
||||
} |
|
||||
.bg { |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
top: 0; |
|
||||
} |
|
||||
.btnimg { |
|
||||
display: block; |
|
||||
width: 558rpx; |
|
||||
height: 104rpx; |
|
||||
margin-bottom: 23rpx; |
|
||||
} |
|
||||
.bottomtext { |
|
||||
color: #fff; |
|
||||
text-align: center; |
|
||||
font-size: 24rpx; |
|
||||
margin-bottom: 45rpx; |
|
||||
} |
|
||||
.rule-btn { |
|
||||
font-size: 27rpx; |
|
||||
color: #fff; |
|
||||
font-weight: 500; |
|
||||
width: 73rpx; |
|
||||
height: 73rpx; |
|
||||
border: 1rpx solid; |
|
||||
border-radius: 50%; |
|
||||
position: absolute; |
|
||||
right: 30rpx; |
|
||||
top: 30rpx; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
.tiptext { |
|
||||
color: #fff; |
|
||||
font-size: 25rpx; |
|
||||
margin-top: 20rpx; |
|
||||
} |
|
||||
.rule-box { |
|
||||
height: 50%; |
|
||||
overflow-y: auto; |
|
||||
font-size: 27rpx; |
|
||||
color: #010101; |
|
||||
padding: 0 50rpx; |
|
||||
width: 500rpx; |
|
||||
padding-bottom: 30rpx; |
|
||||
line-height: 46rpx; |
|
||||
} |
|
||||
.rule-title { |
|
||||
text-align: center; |
|
||||
font-size: 32rpx; |
|
||||
color: #000; |
|
||||
font-weight: 500; |
|
||||
line-height: 100rpx; |
|
||||
} |
|
||||
@ -1,209 +0,0 @@ |
|||||
// pages/activity/huawei/list/index.js
|
|
||||
import commonApi from "../../../../utils/https/common" |
|
||||
let app = getApp() |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
id:null, |
|
||||
types:[], |
|
||||
typeIndex:0, |
|
||||
list:[], |
|
||||
detail:{}, |
|
||||
showRuleFlag:false, |
|
||||
user_id:null, |
|
||||
isReg:false |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
this.setData({ |
|
||||
id:options.id |
|
||||
}) |
|
||||
if(options.user_id){ |
|
||||
let user_id = wx.getStorageSync('jstrip_userid'); |
|
||||
if(user_id!=options.user_id){ |
|
||||
app.globalData.weburl = 'https://m.cloud.sz-trip.com/photoWorksDetail?id='+options.id+'&type_id='+options.type_id |
|
||||
wx.redirectTo({ |
|
||||
url: '/pages/pbService/web/index' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
} |
|
||||
commonApi.user_post("actonline/act_online/isSign",{id:options.id}).then(res=>{ |
|
||||
if(res.code==1){ |
|
||||
this.setData({ |
|
||||
isReg:res.data |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
commonApi.user_post("actonline/act_online/getActDetail",{id:options.id}).then(res=>{ |
|
||||
this.setData({ |
|
||||
detail:res.data |
|
||||
}) |
|
||||
}) |
|
||||
commonApi.user_post("actonline/act_online/getActTypeList",{ |
|
||||
act_id:this.data.id |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
types:res.data |
|
||||
}) |
|
||||
if(res.data.length>0){ |
|
||||
this.getList() |
|
||||
} |
|
||||
|
|
||||
}) |
|
||||
}, |
|
||||
showRule:function(){ |
|
||||
this.setData({ |
|
||||
showRuleFlag:!this.data.showRuleFlag |
|
||||
}) |
|
||||
}, |
|
||||
reUpload:function(){ |
|
||||
let that = this; |
|
||||
wx.showModal({ |
|
||||
title:"提示", |
|
||||
content:"一个分类的作品多次提交，平台只保留最近上传的作品。", |
|
||||
cancelText:"否", |
|
||||
confirmText:"是", |
|
||||
success:function(res){ |
|
||||
if(res.confirm){ |
|
||||
that.gotoUpload() |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
changeType:function(e){ |
|
||||
this.setData({ |
|
||||
typeIndex:e.currentTarget.dataset.type, |
|
||||
list:[] |
|
||||
}) |
|
||||
this.getList() |
|
||||
}, |
|
||||
getList:function(){ |
|
||||
commonApi.user_post("actonline/act_online/myWork",{ |
|
||||
type_id:this.data.types[this.data.typeIndex].id, |
|
||||
id:this.data.id, |
|
||||
page:1, |
|
||||
limit:100, |
|
||||
user_id:this.data.user_id || null |
|
||||
}).then(res=>{ |
|
||||
if(this.data.user_id && res.data.data[0].status!=1){ |
|
||||
res.data.data = [] |
|
||||
} |
|
||||
this.setData({ |
|
||||
list:res.data.data |
|
||||
}) |
|
||||
|
|
||||
this.onShareAppMessage() |
|
||||
}) |
|
||||
}, |
|
||||
gotoUpload:function(){ |
|
||||
if(this.data.isReg){ |
|
||||
wx.navigateTo({ |
|
||||
url: '../upload/index?id='+this.data.id |
|
||||
}) |
|
||||
} |
|
||||
else { |
|
||||
wx.navigateTo({ |
|
||||
url: '../index?id='+this.data.id |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
vote:function(e){ |
|
||||
let that = this |
|
||||
commonApi.user_post("actonline/act_online/vote",{ |
|
||||
id:this.data.list[0].id |
|
||||
}).then(res=>{ |
|
||||
if(res.code==1){ |
|
||||
wx.showToast({ |
|
||||
title: '投票成功', |
|
||||
icon:'success' |
|
||||
}) |
|
||||
let list = this.data.list; |
|
||||
list[0].votes = Number(list[0].votes) + 1; |
|
||||
} |
|
||||
else if(res.code==-1){ |
|
||||
wx.showModal({ |
|
||||
title:"提示", |
|
||||
content:res.msg, |
|
||||
confirmText:"关闭", |
|
||||
cancelText:"前往报名", |
|
||||
success:function(res){ |
|
||||
if(!res.confirm){ |
|
||||
wx.navigateTo({ |
|
||||
url: '/pages/activity/huawei/index?id='+that.data.id |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
if(this.data.list.length>0){ |
|
||||
return { |
|
||||
title:"帮我投一票吧~", |
|
||||
path:'/pages/activity/huawei/list/index?id='+this.data.list[0].act_online_id+'&type_id='+this.data.list[0].act_online_type+'&user_id='+this.data.list[0].user.id+'&did='+this.data.list[0].id, |
|
||||
imageUrl:this.data.list[0].img |
|
||||
} |
|
||||
} |
|
||||
else { |
|
||||
return { |
|
||||
title:"君到苏州摄影大赛作品", |
|
||||
path:"/pages/pbService/web/index?url="+encodeURIComponent('https://m.cloud.sz-trip.com/photoWorksList?id=6'), |
|
||||
imageUrl:"https://m.cloud.sz-trip.com/static/images/logobai.png" |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,42 +0,0 @@ |
|||||
<!--pages/activity/huawei/list/index.wxml--> |
|
||||
<title title="{{user_id?'作品详情':'我的作品'}}"></title> |
|
||||
<view class="tabs"> |
|
||||
<view wx:for="{{types}}" bindtap="changeType" data-type="{{index}}" class="tab{{typeIndex==index?' active':''}}">{{item.title}}</view> |
|
||||
</view> |
|
||||
<view wx:if="{{list.length!=0}}"> |
|
||||
<view class="title">{{list[0].title}}</view> |
|
||||
<view class="work-tips-my" wx:if="{{user_id}}"> |
|
||||
<image lazy-load src="{{list[0].user.avatar}}" mode="aspectFill"></image> |
|
||||
<view class="nickname">{{list[0].user.nickname}}</view> |
|
||||
<text style="color:#333">作品id：{{list[0].id}}</text> |
|
||||
</view> |
|
||||
<view class="work-tips-my" wx:else> |
|
||||
<view>作品id：{{list[0].id}}</view> |
|
||||
<text>作品状态：</text> |
|
||||
<text class="status{{list[0].status==1?' active':''}}">{{list[0].status_text}}</text> |
|
||||
</view> |
|
||||
<view class="refund-msg" wx:if="{{!user_id && list[0].status==2 && list[0].refund_msg}}">拒绝理由：{{list[0].refund_msg}}</view> |
|
||||
<image lazy-load src="{{list[0].img}}" class="mainimg" mode="widthFix"></image> |
|
||||
<view class="vote-box"> |
|
||||
<view class="count-num">当前得票：{{list[0].votes}}</view> |
|
||||
<view class="vote-btn" wx:if="{{user_id}}" bindtap="vote">投票</view> |
|
||||
</view> |
|
||||
<view class="content"> |
|
||||
{{list[0].desc}} |
|
||||
</view> |
|
||||
<view wx:if="{{!user_id}}" class="rule-btn" bindtap="showRule">规则</view> |
|
||||
<!-- <image lazy-load wx:if="{{!user_id}}" style="width:646rpx" bindtap="reUpload" class="btnimg" src="https://static.ticket.sz-trip.com/xcxImages/huawei/reupload.png" mode="widthFix"></image> --> |
|
||||
<view wx:if="{{!user_id}}" style="height:50rpx"></view> |
|
||||
</view> |
|
||||
<view wx:else> |
|
||||
<image lazy-load class="emptyimg" src="https://static.ticket.sz-trip.com/xcxImages/huawei/emptyimg.png" mode="widthFix"></image> |
|
||||
<view class="tip1">投票已开始，无法上传作品！</view> |
|
||||
<!-- <image lazy-load bindtap="gotoUpload" class="btnimg" src="https://static.ticket.sz-trip.com/xcxImages/huawei/uploadbtn.png" mode="widthFix"></image> --> |
|
||||
</view> |
|
||||
<view class="mask" wx:if="{{detail && showRuleFlag}}"> |
|
||||
<view bindtap="showRule" class="mask-bg"></view> |
|
||||
<view class="mask-content rule-box"> |
|
||||
<view class="rule-title">• 活动规则 •</view> |
|
||||
<rich-text nodes="{{detail.rule_desc}}"></rich-text> |
|
||||
</view> |
|
||||
</view> |
|
||||
@ -1,163 +0,0 @@ |
|||||
/* pages/activity/huawei/list/index.wxss */ |
|
||||
.tabs { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
flex-wrap: nowrap; |
|
||||
overflow-x: auto; |
|
||||
margin: 0 27rpx; |
|
||||
height: 92rpx; |
|
||||
border-bottom: 1rpx solid #cccccc; |
|
||||
color: #666; |
|
||||
font-size: 31rpx; |
|
||||
padding: 0 28rpx; |
|
||||
} |
|
||||
.tab { |
|
||||
margin-right: 140rpx; |
|
||||
position: relative; |
|
||||
line-height: 92rpx; |
|
||||
flex-shrink: 0; |
|
||||
} |
|
||||
.tab:last-child { |
|
||||
margin-right: 0; |
|
||||
} |
|
||||
.tab.active { |
|
||||
color: #000; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.tab.active::after { |
|
||||
content: "1"; |
|
||||
font-size: 0; |
|
||||
display: block; |
|
||||
position: absolute; |
|
||||
width: 60rpx; |
|
||||
left: 50%; |
|
||||
margin-left: -30rpx; |
|
||||
bottom: 0; |
|
||||
height: 7rpx; |
|
||||
background: linear-gradient(0deg, rgba(251, 197, 34, 0.93), rgba(255, 252, 0, 0.93)); |
|
||||
border-radius: 3rpx; |
|
||||
} |
|
||||
.title { |
|
||||
text-align: center; |
|
||||
padding: 39rpx 30rpx; |
|
||||
margin-top: 12rpx; |
|
||||
font-size: 36rpx; |
|
||||
color: #333; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
.mainimg { |
|
||||
display: block; |
|
||||
margin: 0 auto; |
|
||||
width: 625rpx; |
|
||||
border: 13rpx solid #FEE5C6; |
|
||||
margin-bottom: 50rpx; |
|
||||
} |
|
||||
.content { |
|
||||
margin: 0 52rpx; |
|
||||
padding-bottom: 30rpx; |
|
||||
font-size: 27rpx; |
|
||||
color: #333333; |
|
||||
} |
|
||||
.emptyimg { |
|
||||
display: block; |
|
||||
margin: 91rpx auto; |
|
||||
width: 414rpx; |
|
||||
height: 193rpx; |
|
||||
} |
|
||||
.tip1 { |
|
||||
text-align: center; |
|
||||
font-size: 35rpx; |
|
||||
color: #000000; |
|
||||
} |
|
||||
.btnimg { |
|
||||
width: 558rpx; |
|
||||
margin: 0 auto; |
|
||||
margin-top: 86rpx; |
|
||||
display: block; |
|
||||
} |
|
||||
.work-tips-my { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
font-size: 31rpx; |
|
||||
color: #666; |
|
||||
margin: 0 53rpx; |
|
||||
padding: 20rpx 0; |
|
||||
} |
|
||||
.work-tips-my view { |
|
||||
flex: 1; |
|
||||
} |
|
||||
.work-tips-my .status { |
|
||||
color: #CC0000; |
|
||||
} |
|
||||
.work-tips-my .status.active { |
|
||||
color: #169900; |
|
||||
} |
|
||||
.count-num { |
|
||||
color: #333; |
|
||||
font-size: 31rpx; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.rule-btn { |
|
||||
width: 143rpx; |
|
||||
position: fixed; |
|
||||
text-align: center; |
|
||||
line-height: 66rpx; |
|
||||
background: #FFFC00; |
|
||||
border-top-left-radius: 33rpx; |
|
||||
border-bottom-left-radius: 33rpx; |
|
||||
font-size: 31rpx; |
|
||||
color: #333333; |
|
||||
padding-right: 10rpx; |
|
||||
right: 0; |
|
||||
bottom: 246rpx; |
|
||||
} |
|
||||
.rule-box { |
|
||||
height: 50%; |
|
||||
overflow-y: auto; |
|
||||
font-size: 27rpx; |
|
||||
color: #010101; |
|
||||
padding: 0 50rpx; |
|
||||
width: 500rpx; |
|
||||
padding-bottom: 30rpx; |
|
||||
line-height: 46rpx; |
|
||||
} |
|
||||
.rule-title { |
|
||||
text-align: center; |
|
||||
font-size: 32rpx; |
|
||||
color: #000; |
|
||||
font-weight: 500; |
|
||||
line-height: 100rpx; |
|
||||
} |
|
||||
.vote-box { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
margin: 0 53rpx; |
|
||||
padding-bottom: 50rpx; |
|
||||
} |
|
||||
.vote-btn { |
|
||||
width: 175rpx; |
|
||||
line-height: 64rpx; |
|
||||
background: linear-gradient(0deg, rgba(251, 197, 34, 0.93), rgba(255, 252, 0, 0.93)); |
|
||||
border-radius: 32rpx; |
|
||||
text-align: center; |
|
||||
color: #333333; |
|
||||
font-size: 31rpx; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.work-tips-my image { |
|
||||
display: block; |
|
||||
width: 53rpx; |
|
||||
height: 53rpx; |
|
||||
border-radius: 50%; |
|
||||
} |
|
||||
.work-tips-my view.nickname { |
|
||||
font-size: 28rpx; |
|
||||
margin: 0 20rpx; |
|
||||
} |
|
||||
.refund-msg { |
|
||||
color: #CC0000; |
|
||||
margin: 30rpx 53rpx; |
|
||||
margin-top: 10rpx; |
|
||||
} |
|
||||
@ -1,73 +0,0 @@ |
|||||
// pages/activity/huawei/result/index.js
|
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
id:null |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
this.setData({ |
|
||||
id:options.id |
|
||||
}) |
|
||||
}, |
|
||||
upload:function(e){ |
|
||||
wx.navigateTo({ |
|
||||
url: '../upload/index?id='+this.data.id |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,7 +0,0 @@ |
|||||
<!--pages/activity/huawei/result/index.wxml--> |
|
||||
<title title="报名成功"></title> |
|
||||
<image lazy-load class="logo" src="https://static.ticket.sz-trip.com/xcxImages/huawei/regsuccess.png" mode="widthFix"></image> |
|
||||
<view class="text">恭喜您已报名成功！</view> |
|
||||
<view>点击下方按钮开始进行作品上传</view> |
|
||||
<image lazy-load class="arrowimg" src="https://static.ticket.sz-trip.com/xcxImages/huawei/resarrow.png" mode="widthFix"></image> |
|
||||
<image lazy-load bindtap="upload" class="uploadimg" src="https://static.ticket.sz-trip.com/xcxImages/huawei/uploadbtn.png"></image> |
|
||||
@ -1,30 +0,0 @@ |
|||||
/* pages/activity/huawei/result/index.wxss */ |
|
||||
.logo { |
|
||||
margin: 64rpx auto; |
|
||||
width: 415rpx; |
|
||||
height: 393rpx; |
|
||||
display: block; |
|
||||
} |
|
||||
page { |
|
||||
text-align: center; |
|
||||
color: #666666; |
|
||||
font-size: 28rpx; |
|
||||
} |
|
||||
.uploadimg { |
|
||||
display: block; |
|
||||
width: 558rpx; |
|
||||
height: 104rpx; |
|
||||
margin: 0 auto; |
|
||||
} |
|
||||
.arrowimg { |
|
||||
display: block; |
|
||||
margin: 35rpx auto; |
|
||||
width: 42rpx; |
|
||||
height: 58rpx; |
|
||||
} |
|
||||
.text { |
|
||||
font-size: 45rpx; |
|
||||
font-weight: 500; |
|
||||
color: #000000; |
|
||||
margin-bottom: 20rpx; |
|
||||
} |
|
||||
@ -1,234 +0,0 @@ |
|||||
// pages/activity/huawei/upload/index.js
|
|
||||
import commonApi from "../../../../utils/https/common" |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
id:null, |
|
||||
types:[], |
|
||||
typeIndex:-1, |
|
||||
title:"", |
|
||||
img:null, |
|
||||
desc:"", |
|
||||
date:null, |
|
||||
address:"" |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
this.setData({ |
|
||||
id:options.id |
|
||||
}) |
|
||||
commonApi.user_post('actonline/act_online/getActTypeList',{ |
|
||||
act_id:options.id |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
types:res.data |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
changeType:function(e){ |
|
||||
this.setData({ |
|
||||
typeIndex:e.detail.value |
|
||||
}) |
|
||||
}, |
|
||||
changeTitle:function(e){ |
|
||||
this.setData({ |
|
||||
title:e.detail.value |
|
||||
}) |
|
||||
}, |
|
||||
changeContent:function(e){ |
|
||||
this.setData({ |
|
||||
desc:e.detail.value |
|
||||
}) |
|
||||
}, |
|
||||
uploadImg:function(){ |
|
||||
let that = this; |
|
||||
wx.chooseImage({ |
|
||||
count: 1, |
|
||||
sizeType: ['original', 'compressed'], |
|
||||
sourceType: ['album', 'camera'], |
|
||||
success (res) { |
|
||||
// tempFilePath可以作为img标签的src属性显示图片
|
|
||||
const tempFilePaths = res.tempFilePaths[0] |
|
||||
if(tempFilePaths.substr(tempFilePaths.length-4,4)=='.gif'){ |
|
||||
wx.showToast({ |
|
||||
title: '图片格式错误', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
wx.showLoading({ |
|
||||
title: '图片上传中，请稍后' |
|
||||
}) |
|
||||
wx.uploadFile({ |
|
||||
url: 'https://api.cloud.sz-trip.com/api/pbservice.other/upload', //这里是上传的服务器地址
|
|
||||
filePath: tempFilePaths, |
|
||||
header:{ |
|
||||
token: wx.getStorageSync('jstrip_token'), |
|
||||
}, |
|
||||
name: "file", |
|
||||
success: function (res) { |
|
||||
var res = JSON.parse(res.data); |
|
||||
let img = res.data.url; |
|
||||
that.setData({ |
|
||||
img:img |
|
||||
}) |
|
||||
wx.hideLoading(); |
|
||||
}, |
|
||||
fail:function(res){ |
|
||||
wx.hideLoading(); |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
bindDateChange:function(e){ |
|
||||
this.setData({ |
|
||||
date:e.detail.value |
|
||||
}) |
|
||||
}, |
|
||||
changeAddress:function(e){ |
|
||||
this.setData({ |
|
||||
address:e.detail.value |
|
||||
}) |
|
||||
}, |
|
||||
submit:function(){ |
|
||||
if(!this.data.title){ |
|
||||
wx.showToast({ |
|
||||
title: '请输入作品标题', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(this.getCNLen(this.data.title)>30){ |
|
||||
wx.showToast({ |
|
||||
title: '作品标题过长', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(this.data.typeIndex==-1){ |
|
||||
wx.showToast({ |
|
||||
title: '请选择分类', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(!this.data.date){ |
|
||||
wx.showToast({ |
|
||||
title: '请选择拍摄时间', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(!this.data.address){ |
|
||||
wx.showToast({ |
|
||||
title: '请输入您所上传照片的拍摄地点', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(!this.data.img){ |
|
||||
wx.showToast({ |
|
||||
title: '请上传图片', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(!this.data.desc){ |
|
||||
wx.showToast({ |
|
||||
title: '请输入作品描述', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
if(this.getCNLen(this.data.desc)>600){ |
|
||||
wx.showToast({ |
|
||||
title: '作品描述过长', |
|
||||
icon:'none' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
commonApi.user_post("actonline/act_online/uploadWork",{ |
|
||||
title:this.data.title, |
|
||||
img:this.data.img, |
|
||||
desc:this.data.desc, |
|
||||
type_id:this.data.types[this.data.typeIndex].id, |
|
||||
id:this.data.id, |
|
||||
shot_time:this.data.date, |
|
||||
shot_address:this.data.address |
|
||||
}).then(res=>{ |
|
||||
if(res.code==1){ |
|
||||
wx.navigateTo({ |
|
||||
url: '../uploadres/index?id='+this.data.id |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
getCNLen:function(str){ |
|
||||
var len = 0; |
|
||||
for (var i=0; i<str.length; i++) { |
|
||||
if (str.charCodeAt(i)>127 || str.charCodeAt(i)==94) { |
|
||||
len += 2; |
|
||||
} else { |
|
||||
len ++; |
|
||||
} |
|
||||
} |
|
||||
return len; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,38 +0,0 @@ |
|||||
<!--pages/activity/huawei/upload/index.wxml--> |
|
||||
<title title="作品上传"></title> |
|
||||
<image lazy-load class="topimg" src="https://static.ticket.sz-trip.com/xcxImages/huawei/uploadtop.png" mode="widthFix"></image> |
|
||||
<view class="input-box"> |
|
||||
<view class="input-item"> |
|
||||
<text>作品标题</text> |
|
||||
<input type="text" bindinput="changeTitle" placeholder="标题长度限制15个中文字符" /> |
|
||||
</view> |
|
||||
<view class="input-item"> |
|
||||
<text>选择分类</text> |
|
||||
<picker mode="selector" value="{{typeIndex}}" range="{{types}}" range-key="title" bindchange="changeType"> |
|
||||
<view class="picker"> |
|
||||
<view class="areatext">{{typeIndex==-1?'请选择':types[typeIndex].title}}</view> |
|
||||
<view class="iconfont icon-xia"></view> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<view class="input-item"> |
|
||||
<text>拍摄时间</text> |
|
||||
<picker mode="date" value="{{date}}" start="2015-09-01" end="2022-09-01" bindchange="bindDateChange"> |
|
||||
<view class="picker"> |
|
||||
<view class="areatext">{{!date?'请选择':date}}</view> |
|
||||
<view class="iconfont icon-xia"></view> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<view class="input-item"> |
|
||||
<text>拍摄地点</text> |
|
||||
<input type="text" bindinput="changeAddress" placeholder="请输入您所上传照片的拍摄地点" /> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="tip1">上传图片</view> |
|
||||
<image lazy-load wx:if="{{img}}" class="uploadimg" bindtap="uploadImg" src="{{img}}" mode="aspectFill"></image> |
|
||||
<image lazy-load wx:else class="uploadimg" bindtap="uploadImg" src="https://static.ticket.sz-trip.com/xcxImages/huawei/uploadimg.png" mode="widthFix"></image> |
|
||||
<view class="tip1">作品描述</view> |
|
||||
<textarea bindinput="changeContent" placeholder="请添加您作品的描述（最多300字）" class="textarea"></textarea> |
|
||||
<image lazy-load bindtap="submit" class="uploadbtn" src="https://static.ticket.sz-trip.com/xcxImages/huawei/uploadbtn.png" mode="widthFix"></image> |
|
||||
<view class="tip2">一个分类的作品多次提交，平台只保留最近上传的作品</view> |
|
||||
@ -1,112 +0,0 @@ |
|||||
/* pages/activity/huawei/upload/index.wxss */ |
|
||||
.topimg { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
page { |
|
||||
background: #F7F7F7; |
|
||||
} |
|
||||
.input-box { |
|
||||
margin: 0 24rpx; |
|
||||
margin-top: -60rpx; |
|
||||
position: relative; |
|
||||
z-index: 1; |
|
||||
border-radius: 7rpx; |
|
||||
background: white; |
|
||||
padding: 32rpx 28rpx; |
|
||||
font-size: 31rpx; |
|
||||
color: #333333; |
|
||||
} |
|
||||
.input-item { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
font-size: 24rpx; |
|
||||
margin-bottom: 27rpx; |
|
||||
} |
|
||||
.input-box text { |
|
||||
margin-right: 20rpx; |
|
||||
flex-shrink: 0; |
|
||||
font-size: 31rpx; |
|
||||
} |
|
||||
.input-box input { |
|
||||
width: 483rpx; |
|
||||
height: 80rpx; |
|
||||
line-height: 80rpx; |
|
||||
box-sizing: border-box; |
|
||||
display: block; |
|
||||
padding: 0 15rpx; |
|
||||
border: 1rpx solid #CCCCCC; |
|
||||
border-radius: 4rpx; |
|
||||
} |
|
||||
.input-box .input-item:last-child{ |
|
||||
margin-bottom: 0; |
|
||||
} |
|
||||
.picker { |
|
||||
display: flex; |
|
||||
width: 483rpx; |
|
||||
height: 80rpx; |
|
||||
box-sizing: border-box; |
|
||||
padding-left: 15rpx; |
|
||||
border: 1rpx solid #CCCCCC; |
|
||||
border-radius: 4rpx; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
.picker .iconfont { |
|
||||
width: 80rpx; |
|
||||
text-align: center; |
|
||||
line-height: 80rpx; |
|
||||
border-left: 1rpx solid #CCCCCC; |
|
||||
flex-shrink: 0; |
|
||||
} |
|
||||
.picker .areatext { |
|
||||
flex: 1; |
|
||||
} |
|
||||
.tip1 { |
|
||||
font-size: 36rpx; |
|
||||
padding-left: 52rpx; |
|
||||
margin-top: 46rpx; |
|
||||
margin-bottom: 26rpx; |
|
||||
position: relative; |
|
||||
line-height: 33rpx; |
|
||||
} |
|
||||
.tip1::before { |
|
||||
content:"1"; |
|
||||
font-size: 0; |
|
||||
position: absolute; |
|
||||
width: 10rpx; |
|
||||
height: 33rpx; |
|
||||
left: 24rpx; |
|
||||
top: 0; |
|
||||
background: linear-gradient(0deg, rgba(251, 197, 34, 0.93), rgba(255, 252, 0, 0.93)); |
|
||||
} |
|
||||
.uploadimg { |
|
||||
display: block; |
|
||||
margin-left: 24rpx; |
|
||||
width: 249rpx; |
|
||||
height: 191rpx; |
|
||||
margin-bottom: 50rpx; |
|
||||
} |
|
||||
.textarea { |
|
||||
font-size: 24rpx; |
|
||||
margin: 24rpx; |
|
||||
padding: 20rpx 30rpx; |
|
||||
border-radius: 7rpx; |
|
||||
background: white; |
|
||||
display: block; |
|
||||
height: 230rpx; |
|
||||
width: 640rpx; |
|
||||
} |
|
||||
.uploadbtn { |
|
||||
display: block; |
|
||||
margin: 40rpx auto; |
|
||||
width: 558rpx; |
|
||||
height: 104rpx; |
|
||||
} |
|
||||
.tip2 { |
|
||||
text-align: center; |
|
||||
font-size: 24rpx; |
|
||||
color: #b2b2b2; |
|
||||
padding-bottom: 40rpx; |
|
||||
} |
|
||||
@ -1,78 +0,0 @@ |
|||||
// pages/activity/huawei/uploadres/index.js
|
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
id:null |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
this.setData({ |
|
||||
id:options.id |
|
||||
}) |
|
||||
}, |
|
||||
gotoPath:function(e){ |
|
||||
wx.navigateTo({ |
|
||||
url: e.currentTarget.dataset.path, |
|
||||
}) |
|
||||
}, |
|
||||
backhome:function(){ |
|
||||
wx.switchTab({ |
|
||||
url: '/pages/index/index' |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,8 +0,0 @@ |
|||||
<!--pages/activity/huawei/uploadres/index.wxml--> |
|
||||
<title title="上传成功"></title> |
|
||||
<image lazy-load class="logo" src="https://static.ticket.sz-trip.com/xcxImages/huawei/uploadres.png" mode="widthFix"></image> |
|
||||
<view class="tip1">恭喜您的作品已上传完成！</view> |
|
||||
<image lazy-load class="btnimg" bindtap="backhome" data-path="/pages/index/index" src="https://static.ticket.sz-trip.com/xcxImages/huawei/gobtn.png" mode="widthFix"></image> |
|
||||
<image lazy-load class="btnimg" bindtap="gotoPath" data-path="../list/index?id={{id}}" style="margin-bottom:92rpx" src="https://static.ticket.sz-trip.com/xcxImages/huawei/mybtn.png" mode="widthFix"></image> |
|
||||
<view class="tip2">通过第一轮评审的摄影作品将在9月1号后</view> |
|
||||
<view class="tip2">进行线上展示，请注意查看平台通知</view> |
|
||||
@ -1,26 +0,0 @@ |
|||||
/* pages/activity/huawei/uploadres/index.wxss */ |
|
||||
.logo { |
|
||||
display: block; |
|
||||
margin: 64rpx auto; |
|
||||
width: 414rpx; |
|
||||
height: 393rpx; |
|
||||
} |
|
||||
.tip1 { |
|
||||
font-size: 45rpx; |
|
||||
color: #000000; |
|
||||
font-weight: 500; |
|
||||
margin-bottom: 90rpx; |
|
||||
text-align: center; |
|
||||
} |
|
||||
.btnimg { |
|
||||
display: block; |
|
||||
margin: 24rpx auto; |
|
||||
width: 558rpx; |
|
||||
height: 104rpx; |
|
||||
} |
|
||||
.tip2 { |
|
||||
text-align: center; |
|
||||
font-size: 28rpx; |
|
||||
color: #666; |
|
||||
margin-bottom: 20rpx; |
|
||||
} |
|
||||
@ -0,0 +1,58 @@ |
|||||
|
// pages/component/kefu/index.js
|
||||
|
import commonApi from "../../../utils/https/common.js" |
||||
|
Component({ |
||||
|
|
||||
|
/** |
||||
|
* 组件的属性列表 |
||||
|
*/ |
||||
|
properties: { |
||||
|
|
||||
|
}, |
||||
|
data: { |
||||
|
show: false, |
||||
|
showPhone: false, |
||||
|
info: "", |
||||
|
phones: [] |
||||
|
}, |
||||
|
lifetimes: { |
||||
|
attached() { |
||||
|
console.log('组件已挂载到页面'); |
||||
|
this.initData(); |
||||
|
} |
||||
|
}, |
||||
|
/** |
||||
|
* 组件的初始数据 |
||||
|
*/ |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 组件的方法列表 |
||||
|
*/ |
||||
|
methods: { |
||||
|
initData () { |
||||
|
commonApi._post("kefu_tips/getTips", {platform:'miniapp'}).then(res=>{ |
||||
|
if (res.data) { |
||||
|
this.setData({ |
||||
|
showPhone: res.data.is_online, |
||||
|
info: res.data.content, |
||||
|
phones: res.data.emergency_phones |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
hideModal: function () { |
||||
|
this.setData({ |
||||
|
show: false, |
||||
|
}) |
||||
|
this.triggerEvent('hideModal'); |
||||
|
}, |
||||
|
phoneCall:function(e){ |
||||
|
let phone = e.currentTarget.dataset.phone; |
||||
|
wx.makePhoneCall({ |
||||
|
phoneNumber: phone, |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"component": true, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,24 @@ |
|||||
|
<wxs src="../../../utils/filter.wxs" module="tool" /> |
||||
|
<view class="bg"> |
||||
|
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove"></view> |
||||
|
<view class="modal-dialog"> |
||||
|
<view class="iconfont icon-close" bindtap="hideModal"> |
||||
|
<image src="https://static.ticket.sz-trip.com/uploads/20250929/75f708ed1c580afdefd3aed82d53f94a.png"></image> |
||||
|
</view> |
||||
|
<view class="modal-content"> |
||||
|
|
||||
|
<rich-text style="width: 100%;word-break: break-all;" |
||||
|
nodes="{{tool.formateRichText(info)}}"></rich-text> |
||||
|
|
||||
|
<view class="phone-container" wx:for="{{phones}}" wx:if="{{showPhone}}"> |
||||
|
<view bind:tap="phoneCall" data-phone="{{item}}">{{item}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="modal-footer"> |
||||
|
<view class="btn-confirms two" style="border-right: 1px solid #D8D8D8;" bindtap="hideModal">取消</view> |
||||
|
<button class="btn-confirms" |
||||
|
open-type="contact" bindcontact="handleContact">确定</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
@ -0,0 +1,88 @@ |
|||||
|
.bg{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
overflow: hidden; |
||||
|
box-sizing: border-box; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
.modal-mask { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
background: #000; |
||||
|
opacity: 0.5; |
||||
|
overflow: hidden; |
||||
|
z-index: 200; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.modal-dialog { |
||||
|
width: 540rpx; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
z-index: 9999; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
.modal-content{ |
||||
|
padding: 38rpx 26rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.modal-footer { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
height: 112rpx; |
||||
|
border-top: 1px solid #dedede; |
||||
|
|
||||
|
|
||||
|
color: #000000; |
||||
|
padding: 30rpx 0; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
.btn-confirms { |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
font-weight: normal !important; |
||||
|
box-sizing: border-box; |
||||
|
width: 50% !important; |
||||
|
padding: 0 !important; |
||||
|
line-height: 50rpx; |
||||
|
background: none; |
||||
|
color: #0C898F; |
||||
|
font-weight: 500; |
||||
|
font-size: 32rpx; |
||||
|
} |
||||
|
.btn-confirms.two { |
||||
|
color: #000000; |
||||
|
} |
||||
|
|
||||
|
.icon-close{ |
||||
|
position: absolute; |
||||
|
width: 27.33rpx; |
||||
|
height: 27.33rpx; |
||||
|
top: 39rpx; |
||||
|
right: 26rpx; |
||||
|
} |
||||
|
.icon-close image{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
.phone-container{ |
||||
|
text-align: center; |
||||
|
font-weight: 500; |
||||
|
font-size: 27rpx; |
||||
|
color: #0C898F; |
||||
|
line-height: 1.8; |
||||
|
} |
||||
@ -1,6 +1,7 @@ |
|||||
{ |
{ |
||||
"usingComponents": { |
"usingComponents": { |
||||
"title":"/pages/component/TitleHeader", |
"title":"/pages/component/TitleHeader", |
||||
"notice":"/pages/component/notice/notice" |
"code":"../../order/components/wxqrCode/index" |
||||
|
|
||||
} |
} |
||||
} |
} |
||||
@ -1,79 +1,285 @@ |
|||||
<!--pages/info/sceneProductInfo/index.wxml--> |
<!--pages/info/hotelProductInfo/index.wxml--> |
||||
<wxs src="../../../utils/filter.wxs" module="tool" /> |
<wxs src="../../../utils/filter.wxs" module="tool" /> |
||||
<title title="产品详情"></title> |
<title title="产品详情"></title> |
||||
<view class="iconfont icon-xin"></view> |
<!-- <view class="share-icon" bindtap="share"></view> --> |
||||
<swiper class="swiper" indicator-dots="{{true}}" |
<image lazy-load wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image> |
||||
autoplay="{{true}}" interval="{{2000}}" duration="{{300}}" wx:if="{{info.listimg}}"> |
<view style="position: relative;"> |
||||
|
<swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}" current="{{swiperCurrent}}" |
||||
|
interval="{{2000}}" duration="{{300}}" bindchange="swiperChange"> |
||||
|
<block wx:if="{{info.videourl}}" wx:key="*this"> |
||||
|
<swiper-item> |
||||
|
<video bindplay="playVideo" src="{{info.videourl}}" autoplay="{{true}}" muted="{{true}}" |
||||
|
show-mute-btn="{{true}}" show-background-playback-button="{{false}}" |
||||
|
show-progress="{{false}}" enable-progress-gesture="{{false}}"></video> |
||||
|
<!-- <image lazy-load src="{{info.headimg}}" mode="aspectFill"></image> --> |
||||
|
</swiper-item> |
||||
|
</block> |
||||
<block wx:for="{{info.listimg}}" wx:key="*this"> |
<block wx:for="{{info.listimg}}" wx:key="*this"> |
||||
<swiper-item> |
<swiper-item> |
||||
<image lazy-load src="{{item}}" mode="aspectFill"></image> |
<image lazy-load src="{{item}}" mode="aspectFill"></image> |
||||
</swiper-item> |
</swiper-item> |
||||
</block> |
</block> |
||||
|
<block wx:for="{{info.sku}}" wx:key="*this"> |
||||
|
<swiper-item style="position: relative;"> |
||||
|
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image> |
||||
|
<!-- <view class="sku-tips "> |
||||
|
<view class="textOver">{{item.sku_name}}</view> |
||||
|
</view> --> |
||||
|
</swiper-item> |
||||
|
</block> |
||||
</swiper> |
</swiper> |
||||
<view class="top-info"> |
<view class="swiper-bottom" wx:if="{{info}}"> |
||||
<view class="title">{{info.title}}</view> |
<!-- <view class="swuper-bottom-bg"> |
||||
<view class="tags-box textOver" style="height:auto"> |
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.video.min&&swiperCurrent<=swiperRange.video.max)?'active':''}}" |
||||
<view class="tag textOver" wx:for="{{info.tags}}">{{item}}<view class="line"></view></view> |
wx:if="{{info.videourl}}" bind:tap="changeSwiperCurrent" data-index="{{0}}">视频</view> |
||||
<view class="tags-price"><text>￥</text><text>{{info.price/100}}</text><text>起</text></view> |
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}" |
||||
<!-- <view class="tags-text">详情 <text class="iconfont icon-you"></text></view> --> |
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.min}}">图片</view> |
||||
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.sku.min&&swiperCurrent<=swiperRange.sku.max)?'active':''}}" |
||||
|
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.sku.min}}">款式</view> |
||||
|
</view> --> |
||||
|
<view class="swiper-bottom-item bottom-number active">{{swiperCurrent+1}}/{{swiperRange.sku.max+1}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="allowance-box" wx:if="{{allowance_data}}" bindtap="changeAllowance"> |
||||
|
补贴价 |
||||
|
<view class="com-price two">￥{{ allowance_data.mini_price / 100 }}起</view> |
||||
|
<view class="yellow">单品最高补贴{{ allowance_data.max_price / 100 }}元</view> |
||||
|
</view> |
||||
|
|
||||
|
<view wx:if="{{info}}"> |
||||
|
<view class="top-info" style="padding: 0;" > |
||||
|
<view class="wineScene-price-container" > |
||||
|
<view class="wineSecne-price">{{info.price/100}}<text class="wineSecne-money">优惠前￥{{info.market_price/100}}</text></view> |
||||
|
<view>已售{{info.sales_number>1000?"1000+":(info.sales_number||0)}}</view> |
||||
|
</view> |
||||
|
<view style="padding: 20rpx 20rpx 20rpx 26rpx;"> |
||||
|
|
||||
|
|
||||
|
<view class="title textOver2"><text class="hot-font">热</text>{{info.title}}</view> |
||||
|
<view class="tags-box textOver" wx:if="{{info.subtitle}}"> |
||||
|
<view class="tag textOver" >{{info.subtitle}}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="other-info-box" > |
||||
|
<view class="other-info-item" style="align-items: flex-start;"bindtap="changeSimpleVal" |
||||
|
data-keyname="otherInfoShow" data-val="{{1}}" wx:if="{{info.shipment_tag}}"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/50f3e2316c3f3cc906fe4c78f127e960.png"></image> |
||||
|
<view class="other-content textOver" >{{info.shipment_tag_str}}</view> |
||||
|
<!-- <view style="margin-top: 6rpx;" class="view-arrow">></view> --> |
||||
</view> |
</view> |
||||
|
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{2}}" |
||||
|
wx:if="{{info.service_tag_str}}"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/ce4323d9bcdf2ff03a0985ae4cbdabbe.png"></image> |
||||
|
<view class="other-content textOver">{{info.service_tag_str}}</view> |
||||
|
<!-- <view class="view-arrow">></view> --> |
||||
</view> |
</view> |
||||
<view class="box"> |
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{3}}" |
||||
<view class="box-top" style="border-top:none;border-bottom:1rpx solid #d9d9d9"> |
wx:if="{{info.parameter_tag_str}}"> |
||||
<text>{{info.title}}</text> |
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/958d9a3ed9404790ba5d17548e20fee8.png"></image> |
||||
|
<view class="other-content textOver">{{info.parameter_tag_str}}</view> |
||||
|
<!-- <view class="view-arrow">></view> --> |
||||
</view> |
</view> |
||||
<view class="product-item" wx:for="{{info.sku}}"> |
|
||||
<view class="skutitle">{{item.sku_name}}</view> |
|
||||
<view class="product-box"> |
|
||||
<view class="product-left textOver"> |
|
||||
<view class="product-tags"> |
|
||||
<view class="product-tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
|
||||
</view> |
</view> |
||||
<view class="order-tip-text" bindtap="showNotice" data-sku="{{item}}">预订须知>></view> |
|
||||
</view> |
</view> |
||||
<view class="product-right"> |
|
||||
<view class="price"><text>￥</text><text>{{item.price/100}}</text><text>起</text></view> |
</view> |
||||
<view wx:if="{{item.flag=='on'}}" class="btn" data-product="{{info}}" data-sku="{{item}}" bindtap="order">立即预订</view> |
|
||||
<view wx:else class="btn disable" >立即预订</view> |
</view> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<view class="scroll-all-box" id="menus" wx:if="{{info}}"> |
||||
|
|
||||
|
|
||||
|
<view class="shop-info"> |
||||
|
<image class="supplier-headImg" wx:if="{{info.scene_img}}" src="{{info.scene_img}}" mode="aspectFill"></image> |
||||
|
<view class="content"> |
||||
|
<view style="display: flex;align-items: flex-start;"> |
||||
|
<view class="shop-title shop-com-width textOver2">{{info.scene_name}}</view> |
||||
|
<!-- <image style="height: 25rpx;margin: 10rpx 68rpx 0 13rpx;" mode="heightFix" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/postDetail/rightIcon.png"></image> --> |
||||
|
<image wx:if="{{info.scene_tel}}" class="icon-phone" catch:tap="callPhone" src="https://static.ticket.sz-trip.com/uploads/20250926/6d69afa7a2f955f60fd7cd5475e2b119.png"></image> |
||||
|
</view> |
||||
|
<view class="address" style="display: flex;align-items: center;justify-content: space-between;"> |
||||
|
<view class="shop-com-width textOver" style="padding-right: 98rpx;">{{info.scene_address}}</view> |
||||
|
<image class="icon-phone" catch:tap="gotolocation" src="https://static.ticket.sz-trip.com/uploads/20250926/6ce5e0467e0745e5f1140b6757ada213.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view style="height: 20rpx;width: 100%;background: #F7F7F7;"></view> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<view class="info-box" id="box1"> |
||||
|
<view class="info-title">套餐详情</view> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.content)}}"></rich-text> |
||||
|
</view> |
||||
|
<view style="height: 20rpx;width: 100%;background: #F7F7F7;"></view> |
||||
|
<!-- <view class="info-box" id="box2"> |
||||
|
<view class="info-title">费用说明</view> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.expense_info)}}"></rich-text> |
||||
|
</view> --> |
||||
|
<view class="info-box" id="box3"> |
||||
|
<view class="info-title">购买须知</view> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text> |
||||
|
</view> |
||||
|
|
||||
|
<!-- <view class="info-box" id="box4" style="padding: 20rpx 26rpx;"> |
||||
|
<view class="info-title">产品推荐</view> |
||||
|
<view class="pro-list"> |
||||
|
<view class="proitem" wx:for="{{tjList}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<view class="item-hd"> |
||||
|
<image lazy-load src="{{item.headimg}}"></image> |
||||
|
</view> |
||||
|
<view class="item-bm" style="height: 120rpx;display: flex;flex-direction: column;justify-content: space-between;"> |
||||
|
<view class="protitle textOver2">{{item.title}}</view> |
||||
|
<view class="pro-price">{{item.price/100}}</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<!-- <view class="empty-box"> |
|
||||
<view>这里空空如也，快去向大家提问吧!</view> |
|
||||
<view class="empty-btn">去提问</view> |
|
||||
</view> --> |
</view> --> |
||||
</view> |
</view> |
||||
<view class="box" wx:if="{{info}}"> |
|
||||
<view class="box-top" style="border-top:none"> |
<view style="height:140rpx"></view> |
||||
<text>商家信息</text> |
<view class="fixed-bottom"> |
||||
|
<view class="['left-img',{{!iShop?'no-shop':''}}]"> |
||||
|
<navigator wx:if="{{iShop}}" url="/subPackages/foodNew/index?id={{supplierId}}" catchtap="pagePoint" data-event='product_customservice' class="shop-box"> |
||||
|
<view class="shop-box"> |
||||
|
<image lazy-load class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.png" mode="aspectFill"/> |
||||
|
<view>店铺</view> |
||||
|
</view> |
||||
|
</navigator> |
||||
|
<navigator url="/pages/user/service/index" catchtap="pagePoint" data-event='product_customservice' class="kefu-box"> |
||||
|
<view class="iconfont icon-kefu"></view> |
||||
|
<view>客服</view> |
||||
|
</navigator> |
||||
|
<!-- <view bindtap="like" class="kefu-box"> |
||||
|
<view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view> |
||||
|
<view>收藏</view> |
||||
|
</view> --> |
||||
|
<view class="kefu-box"></view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view class="btns"> |
||||
|
<view class="btn" bindtap="order">加入购物车</view> |
||||
|
<view class="btn" bindtap="order" data-type="order" wx:if="{{info && info.flag==1}}" >立即购买</view> |
||||
|
<view class="btn disable" wx:elif="{{info}}" style="border-radius: 39rpx;">该商品已下架</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- 购物车悬浮框 --> |
||||
|
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image> |
||||
|
<view class="cart-num">{{cartCount}}</view> |
||||
|
</navigator> |
||||
|
<view class="mask" wx:if="{{skuFlag}}"> |
||||
|
<view class="mask-bg" bindtap="hideSku"></view> |
||||
|
<view class="mask-content"> |
||||
|
<view class="iconfont icon-close" bindtap="hideSku"></view> |
||||
|
<view class="sku-info-box"> |
||||
|
<image lazy-load id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image> |
||||
|
<view class="sku-info"> |
||||
|
<view> |
||||
|
<view class="sku-price">{{info.sku[skuIndex].price/100}} |
||||
|
<!-- <view class="allowance" wx:if="{{allowance_data}}"> |
||||
|
补贴价：￥{{ (1 - allowance_data.discount_rate / 100) * info.sku[skuIndex].price / 100 }}</view> --> |
||||
|
</view> |
||||
|
<view class="sku-name">已选择：{{info.sku[skuIndex].sku_name}}</view> |
||||
|
</view> |
||||
|
<view style="display: flex;align-items: center;"> |
||||
|
<view class="number-box"> |
||||
|
<view class="iconfont icon-sami-select" bindtap="minus"></view> |
||||
|
<view class="number">{{producNum}}</view> |
||||
|
<view class="iconfont icon-add-select" bindtap="add"></view> |
||||
|
</view> |
||||
|
<view class="limit-number" wx:if="{{info.sku[skuIndex].sku_model.traveller_limit_num>0}}">限购{{info.sku[skuIndex].sku_model.traveller_limit_num}}件</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="font-weight: bold;font-size: 33rpx;color: #060001;margin:0rpx 25rpx 27rpx">产品分类（{{info.sku.length}}）</view> |
||||
|
<view class="sku-names"> |
||||
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}" |
||||
|
wx:for="{{info.sku}}"> |
||||
|
<image lazy-load src="{{item.headimg}}"></image> |
||||
|
<view class="sku-name textOver2">{{item.sku_name}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view style="height:138rpx"></view> |
||||
|
<view class="btn-box"> |
||||
|
<view class="mask-btn" bindtap="order" wx:if="{{info.sku[skuIndex].flag=='on'}}">{{skuFlag=='cart'?'确认':'立即购买'}} |
||||
|
</view> |
||||
|
<view class="mask-btn disable" wx:else>该商品已下架</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="position:absolute;right:0;left:-10000rpx;top:-20000rpx;z-index:-1"> |
||||
|
<canvas canvas-id='imageCanvas' class='imageCanvas' style="width:551rpx;height:643rpx;" disable-scroll='true'> |
||||
|
</canvas> |
||||
|
<canvas class="canvasCode" style="opacity:0;width:500px;height:500px" canvas-id="myQrcode"></canvas> |
||||
|
</view> |
||||
|
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;"> |
||||
|
<view class="mask-bg" bindtap="share"></view> |
||||
|
<view class="mask-content share-img-box"> |
||||
|
<image lazy-load class="share-img" src="{{shareImg}}" mode="widthFix"></image> |
||||
|
<view class="share-tips"> |
||||
|
<view style="position:relative"> |
||||
|
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix"> |
||||
|
</image> |
||||
|
<view>保存图片到相册</view> |
||||
|
<view class="tipimg"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image lazy-load style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image> |
||||
|
<view style="position:relative"> |
||||
|
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix"> |
||||
|
</image> |
||||
|
<view>微信识别二维码</view> |
||||
|
<view class="tipimg"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="save-btn" bindtap="save">保存到相册</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="mask mask-allowance" wx:if="{{showAllowance}}"> |
||||
|
<view bindtap="changeAllowance" class="mask-bg"></view> |
||||
|
<view class="mask-content rule-box"> |
||||
|
<view class="rule-title">{{allowance_data.title}}</view> |
||||
|
<rich-text nodes="{{allowance_data.content}}"></rich-text> |
||||
</view> |
</view> |
||||
<view class="info-address"> |
|
||||
<text>商家电话：{{info.supplier_tel}}</text> |
|
||||
<view class="iconfont icon-dianhua"></view> |
|
||||
</view> |
</view> |
||||
<view class="info-address"> |
<code showModel="{{showQrCode}}" qrcode = "{{wxqrcode}}"> |
||||
<text>商家地址：{{info.supplier_address}}</text> |
</code> |
||||
<view class="iconfont icon-daohang" bindtap="gotoLocation"></view> |
|
||||
|
<!-- <view class="mask" wx:if="{{otherInfoShow>0}}"> --> |
||||
|
<view class="mask" wx:if="{{false}}"> |
||||
|
<view class="mask-bg" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view> |
||||
|
<view class="mask-content"> |
||||
|
<view class="iconfont icon-close" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view> |
||||
|
<view class="other-info-content"> |
||||
|
<view class="title">{{otherInfoShow==3?"产品参数":otherInfoShow==2?"服务说明":"发货说明"}}</view> |
||||
|
<view wx:if="{{otherInfoShow==1}}"> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.shipment_info)}}"></rich-text> |
||||
</view> |
</view> |
||||
<view class="box-top"> |
<view wx:if="{{otherInfoShow==2}}"> |
||||
<text>购买须知</text> |
<rich-text class="details" nodes="{{tool.formateRichText(info.service_info)}}"></rich-text> |
||||
</view> |
</view> |
||||
<view class="sku-items"> |
<view wx:if="{{otherInfoShow==3}}"> |
||||
<view class="sku-item{{skuIndex==index?' active':''}}" bindtap="changeSku" data-index="{{index}}" wx:for="{{info.sku}}">套餐{{number[index]}}</view> |
<rich-text class="details" nodes="{{tool.formateRichText(info.parameter_info)}}"></rich-text> |
||||
<!-- <view class="sku-item">套餐一</view> --> |
|
||||
<!-- <view class="sku-item">套餐一</view> --> |
|
||||
</view> |
</view> |
||||
<view class="details"> |
|
||||
<rich-text nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.bookinfo)}}"></rich-text> |
|
||||
<!-- <rich-text nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.detailinfo)}}"></rich-text> --> |
|
||||
<!-- <rich-text nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.expenseinfo)}}"></rich-text> --> |
|
||||
<!-- <rich-text nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.extrainfo)}}"></rich-text> --> |
|
||||
</view> |
</view> |
||||
<view class="box-top"> |
<view style="height:138rpx"></view> |
||||
<text>产品详情</text> |
<view class="btn-box"> |
||||
|
<view class="mask-btn" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}">确定</view> |
||||
</view> |
</view> |
||||
<view class="details"> |
|
||||
<rich-text nodes="{{tool.formateRichText(info.content)}}"></rich-text> |
|
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<notice wx:if="{{bookingInfo}}" bind:close="closeMask" bookingInfo="{{bookingInfo}}" skuName="{{skuName}}"></notice> |
|
||||
File diff suppressed because it is too large
@ -1,5 +1,6 @@ |
|||||
{ |
{ |
||||
"usingComponents": { |
"usingComponents": { |
||||
"title":"/pages/component/TitleHeader" |
"title":"/pages/component/TitleHeader", |
||||
|
"sptj":"/pages/component/proRec/proRec" |
||||
} |
} |
||||
} |
} |
||||
@ -1,5 +1,6 @@ |
|||||
{ |
{ |
||||
"usingComponents": { |
"usingComponents": { |
||||
"title":"/pages/component/TitleHeader" |
"title":"/pages/component/TitleHeader", |
||||
|
"kefuCom": "/pages/component/kefu" |
||||
} |
} |
||||
} |
} |
||||
@ -1,5 +1,6 @@ |
|||||
{ |
{ |
||||
"usingComponents": { |
"usingComponents": { |
||||
"title":"/pages/component/TitleHeader" |
"title":"/pages/component/TitleHeader", |
||||
|
"kefuCom": "/pages/component/kefu" |
||||
} |
} |
||||
} |
} |
||||
@ -1,3 +1,5 @@ |
|||||
{ |
{ |
||||
"usingComponents": {} |
"usingComponents": { |
||||
|
"kefuCom": "/pages/component/kefu" |
||||
|
} |
||||
} |
} |
||||
@ -0,0 +1,198 @@ |
|||||
|
// pages/list/theatre/index.js
|
||||
|
import commonApi from "../../utils/https/common" |
||||
|
import util from "../../utils/util" |
||||
|
let app = getApp() |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
list:[], |
||||
|
tagList: [ |
||||
|
{id: 521, name: "品苏式面"}, |
||||
|
{id: 522, name: "尝农家乐"}, |
||||
|
// {id: 11, name: "鉴苏帮菜"},
|
||||
|
// {id: 12, name: "寻夜食堂"},
|
||||
|
], // 父标签477
|
||||
|
total:1, |
||||
|
type:521, |
||||
|
|
||||
|
areas: [], |
||||
|
areaIndex:0, |
||||
|
|
||||
|
needDistance: false, |
||||
|
lat:"", |
||||
|
lon:"", |
||||
|
keywords:"" |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
wx.showShareMenu({ |
||||
|
withShareTicket: true, |
||||
|
menus: ['shareAppMessage', 'shareTimeline'] |
||||
|
}) |
||||
|
this.getList(); |
||||
|
this.getAreas(); |
||||
|
}, |
||||
|
|
||||
|
getAreas:function(){ |
||||
|
commonApi._post("supplier/get_area_list",{pid:320500}).then(res=>{ |
||||
|
this.setData({ |
||||
|
areas: [{id:0, name:"选择地区"},...res.data] |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
changeArea:function(e){ |
||||
|
this.setData({ |
||||
|
areaIndex:e.detail.value, |
||||
|
list: [], |
||||
|
total:1, |
||||
|
}) |
||||
|
this.getList() |
||||
|
}, |
||||
|
selectDistance: function () { |
||||
|
this.setData({ |
||||
|
needDistance: !this.data.needDistance, |
||||
|
list: [], |
||||
|
total:1, |
||||
|
}) |
||||
|
this.getList() |
||||
|
}, |
||||
|
|
||||
|
search:function(e){ |
||||
|
this.setData({ |
||||
|
list:[], |
||||
|
keywords:e.detail.keywords, |
||||
|
total:1 |
||||
|
}) |
||||
|
this.getList() |
||||
|
}, |
||||
|
gotoDetail:function(e){ |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
// util.pagePoint({
|
||||
|
// event: 'food_detail_click',
|
||||
|
// param: {
|
||||
|
// id:item.id
|
||||
|
// }
|
||||
|
// },1)
|
||||
|
wx.navigateTo({ |
||||
|
url: '/subPackages/foodNew/index?id='+item.id, |
||||
|
}) |
||||
|
}, |
||||
|
getList:function(){ |
||||
|
let list = this.data.list,that = this; |
||||
|
if(list.length>=this.data.total) return;0 |
||||
|
// // 距离排序
|
||||
|
if(this.data.needDistance && !this.data.lon){ |
||||
|
wx.getLocation({ |
||||
|
type: 'gcj02', |
||||
|
success: function (res) { |
||||
|
that.setData({ |
||||
|
lat:res.latitude, |
||||
|
lon:res.longitude |
||||
|
}) |
||||
|
that.realgetList() |
||||
|
}, |
||||
|
fail:function(){ |
||||
|
that.realgetList() |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
else { |
||||
|
this.realgetList() |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
realgetList:function(){ |
||||
|
let list = this.data.list; |
||||
|
|
||||
|
let param = {} |
||||
|
if (this.data.needDistance) { |
||||
|
param = {lat:this.data.lat,lon:this.data.lon} |
||||
|
} |
||||
|
|
||||
|
commonApi._post("supplier/get_supplier_list",{ |
||||
|
supplier_tag_id: this.data.type, |
||||
|
area_id: (this.data.areas[this.data.areaIndex] || {id: 0}).id, |
||||
|
offset:list.length, |
||||
|
limit:10, |
||||
|
...param, |
||||
|
keyword:this.data.keywords |
||||
|
}).then(res=>{ |
||||
|
this.setData({ |
||||
|
list:list.concat(res.data.list), |
||||
|
total:res.data.total |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
changeType:function(e){ |
||||
|
this.setData({ |
||||
|
type:e.currentTarget.dataset.type, |
||||
|
list:[], |
||||
|
total:1 |
||||
|
}) |
||||
|
this.getList(); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
this.getList() |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
}, |
||||
|
onShareTimeline: function() { |
||||
|
return { |
||||
|
title: '君到苏州-剧场演出', |
||||
|
query: '', |
||||
|
imageUrl: 'https://static.ticket.sz-trip.com/xcxImages/index/icon4New.png' |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"search": "/pages/component/SearchHeader" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,52 @@ |
|||||
|
<!--pages/list/theatre/index.wxml--> |
||||
|
<wxs src="../../utils/filter.wxs" module="tool" /> |
||||
|
<view class="my-header-search"> |
||||
|
<search bind:onload="search" transparent="1"></search> |
||||
|
<view class="sale-types no-scrollbar"> |
||||
|
<view wx:for="{{tagList}}" wx:key="id" class="sale-type{{type==item.id?' active':''}}" |
||||
|
bindtap="changeType" data-type="{{item.id}}">{{item.name}}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="search-fix"> |
||||
|
<view> |
||||
|
<picker mode="selector" value="{{areaIndex}}" range="{{areas}}" range-key="name" bindchange="changeArea"> |
||||
|
<view class="picker feiyi-picker"> |
||||
|
<text style="color: {{areaIndex>0?'#FF8530':'#000000'}};">{{areaIndex>0?areas[areaIndex].name:'选择地区'}}</text> |
||||
|
<view class="trian-down"></view> |
||||
|
</view> |
||||
|
</picker> |
||||
|
</view> |
||||
|
<view bind:tap="selectDistance" style="color: {{needDistance?'#FF8530':'#000000'}};">距离最近</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view style="height:700rpx"></view> |
||||
|
|
||||
|
<view class="prod-box"> |
||||
|
<view bindtap="gotoDetail" data-item="{{item}}" class="item" wx:for="{{list}}"> |
||||
|
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image> |
||||
|
<view class="info"> |
||||
|
<view class="textOver2 title">{{item.supplier_name}}</view> |
||||
|
<view class=" subtitle" style="display: flex;"> |
||||
|
<text class="textOver" style="flex: 1;width: 100rpx;padding-right: 40rpx;">{{item.address}}</text> |
||||
|
|
||||
|
<text style="flex-shrink: 0;" wx:if="{{item.distance>0}}">{{item.distance}}km</text> |
||||
|
</view> |
||||
|
<view class="line" wx:if="{{item.hot_products.length>0}}"></view> |
||||
|
<view class="prod-container" wx:for="{{item.hot_products}}" wx:for-item="prod" wx:for-index="indexs" wx:key="indexs"> |
||||
|
<view class="prod-item textOver"> |
||||
|
<text class="hot">热</text> |
||||
|
<text class="price">￥{{prod.price?prod.price/100:0}}</text> |
||||
|
<text class="prod-name textOver">{{prod.title}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view wx:if="{{list.length==0}}" class="common-empty" style="z-index:-1"> |
||||
|
<image lazy-load mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/other/nodata.png"></image> |
||||
|
<view>暂无内容</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
@ -0,0 +1,158 @@ |
|||||
|
/* pages/list/theatre/index.wxss */ |
||||
|
page{ |
||||
|
background:#F7F7F7; |
||||
|
padding-bottom: 20rpx; |
||||
|
} |
||||
|
|
||||
|
.my-header-search{ |
||||
|
background: white; |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
} |
||||
|
.my-header-search .bg-box .title-header{ |
||||
|
color: #999; |
||||
|
} |
||||
|
.my-header-search .title-header .icon-fanhui1{ |
||||
|
color: #333 !important; |
||||
|
} |
||||
|
|
||||
|
.sale-types { |
||||
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20250924/e47d70fa4d99ac1804729b024cdf4d6a.png"); |
||||
|
background-size: 100% 100%; |
||||
|
width: 100%; |
||||
|
height: 466.67rpx; |
||||
|
display: flex; |
||||
|
align-items: flex-end; |
||||
|
padding: 0 26rpx 50rpx; |
||||
|
/* justify-content: space-between; */ |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.sale-type { |
||||
|
width: 160rpx; |
||||
|
height: 77.33rpx; |
||||
|
flex-shrink: 0; |
||||
|
font-weight: bold; |
||||
|
font-size: 28rpx; |
||||
|
color: #FE7429; |
||||
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20250924/12b88d55fac2e526445d101f90eb9e0b.png"); |
||||
|
background-size: 100% 100%; |
||||
|
text-align: center; |
||||
|
line-height: 77rpx; |
||||
|
margin-right: 40rpx; |
||||
|
} |
||||
|
.sale-type.active { |
||||
|
font-weight: bold; |
||||
|
font-size: 28rpx; |
||||
|
color: #000000; |
||||
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20250924/5c0f204a31181920f5561f2cdc725559.png"); |
||||
|
} |
||||
|
.search-fix{ |
||||
|
height: 95rpx; |
||||
|
width: 100%; |
||||
|
border-radius: 20rpx 20rpx 0 0; |
||||
|
background: #F7F7F7; |
||||
|
position: relative; |
||||
|
z-index: 2; |
||||
|
margin-top: -30rpx; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 144rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
font-weight: 500; |
||||
|
font-size: 24rpx; |
||||
|
color: #000000; |
||||
|
} |
||||
|
.feiyi-picker{ |
||||
|
|
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.trian-down{ |
||||
|
margin-left: 13rpx; |
||||
|
width: 0; |
||||
|
height: 0; |
||||
|
/* 关键：左右边框宽度大于底部边框宽度，形成扁平效果 */ |
||||
|
border-left: 14rpx solid transparent; /* 左宽 */ |
||||
|
border-right: 14rpx solid transparent; /* 右宽 */ |
||||
|
border-top: 10rpx solid #999; /* 高度（数值越小越扁） */ |
||||
|
} |
||||
|
.prod-box{ |
||||
|
background: #F7F7F7; |
||||
|
border-radius: 20rpx 20rpx 0 0; |
||||
|
padding-top: 33rpx; |
||||
|
} |
||||
|
|
||||
|
.item { |
||||
|
background: #FFFFFF; |
||||
|
margin: 0rpx 27rpx 30rpx; |
||||
|
display: flex; |
||||
|
align-items: flex-start; |
||||
|
justify-content: space-between; |
||||
|
padding: 6rpx; |
||||
|
border-radius: 13rpx; |
||||
|
} |
||||
|
.item image { |
||||
|
width: 160rpx; |
||||
|
height: 160rpx; |
||||
|
background: #D1D7CB; |
||||
|
border-radius: 7rpx; |
||||
|
margin-right: 14rpx; |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
|
||||
|
.info { |
||||
|
flex: 1; |
||||
|
width: 1rpx; |
||||
|
min-height: 160rpx; |
||||
|
} |
||||
|
.info .title { |
||||
|
font-weight: bold; |
||||
|
font-size: 31rpx; |
||||
|
color: #000000; |
||||
|
margin-bottom: 20rpx; |
||||
|
} |
||||
|
.info .subtitle { |
||||
|
font-weight: 500; |
||||
|
font-size: 24rpx; |
||||
|
color: #999999; |
||||
|
} |
||||
|
.info .line{ |
||||
|
width: 100%; |
||||
|
height: 1px; |
||||
|
background: #D8D8D8; |
||||
|
margin: 22rpx 0; |
||||
|
} |
||||
|
|
||||
|
.prod-item{ |
||||
|
font-weight: 500; |
||||
|
font-size: 24rpx; |
||||
|
color: #000000; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 20rpx; |
||||
|
} |
||||
|
.prod-item .hot{ |
||||
|
width: 31rpx; |
||||
|
height: 31rpx; |
||||
|
background: linear-gradient(-30deg, #FF4000, #FF8D23); |
||||
|
border-radius: 7rpx; |
||||
|
font-weight: 500; |
||||
|
font-size: 23rpx; |
||||
|
color: #FFFFFF; |
||||
|
text-align: center; |
||||
|
line-height: 31rpx; |
||||
|
margin-right: 17rpx; |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
.prod-item .price{ |
||||
|
font-weight: bold; |
||||
|
font-size: 24rpx; |
||||
|
color: #D80000; |
||||
|
margin-right: 17rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,798 @@ |
|||||
|
// pages/info/roadInfo/index.js
|
||||
|
let device = wx.getSystemInfoSync(); |
||||
|
const ratio = device.windowWidth / 750; |
||||
|
import commonApi from "../../utils/https/common" |
||||
|
import QRCode from '../../utils/weapp-qrcode.js' |
||||
|
import {pagePoint, gotoDetail} from '../../utils/util' |
||||
|
let app = getApp() |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
autoPlay: false, |
||||
|
fixed: false, |
||||
|
type: 1, |
||||
|
top: 0, |
||||
|
isLike: 0, |
||||
|
|
||||
|
info: null, |
||||
|
skuFlag: null, |
||||
|
producNum: 1, |
||||
|
skuIndex: 0, |
||||
|
aniSkuIndex: -1, |
||||
|
|
||||
|
cartTop: 0, |
||||
|
cartImgInfo: null, |
||||
|
cartCount: 0, |
||||
|
shareImg: null, |
||||
|
showShareFlag: false, |
||||
|
|
||||
|
|
||||
|
showQrCode: false, |
||||
|
wxqrcode: null, |
||||
|
|
||||
|
ZTPoint:'', |
||||
|
swiperCurrent: 0, |
||||
|
swiperRange: { |
||||
|
video: {min:0,max:0}, |
||||
|
picture: {min:0,max:0}, |
||||
|
sku: {min:0,max:0} |
||||
|
}, |
||||
|
otherInfoShow: 0, |
||||
|
|
||||
|
supplierInfo: null, |
||||
|
showShopInfo: false, |
||||
|
idIndex: 0, |
||||
|
|
||||
|
lon: null, |
||||
|
lat: null, |
||||
|
scrollLeft: 0, |
||||
|
scrollDom: "", |
||||
|
scrollDomLeft:0, |
||||
|
windowWidth: 375, |
||||
|
prod_phone: "", |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
console.log(options) |
||||
|
//删除临时存储的联系人
|
||||
|
wx.removeStorageSync('linkMan') |
||||
|
let rect = wx.getMenuButtonBoundingClientRect(), |
||||
|
that = this; |
||||
|
let height = (rect.top - device.statusBarHeight) * 2 + rect.height + device.statusBarHeight; |
||||
|
this.setData({top: height,id: options.id}) |
||||
|
// 获取购物车按钮的位置
|
||||
|
wx.createSelectorQuery().select('#cart').boundingClientRect(function (res) { |
||||
|
console.log(res) |
||||
|
that.setData({ |
||||
|
cartTop: res.top |
||||
|
}) |
||||
|
}).exec() |
||||
|
if (options.ZTPoint) { |
||||
|
this.setData({ |
||||
|
ZTPoint: options.ZTPoint |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
wx.getLocation({ |
||||
|
type: 'gcj02', |
||||
|
success: function (res) { |
||||
|
that.setData({lat:res.latitude,lon:res.longitude}) |
||||
|
that.getShopInfo(options.id) |
||||
|
}, |
||||
|
fail:function(){ |
||||
|
that.getShopInfo(options.id) |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const { windowWidth } = wx.getSystemInfoSync(); |
||||
|
this.setData({ windowWidth }); |
||||
|
console.log(windowWidth) |
||||
|
}, |
||||
|
|
||||
|
getShopInfo (id) { |
||||
|
commonApi._post("/supplier/get_supplier_products", |
||||
|
{supplier_id: id, lon: this.data.lon,lat: this.data.lat} |
||||
|
).then(res => { |
||||
|
if (res.code == 0) { |
||||
|
wx.showToast({title: res.msg,icon:'none'}) |
||||
|
setTimeout(() => { wx.navigateBack()}, 1000); |
||||
|
return |
||||
|
} else { |
||||
|
// res.data.products = [...res.data.products,...res.data.products,...res.data.products,...res.data.products]
|
||||
|
this.setData({ supplierInfo: res.data}) |
||||
|
|
||||
|
if (res.data.products.length>0) { |
||||
|
let id = res.data.products[0].id |
||||
|
this.getProductInfo(id) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
changeProduct (e) { |
||||
|
let _this = this; |
||||
|
let index = e.currentTarget.dataset.index; |
||||
|
let prod = e.currentTarget.dataset.item; |
||||
|
this.setData({ |
||||
|
idIndex: index |
||||
|
}) |
||||
|
this.getProductInfo(prod.id) |
||||
|
|
||||
|
let windowWidth = this.data.windowWidth; |
||||
|
let domId = e.currentTarget.id |
||||
|
wx.createSelectorQuery().select(`#${domId}`).boundingClientRect(rect => { |
||||
|
console.log(rect) |
||||
|
if (rect) { |
||||
|
let targetScrollLeft = rect.left + (rect.width / 2) - (windowWidth / 2)+_this.data.scrollLeft; |
||||
|
console.log((rect.width / 2) - (windowWidth / 2)) |
||||
|
this.setData({ |
||||
|
scrollLeft: targetScrollLeft||0, |
||||
|
scrollDomLeft: (rect.width / 2) - (windowWidth / 2), |
||||
|
|
||||
|
}); |
||||
|
this.setData({ |
||||
|
scrollDom: domId, |
||||
|
}) |
||||
|
} |
||||
|
}).exec() |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
getProductInfo (id) { |
||||
|
commonApi._post("product/get_product_detail", {id: id}).then(res => { |
||||
|
res.data.flag = res.data.sku.find(item => item.flag == 'on') ? res.data.flag : 0; |
||||
|
let resData = res.data |
||||
|
try { |
||||
|
resData.shipment_tag_arr = [] |
||||
|
if (resData.shipment_tag) { |
||||
|
resData.shipment_tag_arr = resData.shipment_tag.split(',') |
||||
|
resData.shipment_tag_str = resData.shipment_tag_arr.join(' | ') |
||||
|
} |
||||
|
if (resData.service_tag) { |
||||
|
resData.service_tag_str = resData.service_tag.split(',').join(' | ') |
||||
|
} |
||||
|
if (resData.parameter_tag) { |
||||
|
resData.parameter_tag_str = resData.parameter_tag.split(',').join(' | ') |
||||
|
} |
||||
|
if (resData.supplier_headimg) { |
||||
|
resData.supplier_headimg = that.showImg(resData.supplier_headimg) |
||||
|
} |
||||
|
|
||||
|
} catch(e) {} |
||||
|
|
||||
|
// let swiperRange = this.data.swiperRange;
|
||||
|
// swiperRange.video = resData.videourl? { min: 0, max: 0 } : { min: -1, max: -1 }
|
||||
|
// swiperRange.picture = {min:swiperRange.video.max+1, max:swiperRange.video.max+1+resData.listimg.length-1}
|
||||
|
// swiperRange.sku = {min:swiperRange.picture.max+1,max:swiperRange.picture.max+1+resData.sku.length-1}
|
||||
|
this.setData({ |
||||
|
info: resData, |
||||
|
// swiperRange: swiperRange,
|
||||
|
shareImg: null, |
||||
|
prod_phone: resData.scene_tel |
||||
|
}) |
||||
|
|
||||
|
this.drawImg() |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
showImg (img) { |
||||
|
if (!img) { return img } |
||||
|
if (img.indexOf('https://') != -1 || img.indexOf('http://') != -1) { |
||||
|
return img; |
||||
|
} else { |
||||
|
// return "https://test.api.cloud.sz-trip.com"+img
|
||||
|
return "https://static.ticket.sz-trip.com" + img; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
BroswerRecord: function () { |
||||
|
setTimeout(() => { |
||||
|
if (app.globalData.uuid) { |
||||
|
commonApi._post('browse/browse_record', { |
||||
|
type: "goods", |
||||
|
title: this.data.info.title, |
||||
|
drive: "mini", |
||||
|
source_id: this.data.info.id, |
||||
|
url: "/pages/info/postProductInfo/index?id=" + this.data.info.id, |
||||
|
uuid: app.globalData.uuid |
||||
|
}).then(res => {}) |
||||
|
} else { |
||||
|
this.BroswerRecord(); |
||||
|
} |
||||
|
}, 500) |
||||
|
}, |
||||
|
|
||||
|
onPageScroll: function (e) { |
||||
|
let that = this, |
||||
|
height = this.data.top; |
||||
|
let topHeight = height; |
||||
|
wx.createSelectorQuery().select('#menus').boundingClientRect(function (rect) { |
||||
|
console.log(rect,height, e.scrollTop) |
||||
|
if (rect.top < topHeight) { |
||||
|
// 此时应该把menus固定在顶部
|
||||
|
that.setData({ fixed: true}) |
||||
|
} |
||||
|
if (e.scrollTop<100) { |
||||
|
that.setData({fixed: false}) |
||||
|
} |
||||
|
}).exec() |
||||
|
|
||||
|
}, |
||||
|
showCart: function () { |
||||
|
commonApi.user_post('wx/get_user_keep', { |
||||
|
jumpurl: '/pages/info/postProductInfo/index?id=' + this.data.id, |
||||
|
title: this.data.info.title, |
||||
|
type: 'mini' |
||||
|
}).then(res => { |
||||
|
if (res.data.subscribe == 0) { |
||||
|
this.setData({ |
||||
|
wxqrcode: res.data.qrcode, |
||||
|
showQrCode: true |
||||
|
}) |
||||
|
} else { |
||||
|
if (this.data.info.sku.length == 0) { |
||||
|
wx.showToast({ |
||||
|
title: '该产品未设置规格，不能加购', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
this.setData({ |
||||
|
skuFlag: "cart" |
||||
|
}) |
||||
|
let that = this |
||||
|
wx.createSelectorQuery().select('#skuImg').boundingClientRect(function (res) { |
||||
|
console.log(res) |
||||
|
that.setData({ |
||||
|
cartImgInfo: 'top:' + res.top + 'px;left:' + res.left + 'px;' |
||||
|
}) |
||||
|
}).exec() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
hideSku: function () { |
||||
|
this.setData({ |
||||
|
skuFlag: null, |
||||
|
cartImgInfo: null |
||||
|
}) |
||||
|
}, |
||||
|
minus: function () { |
||||
|
if (this.data.producNum == 1) return; |
||||
|
this.setData({ |
||||
|
producNum: this.data.producNum - 1 |
||||
|
}) |
||||
|
}, |
||||
|
add: function () { |
||||
|
this.setData({ |
||||
|
producNum: this.data.producNum + 1 |
||||
|
}) |
||||
|
}, |
||||
|
selectSku: function (e) { |
||||
|
let index = e.currentTarget.dataset.index; |
||||
|
this.setData({ |
||||
|
skuIndex: index, |
||||
|
swiperCurrent: index+this.data.swiperRange.picture.max+1 |
||||
|
}) |
||||
|
}, |
||||
|
showOrder: function () { |
||||
|
commonApi.user_post('wx/get_user_keep', { |
||||
|
jumpurl: '/pages/info/postProductInfo/index?id=' + this.data.id, |
||||
|
title: this.data.info.title, |
||||
|
type: 'mini' |
||||
|
}).then(res => { |
||||
|
if (res.data.subscribe == 0) { |
||||
|
this.setData({ |
||||
|
wxqrcode: res.data.qrcode, |
||||
|
showQrCode: true |
||||
|
}) |
||||
|
} else { |
||||
|
if (this.data.info.sku.length == 0) { |
||||
|
wx.showToast({ |
||||
|
title: '该产品未设置规格，不能购买', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
let swiperCurrent = this.data.swiperCurrent; |
||||
|
let skuIndex = swiperCurrent - this.data.swiperRange.sku.min |
||||
|
console.log(swiperCurrent, skuIndex) |
||||
|
if (skuIndex<0) {skuIndex=0} |
||||
|
this.setData({ |
||||
|
skuFlag: 'order', |
||||
|
skuIndex: skuIndex, |
||||
|
swiperCurrent: skuIndex+this.data.swiperRange.picture.max+1 |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
order: function (e) { |
||||
|
let skuFlag = e.currentTarget.dataset.type |
||||
|
app.globalData.postProduct = [] |
||||
|
app.globalData.list = [] |
||||
|
commonApi.user_post("/product/checkStock", { |
||||
|
sku_id: this.data.info.sku[this.data.skuIndex].id, |
||||
|
}).then(res => { |
||||
|
if (res && res.code != 1) { |
||||
|
return; |
||||
|
} else { |
||||
|
if (skuFlag == 'order') { |
||||
|
pagePoint({ |
||||
|
event: 'product_order', |
||||
|
param: { |
||||
|
id: this.data.info.id, |
||||
|
type: this.data.info.type |
||||
|
} |
||||
|
}, 1) |
||||
|
wx.setStorageSync('login_from', 'product_order_login') |
||||
|
wx.setStorageSync('order_from', 'product_order_submit') |
||||
|
app.globalData.couponInfo = null; |
||||
|
// 购买
|
||||
|
let product = [{ |
||||
|
product: {...this.data.info,ZTPoint:this.data.ZTPoint}, |
||||
|
sku: this.data.info.sku[this.data.skuIndex], |
||||
|
productNum: this.data.producNum |
||||
|
}]; |
||||
|
|
||||
|
app.globalData.listName = null |
||||
|
app.globalData.product = product[0]; |
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/order/food/index', |
||||
|
}) |
||||
|
} else { |
||||
|
let tag_id = this.data.info.tag_id,type = '' |
||||
|
if (tag_id.includes(20) || tag_id.includes(19)) { //文创
|
||||
|
type = '1' |
||||
|
}else if (tag_id.includes(5)) { //非遗
|
||||
|
type = '2' |
||||
|
}else { |
||||
|
type = '' |
||||
|
} |
||||
|
commonApi.user_post("cart/add_sku", { |
||||
|
sku_id: this.data.info.sku[this.data.skuIndex].id, |
||||
|
num: this.data.producNum, |
||||
|
type:type |
||||
|
}).then(res => { |
||||
|
if (res.code == 1) { |
||||
|
commonApi.user_post('cart/get_list', {}).then(res => { |
||||
|
this.setData({ |
||||
|
cartCount: res.data.length |
||||
|
}) |
||||
|
}) |
||||
|
// 加动效
|
||||
|
this.setData({ |
||||
|
skuFlag: null, |
||||
|
aniSkuIndex: this.data.skuIndex, |
||||
|
cartImgInfo: null |
||||
|
}) |
||||
|
setTimeout(() => { |
||||
|
this.setData({ |
||||
|
aniSkuIndex: -1 |
||||
|
}) |
||||
|
wx.showModal({ |
||||
|
title: "提示", |
||||
|
content: "去购物车结算？", |
||||
|
success: function (res) { |
||||
|
if (res.confirm) { |
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/user/cartlist/list', |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, 650) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
// 分享
|
||||
|
share: function () { |
||||
|
if (!wx.getStorageSync("jstrip_token")) { |
||||
|
pagePoint({ |
||||
|
event: 'product_share_login', |
||||
|
type: this.data.info.type, |
||||
|
id: this.data.info.id |
||||
|
}, 1) |
||||
|
commonApi.user_post("user/getMyInfo", {}).then(res => { |
||||
|
|
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
if (!this.data.shareImg) { |
||||
|
wx.showToast({ |
||||
|
title: '图片生成中，稍后再试', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
this.setData({ |
||||
|
showShareFlag: !this.data.showShareFlag |
||||
|
}) |
||||
|
}, |
||||
|
// 保存
|
||||
|
save() { |
||||
|
let url = this.data.shareImg, |
||||
|
that = this; |
||||
|
wx.authorize({ |
||||
|
/* 这个就是保存相册的 */ |
||||
|
scope: 'scope.writePhotosAlbum', |
||||
|
success() { |
||||
|
wx.saveImageToPhotosAlbum({ |
||||
|
filePath: url, |
||||
|
success(res) { |
||||
|
wx.showToast({ |
||||
|
title: '保存成功', |
||||
|
icon: "success" |
||||
|
}) |
||||
|
that.setData({ |
||||
|
showShareFlag: !this.data.showShareFlag |
||||
|
}) |
||||
|
pagePoint({ |
||||
|
event: 'product_share_save', |
||||
|
type: that.data.info.type, |
||||
|
id: that.data.info.id |
||||
|
}, 1) |
||||
|
}, |
||||
|
fail(res) { |
||||
|
wx.showToast({ |
||||
|
title: '保存失败', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
complete(res) { |
||||
|
console.log(res); |
||||
|
/* 这里判断一下如果没有授权重新打开设置选项 */ |
||||
|
wx.getSetting({ |
||||
|
success(res) { |
||||
|
if (!res.authSetting['scope.writePhotosAlbum']) { |
||||
|
/* 打开设置的方法 */ |
||||
|
// opensit();
|
||||
|
wx.showToast({ |
||||
|
title: '请打开权限后再试', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}, |
||||
|
pagePoint: function (e) { |
||||
|
pagePoint(e) |
||||
|
}, |
||||
|
// 绘制海报
|
||||
|
drawImg: function () { |
||||
|
var that = this, |
||||
|
userinfo = wx.getStorageSync('jstrip_userInfo'); |
||||
|
if (!userinfo) { |
||||
|
// 去登录
|
||||
|
return false; |
||||
|
} |
||||
|
const ctx = wx.createCanvasContext('imageCanvas'); |
||||
|
// const device = wx.getSystemInfoSync();
|
||||
|
// const ratio = device.screenWidth / 750;
|
||||
|
|
||||
|
// 先获取到图片信息
|
||||
|
let promise2 = new Promise(function (resolve, reject) { |
||||
|
wx.getImageInfo({ |
||||
|
src: that.data.info.headimg, |
||||
|
success: function (res) { |
||||
|
resolve(res); |
||||
|
}, |
||||
|
fail: function (res) { |
||||
|
reject(res); |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
let promise3 = new Promise(function (resolve, reject) { |
||||
|
let userid = wx.getStorageSync('jstrip_userid') |
||||
|
new QRCode('myQrcode', { |
||||
|
text: 'https://m.cloud.sz-trip.com/FoodShopDetail?id=' + that.data.info.id + '&sharedUserId=' + userid + '&channel=-1', |
||||
|
width: 500, |
||||
|
height: 500, |
||||
|
padding: 12, // 生成二维码四周自动留边宽度，不传入默认为0
|
||||
|
correctLevel: QRCode.CorrectLevel.H, // 二维码可辨识度
|
||||
|
callback: (res) => { |
||||
|
resolve(res); |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
//成功得到图片信息后，开始绘图
|
||||
|
Promise.all([promise2, promise3]).then(imgs => { |
||||
|
ctx.save(); |
||||
|
ctx.beginPath(); //开始绘制
|
||||
|
that.handleBorderRect(ctx, 0, 0, 551 * ratio, 407 * ratio, 25 * ratio, '#ccc') |
||||
|
ctx.clip(); //画好了圆 剪切 原始画布中剪切任意形状和尺寸。一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内 这也是我们要save上下文的原因
|
||||
|
ctx.drawImage(imgs[0].path, 0, 0, 551 * ratio, 407 * ratio); |
||||
|
ctx.restore(); |
||||
|
ctx.save(); |
||||
|
that.handleBorderRect2(ctx, 0, 407 * ratio, 551 * ratio, 236 * ratio, 25 * ratio, '#fff') |
||||
|
ctx.restore(); |
||||
|
// 绘制二维码
|
||||
|
ctx.drawImage(imgs[1].path, 373 * ratio, 495 * ratio, 137 * ratio, 137 * ratio); |
||||
|
// 开始文字绘制
|
||||
|
ctx.setFillStyle("#000"); |
||||
|
ctx.setFontSize(30 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示，参考点画布中线
|
||||
|
that.drawText(ctx, that.data.info.title, 25 * ratio, 450 * ratio, 480 * ratio, ratio); |
||||
|
// 售价
|
||||
|
ctx.setFillStyle("#D62828"); |
||||
|
ctx.setFontSize(40 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示，参考点画布中线
|
||||
|
let price = "￥" + (that.data.info.price / 100); |
||||
|
let width = ctx.measureText(price).width; |
||||
|
ctx.fillText(price, 25 * ratio, 620 * ratio); |
||||
|
// 副标题
|
||||
|
ctx.setFillStyle("#999999"); |
||||
|
ctx.setFontSize(28 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示，参考点画布中线
|
||||
|
let subtitle = that.data.info.subtitle; |
||||
|
if (that.data.info.subtitle.length > 10) { |
||||
|
subtitle = that.data.info.subtitle.substr(0, 10) + '...' |
||||
|
} |
||||
|
ctx.fillText(subtitle, 25 * ratio, 540 * ratio); |
||||
|
// ctx.draw();
|
||||
|
// 划线价
|
||||
|
ctx.setFillStyle("#999999"); |
||||
|
ctx.setFontSize(32 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示，参考点画布中线
|
||||
|
let market_price = "￥" + (that.data.info.market_price / 100) |
||||
|
ctx.fillText(market_price, 40 * ratio + width, 620 * ratio); |
||||
|
let market_price_width = ctx.measureText(market_price).width; |
||||
|
// 划线
|
||||
|
ctx.beginPath() |
||||
|
ctx.setLineWidth(1) |
||||
|
ctx.moveTo(40 * ratio + width, 608 * ratio) |
||||
|
ctx.lineTo(45 * ratio + width + market_price_width, 608 * ratio) |
||||
|
ctx.stroke(); |
||||
|
// 长按识别二维码
|
||||
|
// ctx.setFillStyle("#666");
|
||||
|
// ctx.setFontSize(22 * ratio); //字大小
|
||||
|
// ctx.setTextAlign('left'); //是否居中显示，参考点画布中线
|
||||
|
// ctx.fillText("长按识别二维码", 404*ratio, 710*ratio);
|
||||
|
// 长按图片转发或保存
|
||||
|
// ctx.setFillStyle("#000");
|
||||
|
// ctx.setFontSize(24 * ratio); //字大小
|
||||
|
// ctx.setTextAlign('left'); //是否居中显示，参考点画布中线
|
||||
|
// ctx.fillText("长按图片保存到本地",(592*ratio - ctx.measureText("长按图片保存到本地").width)/2, 740*ratio);
|
||||
|
ctx.draw(); |
||||
|
// 转为图片
|
||||
|
setTimeout(() => { |
||||
|
wx.canvasToTempFilePath({ |
||||
|
x: 0, |
||||
|
y: 0, |
||||
|
canvasId: 'imageCanvas', |
||||
|
success: function (res) { |
||||
|
that.setData({ |
||||
|
shareImg: res.tempFilePath |
||||
|
}) |
||||
|
}, |
||||
|
fail(err) { |
||||
|
console.log('agdgjgdajhg', err) |
||||
|
} |
||||
|
}) |
||||
|
}, 500) |
||||
|
return false; |
||||
|
}).catch(err => { |
||||
|
console.log("this err", err) |
||||
|
}) |
||||
|
}, |
||||
|
// 圆角矩形
|
||||
|
handleBorderRect(ctx, x, y, w, h, r, color) { |
||||
|
ctx.beginPath(); |
||||
|
ctx.moveTo(x + w, y + h); |
||||
|
ctx.lineTo(x, y + h) |
||||
|
// 左上角
|
||||
|
ctx.arc(x + r, y + r, r, Math.PI, 1.5 * Math.PI); |
||||
|
ctx.moveTo(x + r, y); |
||||
|
ctx.lineTo(x + w - r, y); |
||||
|
ctx.lineTo(x + w, y + r); |
||||
|
// 右上角
|
||||
|
ctx.arc(x + w - r, y + r, r, 1.5 * Math.PI, 2 * Math.PI); |
||||
|
ctx.lineTo(x + w, y + h); |
||||
|
ctx.lineTo(x + w - r, y + h); |
||||
|
ctx.fillStyle = color; |
||||
|
ctx.fill(); |
||||
|
ctx.closePath(); |
||||
|
}, |
||||
|
handleBorderRect2(ctx, x, y, w, h, r, color) { |
||||
|
ctx.beginPath(); |
||||
|
ctx.moveTo(x, y); |
||||
|
ctx.lineTo(x + w, y) |
||||
|
// 右下角
|
||||
|
ctx.arc(x + w - r, y + h - r, r, 0, 0.5 * Math.PI); |
||||
|
ctx.lineTo(x + r, y + h); |
||||
|
ctx.lineTo(x, y + h - r); |
||||
|
// 左下角
|
||||
|
ctx.arc(x + r, y + h - r, r, 0.5 * Math.PI, Math.PI); |
||||
|
ctx.lineTo(x, y); |
||||
|
ctx.lineTo(x, y); |
||||
|
ctx.fillStyle = color; |
||||
|
ctx.fill(); |
||||
|
ctx.closePath(); |
||||
|
}, |
||||
|
// 绘制两行文字
|
||||
|
drawText: function (ctx, str, x, y, canvasWidth, ratio) { |
||||
|
let row = [], |
||||
|
temp = "", |
||||
|
chr = str.split(""); |
||||
|
for (var a = 0; a < chr.length; a++) { |
||||
|
if (ctx.measureText(temp).width < canvasWidth) { |
||||
|
temp += chr[a]; |
||||
|
} else { |
||||
|
a--; //这里添加了a-- 是为了防止字符丢失，效果图中有对比
|
||||
|
row.push(temp); |
||||
|
temp = ""; |
||||
|
} |
||||
|
} |
||||
|
row.push(temp); |
||||
|
|
||||
|
//如果数组长度大于2 则截取前两个
|
||||
|
if (row.length > 2) { |
||||
|
var rowCut = row.slice(0, 2); |
||||
|
var rowPart = rowCut[1]; |
||||
|
var test = ""; |
||||
|
var empty = []; |
||||
|
for (var a = 0; a < rowPart.length; a++) { |
||||
|
if (ctx.measureText(test).width < canvasWidth - 30 * ratio) { |
||||
|
test += rowPart[a]; |
||||
|
} else { |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
empty.push(test); |
||||
|
var group = empty[0] + "..." //这里只显示两行，超出的用...表示
|
||||
|
rowCut.splice(1, 1, group); |
||||
|
row = rowCut; |
||||
|
} |
||||
|
for (var b = 0; b < row.length; b++) { |
||||
|
ctx.fillText(row[b], x, y + b * 40 * ratio, canvasWidth); |
||||
|
} |
||||
|
}, |
||||
|
gotoDetail: function (e) { |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
pagePoint({ |
||||
|
event: 'recommend_click', |
||||
|
param: { |
||||
|
id: item.id, |
||||
|
type: item.type |
||||
|
} |
||||
|
}, 1) |
||||
|
if (item.type == 'travels') { |
||||
|
// 游记做特殊处理 其他都按照原来的来
|
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/info/strategyInfo/index?id=' + item.s_id, |
||||
|
}) |
||||
|
} else { |
||||
|
gotoDetail(item); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
gotolocation: function () { |
||||
|
let info = this.data.supplierInfo; |
||||
|
wx.openLocation({ |
||||
|
latitude: Number(info.lat), |
||||
|
longitude: Number(info.lon), |
||||
|
name:info.shop_name, |
||||
|
address:info.address |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
callPhone :function () { |
||||
|
wx.makePhoneCall({ |
||||
|
phoneNumber: this.data.prod_phone, |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
viewImg:function(e){ |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
if (item.img_list.length>0) { |
||||
|
wx.previewImage({ |
||||
|
urls: item.img_list |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
swiperChange (e) { |
||||
|
if(e.detail.source == "touch") { |
||||
|
let index = e.detail.current |
||||
|
this.setData({ |
||||
|
swiperCurrent: index |
||||
|
}) |
||||
|
} |
||||
|
console.log(e, this.data.swiperCurrent) |
||||
|
}, |
||||
|
changeSwiperCurrent (e) { |
||||
|
let index = e.currentTarget.dataset.index |
||||
|
this.setData({ |
||||
|
swiperCurrent: index |
||||
|
}) |
||||
|
}, |
||||
|
changeSimpleVal (e) { |
||||
|
let keyname = e.currentTarget.dataset.keyname; |
||||
|
let val = e.currentTarget.dataset.val; |
||||
|
let param = {} |
||||
|
param[keyname] = val |
||||
|
this.setData(param) |
||||
|
console.log(this.data) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
app.globalData.postProduct = [] |
||||
|
if (!wx.getStorageSync('jstrip_token')) { |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
commonApi.user_post('cart/get_count', {noLogin: true}).then(res => { |
||||
|
this.setData({ |
||||
|
cartCount: res.data //1
|
||||
|
}) |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
playVideo() { |
||||
|
// 播放视频需要把autoplay暂停
|
||||
|
this.setData({ |
||||
|
autoPlay: false |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,6 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"title":"/pages/component/TitleHeader", |
||||
|
"code":"/pages/order/components/wxqrCode/index" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,290 @@ |
|||||
|
<!--pages/info/hotelProductInfo/index.wxml--> |
||||
|
<wxs src="../../utils/filter.wxs" module="tool" /> |
||||
|
<title title="产品详情"></title> |
||||
|
<view class="shop-info" bindtap="changeSimpleVal" data-keyname="showShopInfo" data-val="{{true}}"> |
||||
|
<image class="supplier-headImg" src="{{supplierInfo.headimg}}" mode="aspectFill"></image> |
||||
|
<view class="content"> |
||||
|
<view style="display: flex;align-items: flex-start;"> |
||||
|
<view class="shop-title shop-com-width textOver2">{{supplierInfo.shop_name}}</view> |
||||
|
<image style="height: 25rpx;margin: 10rpx 68rpx 0 13rpx;" mode="heightFix" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/postDetail/rightIcon.png"></image> |
||||
|
<image wx:if="{{prod_phone}}" class="icon-phone" catch:tap="callPhone" src="https://static.ticket.sz-trip.com/uploads/20250926/6d69afa7a2f955f60fd7cd5475e2b119.png"></image> |
||||
|
</view> |
||||
|
<view class="address" style="display: flex;align-items: center;justify-content: space-between;"> |
||||
|
<view class="shop-com-width textOver" style="padding-right: 98rpx;">{{supplierInfo.address}}</view> |
||||
|
<image class="icon-phone" catch:tap="gotolocation" src="https://static.ticket.sz-trip.com/uploads/20250926/6ce5e0467e0745e5f1140b6757ada213.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view style="height: 20rpx;width: 100%;background: #F7F7F7;"></view> |
||||
|
|
||||
|
|
||||
|
<scroll-view scroll-x scroll-with-animation enable-flex id="menus" |
||||
|
scroll-into-view="{{scrollDom}}" scroll-into-view-offset="{{scrollDomLeft}}" |
||||
|
|
||||
|
class="scroll-menus{{fixed?' fixed-menus':''}}" style="top:{{top}}px" wx:if="{{supplierInfo&&supplierInfo.products.length>0}}"> |
||||
|
<view id="scrollView{{index}}" class="scroll-menu-item {{idIndex==index?'active':''}}" |
||||
|
wx:for="{{supplierInfo.products}}" data-item="{{item}}" data-index="{{index}}" |
||||
|
bind:tap="changeProduct"> |
||||
|
{{item.subtitle}} |
||||
|
</view> |
||||
|
|
||||
|
</scroll-view> |
||||
|
|
||||
|
<!-- <view class="share-icon" bindtap="share"></view> --> |
||||
|
<image lazy-load wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image> |
||||
|
<view style="position: relative;"> |
||||
|
<swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}" current="{{swiperCurrent}}" |
||||
|
interval="{{2000}}" duration="{{300}}" bindchange="swiperChange"> |
||||
|
<block wx:if="{{info.videourl}}" wx:key="*this"> |
||||
|
<swiper-item> |
||||
|
<video bindplay="playVideo" src="{{info.videourl}}" autoplay="{{true}}" muted="{{true}}" |
||||
|
show-mute-btn="{{true}}" show-background-playback-button="{{false}}" |
||||
|
show-progress="{{false}}" enable-progress-gesture="{{false}}"></video> |
||||
|
<!-- <image lazy-load src="{{info.headimg}}" mode="aspectFill"></image> --> |
||||
|
</swiper-item> |
||||
|
</block> |
||||
|
<block wx:for="{{info.listimg}}" wx:key="*this"> |
||||
|
<swiper-item> |
||||
|
<image lazy-load src="{{item}}" mode="aspectFill"></image> |
||||
|
</swiper-item> |
||||
|
</block> |
||||
|
<block wx:for="{{info.sku}}" wx:key="*this"> |
||||
|
<swiper-item style="position: relative;"> |
||||
|
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image> |
||||
|
<view class="sku-tips "> |
||||
|
<view class="textOver">{{item.sku_name}}</view> |
||||
|
</view> |
||||
|
</swiper-item> |
||||
|
</block> |
||||
|
</swiper> |
||||
|
<view class="swiper-bottom" wx:if="{{info}}"> |
||||
|
<!-- <view class="swuper-bottom-bg"> |
||||
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.video.min&&swiperCurrent<=swiperRange.video.max)?'active':''}}" |
||||
|
wx:if="{{info.videourl}}" bind:tap="changeSwiperCurrent" data-index="{{0}}">视频</view> |
||||
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}" |
||||
|
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.min}}">图片</view> |
||||
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.sku.min&&swiperCurrent<=swiperRange.sku.max)?'active':''}}" |
||||
|
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.sku.min}}">款式</view> |
||||
|
</view> --> |
||||
|
<view class="swiper-bottom-item bottom-number active">{{swiperCurrent+1}}/{{swiperRange.sku.max+1}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<view wx:if="{{info}}"> |
||||
|
<view class="top-info" style="padding: 0;" > |
||||
|
<view class="wineScene-price-container" > |
||||
|
<view class="wineSecne-price">{{info.price/100}}<text class="wineSecne-money">优惠前￥{{info.market_price/100}}</text></view> |
||||
|
<view>已售{{info.sales_number>1000?"1000+":(info.sales_number||0)}}</view> |
||||
|
</view> |
||||
|
<view style="padding: 20rpx 20rpx 20rpx 26rpx;"> |
||||
|
|
||||
|
<view class="title textOver2"><text class="hot-font">热</text>{{info.title}}</view> |
||||
|
<view class="tags-box textOver" wx:if="{{info.subtitle}}"> |
||||
|
<view class="tag textOver" >{{info.subtitle}}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="other-info-box" > |
||||
|
<view class="other-info-item" style="align-items: flex-start;"bindtap="changeSimpleVal" |
||||
|
data-keyname="otherInfoShow" data-val="{{1}}" wx:if="{{info.shipment_tag}}"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/50f3e2316c3f3cc906fe4c78f127e960.png"></image> |
||||
|
<view class="other-content textOver" >{{info.shipment_tag_str}}</view> |
||||
|
<!-- <view style="margin-top: 6rpx;" class="view-arrow">></view> --> |
||||
|
</view> |
||||
|
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{2}}" |
||||
|
wx:if="{{info.service_tag_str}}"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/ce4323d9bcdf2ff03a0985ae4cbdabbe.png"></image> |
||||
|
<view class="other-content textOver">{{info.service_tag_str}}</view> |
||||
|
<!-- <view class="view-arrow">></view> --> |
||||
|
</view> |
||||
|
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{3}}" |
||||
|
wx:if="{{info.parameter_tag_str}}"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/958d9a3ed9404790ba5d17548e20fee8.png"></image> |
||||
|
<view class="other-content textOver">{{info.parameter_tag_str}}</view> |
||||
|
<!-- <view class="view-arrow">></view> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<view class="scroll-all-box" wx:if="{{info}}"> |
||||
|
<view class="info-box" id="box1"> |
||||
|
<view class="info-title">套餐详情</view> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.content)}}"></rich-text> |
||||
|
</view> |
||||
|
<view style="height: 20rpx;width: 100%;background: #F7F7F7;"></view> |
||||
|
|
||||
|
<!-- <view class="info-box" id="box2"> |
||||
|
<view class="info-title">费用说明</view> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.expense_info)}}"></rich-text> |
||||
|
</view> --> |
||||
|
<view class="info-box" id="box3"> |
||||
|
<view class="info-title">购买须知</view> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<view style="height:140rpx"></view> |
||||
|
<view class="fixed-bottom"> |
||||
|
<view class="['left-img',{{!iShop?'no-shop':''}}]"> |
||||
|
<navigator url="/pages/user/service/index" catchtap="pagePoint" data-event='product_customservice' class="kefu-box"> |
||||
|
<view class="iconfont icon-kefu"></view> |
||||
|
<view>客服</view> |
||||
|
</navigator> |
||||
|
|
||||
|
<view class="kefu-box"></view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view class="btns"> |
||||
|
<view class="btn" bindtap="order">加入购物车</view> |
||||
|
<view class="btn" bindtap="order" data-type="order" wx:if="{{info && info.flag==1}}" >立即购买</view> |
||||
|
<view class="btn disable" wx:elif="{{info}}" style="border-radius: 39rpx;">该商品已下架</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- 购物车悬浮框 --> |
||||
|
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image> |
||||
|
<view class="cart-num">{{cartCount}}</view> |
||||
|
</navigator> |
||||
|
<view class="mask" wx:if="{{skuFlag}}"> |
||||
|
<view class="mask-bg" bindtap="hideSku"></view> |
||||
|
<view class="mask-content"> |
||||
|
<view class="iconfont icon-close" bindtap="hideSku"></view> |
||||
|
<view class="sku-info-box"> |
||||
|
<image lazy-load id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image> |
||||
|
<view class="sku-info"> |
||||
|
<view> |
||||
|
<view class="sku-price">{{info.sku[skuIndex].price/100}} |
||||
|
|
||||
|
</view> |
||||
|
<view class="sku-name">已选择：{{info.sku[skuIndex].sku_name}}</view> |
||||
|
</view> |
||||
|
<view style="display: flex;align-items: center;"> |
||||
|
<view class="number-box"> |
||||
|
<view class="iconfont icon-sami-select" bindtap="minus"></view> |
||||
|
<view class="number">{{producNum}}</view> |
||||
|
<view class="iconfont icon-add-select" bindtap="add"></view> |
||||
|
</view> |
||||
|
<view class="limit-number" wx:if="{{info.sku[skuIndex].sku_model.traveller_limit_num>0}}">限购{{info.sku[skuIndex].sku_model.traveller_limit_num}}件</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="font-weight: bold;font-size: 33rpx;color: #060001;margin:0rpx 25rpx 27rpx">产品分类（{{info.sku.length}}）</view> |
||||
|
<view class="sku-names"> |
||||
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}" |
||||
|
wx:for="{{info.sku}}"> |
||||
|
<image lazy-load src="{{item.headimg}}"></image> |
||||
|
<view class="sku-name textOver2">{{item.sku_name}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view style="height:138rpx"></view> |
||||
|
<view class="btn-box"> |
||||
|
<view class="mask-btn" bindtap="order" wx:if="{{info.sku[skuIndex].flag=='on'}}">{{skuFlag=='cart'?'确认':'立即购买'}} |
||||
|
</view> |
||||
|
<view class="mask-btn disable" wx:else>该商品已下架</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="position:absolute;right:0;left:-10000rpx;top:-20000rpx;z-index:-1"> |
||||
|
<canvas canvas-id='imageCanvas' class='imageCanvas' style="width:551rpx;height:643rpx;" disable-scroll='true'> |
||||
|
</canvas> |
||||
|
<canvas class="canvasCode" style="opacity:0;width:500px;height:500px" canvas-id="myQrcode"></canvas> |
||||
|
</view> |
||||
|
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;"> |
||||
|
<view class="mask-bg" bindtap="share"></view> |
||||
|
<view class="mask-content share-img-box"> |
||||
|
<image lazy-load class="share-img" src="{{shareImg}}" mode="widthFix"></image> |
||||
|
<view class="share-tips"> |
||||
|
<view style="position:relative"> |
||||
|
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix"> |
||||
|
</image> |
||||
|
<view>保存图片到相册</view> |
||||
|
<view class="tipimg"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image lazy-load style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image> |
||||
|
<view style="position:relative"> |
||||
|
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix"> |
||||
|
</image> |
||||
|
<view>微信识别二维码</view> |
||||
|
<view class="tipimg"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="save-btn" bindtap="save">保存到相册</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<code showModel="{{showQrCode}}" qrcode = "{{wxqrcode}}"> |
||||
|
</code> |
||||
|
|
||||
|
<!-- <view class="mask" wx:if="{{otherInfoShow>0}}"> --> |
||||
|
<view class="mask" wx:if="{{false}}"> |
||||
|
<view class="mask-bg" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view> |
||||
|
<view class="mask-content"> |
||||
|
<view class="iconfont icon-close" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view> |
||||
|
<view class="other-info-content"> |
||||
|
<view class="title">{{otherInfoShow==3?"产品参数":otherInfoShow==2?"服务说明":"发货说明"}}</view> |
||||
|
<view wx:if="{{otherInfoShow==1}}"> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.shipment_info)}}"></rich-text> |
||||
|
</view> |
||||
|
<view wx:if="{{otherInfoShow==2}}"> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.service_info)}}"></rich-text> |
||||
|
</view> |
||||
|
<view wx:if="{{otherInfoShow==3}}"> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.parameter_info)}}"></rich-text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="height:138rpx"></view> |
||||
|
<view class="btn-box"> |
||||
|
<view class="mask-btn" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}">确定</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<!-- 店铺信息 --> |
||||
|
<view class="mask" wx:if="{{showShopInfo}}"> |
||||
|
<view class="mask-bg" bindtap="changeSimpleVal" data-keyname="showShopInfo" data-val="{{false}}"></view> |
||||
|
<view class="mask-content supplier-mask"> |
||||
|
<view class="iconfont icon-close" bindtap="changeSimpleVal" data-keyname="showShopInfo" data-val="{{false}}"></view> |
||||
|
<view class="supplier-mask-header">商家信息</view> |
||||
|
<view class="mask-shop-info"> |
||||
|
<view>{{supplierInfo.shop_name}}</view> |
||||
|
<view class="shop-info-item"> |
||||
|
<image class="start-icon" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/food/time.png"></image> |
||||
|
<view> |
||||
|
<view>营业时间</view> |
||||
|
<view class="subtitle">{{supplierInfo.business_hours}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="shop-info-item" style="justify-content: space-between;"> |
||||
|
<image class="start-icon" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/food/time.png"></image> |
||||
|
<view style="flex: 1;width: 100rpx;"> |
||||
|
<view>{{supplierInfo.address}}</view> |
||||
|
<view class="subtitle" wx:if="{{supplierInfo.distance}}">据您约{{supplierInfo.distance}}km</view> |
||||
|
</view> |
||||
|
<image class="icon-phone" catch:tap="callPhone" src="https://static.ticket.sz-trip.com/uploads/20250926/6d69afa7a2f955f60fd7cd5475e2b119.png"></image> |
||||
|
<image class="icon-phone" catch:tap="gotolocation" src="https://static.ticket.sz-trip.com/uploads/20250926/6ce5e0467e0745e5f1140b6757ada213.png"></image> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
<view style="height: 20rpx;width: 100%;background: #F7F7F7;"></view> |
||||
|
<view class="supplier-mask-header">商家介绍</view> |
||||
|
<rich-text style="padding: 0 28rpx;" class="details" nodes="{{tool.formateRichText(supplierInfo.content)}}"></rich-text > |
||||
|
<view style="width: 100%;height: 20rpx;"></view> |
||||
|
</view> |
||||
|
</view> |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue