contract.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>逸管FEP</title>
  7. <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
  8. <link rel="stylesheet" href="{__MOBILE__}/css/contract.css">
  9. <link rel="stylesheet" href="{__MOBILE__}/layui/css/layui.css">
  10. <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
  11. </head>
  12. <body>
  13. <div class="top">
  14. <a href="{:url('mobile/index/main')}">
  15. <div><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></div>
  16. </a>
  17. <div style="font-size: 4.65vw;">合同列表</div>
  18. <!-- 下面是个小妙招 -->
  19. <div style="width: 5vw;"></div>
  20. </div>
  21. <div class="sreach" style="margin-top: 11.27vw !important;">
  22. <form id="taskForm" class="layui-form" lay-filter="barsearchform">
  23. <div class="layui-input-wrap" style="display: flex;">
  24. <input type="text" name="keyword" lay-filter="search" placeholder="搜索…" class="layui-input" style="height: 10.1vw !important;">
  25. <span>
  26. <button lay-submit="" lay-filter="webform" style="width: 10vw;height: 10.1vw;border: none;">
  27. <img src="{__MOBILE__}/img/search.png" alt="" style="width: 100%;height: 100%;">
  28. </button>
  29. </span>
  30. </div>
  31. </form>
  32. </div>
  33. <div class="contract_list">
  34. {volist name="list" id="vo"}
  35. <a href="{:url('mobile/contract/view')}?id={$vo.id}">
  36. <div class="contract">
  37. <div class="contract-top">
  38. <span class="contract-top-left">
  39. <span><img src="{__MOBILE__}/img/合同管理.png" alt="" style="height: 7vw;"></span>&nbsp;
  40. <span><b>{$vo.name}</b></span>
  41. </span>
  42. <span class="contract-top-right">
  43. <span style="width:14vw;"><b>查看详情</b></span>
  44. <span>
  45. <img src="{__MOBILE__}/img/right.png" alt="" style="width: 4vw;height: 3.5vw;">
  46. </span>
  47. </span>
  48. </div>
  49. <div class="contract-bottom">
  50. <span class="contract-bottom-left">
  51. <b>{$vo.interval_time}</b>
  52. </span>
  53. <span>
  54. <b>
  55. {switch $vo.check_status}
  56. {case 0}<span style="color: #ffb800">待审核</span>{/case}
  57. {case 1}<span style="color: #b30095">审批中</span>{/case}
  58. {case 2}<span style="color: #16b777">审核通过</span>{/case}
  59. {case 3}<span style="color: #d81e06">审核拒绝</span>{/case}
  60. {case 4}<span style="color: #005fa8">已撤销</span>{/case}
  61. {case 5}<span style="color: #ea8816">已中止</span>{/case}
  62. {case 6}<span style="color: #881f1f">已作废</span>{/case}
  63. {case 7}<span style="color: #881f1f">已作废</span>{/case}
  64. {default /}未知
  65. {/switch}
  66. </b>
  67. </span>
  68. </div>
  69. </div>
  70. </a>
  71. {/volist}
  72. </div>
  73. <script src="{__MOBILE__}/mobileSelect-master/js/mobileSelect.js"></script>
  74. <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
  75. <script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
  76. <script>
  77. var form = layui.form;
  78. //监听搜索提交
  79. form.on('submit(webform)', function (data){
  80. const host = window.location.host;
  81. window.location.href = 'http://' + host + '/mobile/contract/contract?keywords=' + data.field['keyword'];
  82. return false;
  83. })
  84. </script>
  85. </body>
  86. </html>