123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <#assign path="${request.contextPath}">
- <link href="${path}/common/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
- <link href="${path}/common/lib/mui/css/mui.min.css" rel="stylesheet" type="text/css" />
- <link href="${path}/common/lib/mui/css/mui.picker.min.css" rel="stylesheet" type="text/css" />
- <link href="${path}/common/lib/mui/css/mui.poppicker.css" rel="stylesheet" type="text/css" />
- <link href="${path}/common/css/input_order/input_order1.css" rel="stylesheet" type="text/css" />
- <link rel="stylesheet" type="text/css" href="//css.iamberry.com/wateroPF/new/css/iconfont.css?v=2017072401" />
- <title>回复消息</title>
- <style>
- body{background-color: #fff;}
- .mui-content{background-color: #fff;}
- .my-content{margin:10px 0;padding:10px 5px; background-color: #f4f4f4;border-radius: 5px;}
- .icon-wen{display: inline-block; width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #f74949;color: #fff;border-radius: 50%;margin-right: 5px;}
- .icon-ji{display: inline-block; width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #30c9aa;color: #fff;border-radius: 50%;margin-right: 5px;}
- .tit{color: #33a2d8;font-size: 14px;}
- .ul-list{list-style: none;margin: 0;padding: 0;font-size: 12px;}
- .ul-list>li{margin: 10px 0;line-height: 1.5;white-space: pre-wrap;word-break: break-all;}
- .my-btn{color: #33a2d8;border: 1px solid #33a2d8;background-color: #fff;border-radius: 0;padding:6px 30px;margin: 0 10px;}
- .my-btn:active{color: #fff;background-color: #33a2d8 !important;}
- </style>
- </head>
- <body>
- <div class="mui-content">
- <div class="mui-content-padded">
- <strong>尊敬的客户,您好!</strong>
- <div style="padding: 10px 0;">
- 感谢您的来访,关于您提出的问题:
- </div>
- <div class="my-content">
- <div style="margin: 10px 0;">
- <label class="tit"><div class="icon-wen">问</div><span id="questionName"></span></label>
- </div>
- <label class="tit"><div class="icon-ji">答</div></label>
- <ul class="ul-list">
- <!--<li>01.拧开背部排水口阀门螺母,拔掉硅胶塞,套上配备的出水硅胶管,放置接水容器</li>
- <li>02.插上电源,开启设备背部电源开关,面板所有指示灯亮起</li>
- <li>03.机器开始制水,制水时,显示屏风扇符号亮起</li>
- <li>04.机器开始制水,制好的水直接通过出水口排出,水箱中剩余的水要倒掉,接一桶新的自来水</li>
- <li>05.按以上步骤重复盛装3桶水,制水完成并排完后,取下硅胶管塞紧硅胶塞,拧紧排水口阀门螺母</li>-->
- </ul>
- </div>
- <p>如因问题对您的生活造成影响,敬请谅解!我们会持续改进,为您提供更好的服务!</p>
- </div>
- <div style="padding:20px 0 35px 0;text-align: center;border-bottom: 1px solid #ccc;margin-bottom:10px;">
- 售后热线:<a href="tel:4008006692">400-800-6692</a>
- </div>
- <div style="text-align: center;">
- <p>以上信息是否解决了您的问题?</p>
- </div>
- <div style="text-align: center;">
- <button type="button" class="mui-btn my-btn no">未解决</button>
- <button type="button" class="mui-btn my-btn yes">已解决</button>
- </div>
- </div>
- <script type="text/javascript" src="../lib/mui/js/mui.min.js"></script>
- <script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
- <script>
- var questionId=getQueryString("questionId");
- //自己写的js
- mui.ready(function() {
- if(questionId!=null){
- $.ajax('${path}/admin/complaintQuestion/get_question?dates=' + new Date().getTime(), {
- data: {
- "questionId":questionId
- },
- dataType: 'json',
- xhrFields: {
- withCredentials: true
- },
- crossDomain: true,
- type: 'post',
- timeout: 15000,
- success: function(dt) {
- console.log(dt);
- if(dt.isRedirect) {
- location.href = dt.redirectURL;
- } else {
- if(dt.returnCode == "200") {
- $(".my-btn").attr("name",dt.complaintQuestionInfo.questionId);
- $("#questionName").text(dt.complaintQuestionInfo.questionName);
- $(".ul-list").html('<li>'+dt.complaintQuestionInfo.questionProfile+'</li>');
- }else {
- mui.alert("获取数据失败!")
- }
- }
- },
- error: function(xhr, type, errorThrown) {
- console.log(xhr);
- mui.alert("获取数据失败!请检查网络");
- }
- });
- }
- });
- $(document).on('tap', '.my-btn', function() {
- var th=$(this),parameter = {},questionid=th.attr("name");
- if(typeof(questionid)!="undefined"){
- parameter["questionId"] = questionid;
- if(th.hasClass("yes")){
- parameter["questionResolvedNum"] = 1;
- }else{
- parameter["questionNotSolvedNum"] = 1;
- }
-
- $.ajax('${path}/admin/complaintQuestion/update_question_num?dates=' + new Date().getTime(), {
- data:parameter,
- dataType: 'json',
- xhrFields: {
- withCredentials: true
- },
- crossDomain: true,
- type: 'post',
- timeout: 15000,
- success: function(dt) {
- console.log(dt);
- if(dt.isRedirect) {
- location.href = dt.redirectURL;
- } else {
- if(dt.returnCode == "200") {
- $('.my-btn').attr('disabled','disabled');
- mui.alert("提交成功!",function(){
- //do something
- });
- }else {
- mui.alert("提交失败!")
- }
- }
- },
- error: function(xhr, type, errorThrown) {
- console.log(xhr);
- mui.alert("提交失败!请检查网络");
- }
- });
- }else{
- mui.alert("提交失败!")
- }
- });
-
- function getQueryString(name) {
- var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
- var r = window.location.search.substr(1).match(reg);
- if (r != null) return unescape(r[2]); return null;
- }
- </script>
- </body>
- </html>
|