index.blade.php 50 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185
  1. @extends('admin/layout')
  2. @section('content')
  3. <body class="gray-bg">
  4. <div class="wrapper wrapper-content">
  5. <div class="row">
  6. <div class="col-sm-12">
  7. <div class="ibox float-e-margins">
  8. <div class="ibox-title">
  9. <a class="label label-info pull-right" onclick="units.clearCache()">清除缓存</a>
  10. <h5>最新项目列表</h5>
  11. </div>
  12. <div class="ibox-content">
  13. <table class="table table-hover no-margins">
  14. <thead>
  15. <tr>
  16. <th>公司名称</th>
  17. <th>域名</th>
  18. <th>合同时间</th>
  19. <th>合作项目</th>
  20. {{--<th style="text-align: center">关键词排名</th>--}}
  21. {{--<th style="text-align: center">文章数</th>--}}
  22. {{--<th style="text-align: center">外链数</th>--}}
  23. {{--<th>到期时间</th>--}}
  24. <th>下单时间</th>
  25. <th>引擎力顾问</th>
  26. </tr>
  27. </thead>
  28. <tbody>
  29. @foreach($last5Sites as $site)
  30. <tr>
  31. <td>
  32. <span class="label label-warning">{{$site->cn_title}}</span>
  33. </td>
  34. <td>{{$site->domain}}</td>
  35. <td><i class="fa fa-clock-o"></i> {{$site->order_at}}</td>
  36. <td>{{$site->contractsTitle}}</td>
  37. {{--<td>--}}
  38. {{--<small class="label label-default block">--}}
  39. {{--首页:{{$site->keywords->top10??'未获取'}}</small>--}}
  40. {{--<small class="label label-default block" style="margin: 2px 0;">--}}
  41. {{--前三页:{{$site->keywords->top30??'未获取'}}</small>--}}
  42. {{--<small class="label label-default block">--}}
  43. {{--前十页:{{$site->keywords->top100??'未获取'}}</small>--}}
  44. {{--</td>--}}
  45. {{--<td style="text-align: center">{{$site->articles_count}}</td>--}}
  46. {{--<td style="text-align: center">{{$site->link_tasks_count}}</td>--}}
  47. {{--<td>--}}
  48. {{--@if($site->expired_time)--}}
  49. {{--<i class="fa fa-clock-o"></i> {{date('Y-m-d H:i:s',$site->expired_time)}}--}}
  50. {{--<br>--}}
  51. {{--@if(time()>strtotime('-2 month',$site->expired_time))--}}
  52. {{--<a onclick="units.renewal()" class="label label-primary">立即续费</a>--}}
  53. {{--<a onclick="units.contactService('{{json_encode($site->serverUsersArray)}}','{{$site->id}}')"--}}
  54. {{--class="label label-info">联系客服</a>--}}
  55. {{--@endif--}}
  56. {{--@endif--}}
  57. {{--</td>--}}
  58. <td>{{$site->order_at}}</td>
  59. <th>
  60. @foreach($site->managesInfo as $info)
  61. <small class="label label-default">
  62. {{$info->nickname}}{{$info->telephone}}
  63. </small>
  64. @endforeach
  65. </th>
  66. </tr>
  67. @endforeach
  68. </tbody>
  69. </table>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="row">
  75. <div class="col-sm-6">
  76. <div class="ibox float-e-margins">
  77. <div class="ibox-title">
  78. <h5>域名即将到期</h5>
  79. </div>
  80. <div class="ibox-content">
  81. <table class="table table-hover no-margins">
  82. <thead>
  83. <tr>
  84. <th>域名</th>
  85. <th>站点</th>
  86. <th>到期日期</th>
  87. </tr>
  88. </thead>
  89. <tbody>
  90. @foreach($domainExpiredSites as $item)
  91. <tr>
  92. <td>
  93. <small>{{$item->domain}}</small>
  94. </td>
  95. <td>{{$item->cn_title}}</td>
  96. <td><i class="fa fa-clock-o"></i> {{$item->domain_expired_date}}</td>
  97. </tr>
  98. @endforeach
  99. </tbody>
  100. </table>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="col-sm-6">
  105. <div class="ibox float-e-margins">
  106. <div class="ibox-title">
  107. <h5>证书即将到期</h5>
  108. </div>
  109. <div class="ibox-content">
  110. <table class="table table-hover no-margins">
  111. <thead>
  112. <tr>
  113. <th>域名</th>
  114. <th>站点</th>
  115. <th>到期日期</th>
  116. </tr>
  117. </thead>
  118. <tbody>
  119. @foreach($certExpiredSites as $item)
  120. <tr>
  121. <td>
  122. <small>{{$item->domain}}</small>
  123. </td>
  124. <td>{{$item->cn_title}}</td>
  125. <td><i class="fa fa-clock-o"></i> {{$item->cert_expired_date}}</td>
  126. </tr>
  127. @endforeach
  128. </tbody>
  129. </table>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="row">
  135. <div class="col-sm-12">
  136. <div class="ibox float-e-margins" style="background: #fff;">
  137. <div class="ibox-title">
  138. <h5>百千计划</h5>
  139. </div>
  140. <div class="ibox-content">
  141. <div class="row">
  142. @foreach($masterMeterTraffics as $key=>$items)
  143. <div class="col-sm-4">
  144. <table class="table table-hover no-margins">
  145. {{--<thead>--}}
  146. {{--<tr>--}}
  147. {{--<th>域名</th>--}}
  148. {{--<th>流量</th>--}}
  149. {{--<th>询盘量</th>--}}
  150. {{--<th>首页量</th>--}}
  151. {{--</tr>--}}
  152. {{--</thead>--}}
  153. <tbody>
  154. <tr>
  155. <td colspan="4" align="center"
  156. style="background: #e5f2fb;color: #2994e4;border-color: #2994e4;">
  157. <span style="font-weight: bold;font-size: 14px">月均流量{{$key}}以上 个数:{{count($items)}}</span>
  158. </td>
  159. </tr>
  160. @if(!$items)
  161. <tr>
  162. <td colspan="4" align="center">
  163. <span>无</span>
  164. </td>
  165. </tr>
  166. @endif
  167. @foreach($items as $key=>$item)
  168. @if($key==0)
  169. <tr>
  170. <th>域名</th>
  171. <th>流量(点击数)</th>
  172. <th>询盘量</th>
  173. <th>首页量</th>
  174. </tr>
  175. @endif
  176. <tr class="@if($key > 5)tr-lists hide @endif">
  177. <th><span title="{{$item['cn_title']}}">{{$item['domain']}}</span></th>
  178. <th>{{$item['clicks']}}</th>
  179. <th>{{$item['inquire']}}</th>
  180. <th>{{$item['top10']}}</th>
  181. </tr>
  182. @endforeach
  183. </tbody>
  184. </table>
  185. @if($key > 5)
  186. <div class="i-boxs" style="text-align: center;padding: 10px;cursor: pointer;">
  187. <i class="fa fa-angle-double-down" aria-hidden="true"
  188. style="font-size: 20px;"></i>
  189. </div>
  190. @endif
  191. </div>
  192. @endforeach
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. {{--<div class="col-sm-3">--}}
  198. {{--<div class="ibox float-e-margins">--}}
  199. {{--<div class="ibox-title">--}}
  200. {{--<h5>月均流量300以上</h5>--}}
  201. {{--</div>--}}
  202. {{--<div class="ibox-content">--}}
  203. {{--<table class="table table-hover no-margins">--}}
  204. {{--<thead>--}}
  205. {{--<tr>--}}
  206. {{--<th>域名</th>--}}
  207. {{--<th>站点</th>--}}
  208. {{--<th>流量</th>--}}
  209. {{--</tr>--}}
  210. {{--</thead>--}}
  211. {{--<tbody>--}}
  212. {{--@foreach($masterMeterTraffics[300] as $item)--}}
  213. {{--<tr>--}}
  214. {{--<td>--}}
  215. {{--<small>{{$item['domain']}}</small>--}}
  216. {{--</td>--}}
  217. {{--<td>{{$item['cn_title']}}</td>--}}
  218. {{--<td> {{$item['traffic']}}</td>--}}
  219. {{--</tr>--}}
  220. {{--@endforeach--}}
  221. {{--</tbody>--}}
  222. {{--</table>--}}
  223. {{--</div>--}}
  224. {{--</div>--}}
  225. {{--</div>--}}
  226. {{--<div class="col-sm-3">--}}
  227. {{--<div class="ibox float-e-margins">--}}
  228. {{--<div class="ibox-title">--}}
  229. {{--<h5>月均流量500以上</h5>--}}
  230. {{--</div>--}}
  231. {{--<div class="ibox-content">--}}
  232. {{--<table class="table table-hover no-margins">--}}
  233. {{--<thead>--}}
  234. {{--<tr>--}}
  235. {{--<th>域名</th>--}}
  236. {{--<th>站点</th>--}}
  237. {{--<th>流量</th>--}}
  238. {{--</tr>--}}
  239. {{--</thead>--}}
  240. {{--<tbody>--}}
  241. {{--@foreach($masterMeterTraffics[500] as $item)--}}
  242. {{--<tr>--}}
  243. {{--<td>--}}
  244. {{--<small>{{$item['domain']}}</small>--}}
  245. {{--</td>--}}
  246. {{--<td>{{$item['cn_title']}}</td>--}}
  247. {{--<td> {{$item['traffic']}}</td>--}}
  248. {{--</tr>--}}
  249. {{--<br>--}}
  250. {{--@endforeach--}}
  251. {{--</tbody>--}}
  252. {{--</table>--}}
  253. {{--</div>--}}
  254. {{--</div>--}}
  255. {{--</div>--}}
  256. {{--<div class="col-sm-3">--}}
  257. {{--<div class="ibox float-e-margins">--}}
  258. {{--<div class="ibox-title">--}}
  259. {{--<h5>月均流量1000以上</h5>--}}
  260. {{--</div>--}}
  261. {{--<div class="ibox-content">--}}
  262. {{--<table class="table table-hover no-margins">--}}
  263. {{--<thead>--}}
  264. {{--<tr>--}}
  265. {{--<th>域名</th>--}}
  266. {{--<th>站点</th>--}}
  267. {{--<th>流量</th>--}}
  268. {{--</tr>--}}
  269. {{--</thead>--}}
  270. {{--<tbody>--}}
  271. {{--@foreach($masterMeterTraffics[1000] as $item)--}}
  272. {{--<tr>--}}
  273. {{--<td>--}}
  274. {{--<small>{{$item['domain']}}</small>--}}
  275. {{--</td>--}}
  276. {{--<td>{{$item['cn_title']}}</td>--}}
  277. {{--<td> {{$item['traffic']}}</td>--}}
  278. {{--</tr>--}}
  279. {{--@endforeach--}}
  280. {{--</tbody>--}}
  281. {{--</table>--}}
  282. {{--</div>--}}
  283. {{--</div>--}}
  284. {{--</div>--}}
  285. </div>
  286. <div class="row">
  287. <div class="col-sm-6">
  288. <div class="ibox float-e-margins">
  289. <div class="ibox-title">
  290. <h5>外链趋势图</h5>
  291. </div>
  292. <div class="ibox-content">
  293. <div id="linksLine" style="width: 100%;height: 300px;"></div>
  294. </div>
  295. </div>
  296. </div>
  297. <div class="col-sm-6">
  298. <div class="ibox float-e-margins">
  299. <div class="ibox-title">
  300. <h5>项目类型趋势图</h5>
  301. </div>
  302. <div class="ibox-content">
  303. <div id="siteStatus" style="width: 100%;height: 300px;"></div>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="row">
  309. <div class="col-sm-6">
  310. <div class="ibox float-e-margins">
  311. <div class="ibox-title">
  312. <h5>项目类型饼图</h5>
  313. </div>
  314. <div class="ibox-content">
  315. <div id="siteStatusPie" style="width: 100%;height: 300px;"></div>
  316. </div>
  317. </div>
  318. </div>
  319. <div class="col-sm-6">
  320. <div class="ibox float-e-margins">
  321. <div class="ibox-title">
  322. <h5>行业项目饼图</h5>
  323. </div>
  324. <div class="ibox-content">
  325. <div id="businessPie" style="width: 100%;height: 300px;"></div>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. <div class="row">
  331. <div class="col-sm-6">
  332. <div class="ibox float-e-margins">
  333. <div class="ibox-title">
  334. <h5>销售方式折线图</h5>
  335. </div>
  336. <div class="ibox-content">
  337. <div id="saleLine" style="width: 100%;height: 300px;"></div>
  338. </div>
  339. </div>
  340. </div>
  341. <div class="col-sm-6">
  342. <div class="ibox float-e-margins">
  343. <div class="ibox-title">
  344. <h5>类型项目饼图</h5>
  345. </div>
  346. <div class="ibox-content">
  347. <div id="naturePie" style="width: 100%;height: 300px;"></div>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. <div class="row">
  353. <div class="col-sm-6">
  354. <div class="ibox float-e-margins">
  355. <div class="ibox-title">
  356. <h5>达标项目列表<span style="color: red">【恭喜以下项目关键词达标,进入优化服务期】</span></h5>
  357. <a class="btn btn-sm btn-success" style="float: right;margin-top: -7px;"
  358. href="/admin/meter/index/export-reach-sites" target="_blank">下载</a>
  359. <input type="text" class="form-control"
  360. style="float: right;width: 180px;margin-top: -7px;margin-right: 5px" placeholder="筛选日期"
  361. id="filterReach">
  362. </div>
  363. @php $reachMore=0; @endphp
  364. <div class="ibox-content" style="min-height: 286px;">
  365. <table class="table table-hover no-margins">
  366. <thead>
  367. <tr>
  368. <th>序号</th>
  369. <th>域名</th>
  370. <th>达标日期</th>
  371. <th>客户评分</th>
  372. <th>尾款</th>
  373. </tr>
  374. </thead>
  375. <tbody id="reachTable">
  376. @foreach($reachSites as $inx=>$site)
  377. @php $sitesProcess=$site->sitesProcess->first();@endphp
  378. <tr class="@if($inx>4)tr-lists hide @php $reachMore=1; @endphp @endif">
  379. <td>{{$inx+1}}</td>
  380. <td>
  381. <span title="{{$site->cn_title}}">{{$site->domain}}</span>
  382. </td>
  383. <td><i class="fa fa-clock-o"></i> {{$site->reach_at}}</td>
  384. <td>{{$sitesProcess->evaluate['score']??''}}分</td>
  385. <td>{{$site->sitePayment->reach??''}}元</td>
  386. </tr>
  387. @endforeach
  388. </tbody>
  389. </table>
  390. @if($reachMore)
  391. <div class="i-boxs" style="text-align: center;padding: 10px;cursor: pointer;">
  392. <i class="fa fa-angle-double-down" aria-hidden="true" style="font-size: 20px;"></i>
  393. </div>
  394. @endif
  395. </div>
  396. </div>
  397. </div>
  398. <div class="col-sm-6">
  399. <div class="ibox float-e-margins">
  400. <div class="ibox-title">
  401. <h5>建站完成<span style="color: red">【恭喜以下项目建站完成,正式进入优化实施期!】</span></h5>
  402. <a class="btn btn-sm btn-success" style="float: right;margin-top: -7px;"
  403. href="/admin/meter/index/export-build-sites" target="_blank">下载</a>
  404. <input type="text" class="form-control"
  405. style="float: right;width: 180px;margin-top: -7px;margin-right: 5px" placeholder="筛选日期 "
  406. id="filterBuild"
  407. >
  408. </div>
  409. @php $bindDoneMore=0; @endphp
  410. <div class="ibox-content">
  411. <table class="table table-hover no-margins">
  412. <thead>
  413. <tr>
  414. <th>域名</th>
  415. <th>达标日期</th>
  416. <th>客户评分</th>
  417. <th>中期款</th>
  418. </tr>
  419. </thead>
  420. <tbody id="buildTable">
  421. @foreach($buildDoneSites as $inx=>$site)
  422. @php $sitesProcess=$site->sitesProcess->first();@endphp
  423. <tr class="@if($inx>4)tr-lists hide @php $bindDoneMore=1; @endphp @endif">
  424. <td>
  425. <span title="{{$site->cn_title}}">{{$site->domain}}</span>
  426. </td>
  427. <td><i class="fa fa-clock-o"></i> {{$site->reach_at}}</td>
  428. <td>{{$sitesProcess->evaluate['score']??''}}{{is_null($sitesProcess->evaluate['score'])?'':'分'}}</td>
  429. <td>{{$site->sitePayment->done??''}}{{is_null($site->sitePayment->done)?'':'元'}}</td>
  430. </tr>
  431. @endforeach
  432. </tbody>
  433. </table>
  434. @if($bindDoneMore)
  435. <div class="i-boxs" style="text-align: center;padding: 10px;cursor: pointer;">
  436. <i class="fa fa-angle-double-down" aria-hidden="true" style="font-size: 20px;"></i>
  437. </div>
  438. @endif
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. <div class="row">
  444. <div class="col-sm-6">
  445. <div class="ibox float-e-margins">
  446. <div class="ibox-title">
  447. <h5>关键词排名急剧下降</h5>
  448. </div>
  449. @php $keywordDownMore=0; @endphp
  450. <div class="ibox-content">
  451. <table class="table table-hover no-margins">
  452. <thead>
  453. <tr>
  454. <th>域名</th>
  455. <th>站点</th>
  456. <th>下降个数</th>
  457. <th>项目经理</th>
  458. <th>优化师</th>
  459. </tr>
  460. </thead>
  461. <tbody>
  462. @if($keyDropSites->isEmpty())
  463. <tr>
  464. <td colspan="3" style="text-align: center">当前项目关键词表现正常</td>
  465. </tr>
  466. @endif
  467. @php $keyDropInx=0; @endphp
  468. @foreach($keyDropSites as $item)
  469. <tr class="@if($keyDropInx>4)tr-lists hide @php $keywordDownMore=1; @endphp @endif">
  470. <td>
  471. <small>{{$item->domain}}</small>
  472. </td>
  473. <td>{{$item->cn_title}}</td>
  474. <td>
  475. {{$item->dropResults['nowTop10']-$item->dropResults['lastTop10']}}
  476. </td>
  477. <td>{{$item->managers_title}}</td>
  478. <td>{{$item->optimizerTitle}}</td>
  479. </tr>
  480. @php $keyDropInx++ @endphp
  481. @endforeach
  482. </tbody>
  483. </table>
  484. @if($keywordDownMore)
  485. <div class="i-boxs" style="text-align: center;padding: 10px;cursor: pointer;">
  486. <i class="fa fa-angle-double-down" aria-hidden="true" style="font-size: 20px;"></i>
  487. </div>
  488. @endif
  489. </div>
  490. </div>
  491. </div>
  492. <div class="col-sm-6">
  493. <div class="ibox float-e-margins">
  494. <div class="ibox-title">
  495. <h5>网址异常<span style="color: red">【以下网址当前检测异常】</span></h5>
  496. </div>
  497. @php $checkUrlMore=0; @endphp
  498. <div class="ibox-content" style="min-height: 286px;">
  499. <table class="table table-hover no-margins">
  500. <thead>
  501. <tr>
  502. <th>域名</th>
  503. <th>站点</th>
  504. <th>操作日期</th>
  505. </tr>
  506. </thead>
  507. <tbody>
  508. @if($urlFailed->isEmpty())
  509. <tr>
  510. <td colspan="3" style="text-align: center">当前项目网站表现正常</td>
  511. </tr>
  512. @endif
  513. @foreach($urlFailed as $inx=>$item)
  514. <tr class="@if($inx>4)tr-lists hide @php $checkUrlMore=1; @endphp @endif">
  515. <td>
  516. <small>{{$item->domain}}</small>
  517. </td>
  518. <td>{{$item->cn_title}}</td>
  519. <td><i class="fa fa-clock-o"></i> {{$item->created_at}}</td>
  520. </tr>
  521. @endforeach
  522. </tbody>
  523. </table>
  524. @if($checkUrlMore)
  525. <div class="i-boxs" style="text-align: center;padding: 10px;cursor: pointer;">
  526. <i class="fa fa-angle-double-down" aria-hidden="true" style="font-size: 20px;"></i>
  527. </div>
  528. @endif
  529. </div>
  530. </div>
  531. </div>
  532. </div>
  533. <div class="row">
  534. <div class="col-sm-12">
  535. <div class="row">
  536. <div class="col-sm-12">
  537. <div class="ibox" style="float: left;width: 100%;">
  538. <div class="ibox-title" style="float: left;width: 100%;">
  539. {{--<span class="label label-success pull-right">月</span>--}}
  540. <h5 style="float: left; line-height: 40px;marign-bottom: 0px;padding-right: 28px;">
  541. 关键词总量</h5>
  542. <h1 class="no-margins" style="float: left; line-height: 40px;">{{$keywordTotal}}</h1>
  543. </div>
  544. <div class="ibox-content hide">
  545. <h1 class="no-margins">{{$keywordTotal}}</h1>
  546. {{--<div class="stat-percent font-bold text-success">98% <i class="fa fa-bolt"></i>--}}
  547. </div>
  548. {{--<small>总收入</small>--}}
  549. </div>
  550. </div>
  551. </div>
  552. <div class="row">
  553. <div class="col-sm-12">
  554. <div class="ibox" style="background: #fff;">
  555. <div class="ibox-title">
  556. <h3><i class="fa fa-envelope-o"></i> 消息提醒</h3>
  557. </div>
  558. @php $messageMore=0; @endphp
  559. <div class="ibox-content">
  560. <div class="feed-activity-list">
  561. <div class="row">
  562. @foreach($expireSiteProcessList as $inx=>$item)
  563. <div
  564. class="col-sm-6 @if($inx>7)tr-lists hide @php $messageMore=1; @endphp @endif">
  565. <div class="feed-element" style="padding-top: 15px;">
  566. <div>
  567. {{--<small class="pull-right text-navy">1月前</small>--}}
  568. <strong>流程过期</strong>
  569. <div>
  570. <span><strong>{{$item->site->cn_title??''}}</strong>项目 <strong>{{$item->process->title??''}}</strong>流程
  571. 已过期请尽快处理!</span>
  572. </div>
  573. <small class="text-muted">
  574. 理应截止日期:{{$item->should_end_at}}</small>
  575. </div>
  576. </div>
  577. </div>
  578. @endforeach
  579. @foreach($indexCustomerLog as $inx=>$item)
  580. <div class="col-sm-6">
  581. <div class="feed-element" style="padding-top: 15px;">
  582. <div>
  583. {{--<small class="pull-right text-navy">1月前</small>--}}
  584. <strong>{{$item->site_name}}客户信息修改</strong>
  585. <div>
  586. {{$item->detail}}
  587. </div>
  588. <small class="text-muted">
  589. 操作日期{{$item->created_at}}
  590. </small>
  591. </div>
  592. </div>
  593. </div>
  594. @endforeach
  595. </div>
  596. </div>
  597. @if($messageMore)
  598. <div class="i-boxs" style="text-align: center;padding: 10px;cursor: pointer;">
  599. <i class="fa fa-angle-double-down" aria-hidden="true"
  600. style="font-size: 20px;"></i>
  601. </div>
  602. @endif
  603. </div>
  604. </div>
  605. </div>
  606. </div>
  607. </div>
  608. {{--<div class="col-sm-8">--}}
  609. {{--<div class="ibox float-e-margins">--}}
  610. {{--<div class="ibox-title">--}}
  611. {{--<h5>外链趋势图</h5>--}}
  612. {{--</div>--}}
  613. {{--<div class="ibox-content">--}}
  614. {{--<div id="linksLine" style="width: 100%;height: 300px;"></div>--}}
  615. {{--</div>--}}
  616. {{--</div>--}}
  617. {{--</div>--}}
  618. </div>
  619. </div>
  620. <div id="renewal-text" style="display: none">
  621. <div class="ibox-content">
  622. <form class="form-horizontal">
  623. <div class="form-group">
  624. <label class="col-sm-3 control-label">银行账号:</label>
  625. <div class="col-sm-8">
  626. <input type="text" class="form-control" title="" value="1234154563657856785687">
  627. </div>
  628. </div>
  629. </form>
  630. </div>
  631. </div>
  632. {{--<div id="contact-service-text" style="display: none">--}}
  633. {{--<div class="ibox-content">--}}
  634. {{--<form class="form-horizontal">--}}
  635. {{--<div class="form-group">--}}
  636. {{--<label class="col-sm-3 control-label">客服信息:</label>--}}
  637. {{--<div class="col-sm-8">--}}
  638. {{--@foreach($serverUsers as $user)--}}
  639. {{--<label class="form-control">{{$user->nickname}}-{{$user->phone}}</label>--}}
  640. {{--@endforeach--}}
  641. {{--</div>--}}
  642. {{--</div>--}}
  643. {{--<div class="form-group">--}}
  644. {{--<label class="col-sm-3 control-label">选择服务:</label>--}}
  645. {{--<div class="col-sm-8">--}}
  646. {{--<select title="" class="form-control">--}}
  647. {{--<option value="">请选择</option>--}}
  648. {{--<option value="">升级服务</option>--}}
  649. {{--<option value="">停止服务</option>--}}
  650. {{--</select>--}}
  651. {{--</div>--}}
  652. {{--</div>--}}
  653. {{--<div class="form-group">--}}
  654. {{--<label class="col-sm-3 control-label">备注:</label>--}}
  655. {{--<div class="col-sm-8">--}}
  656. {{--<textarea rows="4" class="form-control" placeholder="备注内容"></textarea>--}}
  657. {{--</div>--}}
  658. {{--</div>--}}
  659. {{--</form>--}}
  660. {{--</div>--}}
  661. {{--</div>--}}
  662. </body>
  663. @endsection
  664. @section('footer')
  665. <script src="{{asset('js/plugins/chosen/chosen.jquery.js')}}"></script>
  666. <script src="{{asset('js/plugins/echarts/echarts.min.js')}}"></script>
  667. <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
  668. <script>
  669. laydate.render({
  670. elem: '#filterReach'
  671. , range: true
  672. , done: function (value, date, endDate) {
  673. var config = {}, html = '';
  674. config.url = '/admin/meter/index/filter-reach-sites?dateRange=' + value;
  675. config.success = function (result) {
  676. $.each(result.data, function (key, item) {
  677. html += '<tr><td>' + (key + 1) + '</td><td>' + item.domain + '</td><td>' + item.reach_at + '</td><td>' + item.score + '</td><td>' + item.reach_payment + '</td></tr>'
  678. });
  679. console.log(html);
  680. $("#reachTable").html(html);
  681. };
  682. tips.ajax(config);
  683. }
  684. });
  685. laydate.render({
  686. elem: '#filterBuild'
  687. , range: true
  688. , done: function (value, date, endDate) {
  689. var config = {}, html = '';
  690. config.url = '/admin/meter/index/filter-build-sites?dateRange=' + value;
  691. config.success = function (result) {
  692. $.each(result.data, function (key, item) {
  693. html += '<tr><td>' + (key + 1) + '</td><td>' + item.domain + '</td><td>' + (item.reach_at || '') + '</td><td>' + item.score + '</td><td>' + item.done_payment + '</td></tr>'
  694. });
  695. $("#buildTable").html(html);
  696. };
  697. tips.ajax(config);
  698. }
  699. });
  700. var units = {
  701. contactServiceText: function (serverUsers) {
  702. var header = ' <div class="ibox-content">' +
  703. ' <form class="form-horizontal">' +
  704. ' <div class="form-group">' +
  705. ' <label class="col-sm-3 control-label">客服信息:</label>' +
  706. ' <div class="col-sm-8">';
  707. if (Array.isArray(serverUsers)) {
  708. serverUsers.forEach(function (item) {
  709. header += '<label class="form-control">' + item.nickname + '-' + item.phone + '</label>';
  710. });
  711. }
  712. var footer = '</div>' +
  713. ' </div>' +
  714. ' <div class="form-group">' +
  715. ' <label class="col-sm-3 control-label">选择服务:</label>' +
  716. ' <div class="col-sm-8">' +
  717. ' <select class="form-control" name="service_type">' +
  718. ' <option value="">请选择</option>' +
  719. @foreach(\App\Http\Models\ServiceFeedback::TYPES_MAP as $key=>$val)
  720. ' <option value="{{$key}}">{{$val}}</option>' +
  721. @endforeach
  722. ' </select>' +
  723. ' </div>' +
  724. ' </div>' +
  725. ' <div class="form-group">' +
  726. ' <label class="col-sm-3 control-label">备注:</label>' +
  727. ' <div class="col-sm-8">' +
  728. ' <textarea rows="4" name="remark" class="form-control" placeholder="备注内容"></textarea>' +
  729. ' </div>' +
  730. ' </div>' +
  731. ' </form>' +
  732. ' </div>';
  733. return header + footer;
  734. },
  735. renewal: function () {
  736. layer.open({
  737. type: 1,
  738. content: $("#renewal-text"),
  739. title: '立即续费',
  740. area: ['45%', '45%']
  741. // closeBtn: 0,
  742. // btn: ['确认']
  743. });
  744. },
  745. contactService(serverUsersStr, siteId) {
  746. var serverUsers = JSON.parse(serverUsersStr);
  747. layer.open({
  748. type: 1,
  749. content: units.contactServiceText(serverUsers),
  750. title: '联系客服',
  751. area: ['45%', '45%'],
  752. // closeBtn: 0,
  753. btn: ['确认', '取消'],
  754. yes: function (index, layero) {
  755. var data = {
  756. service_type: $(layero).find("[name=service_type]").val(),
  757. remark: $(layero).find("[name=remark]").val(),
  758. site_id: siteId
  759. };
  760. var ajaxConfig = {
  761. url: '/admin/meter/service-feedback',
  762. type: 'post',
  763. data: data,
  764. success: function (result) {
  765. layer.msg('已收到您的反馈,引擎力客服会尽快与您联系', {icon: 6, time: 2000}, function () {
  766. layer.close(index);
  767. });
  768. }
  769. };
  770. tips.ajax(ajaxConfig);
  771. }
  772. });
  773. },
  774. clearCache: function () {
  775. tips.ajax({
  776. url: '/admin/meter/forget-cache?which=index',
  777. success: function (result) {
  778. layer.msg(result.message, {icon: 6, time: 1000}, function () {
  779. window.location.reload();
  780. });
  781. }
  782. });
  783. }
  784. };
  785. // 项目情况折线图
  786. var siteStatusLineChart = echarts.init(document.getElementById('siteStatus'));
  787. var siteStatusLineXAxis = JSON.parse('{!! json_encode($siteStatus['xAxis']) !!}');
  788. var siteStatusLineYAix = JSON.parse('{!! json_encode($siteStatus['yAxis']) !!}');
  789. var siteStatusLineOption = {
  790. tooltip: {
  791. trigger: 'axis',
  792. axisPointer: {
  793. type: 'cross',
  794. crossStyle: {
  795. color: '#999'
  796. }
  797. }
  798. },
  799. toolbox: {
  800. feature: {
  801. dataView: {show: true, readOnly: false},
  802. magicType: {show: true, type: ['bar', 'pie']},
  803. restore: {show: true},
  804. saveAsImage: {show: true}
  805. }
  806. },
  807. legend: {
  808. data: ['项目数']
  809. },
  810. xAxis: [
  811. {
  812. type: 'category',
  813. data: siteStatusLineXAxis,
  814. axisPointer: {
  815. type: 'shadow'
  816. },
  817. splitLine: {
  818. show: false
  819. }
  820. }
  821. ],
  822. yAxis: [
  823. {
  824. type: 'value',
  825. name: '',
  826. min: 0,
  827. axisLabel: {
  828. formatter: '{value}'
  829. },
  830. axisLine: {
  831. show: false //隐藏Y轴
  832. }
  833. }
  834. ],
  835. series: [
  836. {
  837. name: '项目数',
  838. type: 'line',
  839. data: siteStatusLineYAix
  840. }
  841. ]
  842. };
  843. siteStatusLineChart.setOption(siteStatusLineOption);
  844. //项目情况饼图
  845. var siteStatusPieChart = echarts.init(document.getElementById('siteStatusPie'));
  846. var siteStatusPieData = JSON.parse('{!! json_encode($siteStatus['hybrid']) !!}');
  847. var siteStatusPieName = JSON.parse('{!! json_encode($siteStatus['xAxis']) !!}');
  848. var siteStatusPieOption = {
  849. tooltip: {
  850. trigger: 'item',
  851. formatter: "{a} <br/>{b} : {c} ({d}%)"
  852. },
  853. legend: {
  854. orient: 'vertical',
  855. left: 'left',
  856. data: siteStatusPieName
  857. },
  858. series: [
  859. {
  860. name: '访问来源',
  861. type: 'pie',
  862. radius: '55%',
  863. center: ['50%', '60%'],
  864. data: siteStatusPieData,
  865. itemStyle: {
  866. emphasis: {
  867. shadowBlur: 10,
  868. shadowOffsetX: 0,
  869. shadowColor: 'rgba(0, 0, 0, 0.5)'
  870. }
  871. }
  872. }
  873. ]
  874. };
  875. siteStatusPieChart.setOption(siteStatusPieOption);
  876. //公司类型饼图
  877. var naturePieChart = echarts.init(document.getElementById('naturePie'));
  878. var naturePieData = JSON.parse('{!! json_encode($nature['hybrid']) !!}');
  879. var naturePieName = JSON.parse('{!! json_encode($nature['name']) !!}');
  880. var naturePieOption = {
  881. tooltip: {
  882. trigger: 'item',
  883. formatter: "{a} <br/>{b} : {c} ({d}%)"
  884. },
  885. legend: {
  886. orient: 'vertical',
  887. left: 'left',
  888. data: naturePieName
  889. },
  890. series: [
  891. {
  892. name: '访问来源',
  893. type: 'pie',
  894. radius: '55%',
  895. center: ['50%', '60%'],
  896. data: naturePieData,
  897. itemStyle: {
  898. emphasis: {
  899. shadowBlur: 10,
  900. shadowOffsetX: 0,
  901. shadowColor: 'rgba(0, 0, 0, 0.5)'
  902. }
  903. }
  904. }
  905. ]
  906. };
  907. naturePieChart.setOption(naturePieOption);
  908. // 公司行业饼图
  909. var businessPieChart = echarts.init(document.getElementById('businessPie'));
  910. var businessPieData = JSON.parse('{!! json_encode($business['hybrid']) !!}');
  911. var businessPieName = JSON.parse('{!! json_encode($business['name']) !!}');
  912. var businessPieOption = {
  913. tooltip: {
  914. trigger: 'item',
  915. formatter: "{a} <br/>{b} : {c} ({d}%)"
  916. },
  917. legend: {
  918. orient: 'vertical',
  919. left: 'left',
  920. data: businessPieName
  921. },
  922. series: [
  923. {
  924. name: '访问来源',
  925. type: 'pie',
  926. radius: '55%',
  927. center: ['50%', '60%'],
  928. data: businessPieData,
  929. itemStyle: {
  930. emphasis: {
  931. shadowBlur: 10,
  932. shadowOffsetX: 0,
  933. shadowColor: 'rgba(0, 0, 0, 0.5)'
  934. }
  935. }
  936. }
  937. ]
  938. };
  939. businessPieChart.setOption(businessPieOption);
  940. //直销/渠道 销售 折线图
  941. var saleLineChart = echarts.init(document.getElementById('saleLine'));
  942. var saleLineXAxis = JSON.parse('{!! json_encode($sales['xAxis']) !!}');
  943. var channelSales = JSON.parse('{!! json_encode($sales['channelSales']) !!}');
  944. var notChannelSales = JSON.parse('{!! json_encode($sales['notChannelSales']) !!}');
  945. var saleLineOption = {
  946. tooltip: {
  947. trigger: 'axis',
  948. axisPointer: {
  949. type: 'cross',
  950. crossStyle: {
  951. color: '#999'
  952. }
  953. }
  954. },
  955. toolbox: {
  956. feature: {
  957. dataView: {show: true, readOnly: false},
  958. magicType: {show: true, type: ['line', 'bar']},
  959. restore: {show: true},
  960. saveAsImage: {show: true}
  961. }
  962. },
  963. legend: {
  964. data: ['点击量', '访客数']
  965. },
  966. xAxis: [
  967. {
  968. type: 'category',
  969. data: saleLineXAxis,
  970. axisPointer: {
  971. type: 'shadow'
  972. },
  973. splitLine: {
  974. show: false
  975. }
  976. }
  977. ],
  978. yAxis: [
  979. {
  980. type: 'value',
  981. name: '',
  982. min: 0,
  983. axisLabel: {
  984. formatter: '{value}'
  985. },
  986. axisLine: {
  987. show: false //隐藏Y轴
  988. }
  989. }
  990. ],
  991. series: [
  992. {
  993. name: '渠道销售',
  994. type: 'bar',
  995. data: channelSales
  996. },
  997. {
  998. name: '直销销售',
  999. type: 'line',
  1000. data: notChannelSales
  1001. }
  1002. ]
  1003. };
  1004. saleLineChart.setOption(saleLineOption);
  1005. //外链库折线图
  1006. var linksLineChart = echarts.init(document.getElementById('linksLine'));
  1007. var linksLineXAxis = JSON.parse('{!! json_encode($linksLine['xAxis']) !!}');
  1008. var linksLineYAix = JSON.parse('{!! json_encode($linksLine['yAxis']) !!}');
  1009. var linksLineOption = {
  1010. tooltip: {
  1011. trigger: 'axis',
  1012. axisPointer: {
  1013. type: 'cross',
  1014. crossStyle: {
  1015. color: '#999'
  1016. }
  1017. }
  1018. },
  1019. toolbox: {
  1020. feature: {
  1021. dataView: {show: true, readOnly: false},
  1022. magicType: {show: true, type: ['bar', 'pie']},
  1023. restore: {show: true},
  1024. saveAsImage: {show: true}
  1025. }
  1026. },
  1027. legend: {
  1028. data: ['外链数']
  1029. },
  1030. xAxis: [
  1031. {
  1032. type: 'category',
  1033. data: linksLineXAxis,
  1034. axisPointer: {
  1035. type: 'shadow'
  1036. },
  1037. splitLine: {
  1038. show: false
  1039. }
  1040. }
  1041. ],
  1042. yAxis: [
  1043. {
  1044. type: 'value',
  1045. name: '',
  1046. min: 0,
  1047. axisLabel: {
  1048. formatter: '{value}'
  1049. },
  1050. axisLine: {
  1051. show: false //隐藏Y轴
  1052. }
  1053. }
  1054. ],
  1055. series: [
  1056. {
  1057. name: '外链数',
  1058. // type: 'line',
  1059. type: 'bar',
  1060. data: linksLineYAix
  1061. }
  1062. ]
  1063. };
  1064. linksLineChart.setOption(linksLineOption);
  1065. window.addEventListener("resize", function (ev) {
  1066. linksLineChart.resize();
  1067. saleLineChart.resize();
  1068. businessPieChart.resize();
  1069. naturePieChart.resize();
  1070. siteStatusPieChart.resize();
  1071. siteStatusLineChart.resize()
  1072. });
  1073. $(function () {
  1074. $(".i-boxs").each(function () {
  1075. $(this).click(function () {
  1076. if (!$(this).hasClass("ons")) {
  1077. $(this).addClass("ons");
  1078. $(this).siblings("table").find(".tr-lists").removeClass("hide");
  1079. $(this).siblings(".feed-activity-list").find(".tr-lists").removeClass("hide");
  1080. $(this).find("i").css("transform", "rotate(180deg)");
  1081. } else {
  1082. $(this).removeClass("ons");
  1083. $(this).siblings("table").find(".tr-lists").addClass("hide");
  1084. $(this).siblings(".feed-activity-list").find(".tr-lists").addClass("hide");
  1085. $(this).find("i").css("transform", "rotate(0deg)");
  1086. }
  1087. });
  1088. });
  1089. });
  1090. </script>
  1091. @endsection