index.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. {extend name='table'}
  2. {block name="button"}
  3. {if auth("add")}
  4. {/if}
  5. {/block}
  6. {block name="content"}
  7. <div class="layui-tab layui-tab-card">
  8. <div class="layui-tab-content">
  9. <form class="layui-form layui-form-pane form-search" action="{:sysuri()}" onsubmit="return false" method="get" autocomplete="off">
  10. <div class="layui-form-item layui-inline">
  11. <label class="layui-form-label">申请用户</label>
  12. <label class="layui-input-inline">
  13. <input name="title" value="{$get.title|default=''}" placeholder="申请用户" class="layui-input">
  14. </label>
  15. </div>
  16. <div class="layui-form-item layui-inline">
  17. <label class="layui-form-label">订单编号</label>
  18. <label class="layui-input-inline">
  19. <input name="order_no" value="{$get.order_no|default=''}" placeholder="订单编号" class="layui-input">
  20. </label>
  21. </div>
  22. <div class="layui-form-item layui-inline">
  23. <input type="hidden" name="type" value="{$type|default='index'}">
  24. <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
  25. </div>
  26. </form>
  27. <table id="Table" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
  28. </div>
  29. </div>
  30. <script>
  31. $(function () {
  32. $('#Table').layTable({
  33. even: true, height: 'full',
  34. sort: {field: 'id', type: 'desc'},
  35. where: {},
  36. cols: [[
  37. {field: 'shipyardname', title: '用户', align: 'center', templet: function (d) {
  38. return d.user.nickname
  39. }},
  40. {field: 'order_no', title: '订单号', align: 'center'},
  41. {field: 'imgs', title: '图片', align: 'center', templet:function (d) {
  42. if (d.imgs.length<1){
  43. return '无图片'
  44. }else {
  45. let b = ''
  46. for (var a=0;a<d.imgs.length;a++){
  47. b = b + '<div class="headimg headimg-no headimg-ss margin-0" data-tips-hover data-tips-image='+ d.imgs[a] +' style="background-image:url('+ d.imgs[a] +')"></div>&nbsp;'
  48. }
  49. return laytpl(b).render(d)
  50. }
  51. }},
  52. {field: 'start_time', title: '维修开始时间', align: 'center'},
  53. {field: 'end_time', title: '维修结束时间', align: 'center'},
  54. {field: 'province', title: '地址', align: 'center',templet:function (d) {
  55. return d.province+d.city+d.area+d.address
  56. }},
  57. {field: 'describe', title: '故障描述', align: 'center'},
  58. {field: 'quick', title: '是否快修', align: 'center',templet:function (d) {
  59. if (d.quick==1){
  60. return '否'
  61. }else {
  62. return '是'
  63. }
  64. }},
  65. {field: 'create_at', title: '创建时间', align: 'center'},
  66. {toolbar: '#toolbar', title: '操作', align: 'center', fixed: 'right'}
  67. ]]
  68. });
  69. });
  70. </script>
  71. <!-- 列表排序权重模板 -->
  72. <script type="text/html" id="toolbar">
  73. {if auth('audit')}
  74. <button class="layui-btn layui-btn-sm" data-title="查看" data-modal='{:url("audit")}?id={{d.id}}'>查看</button>
  75. {/if}
  76. </script>
  77. {/block}