submit_work.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  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. <style type="text/css">
  5. html {
  6. background: #fff;
  7. }
  8. body{position: relative;min-width: 400px;}
  9. </style>
  10. <body>
  11. <div id="layui-time-m">
  12. <div class="layui-time-m-body">
  13. <form class="layui-form" id="admin" enctype="multipart/form-data" lay-filter="wxshow-form">
  14. <div class="layui-time-m-body-html" style="margin-top: 12px;">
  15. <div class="layui-time-m-title">
  16. <p class="layui-time-m-ico">{if condition="$type =='day'"}日{elseif($type == 'week')/}周{else/}月{/if}</p>
  17. <p class="layui-time-m-bt">{if condition="$type =='day'"}日{elseif($type == 'week')/}周{else/}月{/if}报</p>
  18. </div>
  19. <p class="layui_x mdtb15"></p>
  20. <p class="font16 huiseaaa mdt15" id="remarks1">{if condition="$type =='day'"}今日{elseif($type == 'week')/}本周{else/}本月{/if}工作:</p>
  21. <textarea name="current_work" placeholder="请输入" class="layui_time_m_textarea"></textarea>
  22. <p class="font16 huiseaaa mdt15" id="remarks2">{if condition="$type =='day'"}明日{elseif($type == 'week')/}下周{else/}下月{/if}计划:</p>
  23. <textarea name="next_plan" placeholder="请输入" class="layui_time_m_textarea"></textarea>
  24. <p class="font16 huiseaaa mdt15">其他事项:</p>
  25. <textarea name="other_matters" placeholder="请输入" class="layui_time_m_textarea"></textarea>
  26. <p class="font16 huiseaaa mdt15">附件:</p>
  27. <div class="mdt15">
  28. <div class="wleft picDiv layui-fj-ul"></div>
  29. <div class="wleft layui-fj-btn addImages" id="img">+</div>
  30. </div>
  31. <div class="clear"></div>
  32. <div class="woverflow mdt20">
  33. <p class="wleft layui-hb-btn href lh56" id="layui-hb-btn">汇报给 ...</p>
  34. <ul class="woverflow mdl15 layui-sub-name">
  35. {volist name="user" id="v"}
  36. <li class="wleft mdlr05" style="width:50px;" data-id="{$v.id}">
  37. <img style="width:40px;margin:0 auto;" src="{$v.user.headimgurl}" />
  38. <p class="font12 textc textlh1">{$v.name}</p>
  39. </li>
  40. {/volist}
  41. </ul>
  42. </div>
  43. </div>
  44. <div class="wpsa top0 left0 width100_ height100_ dsnone work_dt_box">
  45. <img class="work_dt_img wpsa wpsauto" src="" />
  46. <p class="wpsa work_dt_x">×</p>
  47. </div>
  48. <input type="hidden" id="add_uid" name="objct_id" value="{$defaultCheckUid}"/>
  49. <input type="hidden" name="type" value="{$type}"/>
  50. <div class="layui-form-item layui-hide">
  51. <input type="button" lay-submit lay-filter="submit" id="submit" value="确认添加">
  52. <input type="button" lay-submit lay-filter="edit" id="edit" value="确认编辑">
  53. </div>
  54. </form>
  55. </div>
  56. </div>
  57. <!---->
  58. <style type="text/css">
  59. .layui-hbobj-body{top:0;left:0;z-index: 8;background: rgba(0,0,0,.7) !important;width:100% !important;height: 100%;overflow: hidden;min-width: 320px;max-width:100% !important;}
  60. .layui-hbobj-body-html{background: #fff;height: 90%;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;width:90%;padding: 15px;border-radius: 10px !important;overflow: hidden;}
  61. .layui-hb-list-body{overflow-y:auto;}
  62. .layui-hb-submit{padding: 15px;}
  63. .layui-hb-subs{background-color: #1E9FFF;color: #fff;padding: 5px 15px;border-radius: 2px;}
  64. .layui-hb-reset{border: 1px solid #dedede;padding: 4px 15px;border-radius: 2px;color: #323232;}
  65. </style>
  66. <div id="layui-hbobj-body" class="dsnone layui-hbobj-body wpsa">
  67. <div class="layui-hbobj-body-html wpsr">
  68. <div class="width90_ wauto ">
  69. <p class="font24 huise333">选择汇报对象</p>
  70. <p class="layui_x mdtb15"></p>
  71. <div class="woverflow layui-search">
  72. <div class="layui-search-ico href wleft wpsr">
  73. <img class="wpsa wpsauto" src="__STATIC__/img/hb_search.png"/>
  74. </div>
  75. <input class="wleft ds layui-search-input" id="search_in" placeholder="搜索" type="text" value=""/>
  76. </div>
  77. <p class="font16 huiseaaa mdt20">志远装饰</p>
  78. <div class="layui-hb-list-body mdt15">
  79. <ul class="layui-hb-list-ul"></ul>
  80. </div>
  81. <div class="bodyshow"></div>
  82. </div>
  83. <div class="wpsa bottom0 left0 width100_ layui-hb-submit">
  84. <button type="button" id="layui-hb-reset" class="wright layui-hb-reset">取消</button>
  85. <button type="button" id="layui-hb-subs" class="wright mdr08 layui-hb-subs">确定</button>
  86. </div>
  87. </div>
  88. </div>
  89. </body>
  90. {/block} {block name="js"}
  91. <script>
  92. layui.config({
  93. base: '__LAYUI__/',
  94. urlbase: '/sys'
  95. }).extend({
  96. index: 'lib/index' //主入口模块
  97. }).use(['index', 'table', 'upload'], function() {
  98. var $ = layui.$,
  99. element = layui.element,
  100. upload = layui.upload,
  101. form = layui.form;
  102. files=[];
  103. /* 监听提交 */
  104. form.on('submit(submit)', function(obj) {
  105. var index = parent.layer.getFrameIndex(window.name);
  106. var formData = new FormData(obj.form);
  107. formData.delete('enclosure_file');
  108. for(i in files) {
  109. formData.append('enclosure_file[]', files[i]);
  110. }
  111. $.ajax({
  112. url: '{:url("dailyWork/add_submit_work")}',
  113. type: 'post',
  114. data: formData,
  115. dataType: 'json',
  116. processData: false,
  117. contentType: false,
  118. success: function(res) {
  119. if(res.code === 0) {
  120. layer.msg(res.msg, {
  121. anim: 0
  122. ,time: 2000
  123. }, function() {
  124. //parent.layui.table.reload('company-activity'); //重载表格
  125. parent.layer.close(index); //再执行关闭
  126. });
  127. } else {
  128. layer.msg(res.msg, {
  129. anim: 6
  130. ,time: 2000
  131. });
  132. }
  133. }
  134. });
  135. return false;
  136. });
  137. var chelistbox=[];
  138. var checkarr=[];
  139. var uids='';
  140. $('.layui-search-ico').click(function(){
  141. var search_in=$('#search_in').val();
  142. ajaxlist(search_in)
  143. })
  144. $('#layui-hb-btn').click(function() {
  145. checkarr=[];
  146. chelistbox=[];
  147. $('#layui-hbobj-body').show();
  148. var tcbody_h=$('.layui-hbobj-body-html').height();
  149. $('.layui-hb-list-body').height(tcbody_h/10*6.2)
  150. ajaxlist('',uids);
  151. })
  152. $('#layui-hb-reset').click(function(){
  153. $('#layui-hbobj-body').hide();
  154. })
  155. function ajaxlist(data,uid){
  156. var list_li='';
  157. $.ajax({
  158. type:"get",
  159. url:"{:url('dailyWork/report_object')}",
  160. async:true,
  161. data:{
  162. keyword:data,
  163. objct_id:uid
  164. },
  165. success:function(listdata){
  166. var that=this;
  167. for(var i in listdata.data){
  168. for(var j=0;j<listdata.data[i].length;j++){
  169. list_li+='<li><dl class="layui-hb-list-ul-dl">';
  170. list_li+='<dt class="font26 huise111 textb mdb15">'+i+'</dt>';
  171. list_li+='<dd>';
  172. list_li+='<label class="ds woverflow">';
  173. if(listdata.data[i][j].checked){
  174. list_li+='<input data-chek="'+listdata.data[i][j].checked+'" 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].id+'"/>';
  175. }else{
  176. 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].id+'"/>';
  177. }
  178. list_li+='<div class="woverflow mdlr10 wleft layui-hb-list-img">';
  179. list_li+='<img class="width100_" src="'+listdata.data[i][j].headimgurl+'"/></div>';
  180. list_li+='<p class="font16 huise333 lh50">'+listdata.data[i][j].name+'</p>';
  181. list_li+='</label></dd></dl></li>';
  182. }
  183. }
  184. $('.layui-hb-list-ul').html(list_li);
  185. }
  186. })
  187. }
  188. $('#layui-hb-subs').click(function(){
  189. checkarr=[];
  190. $('.layui-sub-name').html('');
  191. $(".layui-hb-list-ul-dl dd input[type=checkbox]:checked").each(function(){
  192. checkarr.push({'id':$(this).data('ids'),'name':$(this).data('names'),'img':$(this).data('imgs')});
  193. });
  194. $('#layui-hbobj-body').hide();
  195. var intstr=[];
  196. for(var j=0;j<checkarr.length;j++){
  197. chelistbox.push(checkarr[j]);
  198. intstr.push(checkarr[j].id);
  199. }
  200. uids=intstr.toString();
  201. $('#add_uid').val(uids);
  202. htmladd();
  203. })
  204. function htmladd(){
  205. for(var b=0;b<chelistbox.length;b++){
  206. $('.layui-sub-name').append('<li class="wleft mdlr05" style="width:50px;" data-id="'+chelistbox[b].id+'"><img style="width:40px;margin:0 auto;" src="'+chelistbox[b].img+'" /><p class="font12 textc textlh1">'+chelistbox[b].name+'</p></li>');
  207. }
  208. }
  209. //多图片上传
  210. upload.render({
  211. elem: '#img',
  212. accept: 'images',
  213. url: '/upload/',
  214. exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
  215. field: 'enclosure_file',
  216. size: 5 * 1024,
  217. auto: false,
  218. multiple: true,
  219. choose: function(obj) {
  220. files = obj.pushFile();
  221. length = $('.imageDiv').length;
  222. obj.preview(function(index, file, result) {
  223. length++;
  224. if(length > 9) {
  225. if(length == 10) layer.msg('限制九张图片以下',{time: 2000});
  226. delete files[index];
  227. } else {
  228. $('.picDiv').prepend('<div class="imageDiv" data-id="' + index + '"><img src="' + result + '" alt="' + file.name + '" class="layui-upload-img" width="100%" height="100%"><div><i class="layui-icon-delete">×</i></div></div>');
  229. $('.picDiv .imageDiv img').click(function() {
  230. var imgsrc = $(this).attr('src');
  231. $('.work_dt_box').show();
  232. $('.work_dt_img').attr('src', imgsrc)
  233. })
  234. }
  235. });
  236. }
  237. });
  238. $('.picDiv').on('click', 'i', function() {
  239. var that = this;
  240. layer.confirm('确定删除该图片么?', function(index) {
  241. var imgDiv = $(that).closest('.imageDiv');
  242. if(id = imgDiv.data('id')) {
  243. delete files[id];
  244. }
  245. imgDiv.remove();
  246. layer.close(index);
  247. });
  248. });
  249. $('.work_dt_x').click(function() {
  250. $('.work_dt_box').hide();
  251. })
  252. });
  253. </script>
  254. {/block}