monitor.blade.php 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. @extends('admin/layout')
  2. @section('header')
  3. <link href="{{asset('css/plugins/switchery/switchery.css')}}" rel="stylesheet">
  4. <style>
  5. .btn-danger, .btn-primary, .btn-info {
  6. background: #2a94e0 !important;
  7. border-color: #2a94e0 !important;
  8. }
  9. .table-striped > tbody > tr:nth-of-type(odd) {
  10. background: #f8f8f8 !important;
  11. }
  12. .table-striped > tbody > tr .btn {
  13. background: none !important;
  14. }
  15. .table-striped > tbody > tr td {
  16. font-size: 14px !important;
  17. }
  18. .table-striped > tbody > tr:hover {
  19. background: #ffebd8 !important;
  20. }
  21. .table-striped > tbody > tr:hover .btn {
  22. background: #2a94e0 !important;
  23. color: #fff !important;
  24. }
  25. .table-striped > tbody > tr:hover .btn .glyphicon {
  26. color: #fff !important;
  27. }
  28. .pull-right.pagination-detail {
  29. display: none;
  30. }
  31. </style>
  32. @endsection
  33. @section('content')
  34. @php $authUser=auth()->user() @endphp
  35. <body class="gray-bg">
  36. <div class="wrapper wrapper-content animated fadeInRight">
  37. <div class="row">
  38. <div class="col-sm-12">
  39. <div class="ibox float-e-margins">
  40. <div class="ibox-content">
  41. <form class="row" id="searchForm" onsubmit="units.search();return false;">
  42. {{--<div class="col-md-8 pull-right">--}}
  43. <div class="input-group">
  44. <select name="articleFinishStatus" id="articleFinishStatus" title="" class="form-control"
  45. style="width: 150px;float: right" onchange="units.selectPage();">
  46. <option value="">请选择软文完成情况</option>
  47. <option value="1">发布完成</option>
  48. <option value="2">查找完成</option>
  49. <option value="3">未完成</option>
  50. </select>
  51. <select name="linkFinishStatus" id="linkFinishStatus" title="" class="form-control"
  52. style="width: 150px;float: right" onchange="units.selectPage();">
  53. <option value="">请选择外链完成情况</option>
  54. <option value="1">未完成</option>
  55. <option value="2">已完成</option>
  56. </select>
  57. <select name="optimizerId" id="optimizerId" title="" class="form-control"
  58. style="width: 150px;float: right"
  59. onchange="units.selectPage();">
  60. <option value="">请选择优化组长</option>
  61. @foreach($optimizers as $item)
  62. <option value="{{$item->id}}">{{$item->nickname}}</option>
  63. @endforeach
  64. </select>
  65. <select name="managerId" id="managerId" title="" class="form-control"
  66. style="width: 150px;float: right" onchange="units.selectPage();">
  67. <option value="">请选择项目经理</option>
  68. @foreach($managers as $item)
  69. <option value="{{$item->id}}">{{$item->nickname}}</option>
  70. @endforeach
  71. </select>
  72. <select name="serverId" id="serverId" title="" class="form-control"
  73. style="width: 150px;float: right" onchange="units.selectPage();">
  74. <option value="">请选择客服</option>
  75. @foreach($services as $item)
  76. <option value="{{$item->id}}">{{$item->nickname}}</option>
  77. @endforeach
  78. </select>
  79. <select name="siteStatus" id="siteStatus" title="" class="form-control"
  80. style="width: 150px;float: right" onchange="units.selectPage();">
  81. <option value="">请选择项目阶段</option>
  82. @foreach($sitesStatus as $inx=>$item)
  83. <option value="{{$inx}}">{{$item}}</option>
  84. @endforeach
  85. </select>
  86. <input type="text" placeholder="请输入域名或项目名称" class="input-md form-control"
  87. name="keyword"
  88. id="keyword" style="width: 200px;float: right">
  89. <span class="input-group-btn">
  90. <button type="button" class="btn btn-md btn-primary"
  91. onclick="units.search()"> 搜索</button>
  92. <button type="button" class="btn btn-md btn-primary" style="margin-left: 10px"
  93. name="btnReset"> 重置</button>
  94. </span>
  95. </div>
  96. </form>
  97. <hr>
  98. <div class="table-responsive">
  99. <table id="table" class="table table-condensed" data-mobile-responsive="true"></table>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </body>
  107. @endsection
  108. @section('footer')
  109. <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
  110. <script>
  111. laydate.render({
  112. elem: '#monthRange'
  113. , type: 'month'
  114. , range: '→'
  115. , format: 'yyyy-MM'
  116. });
  117. var units = {
  118. selectPage: function () {
  119. tips.selectPage();
  120. },
  121. search: function () {
  122. tips.selectPage();
  123. },
  124. openDetail: function (id, title) {
  125. // parent.layerLoad();
  126. tips.page('/admin/sites/' + id + '/overview', title);
  127. }
  128. };
  129. // 月流量 月询盘 月排名 月软文 项目经理 项目进度
  130. var config = {};
  131. config.url = '/admin/analyze/index/monitor';
  132. config.pageSize = 50;
  133. config.showColumns = true;
  134. // config.paginationDetailHAlign = 'right';
  135. config.columns = [ //字段
  136. {
  137. title: '序号', align: 'center', formatter: function (value, item, index) {
  138. return index + 1;
  139. },
  140. width: '10px'
  141. },
  142. {title: '公司', field: 'cn_title', align: 'center', width: '260px'},
  143. {title: '网站', field: 'domain', align: 'center', width: '240px'},
  144. // {title: '下单时间', field: 'order_at', align: 'center', width: '120px'},
  145. {title: '预计续费时间', field: 'expect_renewal_at', align: 'center', width: '120px'},
  146. {title: '项目阶段', field: 'statusTitle', align: 'center'},
  147. {title: '软文指标', field: 'article_goal', align: 'center'},
  148. {title: '待更新软文数', field: 'noSyncArticle', align: 'center'},
  149. {title: '软文完成量', field: 'syncArticle', align: 'center'},
  150. {title: '软文发布量', field: 'publishArticle', align: 'center'},
  151. {title: '外链指标', field: 'link_goal', align: 'center'},
  152. {title: '外链完成量-域数', field: 'linkPactCount', align: 'center'},
  153. {title: '外链完成量-条数', field: 'linkUrls', align: 'center'},
  154. {title: '客服', field: 'server_title', align: 'center'},
  155. {title: '项目经理', field: 'managers_title', align: 'center'},
  156. {title: '优化组长', field: 'optimizerTitle', align: 'center'},
  157. {
  158. title: '操作', field: 'id', align: 'center',
  159. formatter: function (value, row) {
  160. return '<button onclick="units.openDetail(' + value + ',\'' + row.cn_title + '\')" class="btn btn-xs"><span class="glyphicon glyphicon-menu-hamburger"></span>详情</button><br>';
  161. }
  162. }
  163. ];
  164. tips.bootstrapTable(config);
  165. </script>
  166. @endsection