@@ -1,103 +0,0 @@ | |||||
const Http = require("../../utils/HttpBasics"); | |||||
var config = require("../../config/config.js"); | |||||
Component({ | |||||
properties: { | |||||
questionnaire: { | |||||
type: Object, | |||||
value: {} | |||||
}, | |||||
questionId: { | |||||
type: String, | |||||
value: {} | |||||
} | |||||
}, | |||||
data: { | |||||
widthScreen: null, | |||||
moveData: null, | |||||
rotateData: null, | |||||
alphaData: null, | |||||
scaleData: null, | |||||
skewData: null, | |||||
matrixData: null, | |||||
flag: false, | |||||
}, | |||||
methods:{ | |||||
close:function(){ | |||||
this.alphaClick(); | |||||
this.queueClick(); | |||||
// 子组件向父组件传值 | |||||
// 传值到 coupon=>detail页面 | |||||
var myEvent = "questions1"; | |||||
this.triggerEvent('myevent', myEvent); | |||||
}, | |||||
/** | |||||
* 点击提交问题单选 | |||||
*/ | |||||
formSubmit:function(e){ | |||||
let that = this; | |||||
/** | |||||
* 多选 | |||||
*/ | |||||
if (e.currentTarget.dataset.flags =='multi'){ | |||||
if (that.data.anwserId.length==0){ | |||||
var answserIs = "" | |||||
}else{ | |||||
var answserIs = that.data.anwserId.join(","); | |||||
} | |||||
} | |||||
else{ | |||||
var answserIs = e.target.dataset.answerid; | |||||
} | |||||
Http.post({ | |||||
url: config.api.answerQuestion, | |||||
data: { | |||||
answer: answserIs, | |||||
questionId: e.currentTarget.dataset.questionid | |||||
} | |||||
}) | |||||
.then(res => { | |||||
this.alphaClick(); | |||||
this.queueClick(); | |||||
}) | |||||
.catch(err => { | |||||
wx.showToast({ | |||||
title: err.errMsg, | |||||
icon: 'none', | |||||
duration: 2000, | |||||
mask: false | |||||
}); | |||||
}) | |||||
// 子组件向父组件传值 | |||||
// 传值到 coupon=>detail页面 | |||||
var myEvent1 = "questions2"; | |||||
this.triggerEvent('myevent', myEvent1); | |||||
}, | |||||
/** | |||||
* 多选 | |||||
*/ | |||||
checkboxChange:function(e){ | |||||
this.setData({ | |||||
anwserId:e.detail.value | |||||
}) | |||||
}, | |||||
queueClick: function () { | |||||
let that = this; | |||||
var animation = wx.createAnimation({}); | |||||
setTimeout(function () { | |||||
that.setData({ flag: true }) | |||||
}, 600) | |||||
animation.translate((this.data.widthScreen - 0), 0).scale(0).opacity(0.5).step({ duration: 1000 }) | |||||
that.setData({ queueData: animation.export()}) | |||||
}, | |||||
alphaClick: function (even) { | |||||
let that = this; | |||||
var animation = wx.createAnimation({}); | |||||
setTimeout(function () { | |||||
that.setData({ flag: true }) | |||||
}, 600) | |||||
animation.opacity(0).step({ duration: 1000 }) | |||||
that.setData({ alphaData: animation.export()}); | |||||
} | |||||
}, | |||||
}); |
@@ -1,6 +0,0 @@ | |||||
{ | |||||
"component": true, | |||||
"usingComponents": { | |||||
} | |||||
} |
@@ -1,25 +0,0 @@ | |||||
<view hidden="{{flag}}"> | |||||
<view class="b1" animation="{{alphaData}}"> | |||||
<view id='con' class='con' animation="{{queueData}}"> | |||||
<image class='close' mode='widthFix' src="./../../assets/img/closed.png" bindtap="close"></image> | |||||
<image class='ques_gou' mode='widthFix' src="./../../assets/img/ques_gou.png"></image> | |||||
<image class='image' src="./../../assets/img/headbg.png" mode='widthFix'></image> | |||||
<image class='img image' src="./../../assets/img/ques_bg.png" mode='widthFix'></image> | |||||
<view class='question'> | |||||
<text class='title'>{{questionnaire.title}}</text> | |||||
<!-- 单选 --> | |||||
<radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="sigle" bindtap="formSubmit" data-questionId="{{questionId}}"> | |||||
<radio class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="{{index}}" value="{{item.id}}" data-answer="{{item.name}}" data-answerId="{{item.id}}"> | |||||
<view>{{item.name}}</view> | |||||
</radio> | |||||
</radio-group> | |||||
<!-- 多选 --> | |||||
<checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange"> | |||||
<label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key=""> | |||||
<checkbox value="{{item.id}}" />{{item.name}} | |||||
</label> | |||||
</checkbox-group> | |||||
<view class='ques btns' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view> | |||||
</view> </view> | |||||
</view> | |||||
</view> |
@@ -1,84 +0,0 @@ | |||||
.b1 { | |||||
position: fixed; | |||||
top: 0px; | |||||
bottom: 0px; | |||||
left: 0px; | |||||
right: 0px; | |||||
background: rgba(0, 0, 0, 0.8); | |||||
overflow: hidden; | |||||
z-index: 100; | |||||
} | |||||
.con { | |||||
position: absolute; | |||||
top: 35rpx; | |||||
right: 0; | |||||
bottom: 0; | |||||
left: 0; | |||||
margin: auto; | |||||
width: 587rpx; | |||||
} | |||||
.con .image{ | |||||
display: block; | |||||
width: 100%; | |||||
} | |||||
.img { | |||||
margin-top: -50rpx; | |||||
} | |||||
.question { | |||||
display: block; | |||||
width: 587rpx; | |||||
background: #fff; | |||||
border-bottom-left-radius: 22rpx; | |||||
border-bottom-right-radius: 22rpx; | |||||
overflow: hidden; | |||||
} | |||||
.ques { | |||||
display: block; | |||||
width: 511rpx; | |||||
margin: 0 auto; | |||||
height: 95rpx; | |||||
line-height: 95rpx; | |||||
font-size: 30rpx; | |||||
color: #333; | |||||
border-bottom: 1rpx solid #eee; | |||||
} | |||||
.title { | |||||
width: 511rpx; | |||||
display: block; | |||||
text-align: center; | |||||
height: 50rpx; | |||||
margin: 0 auto; | |||||
padding-top:10rpx; | |||||
padding-bottom:20rpx; | |||||
font-size: 32rpx; | |||||
font-weight: bold; | |||||
line-height: 41rpx; | |||||
border-bottom: 1rpx solid #eee; | |||||
} | |||||
.quessss >view:last-child{ | |||||
border-bottom:0; | |||||
} | |||||
.close{ | |||||
position: relative; | |||||
z-index: 10000; | |||||
display: block; | |||||
width: 70rpx; | |||||
} | |||||
.ques_gou{ | |||||
position: absolute; | |||||
width: 20rpx; | |||||
top: 160rpx; | |||||
left: 23rpx; | |||||
} | |||||
.btns{ | |||||
color: #f8755b; | |||||
font-weight: bold; | |||||
font-size: 30rpx!important; | |||||
text-align: center!important; | |||||
} |
@@ -1,6 +1,6 @@ | |||||
var config = { | var config = { | ||||
// url: "https://ciformall.youlane.cn/C/api", | |||||
url:"https://c.malls.iformall.com/C/api", | |||||
url: "https://ciformall.youlane.cn/C/api", | |||||
// url:"https://c.malls.iformall.com/C/api", | |||||
// url:'https://ctest.malls.iformall.com/C/api', | // url:'https://ctest.malls.iformall.com/C/api', | ||||
api: { | api: { | ||||
/** | /** | ||||
@@ -166,7 +166,7 @@ var config = { | |||||
}, | }, | ||||
weapp: { | weapp: { | ||||
AppId: "wx026ee7f6290aa336" | |||||
AppId: "wxea71200db93d756b" | |||||
}, | }, | ||||
ErrorCode: { | ErrorCode: { | ||||
NICK_NOT_AUTH: 11004, | NICK_NOT_AUTH: 11004, | ||||
@@ -23,6 +23,7 @@ Page({ | |||||
id: null, | id: null, | ||||
result: [], | result: [], | ||||
end_time: null, | end_time: null, | ||||
checked:false, | |||||
clock: "已经截止", | clock: "已经截止", | ||||
questionnaire: {}, | questionnaire: {}, | ||||
questionId: null, | questionId: null, | ||||
@@ -36,7 +37,7 @@ Page({ | |||||
opacity:0, | opacity:0, | ||||
queueData:null, | queueData:null, | ||||
zIndex:11, | zIndex:11, | ||||
display:null, | |||||
display:"none", | |||||
showbutton:false | showbutton:false | ||||
}, | }, | ||||
phone: function () { | phone: function () { | ||||
@@ -51,20 +52,23 @@ Page({ | |||||
* 点击提交问题单选 | * 点击提交问题单选 | ||||
*/ | */ | ||||
formSubmit: function (e) { | formSubmit: function (e) { | ||||
console.log(e); | |||||
let that = this; | let that = this; | ||||
/** | /** | ||||
* 多选 | * 多选 | ||||
*/ | */ | ||||
console.log(e); | |||||
if (e.currentTarget.dataset.flags == 'multi') { | if (e.currentTarget.dataset.flags == 'multi') { | ||||
if (that.data.anwserId.length == 0) { | if (that.data.anwserId.length == 0) { | ||||
var answserIs = "" | |||||
var answserIs = null | |||||
} else { | } else { | ||||
var answserIs = that.data.anwserId.join(","); | var answserIs = that.data.anwserId.join(","); | ||||
} | } | ||||
} else { | |||||
var answserIs = e.target.dataset.answerid; | |||||
} | |||||
else if (e.currentTarget.dataset.flags == 'single') { | |||||
var answserIs = e.detail.value; | |||||
} | } | ||||
console.log(answserIs) | |||||
console.log(e.currentTarget.dataset.questionid) | |||||
Http.post({ | Http.post({ | ||||
url: config.api.answerQuestion, | url: config.api.answerQuestion, | ||||
data: { | data: { | ||||
@@ -88,6 +92,7 @@ Page({ | |||||
* 多选 | * 多选 | ||||
*/ | */ | ||||
checkboxChange: function (e) { | checkboxChange: function (e) { | ||||
console.log(e) | |||||
this.setData({ | this.setData({ | ||||
anwserId: e.detail.value | anwserId: e.detail.value | ||||
}) | }) | ||||
@@ -95,13 +100,11 @@ Page({ | |||||
closeQuestion: function () { | closeQuestion: function () { | ||||
let that = this; | let that = this; | ||||
setTimeout(function(){ | |||||
that.setData({ | |||||
display: "none", | |||||
zIndex: 11, | |||||
opacity: 0 | |||||
}) | |||||
},500) | |||||
that.setData({ | |||||
display: "none", | |||||
zIndex: 11, | |||||
opacity: 0 | |||||
}) | |||||
setTimeout(function () { | setTimeout(function () { | ||||
that.orderFunc(); | that.orderFunc(); | ||||
}, 500) | }, 500) | ||||
@@ -133,10 +136,11 @@ Page({ | |||||
animation.translate((that.data.widthScreen - that.data.widthScreen), 0).scale(1).opacity(1).step({ | animation.translate((that.data.widthScreen - that.data.widthScreen), 0).scale(1).opacity(1).step({ | ||||
duration: 500 | duration: 500 | ||||
}) | }) | ||||
that.setData({ | that.setData({ | ||||
queueData: animation.export(), | queueData: animation.export(), | ||||
zIndex:9, | zIndex:9, | ||||
opacity:1, | |||||
display:"block", | |||||
questionnaire: JSON.parse(res.data.content), | questionnaire: JSON.parse(res.data.content), | ||||
questionId: res.data.id | questionId: res.data.id | ||||
}); | }); | ||||
@@ -4,11 +4,10 @@ | |||||
<view class='banner'> | <view class='banner'> | ||||
<image src='{{data.coverImg}}'></image> | <image src='{{data.coverImg}}'></image> | ||||
</view> | </view> | ||||
<view class='coupons_info' style='position:relative;z-index:{{zIndex}}'> | |||||
<view class='coupons_info' style='position:relative;z-index:9'> | |||||
<view class='fenxiang'> | <view class='fenxiang'> | ||||
<image class="fenxiang" src='./../../../assets/img/fenxiang.png' mode="widthFix"></image> | <image class="fenxiang" src='./../../../assets/img/fenxiang.png' mode="widthFix"></image> | ||||
<button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}' data-title='{{data.title}}' | |||||
id="shareBtn" open-type="share" hover-class="other-button-hover"></button> | |||||
<button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}' data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button> | |||||
</view> | </view> | ||||
<view> | <view> | ||||
<view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined&&data.type!=5}}"> | <view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined&&data.type!=5}}"> | ||||
@@ -67,7 +66,7 @@ | |||||
<text>{{data.merchantName}}</text> | <text>{{data.merchantName}}</text> | ||||
<text>{{data.addr}}{{data.buildingName}}{{data.floorName}}</text> | <text>{{data.addr}}{{data.buildingName}}{{data.floorName}}</text> | ||||
</view> | </view> | ||||
<image style='position:absolute;z-index:{{zIndex}}' bindtap='phone' class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" /> | |||||
<image bindtap='phone' class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" /> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='notes'> | <view class='notes'> | ||||
@@ -92,7 +91,7 @@ | |||||
<!-- 问卷调查 --> | <!-- 问卷调查 --> | ||||
<view class="b1" style="opacity:{{opacity}};display: {{display}}" animation="{{queueData}}"> | |||||
<view class="b1" style="opacity:{{opacity}};display: {{display}};" animation="{{queueData}}"> | |||||
<view id='con' class='con'> | <view id='con' class='con'> | ||||
<image class='close' mode='widthFix' src="./../../../assets/img/closed.png" bindtap="closeQuestion"></image> | <image class='close' mode='widthFix' src="./../../../assets/img/closed.png" bindtap="closeQuestion"></image> | ||||
<image class='ques_gou' mode='widthFix' src="./../../../assets/img/ques_gou.png"></image> | <image class='ques_gou' mode='widthFix' src="./../../../assets/img/ques_gou.png"></image> | ||||
@@ -101,12 +100,17 @@ | |||||
<view class='question'> | <view class='question'> | ||||
<text class='titles'>{{questionnaire.title}}</text> | <text class='titles'>{{questionnaire.title}}</text> | ||||
<!-- 单选 --> | <!-- 单选 --> | ||||
<radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="sigle" bindtap="formSubmit" | |||||
data-questionId="{{questionId}}"> | |||||
<radio class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="{{index}}" value="{{item.id}}" data-answer="{{item.name}}" | |||||
data-answerId="{{item.id}}"> | |||||
<view>{{item.name}}</view> | |||||
</radio> | |||||
<radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}"> | |||||
<!-- <label wx:for="{{questionnaire.answers}}" wx:key="{{index}}" data-answer="{{item.name}}" data-answerId="{{item.id}}"> | |||||
<radio class="radio ques" value="{{item.id}}" />{{item.name}} | |||||
</label> --> | |||||
<label class="radios" wx:for="{{questionnaire.answers}}" wx:key="{{index}}"> | |||||
<radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}} | |||||
</label> | |||||
</radio-group> | </radio-group> | ||||
<!-- 多选 --> | <!-- 多选 --> | ||||
<checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange"> | <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange"> | ||||
@@ -114,8 +118,7 @@ | |||||
<checkbox value="{{item.id}}" />{{item.name}} | <checkbox value="{{item.id}}" />{{item.name}} | ||||
</label> | </label> | ||||
</checkbox-group> | </checkbox-group> | ||||
<view class='ques btns' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' | |||||
data-questionId="{{questionId}}">确定</view> | |||||
<view class='ques btns' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> |
@@ -425,4 +425,12 @@ page { | |||||
font-weight: bold; | font-weight: bold; | ||||
font-size: 30rpx!important; | font-size: 30rpx!important; | ||||
text-align: center!important; | text-align: center!important; | ||||
} | |||||
.radios{ | |||||
display: block; | |||||
font-size:28rpx; | |||||
height: 95rpx; | |||||
line-height: 95rpx; | |||||
color: #333; | |||||
text-indent: .5em; | |||||
} | } |
@@ -12,7 +12,7 @@ | |||||
}, | }, | ||||
"compileType": "miniprogram", | "compileType": "miniprogram", | ||||
"libVersion": "2.0.9", | "libVersion": "2.0.9", | ||||
"appid": "wx026ee7f6290aa336", | |||||
"appid": "wxea71200db93d756b", | |||||
"projectname": "C", | "projectname": "C", | ||||
"isGameTourist": false, | "isGameTourist": false, | ||||
"condition": { | "condition": { | ||||