add-schedule.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>添加日程</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.picker.min.css" />
  11. <link rel="stylesheet" href="../../../css/common/common.css">
  12. <link rel="stylesheet" type="text/css" href="../../../css/index/index-schdule/schedule.css" />
  13. </head>
  14. <body>
  15. <header id="header" class="mui-bar mui-bar-nav">
  16. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  17. <span class="back">返回</span>
  18. </a>
  19. <h1 class="mui-title">添加日程</h1>
  20. <a class="mui-btn-link mui-pull-right fz">确定</a>
  21. </header>
  22. <div class="mui-content">
  23. <div class="reply-box">
  24. <span>日程标题</span>
  25. <span class="mui-pull-right">
  26. <input class="title" type="text" placeholder="请填写日程标题"/>
  27. </span>
  28. </div>
  29. <div class="reply-box">
  30. <span>日程类型</span>
  31. <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
  32. <span class="mui-pull-right pro-con">一般</span>
  33. </div>
  34. <div class="reply-box sc-time">
  35. <span>开始时间</span>
  36. <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
  37. <span class="mui-pull-right time"></span>
  38. </div>
  39. <div class="reply-box">
  40. <span>设置提醒</span>
  41. <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
  42. <span class="mui-pull-right ch-time">5分钟</span>
  43. </div>
  44. <div class="reply-box">
  45. <textarea class="content">请填写日程内容</textarea>
  46. </div>
  47. </div>
  48. <script src="../../../libs/mui.min.js"></script>
  49. <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
  50. <script type="text/javascript">
  51. mui.plusReady(function() {
  52. //选择重要性
  53. mui(document.body).on('tap', '.pro-con', function() {
  54. Importance()
  55. });
  56. //选择提醒时间
  57. mui(document.body).on('tap', '.ch-time', function() {
  58. Importance()
  59. });
  60. //开始时间
  61. var d = new Date();
  62. mui('.time')[0].innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes();
  63. mui(document.body).on('tap', '.sc-time', function() {
  64. changeTime()
  65. })
  66. //添加日程
  67. mui(document.body).on('tap', '.fz', function() {
  68. temp_Manger()
  69. });
  70. })
  71. function Importance() {
  72. var picker = new mui.PopPicker();
  73. picker.setData([{
  74. text: '一般'
  75. }, {
  76. text: '重要'
  77. }])
  78. picker.show(function(selectItems) {
  79. mui('.pro-con')[0].innerHTML = selectItems[0].text;
  80. })
  81. }
  82. function ScheduleTime() {
  83. var picker = new mui.PopPicker();
  84. picker.setData([{
  85. text: '5分钟'
  86. }, {
  87. text: '10分钟'
  88. }, {
  89. text: '15分钟'
  90. }, {
  91. text: '30分钟'
  92. }])
  93. picker.show(function(selectItems) {
  94. mui('.ch-time')[0].innerHTML = selectItems[0].text;
  95. })
  96. }
  97. function changeTime() {
  98. var d = new Date();
  99. d.setFullYear(d.getFullYear(), d.getMonth(), d.getDate());
  100. plus.nativeUI.pickDate(function(e) {
  101. var d = e.date;
  102. var selectDate;
  103. var selectTime;
  104. var _mouth = (d.getMonth() + 1);
  105. var _day = d.getDate();
  106. if(String(_mouth).length == 1) {
  107. _mouth = '0' + _mouth
  108. }
  109. if(String(_day).length == 1) {
  110. _day = '0' + _day
  111. }
  112. selectDate = d.getFullYear() + "-" + _mouth + "-" + _day;
  113. plus.nativeUI.pickTime(function(e) {
  114. var d = e.date;
  115. var _hour = d.getHours();
  116. var _mm = d.getMinutes();
  117. if(String(_mm).length == 1) {
  118. _mm = '0' + _mm
  119. }
  120. if(String(_hour).length == 1) {
  121. _hour = '0' + _hour
  122. }
  123. selectTime = _hour + ":" + _mm;
  124. mui('.time')[0].innerHTML = selectDate + " " + selectTime
  125. }, function(e) {
  126. mui.toast("未选择时间:");
  127. });
  128. }, function(e) {
  129. mui.toast("未选择日期:" + e.message);
  130. }, {
  131. minDate: d
  132. });
  133. };
  134. function temp_Manger() {
  135. mui.plusReady(function() {
  136. var str = plus.storage.getItem('user');
  137. var user = JSON.parse(str);
  138. var token = user.Data.Token;
  139. var title = mui('.title')[0].value;
  140. var content = mui('.content')[0].value;
  141. if(content == '请填写日志内容') {
  142. content = ''
  143. }
  144. var scheduleTime = mui('.time')[0].innerHTML;
  145. var remind = parseInt(mui('.ch-time')[0].innerHTML)
  146. var importance;
  147. if(mui('.pro-con')[0].innerHTML == '一般') {
  148. importance = 1
  149. } else {
  150. importance = 2
  151. }
  152. if(title == '') {
  153. mui.toast('请填写标题')
  154. } else {
  155. var postdata = {
  156. ScheduleTitle: title,
  157. ScheduleContent: content,
  158. ScheduleTime: scheduleTime,
  159. Remind: remind,
  160. Importance: importance, //一般,2.重要
  161. };
  162. mui.ajax("http://www.bosshand.cn/api/Customer/AddSchedule", {
  163. headers: {
  164. authorization: token
  165. },
  166. type: "post",
  167. data: postdata,
  168. success: function(data) {
  169. mui.toast('添加成功')
  170. var old_back = mui.back;
  171. mui.back = function() {
  172. var wobj = plus.webview.getWebviewById("tpl/home-index/home-index-menu/schedule.html");
  173. wobj.reload(true);
  174. old_back()
  175. }
  176. mui.back()
  177. }
  178. });
  179. }
  180. })
  181. }
  182. </script>
  183. </body>
  184. </html>