task.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  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" href="../../../css/common/common.css">
  11. <link rel="stylesheet" type="text/css" href="../../../css/index/index-schdule/schedule.css" />
  12. </head>
  13. <body>
  14. <header id="header" class="mui-bar mui-bar-nav">
  15. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  16. <span class="back">返回</span>
  17. </a>
  18. <h1 class="mui-title">发布任务</h1>
  19. <a class="mui-btn-link mui-pull-right fz">确定</a>
  20. </header>
  21. <div class="mui-content">
  22. <div class="reply-box sc-time">
  23. <span>任务标题</span>
  24. <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
  25. <span class="mui-pull-right time">
  26. <input class="title" type="text" placeholder="请填写任务标题"/>
  27. </span>
  28. </div>
  29. <div>
  30. <div class="reply-box">
  31. <textarea class="sm-mo-word content">填写内容</textarea>
  32. </div>
  33. </div>
  34. <div class="reply-box sc-times">
  35. <span>开始时间</span>
  36. <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
  37. <span class="mui-pull-right times"></span>
  38. </div>
  39. <div class="reply-box sc-timess">
  40. <span>结束时间</span>
  41. <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
  42. <span class="mui-pull-right timess"></span>
  43. </div>
  44. <div class="reply-box">
  45. <span>员工列表</span>
  46. <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
  47. <span class="mui-pull-right openL">请选择员工</span>
  48. </div>
  49. </div>
  50. <script src="../../../libs/mui.min.js"></script>
  51. <script type="text/javascript">
  52. window.onload = function() {
  53. mui.plusReady(function() {
  54. var str = plus.storage.getItem('user');
  55. var user = JSON.parse(str);
  56. var token = user.Data.Token;
  57. //打开页面
  58. mui(document.body).on('tap', '.openL', function() {
  59. openL();
  60. });
  61. //发布
  62. mui(document.body).on('tap', '.fz', function() {
  63. releaseTask(token);
  64. });
  65. //开始时间
  66. var d = new Date();
  67. mui('.times')[0].innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes();
  68. mui(document.body).on('tap', '.sc-times', function() {
  69. changeTime()
  70. })
  71. //结束时间
  72. var d = new Date();
  73. mui('.timess')[0].innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes();
  74. mui(document.body).on('tap', '.sc-timess', function() {
  75. changeTimes()
  76. })
  77. })
  78. }
  79. //开始时间
  80. function changeTime() {
  81. var d = new Date();
  82. d.setFullYear(d.getFullYear(), d.getMonth(), d.getDate());
  83. plus.nativeUI.pickDate(function(e) {
  84. var d = e.date;
  85. var selectDate;
  86. var selectTime;
  87. var _mouth = (d.getMonth() + 1);
  88. var _day = d.getDate();
  89. if(String(_mouth).length == 1) {
  90. _mouth = '0' + _mouth
  91. }
  92. if(String(_day).length == 1) {
  93. _day = '0' + _day
  94. }
  95. selectDate = d.getFullYear() + "-" + _mouth + "-" + _day;
  96. plus.nativeUI.pickTime(function(e) {
  97. var d = e.date;
  98. var _hour = d.getHours();
  99. var _mm = d.getMinutes();
  100. if(String(_mm).length == 1) {
  101. _mm = '0' + _mm
  102. }
  103. if(String(_hour).length == 1) {
  104. _hour = '0' + _hour
  105. }
  106. selectTime = _hour + ":" + _mm;
  107. mui('.times')[0].innerHTML = selectDate + " " + selectTime
  108. }, function(e) {
  109. mui.toast("未选择时间:");
  110. });
  111. }, function(e) {
  112. mui.toast("未选择日期:" + e.message);
  113. }, {
  114. minDate: d
  115. });
  116. };
  117. //结束时间
  118. function changeTimes() {
  119. var d = new Date();
  120. d.setFullYear(d.getFullYear(), d.getMonth(), d.getDate());
  121. plus.nativeUI.pickDate(function(e) {
  122. var d = e.date;
  123. var selectDate;
  124. var selectTime;
  125. var _mouth = (d.getMonth() + 1);
  126. var _day = d.getDate();
  127. if(String(_mouth).length == 1) {
  128. _mouth = '0' + _mouth
  129. }
  130. if(String(_day).length == 1) {
  131. _day = '0' + _day
  132. }
  133. selectDate = d.getFullYear() + "-" + _mouth + "-" + _day;
  134. plus.nativeUI.pickTime(function(e) {
  135. var d = e.date;
  136. var _hour = d.getHours();
  137. var _mm = d.getMinutes();
  138. if(String(_mm).length == 1) {
  139. _mm = '0' + _mm
  140. }
  141. if(String(_hour).length == 1) {
  142. _hour = '0' + _hour
  143. }
  144. selectTime = _hour + ":" + _mm;
  145. mui('.timess')[0].innerHTML = selectDate + " " + selectTime
  146. }, function(e) {
  147. mui.toast("未选择时间:");
  148. });
  149. }, function(e) {
  150. mui.toast("未选择日期:" + e.message);
  151. }, {
  152. minDate: d
  153. });
  154. };
  155. //打开新页面,传参
  156. function openL() {
  157. mui.openWindow({
  158. url: 'list.html',
  159. createNew: true, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示
  160. show: {
  161. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  162. aniShow: 'slide-in-bottom',
  163. duration: 400,
  164. },
  165. waiting: {
  166. autoShow: false, //自动显示等待框,默认为true
  167. }
  168. })
  169. }
  170. var staffList = '';
  171. //返回回来要执行的方法
  172. function staff(e) {
  173. var content = e.detail.content;
  174. if(mui('.openL')[0].innerHTML.length > 11) {
  175. mui('.openL')[0].innerHTML = content[1].substring(0, 11) + '...';
  176. } else {
  177. mui('.openL')[0].innerHTML = content[1].substring(0, 11);
  178. }
  179. staffList = content[0];
  180. }
  181. //自定义窗体事件 doit 要和b页面定义的 事件名称一致
  182. window.addEventListener('content', staff);
  183. //发布任务
  184. function releaseTask(token) {
  185. var title = mui('.title')[0].value;
  186. var content = mui('.content')[0].value;
  187. var postData = {
  188. "ScheduleTitle": title,
  189. "ScheduleContent": content,
  190. "ListCode": staffList,
  191. }
  192. if(title == '') {
  193. mui.toast('请填写任务标题');
  194. } else if(staffList == '') {
  195. mui.toast('请选择员工');
  196. } else {
  197. mui.ajax("http://www.bosshand.cn/api/Customer/AddTask", {
  198. headers: {
  199. authorization: token
  200. },
  201. type: "post",
  202. data: postData,
  203. success: function(data) {
  204. mui.toast('发布成功');
  205. var old_back = mui.back;
  206. mui.back = function() {
  207. var wobj = plus.webview.getWebviewById("tpl/home-index/home-index-menu/schedule.html");
  208. wobj.reload(true);
  209. old_back()
  210. }
  211. mui.back()
  212. }
  213. });
  214. }
  215. }
  216. </script>
  217. </body>
  218. </html>