task-waitassign.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>案件派发</title>
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <link href="../css/mui.css" rel="stylesheet" />
  9. <!--连接自定义APP样式-->
  10. <link href="../css/app.css" rel="stylesheet" />
  11. <!-- 引入案件样式 -->
  12. <link rel="stylesheet" type="text/css" href="../css/case.css" />
  13. <!-- 引入弹窗及选择器样式 -->
  14. <link rel="stylesheet" type="text/css" href="../css/mui.picker.css" />
  15. <link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css" />
  16. </head>
  17. <body>
  18. <header class="mui-bar mui-bar-nav">
  19. <div class="mui-input-row mui-search" style="color: #000;">
  20. <input type="search" id="search" class="mui-input-clear" placeholder="输入案件编号 支持模糊查询">
  21. </div>
  22. </header>
  23. <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
  24. <div class="mui-scroll">
  25. <!--数据列表-->
  26. <ul class="mui-table-view mui-table-view-chevron"></ul>
  27. </div>
  28. </div>
  29. </body>
  30. </html>
  31. <script src="../js/mui.js"></script>
  32. <!-- 引入弹窗及选择器脚本 -->
  33. <script src="../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
  34. <script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
  35. <!-- 引入通用脚本 -->
  36. <script src="../js/common.js"></script>
  37. <!-- 引入案件脚本 -->
  38. <script src="../js/case.js" type="text/javascript" charset="UTF-8"></script>
  39. <script src="../js/case-list-base.js" type="text/javascript" charset="utf-8"></script>
  40. <!-- 加入存储脚本 -->
  41. <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
  42. <!-- 加入Ajax脚本 -->
  43. <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
  44. <!-- 加载webview脚本 -->
  45. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  46. <script type="text/javascript">
  47. mui.init();
  48. /* 必须加 否则将导致数据表无法滚动 */
  49. mui('.mui-scroll-wrapper').scroll({
  50. scrollY: true, //是否竖向滚动
  51. scrollX: true, //是否横向滚动
  52. startX: 0, //初始化时滚动至x
  53. startY: 0, //初始化时滚动至y
  54. indicators: false, //是否显示滚动条
  55. deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
  56. bounce: false, //是否启用回弹
  57. });
  58. /* 变量定义 */
  59. var table = document.body.querySelector('.mui-table-view');
  60. /* 页面加载完成 */
  61. function pageShow(){
  62. /* 获取本地存储的用户信息 */
  63. getSaveUserInfo({
  64. success: function(userInfo) {
  65. //初始化案件实例
  66. caseBase = new JTCaseBase({
  67. queryType: "AssignNo",
  68. ashxName: "appQueryCases",
  69. pageFlag: casePageFlag.WaitAssign,
  70. userInfo: userInfo,
  71. });
  72. //绑定数据表
  73. caseBase.bindUlTable(table);
  74. //绑定搜索框
  75. caseBase.bindSearchControl('search');
  76. //设置导航栏
  77. caseBase.setNView("案件派发", function() {
  78. caseBase.refreshData();
  79. });
  80. //初始加载数据
  81. caseBase.refreshData();
  82. },
  83. error: function(err) {
  84. muiAlertError(err);
  85. }
  86. })
  87. }
  88. </script>