商丘市柘城县——前端

User-lookest.html 2.7KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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 href="../css/mui.min.css" rel="stylesheet" />
  10. <link rel="stylesheet" href="../css/iconfont.css" />
  11. <link rel="stylesheet" href="../css/inits.css" />
  12. <style>
  13. .mui-bar-popover {
  14. width: 30%;
  15. }
  16. .mui-popover.mui-bar-popover .mui-table-view{
  17. width: 100%;
  18. }
  19. .mui-table-view .mui-table-view-cell>a:not(.mui-btn){
  20. text-align: center;
  21. }
  22. .mui-table-view-cell{
  23. padding: 3px 15px!important;
  24. }
  25. .san{
  26. font-size: 14px;
  27. margin-right: 5px
  28. }
  29. .nav_a{
  30. border-right: 1px solid #ccc;
  31. }
  32. .radio_box{
  33. display: inline-block;
  34. }
  35. .mui-radio input[type=radio]:before{
  36. font-size: 25px;
  37. vertical-align: middle;
  38. }
  39. .ztext{
  40. width: 100%;
  41. margin: 0;
  42. border: 0;
  43. }
  44. .action{
  45. padding: 11px 15px;
  46. }
  47. .mui-input-row label{
  48. padding: 11px 0px!important;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <header class="mui-bar mui-bar-nav" style="padding-right: 15px;color: #fff;">
  54. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  55. <h1 class="mui-center mui-title"><span class="Totle-box">高级搜索</span></h1>
  56. </header>
  57. <div class="mui-content">
  58. <ul class="mui-table-view" style="margin-top: 40px;">
  59. <li class="mui-table-view-cell">
  60. <div class="mui-input-row">
  61. <label><i style="color: red;margin-right: 3px;">*</i>受理编号:</label>
  62. <input type="text" class="mui-input-clear slcode" placeholder="请输入您的受理编号">
  63. </div>
  64. </li>
  65. <li class="mui-table-view-cell">
  66. <div class="mui-input-row">
  67. <label><i style="color: red;margin-right: 3px;">*</i>手机号码:</label>
  68. <input type="text" class="mui-input-clear phone" placeholder="请输入您的手机号码">
  69. </div>
  70. </li>
  71. </ul>
  72. <button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button search" style="margin-top: 35px;">提交</button>
  73. </div>
  74. <script src="../js/mui.min.js"></script>
  75. <script src="../js/zepto.js"></script>
  76. <script src=".../js/huayi.config.js"></script>
  77. <script src="../js/Common/huayi.http.js"></script>
  78. <script>
  79. $('.search').on('tap',function(){
  80. var slcode=$('.slcode').val();
  81. var phone=$('.phone').val();
  82. location.href ="user-worklist.html?slcode="+slcode+"&phone="+phone;
  83. })
  84. </script>
  85. </body>
  86. </html>