light_order.html
5.0 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
<!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="请输入祈祷语" class="bless-input"></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())
$.ajax({
url: "{:url('portal/index/listOrderPost')}",
type: "post",
data: {
'media': serverIds,
'name':$('.name-info').val(),
'content':$('#content').val(),
'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 {
window.location.href=data;
}
}
})
})
</script>
</html>