light_order.html
5.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>财神庙</title>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/fontsize.js"></script>
<link href="__TMPL__/public/assets/css/temple.css" rel="stylesheet">
</head>
<body>
<div class="content">
<div class="head">
<div class="center">
<div class="area"># {$area.name} #</div>
<div class="line-column">{$list.row}行-{$list.column}列</div>
<div class="term">预定为固定期限{$list.term}年</div>
<div class="term-of-validity">{:date('Y年m月d日',time());}-{$list.end_time}</div>
<div class="price">价格：{$list.price}元</div>
</div>
</div>
<div class="section">
<div class="title">十方台显示信息</div>
<div class="avatar-box" onclick="editAvatar()">
<div class="border-box">
<image src="{:cmf_get_image_preview_url($users.avatar);}" class="avatar-img"></image>
<div class="edit">
<div class="avatar">编辑头像</div>
<image src="__TMPL__/public/assets/images/bicon03@2x.png" class="arrow"></image>
</div>
</div>
</div>
<div class="name-box" onclick="editAvatar()">
<div class="border-box">
<div class="name">姓名</div>
<!--<input type="text" placeholder="" class="name-input"/>-->
<div class="edit">
<input class="name-info" style="border:none;outline:none;text-align:right;" value="{$users.user_name}">
<image src="__TMPL__/public/assets/images/bicon03@2x.png" class="arrow"></image>
</div>
</div>
</div>
<div class="bless-box">
<div class="bless-title">祈祷语</div>
<div class="bless-input">
<!--<input type="text" placeholder="请输入祈祷语" class="bless-input"/>-->
<!--<textarea type="text" placeholder="请输入祈祷语" class="bless-input"/>-->
<textarea name="" id="content" cols="30" rows="10" placeholder="请输入祈祷语(最多30字)" class="bless-input" maxlength="30"></textarea>
</div>
</div>
</div>
<div class="footer">
<div class="btn">
<div class="seat-num" onclick="resetChoose()">重新选区</div>
<div class="reset" onclick="">我要预定</div>
</div>
</div>
</div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
function resetChoose() {
window.history.go(-1);
}
wx.config(
{$js}
);
var serverIds = '';
wx.ready(function () {
$('.avatar').click(function () {
// var id = $(this).attr('id');
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
success: function (res) {
$('.avatar-img').attr('src',res.localIds)
uploadImages(res.localIds)
}
});
});
function uploadImages(localIds) {
var localId = localIds.pop();
// alert(localIds)
wx.uploadImage({
localId: localId,
isShowProgressTips: 1,
success: function (res) {
serverIds = res.serverId; // 返回图片的服务器端ID
// serverIds += id+':'+serverId + ',';
// alert(serverIds)
},
fail: function (res) {
$modal.toast(JSON.stringify(res));
}
});
}
});
$('.reset').click(function () {
// console.log($('.bless-input').val())
var content=$('#content').val()
content=content.replace(/，/ig,',');
content=content.replace(/。/ig,'.');
content=content.replace(/：/ig,':');
content=content.replace(/；/ig,';');
content=content.replace(/！/ig,'!');
if(content==""){
alert('祈福语必须输入')
return false
}
$.ajax({
url: "{:url('portal/index/listOrderPost')}",
type: "post",
data: {
'media': serverIds,
'name':$('.name-info').val(),
'content':content,
'money':"{$list.price}",
'light_id':"{$list.id}",
'term':"{$list.term}",
'create_time':"{:time()}"
},
success: function (data) {
// console.log(data);
if (data==2){
alert('十方台温馨提示：\n预订失败');
return false
}else if (data==3){
alert('十方台温馨提示：\n该财神灯已被点亮');
return false
}else if (data==4){
alert('十方台温馨提示：\n其他用户支付中');
return false
}
else {
window.location.href=data;
}
}
})
})
</script>
</html>