mall_profit.html
12.1 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>学考无忧-商场盈利</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" />
<style type="text/css">
.mui-poppicker-header,
.mui-picker {
background-color: white;
}
.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
background-color: #FF7700;
border: 0;
}
.mui-pciker-list li.highlight {
color: #FF7700;
}
.mui-dtpicker-header,.mui-dtpicker-title h5{
background-color: white;
}
</style>
</head>
<body>
<div class="tx_mask_school">
<div class="tx_maskCon_school">
<div class="three_model_school">
<div class="three_model_school_title">
选择学校-班级
</div>
<div class="three_model_school_tab">
<div class="three_model_school_left three_model_school_hover word_color">
学校
</div>
<div class="three_model_school_left">
班级
</div>
</div>
<div>
<div class="three_model_school_data there_university" style="display: block;">
<volist name="school" id="vo">
<div class="three_model_school_name <eq name='key' value='0'>there_unActive</eq>" onclick="click_school({$vo.id})">{$vo.school}</div>
</volist>
</div>
<div class="three_model_school_data there_class banjiadd">
<volist name="grade_class_show" id="vo">
<div class="three_model_school_name banji">{$vo}</div>
</volist>
</div>
</div>
</div>
</div>
</div>
<div class="log_top_co">
<!-- 顶部 -->
<div class=" order_top log_top_co">
<a href="javascript:history.back(-1)">
<img src="__TMPL__/public/assets/images/left.png" alt="" />
</a>
<p>商城盈利</p>
</div>
</div>
<!-- tab切换 -->
<div class="log_three_tab">
<div class="log_three_tab_one log_three_tab_two">商城盈利</div>
<div class="log_three_tab_one">平台盈利</div>
</div>
<div class="log_eleven_hide log_ten_block">
<!-- 列表 -->
<div class="log_ten_list">
<div class="log_ten_list_contant">
<volist name="indent_goods" id="vo">
<div class="log_ten_list_one">
<div class="log_ten_list_one_left">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="log_ten_list_one_center">
<div class="log_ten_list_one_center_top txt-cut" style="-webkit-line-clamp: 1;">
{$vo.book_name}
</div>
<div class="log_ten_list_one_center_bottom">
<div class="log_ten_list_onb_icon">
<img src="__TMPL__/public/assets/images/52.png" alt="" />
</div>
<div class="log_ten_list_onb_title">
{$vo.create_time|date="Y-m-d H:i:s",###}
</div>
</div>
</div>
<div class="log_ten_list_one_right">
<div class="log_ten_list_one_right_top"><span>￥</span>{$vo.price}</div>
<div class="log_ten_list_one_right_bottom">
×{$vo.number}
</div>
</div>
</div>
</volist>
</div>
</div>
<!-- 价格盈利 -->
<div class="log_ten_money_selcet">
<div class="log_ten_money_select_top"><span>总盈利：</span>￥{$total_money}</div>
<div class="log_ten_money_select_bottom">
<div class="log_nine_list_one log_banjis">
<div class="log_nine_list_one_left">
<div class="log_ten_money_select_title ">
选择学校
</div>
</div>
<div class="log_xue school_grade_class">请选择学校和班级</div>
<div class="log_nine_list_one_right">
<img src="__TMPL__/public/assets/images/29.png" alt="" />
</div>
</div>
<div class="log_nine_list_one log_nineKai">
<div class="log_nine_list_one_left">
<div class="log_ten_money_select_title">
开始时间
</div>
</div>
<div class="log_ks start_time">请选择开始时间</div>
<div class="log_nine_list_one_right">
<img src="__TMPL__/public/assets/images/29.png" alt="" />
</div>
</div>
<div class="log_nine_list_one log_nineJie">
<div class="log_nine_list_one_left">
<div class="log_ten_money_select_title">
结束时间
</div>
</div>
<div class="log_jsu end_time">请选择结束时间</div>
<div class="log_nine_list_one_right">
<img src="__TMPL__/public/assets/images/29.png" alt="" />
</div>
</div>
</div>
</div>
<!-- 底部按钮 -->
<div class="log_three_list_fixed">
<a href="{:url('Personalcenter/mall_profit')}">
<div class="log_three_fixed_right log_ten_bottom_btn_left">
重置
</div>
</a>
<div class="log_three_fixed_right log_ten_bottom_btn_right" onclick="my_query()">
查询
</div>
</div>
</div>
<!-- 列表 -->
<div class="log_eleven_list log_eleven_hide">
<volist name="platform_money" id="vo">
<div class="log_eleven_list_contant">
<div class="log_eleven_list_contant_left">
<div class="log_eleven_title">
下级购买{$vo.book_name}
</div>
<div class="log_eleven_time">
<div class="log_eleven_time_icon">
<img src="__TMPL__/public/assets/images/52.png" alt="" />
</div>
<div class="log_eleven_time_num">
{$vo.create_time|date="Y-m-d H:i:s",###}
</div>
</div>
</div>
<div class="log_eleven_list_contant_right">
佣金+{$vo.money}
</div>
</div>
</volist>
</div>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
<script>
/**
* 当点击学校时
*/
function click_school(id){
$.post("{:url('Personalcenter/get_grade_class')}",{id:id},function(data){
if(data){
grade = JSON.parse(data);
$('.banji').remove();
for(i=0;i<grade.length;i++){
$('.banjiadd').append("<div class='three_model_school_name banji'>"+grade[i]+"</div>");
}
}else{
$('.banji').remove();
}
});
}
/**
*点击班级时
*/
$(document).on('click','.banji',function(){
grade = $(this).text();
$('.school_grade_class').text($xuexiao+" "+grade);
})
/**
* 点击查询
*
*/
function my_query(){
grade_class = $('.school_grade_class').text();
start_time = $('.start_time').text();
end_time = $('.end_time').text();
if(grade_class == '请选择学校和班级'){
grade_class = '';
}
if(start_time == '请选择开始时间'){
start_time = '';
}
if(end_time == '请选择结束时间'){
end_time = '';
}
window.location.href = "{:url('Personalcenter/mall_profit')}?grade_class="+grade_class+"&start_time="+start_time+"&end_time="+end_time;
}
</script>
<script>
$(".log_three_tab>div").click(function() {
$(this)
.addClass("log_three_tab_two")
.addClass("word_color")
.siblings()
.removeClass("log_three_tab_two")
.removeClass("word_color");
var index = $(this).index();
console.log(index);
$(".log_eleven_hide")
.eq(index)
.addClass("log_ten_block")
.siblings()
.removeClass("log_ten_block");
});
var dtpicker = new mui.DtPicker({
type: "date", //设置日历初始视图模式
beginDate: new Date(2015, 04, 25), //设置开始日期
labels: ['年', '月', '日'], //设置默认标签区域提示语
customData: {
h: [{
value: 'AM',
text: 'AM'
},
{
value: 'PM',
text: 'PM'
}
]
}
})
//时间/日期别名
$('.log_nineKai').click(function(){
dtpicker.show(function(e) {
console.log(e);
$('.log_ks').text(e.text);
$('.log_ks').css('color', '#333333');
});
})
$('.log_nineJie').click(function(){
dtpicker.show(function(e) {
console.log(e);
$('.log_jsu').text(e.text);
$('.log_jsu').css('color', '#333333');
});
})
//学校/班级弹窗
$(".log_banjis").click(function() {
$(".tx_mask_school").css({
display: "block"
});
});
//tab弹框
$(".three_model_school_tab>div").click(function() {
var tabindex = $(this).index();
$(this).addClass("three_model_school_hover").addClass("word_color").siblings().removeClass("three_model_school_hover").removeClass("word_color");
$('.three_model_school_data').eq(tabindex).css('display', 'block').siblings().css('display', 'none');
});
// tab 大学
var $xuexiao
$(".there_university div").click(function() {
var index = $(this).index();
$(this).addClass("there_unActive").siblings().removeClass("there_unActive");
if($(this).hasClass("there_unActive")) {
console.log($(this).text());
$xuexiao = $(this).text()
$(".there_university").hide();
$(".there_class").show();
$('.three_model_school_left').eq(0).removeClass('word_color').removeClass('three_model_school_hover');
$('.three_model_school_left').eq(1).addClass('word_color').addClass('three_model_school_hover');
}
});
$('.there_class div').click(function() {
console.log($xuexiao)
var index2 = $(this).index();
$(this).addClass("there_unActive").siblings().removeClass("there_unActive");
if($xuexiao == undefined) {
alert('请选择学校')
} else if($(this).hasClass("there_unActive")) {
var banji = $(this).text();
$('.log_xue').text($xuexiao + ' ' + "—" + ' ' + banji);
$(".log_xue").css("color","#333")
$(".tx_mask_school").hide();
}
})
// 关闭弹窗
$(document).mouseup(function(e) {
var _con = $('.tx_maskCon_school');
if(!_con.is(e.target) && _con.has(e.target).length === 0) {
$('.tx_mask_school').hide()
}
})
</script>
</body>
</html>