scheduleList.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  5. <meta name="apple-mobile-web-app-capable" content="yes">
  6. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  7. <title>我的效率</title>
  8. <link href="../../css/mui.min.css" rel="stylesheet" />
  9. <link href="../../css/OA-style.css" rel="stylesheet" />
  10. <style type="text/css">
  11. html,
  12. body {
  13. background-color: #efeff4;
  14. }
  15. .mui-segmented-control .mui-control-item.mui-active {
  16. background-color: #468CF0;
  17. }
  18. .mui-segmented-control {
  19. border: 1px solid #468CF0;
  20. }
  21. .mui-segmented-control .mui-control-item {
  22. border-left: 1px solid #468CF0;
  23. color: #468CF0;
  24. }
  25. .mui-bar~.mui-content .mui-fullscreen {
  26. top: 44px;
  27. height: auto;
  28. }
  29. .mui-pull-top-tips {
  30. position: absolute;
  31. top: -20px;
  32. left: 50%;
  33. margin-left: -25px;
  34. width: 40px;
  35. height: 40px;
  36. border-radius: 100%;
  37. z-index: 1;
  38. }
  39. .mui-bar~.mui-pull-top-tips {
  40. top: 24px;
  41. }
  42. .mui-pull-top-wrapper {
  43. width: 42px;
  44. height: 42px;
  45. display: block;
  46. text-align: center;
  47. background-color: #efeff4;
  48. border: 1px solid #ddd;
  49. border-radius: 25px;
  50. background-clip: padding-box;
  51. box-shadow: 0 4px 10px #bbb;
  52. overflow: hidden;
  53. }
  54. .mui-pull-top-tips.mui-transitioning {
  55. -webkit-transition-duration: 200ms;
  56. transition-duration: 200ms;
  57. }
  58. .mui-pull-top-tips .mui-pull-loading {
  59. /*-webkit-backface-visibility: hidden;
  60. -webkit-transition-duration: 400ms;
  61. transition-duration: 400ms;*/
  62. margin: 0;
  63. }
  64. .mui-pull-top-wrapper .mui-icon,
  65. .mui-pull-top-wrapper .mui-spinner {
  66. margin-top: 7px;
  67. }
  68. .mui-pull-top-wrapper .mui-icon.mui-reverse {
  69. /*-webkit-transform: rotate(180deg) translateZ(0);*/
  70. }
  71. .mui-pull-bottom-tips {
  72. text-align: center;
  73. background-color: #efeff4;
  74. font-size: 15px;
  75. line-height: 40px;
  76. color: #777;
  77. }
  78. .mui-pull-top-canvas {
  79. overflow: hidden;
  80. background-color: #fafafa;
  81. border-radius: 40px;
  82. box-shadow: 0 4px 10px #bbb;
  83. width: 40px;
  84. height: 40px;
  85. margin: 0 auto;
  86. }
  87. .mui-pull-top-canvas canvas {
  88. width: 40px;
  89. }
  90. .mui-slider-indicator.mui-segmented-control {
  91. background-color: #efeff4;
  92. }
  93. .mui-scroll1 {
  94. z-index: 1;
  95. width: 100%;
  96. }
  97. </style>
  98. </head>
  99. <body>
  100. <header class="mui-bar mui-bar-nav">
  101. <a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
  102. <h1 class="mui-title">我的日程</h1>
  103. <a href="createSchedule.html" class="mui-pull-right"><img src="../../images/app_add.png" style="width:44px;margin-right: -10px;;"></a>
  104. </header>
  105. <div class="mui-content">
  106. <div id="slider" class="mui-slider mui-fullscreen">
  107. <div style="padding: 10px 10px;">
  108. <div id="segmentedControl" class="mui-segmented-control">
  109. <div class="mui-scroll1">
  110. <a class="mui-control-item mui-active" href="#item1mobile" style="font-size: 16px;">未开始</a>
  111. <a class="mui-control-item" href="#item4mobile" style="font-size: 16px;">进行中</a>
  112. <a class="mui-control-item" href="#item2mobile" style="font-size: 16px;">已完成</a>
  113. <a class="mui-control-item" href="#item3mobile" style="font-size: 16px;">已超时</a>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="mui-slider-group">
  118. <div id="item1mobile" class="mui-slider-item mui-control-content ">
  119. <div class="mui-scroll-wrapper">
  120. <div class="mui-scroll" id="pullrefresh">
  121. <ul class="mui-table-view" id="items1" style="background: #EFEFF4 !important;" >
  122. <center>
  123. <li :data-id="item.universalid" v-for="item in item1" style="border: none !important;margin-bottom: 10px;">
  124. <div class="list_gg">
  125. <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
  126. <div class="myrc_div1">
  127. <div class="myrc_div2"><b>未开始</b></div>
  128. <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
  129. </div>
  130. <div class="myrc_div3" style="margin-bottom: 20px;overflow: hidden;">
  131. <div class="myrc_center">
  132. <div class="myrc_center_title">开始</div>
  133. <div class="myrc_center_time"><b>{{item.startH}}</b></div>
  134. <div class="myrc_center_title">{{item.startD}}</div>
  135. <div class="myrc_center_shijian">优先级:
  136. <font color="#00B83F">{{item.levelNs}}</font>
  137. </div>
  138. </div>
  139. <div class="myrc_center">
  140. <div class="myrc_center_title">结束</div>
  141. <div class="myrc_center_time"><b>{{item.endH}}</b></div>
  142. <div class="myrc_center_title">{{item.endD}}</div>
  143. <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
  144. </div>
  145. </div>
  146. <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
  147. <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
  148. <button type="button" id="edit" @tap="editSchedul(item)" class="mui-btn" style="margin-right: 10px;font-size: 10px;">完成</button>
  149. <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
  150. </div>
  151. </div>
  152. </div>
  153. </center>
  154. </li>
  155. </ul>
  156. </div>
  157. </div>
  158. </div>
  159. <div id="item2mobile" class="mui-slider-item mui-control-content ">
  160. <div class="mui-scroll-wrapper">
  161. <div class="mui-scroll" id="pullrefresh2">
  162. <ul class="mui-table-view" id="items2" style="background: #EFEFF4 !important;" >
  163. <center>
  164. <li :data-id="item.universalid" v-for="item in item2" style="border: none !important;margin-bottom: 10px;">
  165. <div class="list_gg">
  166. <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
  167. <div class="myrc_div1">
  168. <div class="myrc_div2"><b>已完成</b></div>
  169. <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
  170. </div>
  171. <div class="myrc_div3" style="margin-bottom: 28px;">
  172. <div class="myrc_center">
  173. <div class="myrc_center_title">开始</div>
  174. <div class="myrc_center_time"><b>{{item.startH}}</b></div>
  175. <div class="myrc_center_title">{{item.startD}}</div>
  176. <div class="myrc_center_shijian">优先级:
  177. <font color="#00B83F">{{item.levelNs}}</font>
  178. </div>
  179. </div>
  180. <div class="myrc_center">
  181. <div class="myrc_center_title">结束</div>
  182. <div class="myrc_center_time"><b>{{item.endH}}</b></div>
  183. <div class="myrc_center_title">{{item.endD}}</div>
  184. <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
  185. </div>
  186. </div>
  187. <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
  188. <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
  189. <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
  190. </div>
  191. </div>
  192. </div>
  193. </center>
  194. </li>
  195. </ul>
  196. </div>
  197. </div>
  198. </div>
  199. <div id="item3mobile" class="mui-slider-item mui-control-content ">
  200. <div class="mui-scroll-wrapper">
  201. <div class="mui-scroll" id="pullrefresh3">
  202. <ul class="mui-table-view" id="items3" style="background: #EFEFF4 !important;" >
  203. <center>
  204. <li :data-id="item.universalid" v-for="item in item3" style="border: none !important;margin-bottom: 10px;">
  205. <div class="list_gg">
  206. <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
  207. <div class="myrc_div1">
  208. <div class="myrc_div2"><b>已超时</b></div>
  209. <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
  210. </div>
  211. <div class="myrc_div3" style="margin-bottom: 28px;">
  212. <div class="myrc_center">
  213. <div class="myrc_center_title">开始</div>
  214. <div class="myrc_center_time"><b>{{item.startH}}</b></div>
  215. <div class="myrc_center_title">{{item.startD}}</div>
  216. <div class="myrc_center_shijian">优先级:
  217. <font color="#00B83F">{{item.levelNs}}</font>
  218. </div>
  219. </div>
  220. <div class="myrc_center">
  221. <div class="myrc_center_title">结束</div>
  222. <div class="myrc_center_time"><b>{{item.endH}}</b></div>
  223. <div class="myrc_center_title">{{item.endD}}</div>
  224. <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
  225. </div>
  226. </div>
  227. <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
  228. <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
  229. <button type="button" id="edit" @tap="editSchedul(item)" class="mui-btn" style="margin-right: 10px;font-size: 10px;">完成</button>
  230. <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
  231. </div>
  232. </div>
  233. </div>
  234. </center>
  235. </li>
  236. </ul>
  237. </div>
  238. </div>
  239. </div>
  240. <div id="item4mobile" class="mui-slider-item mui-control-content ">
  241. <div class="mui-scroll-wrapper">
  242. <div class="mui-scroll" id="pullrefresh4">
  243. <ul class="mui-table-view" id="items4" style="background: #EFEFF4 !important;" >
  244. <center>
  245. <li :data-id="item.universalid" v-for="item in item4" style="border: none !important;margin-bottom: 10px;">
  246. <div class="list_gg">
  247. <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
  248. <div class="myrc_div1">
  249. <div class="myrc_div2"><b>进行中</b></div>
  250. <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
  251. </div>
  252. <div class="myrc_div3" style="margin-bottom: 28px;">
  253. <div class="myrc_center">
  254. <div class="myrc_center_title">开始</div>
  255. <div class="myrc_center_time"><b>{{item.startH}}</b></div>
  256. <div class="myrc_center_title">{{item.startD}}</div>
  257. <div class="myrc_center_shijian">优先级:
  258. <font color="#00B83F">{{item.levelNs}}</font>
  259. </div>
  260. </div>
  261. <div class="myrc_center">
  262. <div class="myrc_center_title">结束</div>
  263. <div class="myrc_center_time"><b>{{item.endH}}</b></div>
  264. <div class="myrc_center_title">{{item.endD}}</div>
  265. <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
  266. </div>
  267. </div>
  268. <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
  269. <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
  270. <button type="button" id="edit" @tap="editSchedul(item)" class="mui-btn" style="margin-right: 10px;font-size: 10px;">完成</button>
  271. <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
  272. </div>
  273. </div>
  274. </div>
  275. </center>
  276. </li>
  277. </ul>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. <script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
  285. <script src="../../js/mui.min.js"></script>
  286. <script src="../../js/config.js"></script>
  287. <script src="../../js/app.js"></script>
  288. <script src="../../js/vue.min.js"></script>
  289. <script src="../../js/mui.pullToRefresh.js"></script>
  290. <script src="../../js/mui.pullToRefresh.material.js"></script>
  291. <script src="../../js/schedule/sch_list.js"></script>
  292. </body>
  293. </html>