report_object.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. {extend name="public/layout" /} {block name="title"}日报{/block} {block name="body"}
  2. <link rel="stylesheet" type="text/css" href="__STATIC__/css/csspc.css"/>
  3. <link rel="stylesheet" type="text/css" href="__STATIC__/css/redesign.css"/>
  4. <body>
  5. <div id="layui-hbobj-body">
  6. <div class="width90_ wauto">
  7. <p class="font24 huise333">选择汇报对象</p>
  8. <p class="layui_x mdtb15"></p>
  9. <div class="woverflow layui-search">
  10. <div class="layui-search-ico href wleft wpsr">
  11. <img class="wpsa wpsauto" src="__STATIC__/img/hb_search.png"/>
  12. </div>
  13. <input class="wleft ds layui-search-input" id="search_in" placeholder="搜索" type="text" value=""/>
  14. </div>
  15. <p class="font16 huiseaaa mdt30">志远装饰</p>
  16. <ul class="report_name dsnone"></ul>
  17. <div class="layui-hb-list-body">
  18. <ul class="layui-hb-list-ul"></ul>
  19. </div>
  20. <div class="bodyshow"></div>
  21. </div>
  22. <div class="layui-form-item layui-hide">
  23. <input type="button" lay-submit lay-filter="object-submit" id="object-submit" value="确认添加">
  24. <input type="button" lay-submit lay-filter="object-edit" id="object-edit" value="确认编辑">
  25. </div>
  26. </div>
  27. </body>
  28. {/block} {block name="js"}
  29. <script>
  30. layui.config({
  31. base: '__LAYUI__/',
  32. urlbase: '/sys'
  33. }).extend({
  34. index: 'lib/index' //主入口模块
  35. }).use(['index', 'table'], function() {
  36. var $ = layui.$,
  37. form = layui.form;
  38. form.on('submit(object-submit)', function(obj) {
  39. var index = parent.layer.getFrameIndex(window.name);
  40. var formData = new FormData(obj.form);
  41. parent.layer.close(index); //再执行关闭
  42. });
  43. $('.layui-search-ico').click(function(){
  44. var search_in=$('#search_in').val();
  45. ajaxlist(search_in)
  46. })
  47. ajaxlist('');
  48. function ajaxlist(data){
  49. var list_li='';
  50. $.ajax({
  51. type:"get",
  52. url:"{:url('dailyWork/report_object')}",
  53. async:true,
  54. data:{
  55. keyword:data
  56. },
  57. success:function(listdata){
  58. var that=this;
  59. for(var i in listdata.data){
  60. for(var j=0;j<listdata.data[i].length;j++){
  61. list_li+='<li><dl class="layui-hb-list-ul-dl">';
  62. list_li+='<dt class="font26 huise111 textb mdb15">'+i+'</dt>';
  63. list_li+='<dd>';
  64. list_li+='<label class="ds woverflow">';
  65. if(listdata.data[i][j].checked){
  66. list_li+='<input checked="checked" class="layui-hb-list-chek mdt10 wpsr wleft" name="ssss" type="checkbox" data-names="'+listdata.data[i][j].name+'" data-imgs="'+listdata.data[i][j].headimgurl+'" data-ids="'+listdata.data[i][j].uid+'"/>';
  67. }else{
  68. list_li+='<input class="layui-hb-list-chek mdt10 wpsr wleft" name="ssss" type="checkbox" data-names="'+listdata.data[i][j].name+'" data-imgs="'+listdata.data[i][j].headimgurl+'" data-ids="'+listdata.data[i][j].uid+'"/>';
  69. }
  70. list_li+='<div class="woverflow mdlr10 wleft layui-hb-list-img">';
  71. list_li+='<img class="width100_" src="'+listdata.data[i][j].headimgurl+'"/></div>';
  72. list_li+='<p class="font16 huise333 lh50">'+listdata.data[i][j].name+'</p>';
  73. list_li+='</label></dd></dl></li>';
  74. }
  75. }
  76. $('.layui-hb-list-ul').html(list_li);
  77. var checkarr=[];
  78. $('#object-submit').click(function(){
  79. checkarr=[];
  80. $(".layui-hb-list-ul-dl dd input[type=checkbox]:checked").each(function(){
  81. checkarr.push({'id':$(this).data('ids'),'name':$(this).data('names'),'img':$(this).data('imgs')})
  82. });
  83. console.log(checkarr)
  84. return false;
  85. })
  86. for(var b=0;b<checkarr.length;b++){
  87. $('.report_name').append('<li class="wleft mdlr05" style="width:50px;" data-id="'+checkarr[b].id+'"><img style="width:40px;" src="'+checkarr[b].img+'" /><p class="font12 textc">'+checkarr[b].name+'</p></li>');
  88. }
  89. }
  90. });
  91. }
  92. });
  93. </script>
  94. {/block}