index.blade.php 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. @extends('module.layouts.content')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
  6. <link href="{{ theme_asset('app/css/feature/feature.css') }}" rel="stylesheet">
  7. <link href="{{ theme_asset('app/css/paginationnew.css') }}" rel="stylesheet">
  8. @endpush
  9. @push('js')
  10. @endpush
  11. @section('content')
  12. <!-- 头部背景图-->
  13. <div>
  14. <div class="part-one part-one-bg mienbg">
  15. <div class="mien-title">
  16. <p class="title-o"></p>
  17. <div class="title-w">
  18. <p>各类人才</p>
  19. <p>出类拔萃</p>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="part-two">
  24. <!-- 隐藏域-->
  25. <input id="selected-li" type="hidden" value="{{$personal}}">
  26. <!-- 左侧菜单-->
  27. <div id="fixed" class="leftmenu">
  28. <ul class="leftmenuone" id="leftmenuone">
  29. <li class="li-header">
  30. <a href="{{route('mien')}}" style="color: #fff;"><span>人才类型</span></a>
  31. </li>
  32. @if($rccategory)
  33. @foreach($rccategory as $k=>$val)
  34. <li name="child-li" class="li-content" id="{{$val->id}}">
  35. <a href="{{route('mien',array('personal'=>$val->id))}}"><span>{{$val->demand}}</span></a>
  36. </li>
  37. @endforeach
  38. @endif
  39. </ul>
  40. </div>
  41. <div class="right-content">
  42. <!-- 数据展示-->
  43. @if($rcinfos && count($rcinfos)>0)
  44. <ul class="right-content-ul">
  45. @foreach($rcinfos as $k=>$val)
  46. <a href="{{route('mien.show',array('id'=>$val->id))}}">
  47. <li class="right-content-li box">
  48. <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  49. <line class="top" x1="0" y1="0.5" x2="235" y2="0.5"/>
  50. <line class="left" x1="0.5" y1="392" x2="0.5" y2="0"/>
  51. <line class="bottom" x1="233" y1="392.5" x2="0" y2="392.5"/>
  52. <line class="right" x1="232.4" y1="0" x2="232.4" y2="392"/>
  53. </svg>
  54. <div class="right-content-images">
  55. <img src="{{upload_asset($val->photo)}}">
  56. </div>
  57. <div class="right-content-infomation">
  58. <h3>{{$val->occupation}}</h3>
  59. <p class="feature-title">{{$val->name}}</p>
  60. <p>{{$val->summary}}</p>
  61. </div>
  62. </li></a>
  63. @endforeach
  64. @else
  65. </ul>
  66. @endif
  67. <div class="list_empty_group">
  68. <div class="list_empty">
  69. <div class="list_empty_left"></div>
  70. <div class="list_empty_right">
  71. <div class="sorry_box">对不起,暂无相关信息!</div>
  72. </div>
  73. <div class="clear"></div>
  74. </div>
  75. </div>
  76. <div class="clear"></div>
  77. <hr class="ul-bottom">
  78. <!-- 分页-->
  79. <div class="navbar">
  80. {{-- <ul class="pagination" title="分页列表">--}}
  81. {{-- <li class="firstPage <if condition='I("get.page",1,"intval") eq 1 '>currentState</if>">--}}
  82. {{-- <if condition='I("get.page",1,"intval") eq 1 '>--}}
  83. {{-- <a href="javascript::" title="首页">首页</a>--}}
  84. {{-- <else />--}}
  85. {{-- <a href="{:P(array('page'=>1))}" title="首页">首页</a>--}}
  86. {{-- </if>--}}
  87. {{-- </li>--}}
  88. {{-- <li class="previousPage <if condition='I("get.page",1,"intval")-1 eq 0 '>currentState</if>"">--}}
  89. {{-- <if condition='I("get.page",1,"intval")-1 eq 0 '>--}}
  90. {{-- <a href="javascript::" title="前一页">前一页</a>--}}
  91. {{-- <else />--}}
  92. {{-- <a href="{:P(array('page'=>I('get.page',1,'intval')-1))}" title="前一页">前一页</a>--}}
  93. {{-- </if>--}}
  94. {{-- </li>--}}
  95. {{-- <li>--}}
  96. {{-- <ol>--}}
  97. {{-- <for start="1" end="$pages['limt']+1">--}}
  98. {{-- <if condition='I("get.page",1,"intval") eq $i '>--}}
  99. {{-- <li class="currentState" title="当前页"><a href="javascript:;">{$i}</a></li>--}}
  100. {{-- <else />--}}
  101. {{-- <li><a title="转到第{$i}页" href="{:P(array('page'=>$i))}">{$i}</a></li>--}}
  102. {{-- </if>--}}
  103. {{-- </for>--}}
  104. {{-- </ol>--}}
  105. {{-- </li>--}}
  106. {{-- <li class="nextPage" <if condition='I("get.page",1,"intval") eq $pages["limt"] '>currentState</if>">--}}
  107. {{-- <if condition='I("get.page",1,"intval") eq $pages["limt"] '>--}}
  108. {{-- <a href="javascript:;" title="后一页">后一页</a>--}}
  109. {{-- <else />--}}
  110. {{-- <a href="{:P(array('page'=>I('get.page',1,'intval')+1))}" title="后一页">后一页</a>--}}
  111. {{-- </if>--}}
  112. {{-- </li>--}}
  113. {{-- <li class="lastPage" <if condition='I("get.page",1,"intval") eq $pages["limt"] '>currentState</if>">--}}
  114. {{-- <if condition='I("get.page",1,"intval") eq $pages["limt"] '>--}}
  115. {{-- <a href="javascript::" title="尾页">尾页</a>--}}
  116. {{-- <else />--}}
  117. {{-- <a href="{:P(array('page'=>$pages['limt']))}" title="尾页">尾页</a>--}}
  118. {{-- </if>--}}
  119. {{-- </i>--}}
  120. {{-- </ul>--}}
  121. <div class="qspage">{{ $rcinfos->links('module.widgets.pagination') }}</div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="clear"></div>
  127. @endsection
  128. @section('script')
  129. <script type="text/javascript" src="{{theme_asset('app/js/jquery.SuperSlide.2.1.2.js')}}"></script>
  130. <script>
  131. $(function(){
  132. //点击左侧导航加选中样式
  133. var selectedid = $("#selected-li").val();
  134. var li_array = document.getElementsByName("child-li");
  135. for(var i=0; i<li_array.length; i++ ){
  136. if(li_array[i].id==selectedid){
  137. var childid = "#"+li_array[i].id;
  138. var parentid = $(childid).parent().attr('id');
  139. if(parentid=="leftmenuone"){
  140. $(childid).find("span").css("color","#ed7746");
  141. }else if(parentid=="leftmenutwo"){
  142. $(childid).find("span").css("color","#dd4250");
  143. }
  144. }
  145. }
  146. //判断是否有展示数据,没有则提示无讯息
  147. if($('.right-content-ul').is(':has(*)')==false){
  148. $(".part-two .list_empty_group").show();
  149. $(".part-two .pagination").hide();
  150. $(".part-two .ul-bottom").hide();
  151. }
  152. });
  153. </script>
  154. @endsection