123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260 |
- {extend name="public/layout" /} {block name="title"}日报{/block} {block name="body"}
- <link rel="stylesheet" type="text/css" href="__STATIC__/css/csspc.css" />
- <link rel="stylesheet" type="text/css" href="__STATIC__/css/redesign.css" />
- <style type="text/css">
- html {
- background: #fff;
- }
- body{position: relative;min-width: 400px;}
- </style>
- <body>
- <div id="layui-time-m">
- <div class="layui-time-m-body">
- <form class="layui-form" id="admin" enctype="multipart/form-data" lay-filter="wxshow-form">
- <div class="layui-time-m-body-html" style="margin-top: 12px;">
- <div class="layui-time-m-title">
- <p class="layui-time-m-ico">{if condition="$type =='day'"}日{elseif($type == 'week')/}周{else/}月{/if}</p>
- <p class="layui-time-m-bt">{if condition="$type =='day'"}日{elseif($type == 'week')/}周{else/}月{/if}报</p>
- </div>
- <p class="layui_x mdtb15"></p>
- <p class="font16 huiseaaa mdt15" id="remarks1">{if condition="$type =='day'"}今日{elseif($type == 'week')/}本周{else/}本月{/if}工作:</p>
- <textarea name="current_work" placeholder="请输入" class="layui_time_m_textarea"></textarea>
- <p class="font16 huiseaaa mdt15" id="remarks2">{if condition="$type =='day'"}明日{elseif($type == 'week')/}下周{else/}下月{/if}计划:</p>
- <textarea name="next_plan" placeholder="请输入" class="layui_time_m_textarea"></textarea>
- <p class="font16 huiseaaa mdt15">其他事项:</p>
- <textarea name="other_matters" placeholder="请输入" class="layui_time_m_textarea"></textarea>
- <p class="font16 huiseaaa mdt15">附件:</p>
- <div class="mdt15">
- <div class="wleft picDiv layui-fj-ul"></div>
- <div class="wleft layui-fj-btn addImages" id="img">+</div>
- </div>
- <div class="clear"></div>
- <div class="woverflow mdt20">
- <p class="wleft layui-hb-btn href lh56" id="layui-hb-btn">汇报给 ...</p>
- <ul class="woverflow mdl15 layui-sub-name">
- {volist name="user" id="v"}
- <li class="wleft mdlr05" style="width:50px;" data-id="{$v.id}">
- <img style="width:40px;margin:0 auto;" src="{$v.user.headimgurl}" />
- <p class="font12 textc textlh1">{$v.name}</p>
- </li>
- {/volist}
- </ul>
- </div>
- </div>
- <div class="wpsa top0 left0 width100_ height100_ dsnone work_dt_box">
- <img class="work_dt_img wpsa wpsauto" src="" />
- <p class="wpsa work_dt_x">×</p>
- </div>
- <input type="hidden" id="add_uid" name="objct_id" value="{$defaultCheckUid}"/>
- <input type="hidden" name="type" value="{$type}"/>
- <div class="layui-form-item layui-hide">
- <input type="button" lay-submit lay-filter="submit" id="submit" value="确认添加">
- <input type="button" lay-submit lay-filter="edit" id="edit" value="确认编辑">
- </div>
- </form>
- </div>
- </div>
- <!---->
- <style type="text/css">
- .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;}
- .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;}
- .layui-hb-list-body{overflow-y:auto;}
- .layui-hb-submit{padding: 15px;}
- .layui-hb-subs{background-color: #1E9FFF;color: #fff;padding: 5px 15px;border-radius: 2px;}
- .layui-hb-reset{border: 1px solid #dedede;padding: 4px 15px;border-radius: 2px;color: #323232;}
- </style>
- <div id="layui-hbobj-body" class="dsnone layui-hbobj-body wpsa">
- <div class="layui-hbobj-body-html wpsr">
- <div class="width90_ wauto ">
- <p class="font24 huise333">选择汇报对象</p>
- <p class="layui_x mdtb15"></p>
- <div class="woverflow layui-search">
- <div class="layui-search-ico href wleft wpsr">
- <img class="wpsa wpsauto" src="__STATIC__/img/hb_search.png"/>
- </div>
- <input class="wleft ds layui-search-input" id="search_in" placeholder="搜索" type="text" value=""/>
- </div>
- <p class="font16 huiseaaa mdt20">志远装饰</p>
- <div class="layui-hb-list-body mdt15">
- <ul class="layui-hb-list-ul"></ul>
- </div>
- <div class="bodyshow"></div>
- </div>
- <div class="wpsa bottom0 left0 width100_ layui-hb-submit">
-
- <button type="button" id="layui-hb-reset" class="wright layui-hb-reset">取消</button>
- <button type="button" id="layui-hb-subs" class="wright mdr08 layui-hb-subs">确定</button>
- </div>
- </div>
- </div>
- </body>
- {/block} {block name="js"}
- <script>
- layui.config({
- base: '__LAYUI__/',
- urlbase: '/sys'
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'table', 'upload'], function() {
- var $ = layui.$,
- element = layui.element,
- upload = layui.upload,
- form = layui.form;
- files=[];
- /* 监听提交 */
- form.on('submit(submit)', function(obj) {
- var index = parent.layer.getFrameIndex(window.name);
- var formData = new FormData(obj.form);
-
- formData.delete('enclosure_file');
- for(i in files) {
- formData.append('enclosure_file[]', files[i]);
- }
- $.ajax({
- url: '{:url("dailyWork/add_submit_work")}',
- type: 'post',
- data: formData,
- dataType: 'json',
- processData: false,
- contentType: false,
- success: function(res) {
- if(res.code === 0) {
- layer.msg(res.msg, {
- anim: 0
- ,time: 2000
- }, function() {
- //parent.layui.table.reload('company-activity'); //重载表格
- parent.layer.close(index); //再执行关闭
- });
- } else {
- layer.msg(res.msg, {
- anim: 6
- ,time: 2000
- });
- }
- }
- });
- return false;
- });
- var chelistbox=[];
- var checkarr=[];
- var uids='';
- $('.layui-search-ico').click(function(){
- var search_in=$('#search_in').val();
- ajaxlist(search_in)
- })
- $('#layui-hb-btn').click(function() {
- checkarr=[];
- chelistbox=[];
- $('#layui-hbobj-body').show();
- var tcbody_h=$('.layui-hbobj-body-html').height();
- $('.layui-hb-list-body').height(tcbody_h/10*6.2)
- ajaxlist('',uids);
- })
- $('#layui-hb-reset').click(function(){
- $('#layui-hbobj-body').hide();
- })
- function ajaxlist(data,uid){
- var list_li='';
- $.ajax({
- type:"get",
- url:"{:url('dailyWork/report_object')}",
- async:true,
- data:{
- keyword:data,
- objct_id:uid
- },
- success:function(listdata){
- var that=this;
- for(var i in listdata.data){
- for(var j=0;j<listdata.data[i].length;j++){
- list_li+='<li><dl class="layui-hb-list-ul-dl">';
- list_li+='<dt class="font26 huise111 textb mdb15">'+i+'</dt>';
- list_li+='<dd>';
- list_li+='<label class="ds woverflow">';
- if(listdata.data[i][j].checked){
- 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+'"/>';
- }else{
- 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+'"/>';
- }
- list_li+='<div class="woverflow mdlr10 wleft layui-hb-list-img">';
- list_li+='<img class="width100_" src="'+listdata.data[i][j].headimgurl+'"/></div>';
- list_li+='<p class="font16 huise333 lh50">'+listdata.data[i][j].name+'</p>';
- list_li+='</label></dd></dl></li>';
- }
- }
- $('.layui-hb-list-ul').html(list_li);
- }
- })
- }
-
- $('#layui-hb-subs').click(function(){
- checkarr=[];
- $('.layui-sub-name').html('');
- $(".layui-hb-list-ul-dl dd input[type=checkbox]:checked").each(function(){
- checkarr.push({'id':$(this).data('ids'),'name':$(this).data('names'),'img':$(this).data('imgs')});
- });
- $('#layui-hbobj-body').hide();
- var intstr=[];
- for(var j=0;j<checkarr.length;j++){
- chelistbox.push(checkarr[j]);
- intstr.push(checkarr[j].id);
- }
- uids=intstr.toString();
- $('#add_uid').val(uids);
- htmladd();
- })
-
- function htmladd(){
- for(var b=0;b<chelistbox.length;b++){
- $('.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>');
- }
- }
- //多图片上传
- upload.render({
- elem: '#img',
- accept: 'images',
- url: '/upload/',
- exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
- field: 'enclosure_file',
- size: 5 * 1024,
- auto: false,
- multiple: true,
- choose: function(obj) {
- files = obj.pushFile();
- length = $('.imageDiv').length;
- obj.preview(function(index, file, result) {
- length++;
- if(length > 9) {
- if(length == 10) layer.msg('限制九张图片以下',{time: 2000});
- delete files[index];
- } else {
- $('.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>');
- $('.picDiv .imageDiv img').click(function() {
- var imgsrc = $(this).attr('src');
- $('.work_dt_box').show();
- $('.work_dt_img').attr('src', imgsrc)
- })
- }
- });
- }
- });
- $('.picDiv').on('click', 'i', function() {
- var that = this;
- layer.confirm('确定删除该图片么?', function(index) {
- var imgDiv = $(that).closest('.imageDiv');
- if(id = imgDiv.data('id')) {
- delete files[id];
- }
- imgDiv.remove();
- layer.close(index);
- });
- });
- $('.work_dt_x').click(function() {
- $('.work_dt_box').hide();
- })
- });
- </script>
- {/block}
|