{extend name="../../base/view/common/base" /} <!-- 主体 --> {block name="body"} <form class="layui-form p-4"> {if condition="$type eq 1"} <h3 class="pb-3">回复消息</h3> {else/} <h3 class="pb-3">转发消息</h3> {/if} <table class="layui-table"> <tr> <td class="layui-td-gray-2">接收人类型</td> <td> <input type="radio" name="type" lay-filter="type" value="1" title="同事" checked> <input type="radio" name="type" lay-filter="type" value="2" title="部门"> <input type="radio" name="type" lay-filter="type" value="3" title="岗位"> <input type="radio" name="type" lay-filter="type" value="4" title="全部"> </td> </tr> {if condition="$type eq 1"} <tr id ="person" {eq name="$detail.type" value="4"}style="display:none;"{/eq}> <td class="layui-td-gray">收件人<font>*</font></td> <td> <input type="text" name="person_name" value="{$detail.person_name}" lay-verify="required" lay-reqText="请选择收件人" placeholder="请选择收件人" readonly class="layui-input"> <input type="hidden" name="uids" value="{$detail.from_uid}"> <input type="hidden" name="dids" value="{$detail.from_uid}"> <input type="hidden" name="pids" value="{$detail.from_uid}"> </td> </tr> <tr> <td class="layui-td-gray">主题<font>*</font></td> <td> <input type="text" name="title" value="回复:{$detail.title}" lay-verify="required" lay-reqText="请输入消息主题" placeholder="请输入消息主题" class="layui-input" lay-verify="required"> </td> </tr> {else/} <tr id ="person" {eq name="$detail.type" value="4"}style="display:none;"{/eq}> <td class="layui-td-gray">收件人<font>*</font></td> <td> <input type="text" name="person_name" value="" lay-verify="required" lay-reqText="请选择收件人" placeholder="请选择收件人" readonly class="layui-input"> <input type="hidden" name="uids" value=""> <input type="hidden" name="dids" value=""> <input type="hidden" name="pids" value=""> </td> </tr> <tr> <td class="layui-td-gray">主题<font>*</font></td> <td> <input type="text" name="title" value="转发:{$detail.title}" lay-verify="required" lay-reqText="请输入消息主题" placeholder="请输入消息主题" class="layui-input" lay-verify="required"> </td> </tr> {/if} <tr> <td class="layui-td-gray" style="vertical-align:top;">内容<font>*</font></td> <td> <textarea name="content" placeholder="请输入消息内容" class="layui-textarea" style="height: 200px;" lay-verify="required" lay-reqText="请输入消息内容"></textarea> <table class="layui-table" style="margin-top:10px;"> <tr> <td class="layui-td-gray-2">原消息内容</td> <td>{$detail.content}</td> </tr> {notempty name="$file_array"} <tr> <td class="layui-td-gray-2" style="vertical-align:top">原消息附件</td> <td style="line-height:inherit"> {volist name="$detail.from_file_array" id="vo"} <div class="layui-col-md4" id="uploadImg{$vo.id}">{:file_card($vo,'view')}</div> {/volist} </td> </tr> {/notempty} </table> </td> </tr> <tr> <td class="layui-td-gray"><div class="layui-input-inline">附件</div> <div class="layui-input-inline"><button type="button" class="layui-btn layui-btn-xs" id="upFile"><i class="layui-icon"></i></button></div></td> <td colspan="5" style="line-height:inherit"> <div class="layui-row" id="fileList"> <input type="hidden" name="file_ids" data-type="file" value="{$detail.file_ids}"> {notempty name="$detail.file_ids"} {volist name="$detail.file_array" id="vo"} <div class="layui-col-md4" id="uploadImg{$vo.id}">{:file_card($vo)}</div> {/volist} {/notempty} </div> </td> </tr> </table> <div class="py-3"> <input type="hidden" value="0" name="id"> <input type="hidden" value="{$fid}" name="fid"> <button class="layui-btn" lay-submit="" lay-filter="draftform">存为草稿</button> <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即发送</button> </div> </form> {/block} <!-- /主体 --> <!-- 脚本 --> {block name="script"} <script> const moduleInit = ['tool','employeepicker','dtree','oaTool']; function gouguInit() { var form = layui.form,tool=layui.tool,table=layui.table,laydate = layui.laydate,employeepicker = layui.employeepicker,dtree = layui.dtree,oaTool = layui.oaTool; oaTool.addFile({ btn: 'upFile', box: 'fileList' }); //监听保存到草稿并发送 form.on('submit(webform)', function(data){ $.ajax({ url: "/message/index/save", type:'post', data:data.field, success:function(e){ if(e.code==0){ layer.msg('消息保存成功,正在发送中...'); $.ajax({ url: "/message/index/send", type:'post', data:{'id':e.data}, success: function (e) { layer.msg(e.msg); if (e.code == 0) { tool.sideClose(1000); } } }) }else{ layer.msg(e.msg); } } }) return false; }); //监听保存到草稿 form.on('submit(draftform)', function(data){ $.ajax({ url: "/message/index/save", type:'post', data:data.field, success: function (e) { layer.msg(e.msg); if (e.code == 0) { tool.sideClose(1000); } } }) return false; }); //选择收件人类型 form.on('radio(type)', function (data) { $('[name="person_name"]').val(''); $('[name="dids"]').val(''); $('[name="uids"]').val(''); $('[name="pids"]').val(''); if(data.value==4){ $('#person').val('0').hide(); } else{ $('#person').val('').show(); } }); //选择对应人 $('[name="person_name"]').on('click',function(){ type = $("input[name='type']:checked").val(); if(type == 1){ addEmployee(); }else if(type == 2){ selectDepartment(); }else if(type == 3){ selectAuditor(); } }); //添加人员 function addEmployee(){ var ids=$('[name="uids"]').val(),names=$('[name="person_name"]').val(),idsArray=[],namesArray=[]; if(ids!=''){ idsArray=ids.split(','); namesArray=names.split(','); } employeepicker.init({ department_url: "/api/index/get_department_tree", employee_url: "/api/index/get_employee", ids:idsArray, names:namesArray, callback:function(ids,names){ $('[name="uids"]').val(ids.join(',')), $('[name="person_name"]').val(names.join(',')); } }); } //选择部门 function selectDepartment(){ var tpl='<div style="width:382px; height:338px;overflow-y: auto;">\ <div id="checkemployeetree" style="padding:10px 0;"></div>\ </div>'; layer.open({ type:1, title:'选择部门', area:['400px','450px'], content:tpl, success:function(){ $.ajax({ url: "/api/index/get_department_tree", type:'get', success:function(res){ dtree.render({ elem: "#checkemployeetree", data: res.trees, icon: "2", //修改二级图标样式 checkbarType: "no-all", // 默认就是all,其他的值为: no-all p-casc self only checkbar: true //开启复选框 }); } }); }, btn: ['确定'], btnAlign:'c', yes: function(){ var ids=[],names=[]; var check=dtree.getCheckbarNodesParam("checkemployeetree"); if(check.length==0){ layer.msg('请选择部门'); return; } for(var m=0; m<check.length; m++){ ids.push(check[m].nodeId); names.push(check[m].context); } $('[name="person_name"]').val(names.join(',')); $('[name="dids"]').val(ids.join(',')); layer.closeAll(); } }) } //选择岗位 function selectAuditor(){ layer.open({ title:'选择岗位', type:1, area:['360px','480px'], content:'<div style="padding:5px 12px"><div id="vaeservice"></div></div>', success:function(){ tableid=table.render({ elem: '#vaeservice' ,url: "/api/index/get_position" ,page: false //开启分页 ,cols: [[ {type:'checkbox',title: '选择'} ,{field:'id', width:80, title: '编号', align:'center'} ,{field:'name',title: '岗位名称'} ]] }); }, btn: ['确定'], btnAlign:'c', yes: function(){ var checkStatus = table.checkStatus(tableid.config.id); var data = checkStatus.data,val = [],title=[]; if(data.length>0){ for ( var i = 0; i <data.length; i++){ val.push(data[i].id); title.push(data[i].name); } $('[name="person_name"]').val(title.join(',')); $('[name="pids"]').val(val.join(',')); layer.closeAll(); }else{ layer.msg('请选择岗位'); return; } } }) } } </script> {/block} <!-- /脚本 -->