pms.blade.php 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  1. @extends('jkq.module.layouts.main_index')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
  6. <link href="{{ theme_asset('app/css/person/personal_job.css') }}" rel="stylesheet">
  7. <link href="{{ theme_asset('app/css/person/personal_user.css') }}" rel="stylesheet">
  8. <link href="{{ theme_asset('app/css/person/personal_ajax_dialog.css') }}" rel="stylesheet">
  9. @endpush
  10. @section('content')
  11. <div class="user_main">
  12. @include('jkq.module.section.person_left')
  13. <form id="form1" action="" method="get" class="J_allListBox">
  14. <div class="mainbox">
  15. <!--切换卡 -->
  16. <div class="tab">
  17. <a class="li select" >消息提醒</a>
  18. <a class="li J_hoverbut " href="{{ route('jkq.person.msg') }}" >咨询反馈</a>
  19. <div class="clear"></div>
  20. </div>
  21. <!--切换卡结束 -->
  22. <div class="pms_th">
  23. <div class="th1">消息内容</div>
  24. <div class="th2">
  25. <div class="th_select input_140_30_div J_hoverinput J_dropdown J_listitme_parent">
  26. <span class="J_listitme_text">
  27. @if(Request::input('settr')==3)
  28. 3天内
  29. @elseif(Request::input('settr')==7)
  30. 7天内
  31. @elseif(Request::input('settr')==15)
  32. 15天内
  33. @elseif(Request::input('settr')==30)
  34. 30天内
  35. @else
  36. 全部
  37. @endif
  38. </span>
  39. <div class="dropdowbox13 J_dropdown_menu">
  40. <div class="dropdow_inner13">
  41. <ul class="nav_box">
  42. <li><a class="J_listitme" data-code="">全部</a></li>
  43. <li><a class="J_listitme" data-code="3">3天内</a></li>
  44. <li><a class="J_listitme" data-code="7">7天内</a></li>
  45. <li><a class="J_listitme" data-code="15">15天内</a></li>
  46. </ul>
  47. </div>
  48. </div>
  49. <input class="J_listitme_code" name="settr" id="settr" type="hidden" value="{{ Request::input('settr') }}">
  50. </div>
  51. </div>
  52. <div class="th3">
  53. <div class="th_select input_140_30_div J_hoverinput J_dropdown J_listitme_parent">
  54. <span class="J_listitme_text">
  55. @if(Request::input('status')==1)
  56. 未查看
  57. @elseif(Request::input('status')==2)
  58. 已查看
  59. @else
  60. 全部
  61. @endif
  62. </span>
  63. <div class="dropdowbox13 J_dropdown_menu">
  64. <div class="dropdow_inner13">
  65. <ul class="nav_box">
  66. <li><a class="J_listitme" data-code="">全部</a></li>
  67. <li><a class="J_listitme" data-code="1">未查看</a></li>
  68. <li><a class="J_listitme" data-code="2">已查看</a></li>
  69. </ul>
  70. </div>
  71. </div>
  72. <input class="J_listitme_code" name="status" id="status" type="hidden" value="{{ Request::input('status') }}">
  73. </div>
  74. </div>
  75. <div class="th4">操作</div>
  76. </div>
  77. @if($pms->total())
  78. @foreach($pms as $key => $val)
  79. <div class="interview_list pms J_hoverbut" pmid="{{ $val->id }}">
  80. <div class="td1"><input class="J_allList" name="id[]" type="checkbox" value="{{ $val->id }}" /></div>
  81. <div class="td2 link_blue substring nowrap">
  82. {!! strip_tags($val->message) !!}
  83. </div>
  84. <div class="td3">{{ $val->created_at }}</div>
  85. @if($val->new==2)
  86. <div class="td4 ok">已查看</div>
  87. @else
  88. <div class="td4">未查看</div>
  89. @endif
  90. <div class="td5 link_blue">
  91. <a href="javascript:;" class="but1 J_hoverbut J_interviewDetails J_msg_check" title="查看"></a>
  92. <a href="javascript:;" pmid="{{ $val->id }}" class="but2 J_hoverbut del delete" title="删除"></a>
  93. </div>
  94. </div>
  95. @endforeach
  96. <div class="pms_btn">
  97. <div class="td1"><input name="" class="J_allSelected" type="checkbox" value=""></div>
  98. <div class="td2">
  99. <div class="but_blue_80_32 J_hoverbut J_set_interview">设为已读</div>
  100. </div>
  101. <div class="td3">
  102. <div class="but_gray_80_32 J_hoverbut J_delall">删除</div>
  103. </div>
  104. <div class="clear"></div>
  105. </div>
  106. {{ $pms->appends(Request::all())->links('module.widgets.pagination') }}
  107. @else
  108. <div class="res_empty">
  109. 您暂时还没有消息记录
  110. </div>
  111. @endif
  112. </div>
  113. </form>
  114. <div class="clear"></div>
  115. </div>
  116. @endsection
  117. @section('script')
  118. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
  119. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
  120. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
  121. <script type="text/javascript" src="{{ theme_asset('app/js/person/jquery.common.js') }}"></script>
  122. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.allselected.js') }}"></script>
  123. <script type="text/javascript" src="{{theme_asset('app/js/jquery.modal.dialog.js')}}"></script>
  124. <script>
  125. $(function () {
  126. $(".J_listitme").click(function () {
  127. setTimeout(function () {
  128. $("#form1").submit();
  129. },500)
  130. })
  131. function show(){
  132. var id_array=new Array();
  133. $('input[name="id[]"]:checked').each(function(){
  134. id_array.push($(this).val());//向数组中添加元素
  135. });
  136. var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
  137. return idstr;
  138. }
  139. $('.J_msg_check').click(function(){
  140. var f = $(this).closest('.pms'),
  141. id = f.attr('pmid');
  142. var qsDialog = $(this).dialog({
  143. title: '消息详情',
  144. loading: true,
  145. btns: ['删除', '返回'],
  146. showFooter: false,
  147. yes: function() {
  148. $.ajax({
  149. headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  150. type: "POST",
  151. url: "{{ route('jkq.person.deletePms') }}",
  152. data: {
  153. id:id,
  154. },
  155. dataType: "json",
  156. success: function(result){
  157. f.remove();
  158. disapperTooltip('success',result.data);
  159. window.location.href="{{ url('jkq/person/pms') }}"
  160. },
  161. error: function (errorData) {
  162. if(errorData.status==400) {//业务错误
  163. disapperTooltip("remind", errorData.responseJSON.message);
  164. }
  165. }
  166. });
  167. }
  168. });
  169. $.getJSON("{{ route('jkq.person.check_pms') }}",{id:id},function(result){
  170. if(result.code==1){
  171. f.find('.td4').addClass('ok').html('已查看');
  172. qsDialog.setContent(result.data);
  173. qsDialog.showFooter(true);
  174. }else{
  175. qsDialog.setContent(result.data);
  176. }
  177. });
  178. });
  179. $(".delete").click(function () {
  180. var url = "{{ route('jkq.person.deletePms') }}",
  181. f = $(this).closest('.pms'),
  182. id = f.attr('pmid');
  183. var qsDialog = $(this).dialog({
  184. title: '删除消息',
  185. loading: true,
  186. showFooter: false,
  187. yes: function () {
  188. $.ajax({
  189. headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  190. type: "POST",
  191. url: url,
  192. data: {
  193. id:id,
  194. },
  195. dataType: "json",
  196. success: function(result){
  197. f.remove();
  198. disapperTooltip('success',result.data);
  199. window.location.href="{{ url('jkq/person/pms') }}"
  200. },
  201. error: function (errorData) {
  202. if(errorData.status==400) {//业务错误
  203. disapperTooltip("remind", errorData.responseJSON.message);
  204. }
  205. }
  206. });
  207. }
  208. });
  209. $.getJSON(url, function (result) {
  210. qsDialog.setContent(result.data);
  211. qsDialog.showFooter(true);
  212. });
  213. });
  214. $('.J_delall').click(function(){
  215. var url = "{{ route('jkq.person.deletePms') }}";
  216. var arr = show();
  217. var listCheckedArray = $('.J_allListBox .J_allList:checked');
  218. if (arr=='' || arr==null) {
  219. disapperTooltip("remind", "请选择要删除的系统消息");
  220. } else {
  221. var qsDialog = $(this).dialog({
  222. title: '删除消息',
  223. loading: true,
  224. showFooter: false,
  225. yes: function () {
  226. $.ajax({
  227. headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  228. type: "POST",
  229. url: url,
  230. data: {
  231. id:arr,
  232. },
  233. dataType: "json",
  234. success: function(result){
  235. listCheckedArray.closest('.pms').remove();
  236. disapperTooltip('success',result.data);
  237. window.location.href="{{ url('jkq/person/pms') }}"
  238. },
  239. error: function (errorData) {
  240. if(errorData.status==400) {//业务错误
  241. disapperTooltip("remind", errorData.responseJSON.message);
  242. }
  243. }
  244. });
  245. }
  246. });
  247. $.getJSON(url, function (result) {
  248. qsDialog.setContent(result.data);
  249. qsDialog.showFooter(true);
  250. });
  251. }
  252. });
  253. $('.J_set_interview').click(function(){
  254. var url = "{{ route('jkq.person.newPms') }}";
  255. var listCheckedArray = $('.J_allListBox .J_allList:checked');
  256. var arr = show();
  257. if (arr=='' || arr==null) {
  258. disapperTooltip("remind", "请选择要查看的系统消息");
  259. } else {
  260. $.ajax({
  261. headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  262. type: "POST",
  263. url: url,
  264. data: {
  265. id:arr,
  266. },
  267. dataType: "json",
  268. success: function(result){
  269. listCheckedArray.closest('.pms').find('.td4').addClass('ok').html('已查看');
  270. disapperTooltip('success',result.data);
  271. },
  272. error: function (errorData) {
  273. if(errorData.status==400) {//业务错误
  274. disapperTooltip("remind", errorData.responseJSON.message);
  275. }
  276. }
  277. });
  278. }
  279. });
  280. })
  281. </script>
  282. @endsection