reply.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. {extend name="../../base/view/common/base" /}
  2. {block name="style"}
  3. <style>
  4. .layui-table-1 .tr-2,.layui-table-1 .tr-3{display:none;}
  5. .layui-table-2 .tr-1,.layui-table-2 .tr-3{display:none;}
  6. .layui-table-3 .tr-1,.layui-table-3 .tr-2{display:none;}
  7. .layui-table-4 .tr-1,.layui-table-4 .tr-2,.layui-table-4 .tr-3,.layui-table-4 .tr-4{display:none;}
  8. </style>
  9. {/block}
  10. <!-- 主体 -->
  11. {block name="body"}
  12. <form class="layui-form p-4">
  13. <h3 class="pb-3">回复消息</h3>
  14. <table id="messageTable" class="layui-table layui-table-form layui-table-1">
  15. <tr>
  16. <td class="layui-td-gray-2">接收人类型</td>
  17. <td>
  18. <input type="radio" name="types" lay-filter="types" value="1" title="同事"checked>
  19. <input type="radio" name="types" lay-filter="types" value="2" title="部门">
  20. <input type="radio" name="types" lay-filter="types" value="3" title="岗位">
  21. <input type="radio" name="types" lay-filter="types" value="4" title="全部">
  22. </td>
  23. </tr>
  24. <tr class="tr-1">
  25. <td class="layui-td-gray">收件人<font>*</font></td>
  26. <td>
  27. <input type="text" name="unames" value="{$detail.from_name|default=''}" placeholder="请选择收件人" readonly class="layui-input picker-admin" data-type="2">
  28. <input type="hidden" name="uids" value="{$detail.from_uid|default=''}">
  29. </td>
  30. </tr>
  31. <tr class="tr-2">
  32. <td class="layui-td-gray">收件部门<font>*</font></td>
  33. <td>
  34. <input type="text" name="dnames" value="{$detail.dnames|default=''}" placeholder="请选择收件部门" readonly class="layui-input picker-oa" data-types="department" data-type="2">
  35. <input type="hidden" name="dids" value="{$detail.dids|default=''}">
  36. </td>
  37. </tr>
  38. <tr class="tr-3">
  39. <td class="layui-td-gray">收件岗位<font>*</font></td>
  40. <td>
  41. <input type="text" name="pnames" value="{$detail.pnames|default=''}" placeholder="请选择收件岗位" readonly class="layui-input picker-oa" data-types="position" data-type="2"">
  42. <input type="hidden" name="pids" value="{$detail.pids|default=''}">
  43. </td>
  44. </tr>
  45. <tr class="tr-4">
  46. <td class="layui-td-gray">抄送人</td>
  47. <td>
  48. <input type="text" name="copy_names" value="{$detail.copy_names|default=''}" placeholder="请选择抄送人" readonly class="layui-input picker-admin" data-type="2">
  49. <input type="hidden" name="copy_uids" value="{$detail.copy_uids|default=''}">
  50. </td>
  51. </tr>
  52. <tr>
  53. <td class="layui-td-gray">消息主题<font>*</font></td>
  54. <td><input type="text" name="title" value="回复:{$detail.title|default=''}" lay-verify="required" lay-reqText="请输入消息主题" placeholder="请输入消息主题" class="layui-input" lay-verify="required"></td>
  55. </tr>
  56. <tr>
  57. <td class="layui-td-gray">消息内容<font>*</font></td>
  58. <td>
  59. <textarea name="content" placeholder="请输入消息内容" class="layui-textarea" style="height: 200px;" lay-verify="required" lay-reqText="请输入消息内容"></textarea>
  60. <table class="layui-table" style="margin-top:10px">
  61. <tr>
  62. <td class="layui-td-gray-2">回复消息内容</td>
  63. <td><pre style="font-family:inherit">{$detail.content|default=''}</pre></td>
  64. </tr>
  65. {notempty name="$detail.file_array"}
  66. <tr>
  67. <td class="layui-td-gray" style="vertical-align:top">回复消息附件</td>
  68. <td>
  69. <div class="layui-row">
  70. {volist name="$detail.file_array" id="vo"}
  71. <div class="layui-col-md4" id="uploadFile{$vo.id}">{:file_card($vo,'view')}</div>
  72. {/volist}
  73. </div>
  74. </td>
  75. </tr>
  76. {/notempty}
  77. </table>
  78. </td>
  79. </tr>
  80. <tr>
  81. <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="uploadBtn"><i class="layui-icon"></i></button></div></td>
  82. <td>
  83. <div class="layui-row" id="uploadBox">
  84. <input type="hidden" data-type="file" name="file_ids" value="">
  85. </div>
  86. </td>
  87. </tr>
  88. </table>
  89. <div class="pt-4">
  90. <input type="hidden" value="0" name="id">
  91. <input type="hidden" value="{$detail.id}" name="msg_id">
  92. <button class="layui-btn" lay-submit="" lay-filter="draftform">存为草稿</button>
  93. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即发送</button>
  94. </div>
  95. </form>
  96. {/block}
  97. <!-- /主体 -->
  98. <!-- 脚本 -->
  99. {block name="script"}
  100. <script>
  101. const moduleInit = ['tool','oaPicker','uploadPlus'];
  102. function gouguInit() {
  103. var form = layui.form,tool=layui.tool,uploadPlus=layui.uploadPlus;
  104. let uploada = new uploadPlus();
  105. //监听保存到草稿并发送
  106. form.on('submit(webform)', function(data){
  107. data.field.is_draft=1;
  108. let callback = function (e) {
  109. layer.msg(e.msg);
  110. if (e.code == 0) {
  111. tool.sideClose(1000);
  112. }
  113. }
  114. tool.post("/home/message/save", data.field, callback);
  115. });
  116. //监听保存到草稿
  117. form.on('submit(draftform)', function(data){
  118. data.field.is_draft=2;
  119. let callback = function (e) {
  120. layer.msg(e.msg);
  121. if (e.code == 0) {
  122. tool.sideClose(1000);
  123. }
  124. }
  125. tool.post("/home/message/save", data.field, callback);
  126. return false;
  127. });
  128. //选择收件人类型
  129. form.on('radio(types)', function (data) {
  130. $('#messageTable').attr('class','layui-table layui-table-form layui-table-'+data.value);
  131. });
  132. }
  133. </script>
  134. {/block}
  135. <!-- /脚本 -->