select.php 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <style type="text/css">
  4. .form-add{position: fixed;left: 0;bottom: 0;width:100%;}
  5. .form-add .sub-btn{border-radius: 0;width: 100%;padding: 6px 0;font-size: 14px;outline: none;border: none;color: #fff;background-color: #2d8cf0;}
  6. </style>
  7. <div class="layui-fluid">
  8. <div class="layui-row layui-col-space15" id="app">
  9. <div class="layui-col-md12">
  10. <div class="layui-card">
  11. <div class="layui-card-header">搜索条件</div>
  12. <div class="layui-card-body">
  13. <form class="layui-form layui-form-pane" action="">
  14. <div class="layui-inline">
  15. <label class="layui-form-label">产品名称</label>
  16. <div class="layui-input-block">
  17. <input type="text" name="store_name" class="layui-input" placeholder="请输入产品名称,关键字,编号">
  18. </div>
  19. </div>
  20. <div class="layui-inline">
  21. <div class="layui-input-inline">
  22. <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="search" lay-filter="search">
  23. <i class="layui-icon layui-icon-search"></i>搜索</button>
  24. </div>
  25. </div>
  26. </form>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="layui-col-md12">
  31. <div class="layui-card">
  32. <div class="layui-card-body">
  33. <table class="layui-hide" id="List" lay-filter="List"></table>
  34. <!--图片-->
  35. <script type="text/html" id="image">
  36. <img style="cursor: pointer" lay-event="open_image" src="{{d.image}}">
  37. </script>
  38. <!--操作-->
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="form-add">
  44. <button type="submit" class="sub-btn">提交</button>
  45. </div>
  46. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  47. {/block}
  48. {block name='script'}
  49. <script>
  50. var parentinputname = '{$Request.param.fodder}';
  51. layList.form.render();
  52. //加载列表
  53. layList.tableList('List',"{:Url('store.store_product/product_ist',['type'=>1])}",function (){
  54. return [
  55. {type: 'checkbox'},
  56. {field: 'id', title: 'ID', sort: true,event:'id'},
  57. {field: 'image', title: '产品图片',templet:'#image'},
  58. {field: 'store_name', title: '产品名称',templet:'#store_name'},
  59. ]
  60. });
  61. //点击事件绑定
  62. $(".sub-btn").on("click",function(){
  63. var ids = layList.getCheckData().getIds('id');
  64. var pics = layList.getCheckData().getIds('image');
  65. var p_ids = parent.$f.getValue('product_id');
  66. var p_pics = parent.$f.getValue('image');
  67. var ids_arr;
  68. if(typeof (p_ids) != 'string' && p_ids != 0){
  69. ids_arr = p_ids.concat(ids);
  70. }else{
  71. ids_arr = ids;
  72. }
  73. var pics_arr = p_pics.concat(pics);
  74. parent.$f.changeField('image',distinct(pics_arr));
  75. parent.$f.changeField('product_id',distinct(ids_arr));
  76. parent.$f.closeModal(parentinputname);
  77. });
  78. //查询
  79. layList.search('search',function(where){
  80. layList.reload(where);
  81. });
  82. function distinct (arr) {
  83. var newArr = [];
  84. for( i = 0; i < arr.length; i++) {
  85. if(!newArr.includes(arr[i])) {
  86. newArr.push(arr[i])
  87. }
  88. }
  89. return newArr
  90. }
  91. </script>
  92. {/block}