client.hbs
10.4 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{title}}</title>
<meta name="keywords" content="{{keywords}}">
<meta name="description" content="{{description}}">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta http-equiv="cleartype" content="on">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />
<link rel="stylesheet" href="//localhost:5002/css/index.css">
</head>
<body class="client">
<div class="online-user">
<div class="header">
<div class="chat"></div>
<div class="logo"></div>
<div class="page-desc">有货在线客服</div>
</div>
<div class="main">
<div class="chat-panel">
<div class="panel-left">
<div class="qr-code">
<span class="code"></span>
<div class="scan">
<span class="icon"></span>
<span class="tip">扫描二维码<br>现在手机客户端</span>
</div>
</div>
<img src="/img/service/adv.png" class="adv">
</div>
<div class="panel-main">
<div class="main-body">
<div class="msg-list"></div>
</div>
<div class="main-footer">
<div class="msg-edit">
<div class="edit-left">
<div class="util">
<span class="icon"></span>
<span class="icon"><label for="sendImg"></label></span>
<span class="icon"></span>
<span class="icon"></span>
</div>
<textarea class="text msg-area" placeholder="请描述您遇到的问题" spellcheck="false" maxlength="500"></textarea>
</div>
<span class="send">发送</span>
<input id="sendImg" type="file" name="files[]" accept="image/bmp,image/jpeg,image/png" multiple>
</div>
</div>
</div>
<div class="panel-right">
<div class="right-head">
<span class="tab order active">订单信息</span>
<span class="tab qa">常见问题</span>
</div>
<div class="right-body order">
<div class="tab-content">
<div class="recent">
<span class="max">最近10笔订单</span>
<a class="more" href="/home/orders">MORE</a>
</div>
<div class="order-list">
{{#if tenOrders}}
{{#each tenOrders}}
<div class="item">
<div class="item-head">
<span class="time">{{createTime}}</span>
<span class="order-no">订单号：<span class="red">{{orderCode}}</span></span>
</div>
{{#each ordersGoodsBoList}}
<div class="item-body">
<a href="/product/pro_{{id}}"><img src="{{imgUrl}}" class="prd-img"></a>
<div class="prd-desc">
<a href="/product/pro_{{id}}"><p class="prd-nm">{{productName}}</p></a>
<p class="prd-other">
<span class="price">￥{{lastPrice}}</span>
<span class="quantity">数量：{{buyNumber}}</span>
</p>
</div>
</div>
{{/each}}
<div class="item-footer">
<p class="order-amount">订单金额：￥{{lastOrderAmount}}</p>
<div class="order-other">
<span class="state">订单状态：{{orderStatusDesc}}</span>
<span class="btn send-order">发送订单</span>
</div>
</div>
</div>
{{/each}}
<div class="list-tip">
<span class="tip">已经到底了</span>
</div>
{{else}}
<div class="list-tip">
<span class="tip">暂无订单</span>
</div>
{{/if}}
</div>
</div>
</div>
<div class="right-body qa">
<div class="tab-content">
<div class="qa-list">
<div class="item">
<div class="q">请问有货退换货包运费吗？</div>
<div class="a">您好，非质量问题换货，你只需承担寄回商品的运
费哦，我司寄给您新的换货商品，我司承担运费。</div>
</div>
</div>
</div>
</div>
<div class="right-footer qa">
<p class="more-q">没找到想问的问题？点此查看<a class="red" href="/help-center">更多问题～</a></p>
<div class="chat-icon"></div>
</div>
</div>
</div>
</div>
</div>
<!--留言Modal-->
<div class="modal fade leave-msg" id="leaveMsg" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="cus-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<span class="title">留言</span>
</div>
<div class="cus-body">
<textarea maxlength="120" placeholder="请输入留言信息" spellcheck="false"></textarea>
</div>
<div class="cus-footer">
<button class="btn dark">提交</button>
<button class="btn light" data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>
<!--服务评价Modal-->
<div class="modal fade make-eval" id="makeEvaluation" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="cus-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<span class="title">请对此次服务进行评价</span>
</div>
<div class="cus-body">
<div class="stars">
<span class="star positive"></span>
<span class="star"></span>
<span class="star"></span>
<span class="star"></span>
<span class="star"></span>
<p class="star-text">一般</p>
</div>
<div class="discontent">
<div class="dis-row">
<span class="type">问题没有得到解决</span>
<span class="type">对客服态度不满意</span>
</div>
<div class="dis-row">
<span class="type">客服对业务不熟悉</span>
<span class="type chosen">话语不明确</span>
</div>
</div>
<textarea maxlength="50" placeholder="请您输入不满意的其他原因" spellcheck="false"></textarea>
</div>
<div class="cus-footer">
<button class="btn dark" data-dismiss="modal">提交</button>
</div>
</div>
</div>
</div>
<!-- 表情弹出层 -->
{{> emoji}}
{{#if devEnv}}
<script src="//localhost:5002/libs.js"></script>
<script src="//localhost:5002/{{module}}.{{page}}.js"></script>
{{^}}
<script src="//cdn.yoho.cn/yohobuy-node/{{version}}/libs.js"></script>
<script src="//cdn.yoho.cn/yohobuy-node/{{version}}/{{module}}.{{page}}.js"></script>
{{> analysis}}
{{/if}}
</body>
</html>