add_reply.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>新增快捷回复</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  12. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
  15. <style type="text/css">
  16. .header-link-l{top:0px; left:10px; right:auto;}
  17. </style>
  18. </head>
  19. <body>
  20. <div class="h45">
  21. <div class="demo-comtop">
  22. <div class="header-link header-link-l">
  23. <a href="javascript:;" class="link" id="cancel_btn" data-status="read">取消</a>
  24. </div>
  25. <h1>新增快捷回复</h1>
  26. <div class="header-link">
  27. <a href="javascript:;" class="link" id="save_btn" data-status="read">保存</a>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="plr10 ptb10 c-position-r">
  32. <textarea style="margin-bottom:0; width:100%; height: 140px;" maxlength="100"></textarea>
  33. <div class="c-f14 c-position-a" style="color: #ccc;bottom: 20px; right: 20px;"><span id="count">0</span>/100</div>
  34. </div>
  35. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  36. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  37. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  38. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  39. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  40. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  41. <script type="text/javascript">
  42. var self;
  43. mui.init();
  44. mui.plusReady(function(){
  45. self = plus.webview.currentWebview();
  46. bindEvents();
  47. });
  48. function bindEvents(){
  49. $("#cancel_btn").on('click', function(){
  50. $("textarea").empty();
  51. $("#count").text(0);
  52. mui.back();
  53. });
  54. $("#save_btn").on('click', function(){
  55. var url = "doctor/reply/add",
  56. content = $.trim($("textarea").val());
  57. params = {content: content};
  58. if(self.type == 'xufang'){
  59. params.type = 1
  60. }
  61. if(content){
  62. plus.nativeUI.showWaiting();
  63. sendPost(url, params, null, function(res){
  64. if(res.status == 200){
  65. $("textarea").empty();
  66. $("#count").text(0);
  67. var self = plus.webview.currentWebview(),
  68. opener = self.opener();
  69. if(opener){
  70. mui.fire(opener, "refresh");
  71. }
  72. mui.back();
  73. }
  74. mui.toast(res.msg);
  75. plus.nativeUI.closeWaiting();
  76. });
  77. }else{
  78. dialog({
  79. contentType: 'tipsbox',
  80. skin: 'bk-popup',
  81. content: '回复内容不能为空',
  82. closeTime: 2000
  83. }).showModal();
  84. }
  85. });
  86. var inputText = "";
  87. $("textarea").on('input', function(ev){
  88. var text = $(this).val(),
  89. length = text.length;
  90. if(text == " "){
  91. text = $.trim(text);
  92. }
  93. length = text.length;
  94. $(this).val(text);
  95. if(length <= 100){
  96. $("#count").text(length);
  97. }
  98. });
  99. }
  100. </script>
  101. </body>
  102. </html>