urge.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../css/star-rating-svg.css?v=1.2" />
  11. <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
  12. <style>
  13. body{}
  14. .evaluate-item{
  15. height:50px;
  16. line-height:50px;
  17. font-size:18px;
  18. background:#ffffff;
  19. /*border-bottom:1px solid #e8e8e8;*/
  20. position:relative;
  21. }
  22. .my-rating{
  23. position:absolute;
  24. left:50px;
  25. top:5px;
  26. }
  27. .back-item{
  28. width:100%;
  29. padding:10px;
  30. text-align:center;
  31. /*border-bottom: 1px solid #e8e8e8;*/
  32. box-sizing: border-box;
  33. }
  34. .back-item img{
  35. width:20px;
  36. }
  37. textarea{
  38. width:100%;
  39. height: 2rem;
  40. font-size: 0.28rem;
  41. line-height: 0.38rem;
  42. padding: 0.5em;
  43. box-sizing: border-box;
  44. -webkit-appearance: none;
  45. }
  46. </style>
  47. <script>
  48. (function(w, d, m) {
  49. function r() {
  50. var t = 100,
  51. o = 750,
  52. e = d.documentElement.clientWidth || w.innerWidth,
  53. n = m.max(m.min(e, 480), 320),
  54. h = 50;
  55. 320 >= n && (h = m.floor(n / o * t * .99)),
  56. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  57. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  58. n > 375 && (h = m.floor(n / o * t * .97)),
  59. d.querySelector("html").style.fontSize = h + "px"
  60. };
  61. r();
  62. w.onresize = function() {
  63. r()
  64. }
  65. })(window, document, Math);
  66. </script>
  67. </head>
  68. <body>
  69. <div class="topbar"></div>
  70. <header class="back-header back-header-bottom">
  71. <ul>
  72. <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
  73. <li class="back-header-title">回复</li>
  74. <li class="more-btn"></li>
  75. </ul>
  76. </header>
  77. <section class="white-back padding-top">
  78. <div class="back-item" style="position:relative;" id="wordCount">
  79. <textarea row="5" id="content" maxlength="100" placeholder="填写回复内容"></textarea>
  80. <!-- <span style="position:absolute;right:10px;bottom:5px;"><span id="count-txt">0</span>/100</span> -->
  81. <span class="wordwrap"><var class="word">100</var>/ 100</span>
  82. </div>
  83. <div class="h5"></div>
  84. <div class="m-bottom">提交</div>
  85. </section>
  86. </body>
  87. <script type="text/javascript" src="../../script/api.js"></script>
  88. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  89. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  90. <script type="text/javascript" src="../../script/jquery.star-rating-svg.js"></script>
  91. <script type="text/javascript">
  92. var _geval_orderid = '';
  93. var _member_id = '';
  94. var _msgid = '';
  95. apiready = function() {
  96. _geval_orderid = api.pageParam.keyid;
  97. _member_id = api.pageParam.memberid;
  98. _msgid = api.pageParam.msgid;
  99. setFixStatusBar();
  100. };
  101. $(function() {
  102. var wordCount = $("#wordCount"), textArea = wordCount.find("textarea"), word = wordCount.find(".word");
  103. statInputNum(textArea, word);
  104. })
  105. $(".m-bottom").on("tap", function() {
  106. if ($("#content").val() == "") {
  107. api.toast({ msg: '请填写回复内容!' });
  108. return false;
  109. }
  110. toast_loding_show();
  111. $.ajax({
  112. url: siteurl + 'v2/shop/msg_reply',//'?do=savehotelurge',
  113. data: {
  114. order_id: _geval_orderid,
  115. member_id: _member_id,
  116. id: _msgid,
  117. content: $("#content").val(),
  118. store_id: $api.getStorage("storeid")
  119. },
  120. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  121. dataType: 'json',
  122. type: 'post',
  123. success: function(datas) {
  124. toast_loding_hide();
  125. if (datas.result) {
  126. api.toast({ msg: "提交成功,回复通知已发出!" });
  127. setTimeCloseWin("urge");
  128. } else {
  129. // api.toast({ msg: '提交失败!' });
  130. errcode(datas, datas.code);
  131. }
  132. }
  133. });
  134. return false;
  135. })
  136. </script>
  137. </html>