urge.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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="h20" style="height: 0.5rem;"></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. apiready = function() {
  94. _geval_orderid = api.pageParam.keyid;
  95. setFixStatusBar();
  96. };
  97. $(function() {
  98. var wordCount = $("#wordCount"), textArea = wordCount.find("textarea"), word = wordCount.find(".word");
  99. statInputNum(textArea, word);
  100. })
  101. $(".m-bottom").on("tap", function() {
  102. if ($("#content").val() == "") {
  103. api.toast({ msg: '请填写催单内容!' });
  104. return false;
  105. }
  106. toast_loding_show();
  107. $.ajax({
  108. url: siteurl + 'v1/order/urge',
  109. data: {
  110. order_id: _geval_orderid,
  111. content: $("#content").val()
  112. },
  113. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  114. dataType: 'json',
  115. type: 'post',
  116. success: function(datas) {
  117. toast_loding_hide();
  118. if (datas.result) {
  119. api.alert({
  120. title: '提交成功',
  121. msg: '催单通知已发出!',
  122. }, function(ret, err) {
  123. api.closeWin();
  124. });
  125. } else {
  126. errcode(datas, datas.code);
  127. }
  128. }
  129. });
  130. return false;
  131. })
  132. </script>
  133. </html>