evalute.html
5.2 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,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<link rel="stylesheet" href="https://at.alicdn.com/t/font_890739_suqgzr3l3l.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/evalute.css">
<title>评价</title>
<script type="text/javascript" src="__TMPL__/public/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/base.js"></script>
</head>
<body>
<div class="container">
<div class="evalutetext">
<p class="evalutename">您好，给此次为您服务的员工打个分吧</p>
<div class="evaluterank">
<!--<p class="iconfont wujiaokong icon-wujiaoxing1"></p>-->
<!--<p class="iconfont wujiaokong icon-wujiaoxing1"></p>-->
<!--<p class="iconfont wujiaokong icon-wujiaoxing1"></p>-->
<!--<p class="iconfont wujiaokong icon-wujiaoxing1"></p>-->
<!--<p class="iconfont wujiaokong icon-wujiaoxing1"></p>-->
<p class="evalstar">
<img src="__TMPL__/public/assets/images/starxing.png" alt="">
</p>
<p class="evalstar">
<img src="__TMPL__/public/assets/images/starxing.png" alt="">
</p>
<p class="evalstar">
<img src="__TMPL__/public/assets/images/starxing.png" alt="">
</p>
<p class="evalstar">
<img src="__TMPL__/public/assets/images/starxing.png" alt="">
</p>
<p class="evalstar">
<img src="__TMPL__/public/assets/images/starxing.png" alt="">
</p>
</div>
</div>
</div>
<div class="starintroduce">
<p class="starsay">星级说明</p>
<div class="starlist">
<div class="iconstar">
<p class="iconfont icon-wujiaoxing star"></p>
</div>
<p class="starname">极差服务</p>
</div>
<div class="starlist">
<div class="iconstar">
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
</div>
<p class="starname">较差服务</p>
</div>
<div class="starlist">
<div class="iconstar">
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
</div>
<p class="starname">难以满意的服务</p>
</div>
<div class="starlist">
<div class="iconstar">
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
</div>
<p class="starname">较好服务</p>
</div>
<div class="starlist">
<div class="iconstar">
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
<p class="iconfont icon-wujiaoxing star"></p>
</div>
<p class="starname">令人满意的服务</p>
</div>
<p class="evaluteimport">您的评价至关重要，请您留下宝贵意见</p>
<div class="sub">提交</div>
</div>
<script>
$(".evalstar").click(function(){
var src=$(this).children("img").attr("src");
// console.log($(this).index)
// console.log($(this).index())
$('.evaluterank').attr('isTrue',$(this).index());
if($(this).index()==0){
if(src=="__TMPL__/public/assets/images/starxing.png"){
$(this).children("img").attr("src","__TMPL__/public/assets/images/starxingshi.png");
}else if(src=="__TMPL__/public/assets/images/starxingshi.png"){
$(this).nextAll().children("img").attr("src","__TMPL__/public/assets/images/starxing.png")
}
}else{
if(src=="__TMPL__/public/assets/images/starxing.png"){
$(this).children("img").attr("src","__TMPL__/public/assets/images/starxingshi.png");
$(this).prevAll().children("img").attr("src","__TMPL__/public/assets/images/starxingshi.png")
}else if(src=="__TMPL__/public/assets/images/starxingshi.png"){
$(this).children("img").attr("src","__TMPL__/public/assets/images/starxing.png");
$(this).nextAll().children("img").attr("src","__TMPL__/public/assets/images/starxing.png")
}
}
});
// 提交
$('.sub').click(function () {
var start = $('.evaluterank').attr('isTrue');
$.ajax({
type: 'POST',
url: "{:url('Member/common')}",
data: {
'start':start,
},
success: function (res) {
console.log(res);
},
error: function (res) {
console.log(res);
}
});
});
</script>
</body>
</html>