choice_beautician.html
3.9 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
<script type="text/javascript" src="__PUBLIC__/js/rem_new.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择美容师</title>
<include file="public/header" />
<link rel="stylesheet" href="__STATIC__/css/public.css?v=__CSSVERSION__">
<link rel="stylesheet" href="__STATIC__/css/maa_service_css/choice_beautician.css?v=__CSSVERSION__">
<script type="text/javascript" src="__STATIC__/js/jquery.js"></script>
<include file="public/my_msg"/>
</head>
<style>
.grade{width: auto;}
/* 没有数据的时候 */
.no_frame{ width: 100%; margin-top: 120px; }
.no_list{
position: absolute;
top: 20%;
width: 70%;
height: 3rem;
left: 15%;
}
.no_list img{
width: 2.3rem;
height: 2.3rem; margin-bottom: 0.1rem;
}
.btn_back{ display: flex; padding-top: 0.02rem; width: 1.8rem; height: 0.4rem; line-height: 0.5rem; color: #fff;
align-items: center;justify-content: center;
background: #ff4848; border-radius:0.5rem; font-size: 0.24rem; margin: 0.5rem auto}
.maa_beautician{ border: 1px solid}
.label_one{ height: auto}
.dis_ilbk{display: inline-block; max-width: 1.4rem; width: auto; }
.dis_ilbk div{
height: 0.17rem; padding: 0 0.1rem;
padding-top:0.05rem; padding-bottom:0.04rem;
margin-right: 0.05rem; line-height: normal;
display: flex; align-items: center; justify-content: center;
}
.label_show{top:1rem; left: 1.8rem}
</style>
<body>
<!--__STATIC__/images/user_card/-->
<img class="beautician_top_img" src="__STATIC__/images/maa_service/beautician-img.jpg">
<div id="return_ajax"></div>
<div class="no_frame rel" style="display: none">
<div class="abs no_list flex ai_center jc_center">
<div >
<img src="__WEBPUBLIC__/miniapp/images/yyservice/no_beauty.png ">
<div class="fs026 fg t_c flex jc_center ai_center">暂无美容师</div>
<div onclick="go_yy_fir()" class="btn_back">其他项目</div>
</div>
</div>
</div>
</body>
<script>
var page=1;
var loading=0;
var is_no_more=0;
var erpvipid="{$user['erpvipid']}";
var stoid="{$Think.request.stoid}";
function getList() {
if(loading) return;
if(is_no_more) return;
loading=1;
var ui= layer.open({type:2,shadeClose: false});
var url="/index.php/mobile/yyservice/choice_beautician/is_ajax/1/stoid/{$Think.request.stoid}/p/"+page
+"/itemId/{$Think.request.ser_id}?pro_id={$Think.request.Id}&storageId={$Think.request.storageId}&pk_name={$pk_name}"
$.ajax({
url:url,
data:{},
success:function (res) {
loading=0;
layer.close(ui);
if(res){
page++; $("#return_ajax").append(res);
}else{
is_no_more=1;
if(page==1) $(".no_frame").show();
}
}
})
}
$(function () {
getList();
})
//--滑动到底部事件--
$(document).unbind("scroll");
$(document).bind("scroll", function (event) {
if ($(document).scrollTop() >= $(document).height() - window.innerHeight) {
if(loading!=1) getList()
}
});
//---跳转到服务列表页面---立即预约--
function go_yy_fir() {
window.location.href="/index.php/mobile/yyservice/service_items_list/stoid/{$Think.request.stoid}";
}
function go_choice_time(ob) {
var url=$(ob).attr("a_href");
var pk_name=$(ob).attr("pk_name");
var m_id=$(ob).attr("m_id");
var serviceId=$(ob).attr("serviceId");
var pro_id=$(ob).attr("pro_id");
var storage_id=$(ob).attr("storage_id");
url=url+"?stoid="+stoid+"&pk_name="+pk_name+"&m_id="+m_id+"&serviceId="+serviceId+"&pro_id="+pro_id+"&storage_id="+storage_id;
window.location.href=url;
}
</script>
</html>