@extends('admin/layout')
@section('header_extend')
<style>
.btn-info {
padding: 0 10px !important;
line-height: 25px !important;
border: none !important;
margin: 0 !important;
}
.float-e-margins .btn {
}
.singles-boxs .lis-boxs {
display: block;
width: 100%;
background: #fff;
border-radius: 6px;
overflow: hidden;
}
.singles-boxs .titles-boxs {
display: block;
width: 100%;
background: #009688;
padding: 0 9%;
}
.singles-boxs .titles-boxs img {
margin-right: 8px;
}
.singles-boxs .titles-a {
display: block;
width: 100%;
position: relative;
}
.singles-boxs .times {
display: block;
line-height: 22px;
background: #fff;
padding: 0 8px;
border-radius: 4px;
position: absolute;
right: 0;
top: 10px;
}
</style>
@endsection
@section('content')
<style>
.singles-boxs {
font-family: 微软雅黑;
}
.singles-boxs * {
font-family: 微软雅黑;
}
.singles-boxs .lis-boxs {
display: block;
width: 100%;
background: #fff;
border-radius: 6px;
overflow: hidden;
margin-bottom: 25px;
}
.singles-boxs .titles-boxs {
display: block;
width: 100%;
background: #009688;
padding: 0 9%;
}
.singles-boxs .titles-boxs img {
margin-right: 6px;
}
.singles-boxs .titles-a {
display: block;
width: 100%;
position: relative;
color: #fff;
font-size: 14px;
line-height: 24px;
padding: 10px 0;
white-space: nowrap;
}
.singles-boxs .lis-boxs.active {
background: none;
}
.singles-boxs .lis-boxs.active .titles-boxs {
padding: 15px 8%;
border-radius: 6px;
}
.singles-boxs .lis-boxs .titles-boxs .span {
font-size: 20px;
color: #fff;
line-height: 24px;
position: absolute;
right: 18px;
top: 10px;
}
.singles-boxs .lis-boxs.active .titles-boxs + .titles-boxs {
margin-top: 5px;
}
.singles-boxs .boxs {
padding: 0px 0px 12px;
overflow: hidden;
}
.singles-boxs .times {
display: block;
line-height: 22px;
background: #fff;
padding: 0 8px;
border-radius: 4px;
position: absolute;
right: 0;
top: 10px;
color: #2a94e0;
font-size: 14px;
}
.singles-boxs .times.ons {
font-size: 12px;
padding: 0 4px;
}
.singles-boxs .numbers {
font-size: 20px;
line-height: 34px;
text-align: center;
color: #2a93e0;
margin-top: 8px;
}
.singles-boxs .numbers .n-span {
display: inline-block;
font-size: 12px;
color: #2a93e0;
line-height: 16px;
vertical-align: top;
margin-top: 11px;
margin-left: -7px;
}
.singles-boxs .lists {
display: block;
width: 100%;
padding: 0 15%;
overflow: hidden;
}
.singles-boxs .lists.active {
margin-top: 8px;
padding: 3px 15%;
}
.singles-boxs .lists.active .lists-lefts {
color: #2a93e0;
}
.singles-boxs .lists.active .lists-rights {
color: #2a93e0;
background: none;
}
.singles-boxs .lists-lefts {
float: left;
font-size: 14px;
color: #646464;
line-height: 28px;
}
.singles-boxs .lists-rights {
float: right;
font-size: 14px;
color: #f21919;
line-height: 28px;
}
.singles-boxs .lists-rights span:nth-child(2) {
padding-left: 15px;
background: url(/img/kzt-top-img.png) no-repeat 5px 5px;
}
.singles-boxs .lists-rights.ons {
color: #00b91a;
}
.singles-boxs .lists-rights.ons span:nth-child(2) {
padding-left: 15px;
background: url(/img/kzt-down-img.png) no-repeat 5px 5px;
}
.singles-boxs .lists-rights.onss {
background: none;
}
@media (max-width: 1680px) {
.singles-boxs .col-sm-2 {
width: 25%;
}
}
@media (max-width: 1024px) {
.singles-boxs .col-sm-2 {
width: 33.3333%;
}
}
@media (max-width: 768px) {
.singles-boxs .col-sm-2 {
width: 50%;
float: left;
}
}
@media (max-width: 640px) {
.singles-boxs .col-sm-2 {
width: 100%;
}
}
</style>
<body class="gray-bg">
@php
$last1M=date('n',strtotime('first day of -1 month'));
$last2M=date('n',strtotime('first day of -2 month'));
$last3M=date('n',strtotime('first day of -3 month'));
@endphp
<div class="wrapper wrapper-content">
<div class="singles-boxs">
<div class="row">
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-01.png" alt="">
浏览量
<span class="times">
总数 : {{$pvUvData['pvTotal']}}
</span>
</div>
</div>
<div class="boxs fix">
<div class="lists active fix">
<div class="lists-lefts">
{{$last1M}}月浏览量
</div>
<div class="lists-rights">
{{$pvUvData['pv']['last1']}}
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div class="lists-rights @if($pvUvData['pv']['last2']['status']=="down") ons @endif">
<span>{{$pvUvData['pv']['last2']['val']}}</span>
<span>{{$pvUvData['pv']['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div class="lists-rights @if($pvUvData['pv']['last3']['status']=="down") ons @endif">
<span>{{$pvUvData['pv']['last3']['val']}}</span>
<span>{{$pvUvData['pv']['last3']['diff']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-02.png" alt="">
访客数
<span class="times">
总数 : {{$pvUvData['uvTotal']}}
</span>
</div>
</div>
<div class="boxs fix">
<div class="lists active fix">
<div class="lists-lefts">
{{$last1M}}月访客量
</div>
<div class="lists-rights">
{{$pvUvData['uv']['last1']}}
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div class="lists-rights @if($pvUvData['uv']['last2']['status']=="down") ons @endif">
<span>{{$pvUvData['uv']['last2']['val']}}</span>
<span>{{$pvUvData['uv']['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div class="lists-rights @if($pvUvData['uv']['last3']['status']=="down") ons @endif">
<span>{{$pvUvData['uv']['last3']['val']}}</span>
<span>{{$pvUvData['uv']['last3']['diff']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-01.png" alt="">
曝光量
<span class="times">
总数 : {{$webmasterEffectImpressionsTotal}}
</span>
</div>
</div>
<div class="boxs fix">
<div class="lists active fix">
<div class="lists-lefts">
{{$last1M}}月曝光量
</div>
<div class="lists-rights">
{{$webmasterEffect['last1']}}
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div class="lists-rights @if($webmasterEffect['last2']['status']=="down") ons @endif">
<span>{{$webmasterEffect['last2']['val']}}</span>
<span>{{$webmasterEffect['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div class="lists-rights @if($webmasterEffect['last3']['status']=="down") ons @endif">
<span>{{$webmasterEffect['last3']['val']}}</span>
<span>{{$webmasterEffect['last3']['val']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-04.png" alt="">
首页关键词数
<span class="times">
{{--{{$last1M}}月--}}前10名
</span>
</div>
</div>
<div class="boxs fix">
<div class="numbers">
{{$topKeywordData['top10']['last1']}}
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div
class="lists-rights @if($topKeywordData['top10']['last2']['status']=="down") ons @endif">
<span>{{$topKeywordData['top10']['last2']['val']}}</span>
<span>{{$topKeywordData['top10']['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div
class="lists-rights @if($topKeywordData['top10']['last3']['status']=="down") ons @endif">
<span>{{$topKeywordData['top10']['last3']['val']}}</span>
<span>{{$topKeywordData['top10']['last3']['val']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-05.png" alt="">
前3页关键词数
<span class="times">
{{--{{$last1M}}月--}}前30名
</span>
</div>
</div>
<div class="boxs fix">
<div class="numbers">
{{$topKeywordData['top30']['last1']}}
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div
class="lists-rights @if($topKeywordData['top30']['last2']['status']=="down") ons @endif">
<span>{{$topKeywordData['top30']['last2']['val']}}</span>
<span>{{$topKeywordData['top30']['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div
class="lists-rights @if($topKeywordData['top30']['last3']['status']=="down") ons @endif">
<span>{{$topKeywordData['top30']['last3']['val']}}</span>
<span>{{$topKeywordData['top30']['last3']['diff']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-06.png" alt="">
前10页关键词数
<span class="times">
{{--{{$last1M}}月--}}前100名
</span>
</div>
</div>
<div class="boxs fix">
<div class="numbers">
{{$topKeywordData['top50']['last1']}}
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div
class="lists-rights @if($topKeywordData['top50']['last2']['status']=="down") ons @endif">
<span>{{$topKeywordData['top50']['last2']['val']}}</span>
<span>{{$topKeywordData['top50']['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div
class="lists-rights @if($topKeywordData['top50']['last3']['status']=="down") ons @endif">
<span>{{$topKeywordData['top50']['last3']['val']}}</span>
<span>{{$topKeywordData['top50']['last3']['diff']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-07.png" alt="">
询盘数
<span class="times">
总数 : {{$inquireTotalData}}
</span>
</div>
</div>
<div class="boxs fix">
<div class="lists active fix">
<div class="lists-lefts">
{{$last1M}}月询盘数
</div>
<div class="lists-rights">
{{$inquireData['last1']}}
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div class="lists-rights @if($inquireData['last2']['status']=="down") ons @endif">
<span>{{$inquireData['last2']['val']}}</span>
<span>{{$inquireData['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div class="lists-rights @if($inquireData['last3']['status']=="down") ons @endif">
<span>{{$inquireData['last3']['val']}}</span>
<span>{{$inquireData['last3']['diff']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-08.png" alt="">
网页数
<span class="times">
{{$last1M}}月
</span>
</div>
</div>
<div class="boxs fix">
<div class="numbers">
{{$pageCountData['last1']}}
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last2M}}月同期
</div>
<div class="lists-rights @if($pageCountData['last2']['status']=="down") ons @endif">
<span>{{$pageCountData['last2']['val']}}</span>
<span>{{$pageCountData['last2']['diff']}}</span>
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
较{{$last3M}}月同期
</div>
<div class="lists-rights @if($pageCountData['last3']['status']=="down") ons @endif">
<span>{{$pageCountData['last3']['val']}}</span>
<span>{{$pageCountData['last3']['diff']}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-09.png" alt="">
关键词达标率
<span class="times ons">
{{--{{$last1M}}月--}}
合同数 : {{$topKeywordRate['goal']}}
</span>
</div>
</div>
<div class="boxs fix">
<div class="numbers">
{{@bcdiv($topKeywordRate['last1Reach'],$topKeywordRate['goal'],2)*100}}%
<span class="n-span">
（实际数 : {{$topKeywordRate['last1Reach']}}）
</span>
</div>
<div class="lists fix">
<div class="lists-lefts">
{{$last2M}}月同期达标率
</div>
<div class="lists-rights onss">
{{@bcdiv($topKeywordRate['last2Reach'],$topKeywordRate['goal'],2)*100}}%
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
{{$last3M}}月同期达标率
</div>
<div class="lists-rights onss">
{{@bcdiv($topKeywordRate['last3Reach'],$topKeywordRate['goal'],2)*100}}%
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-10.png" alt="">
文章达标率
<span class="times ons">
{{--{{$last1M}}月--}}
合同数 : {{$articleRate['goal']}}
</span>
</div>
</div>
<div class="boxs fix">
<div class="numbers">
{{@bcdiv($articleRate['last1Reach'],$articleRate['goal'],2)*100}}%
<span class="n-span">
（实际数 : {{$articleRate['last1Reach']}}）
</span>
</div>
<div class="lists fix">
<div class="lists-lefts">
{{$last2M}}月同期达标率
</div>
<div class="lists-rights onss">
{{@bcdiv($articleRate['last2Reach'],$articleRate['goal'],2)*100}}%
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
{{$last3M}}月同期达标率
</div>
<div class="lists-rights onss">
{{@bcdiv($articleRate['last3Reach'],$articleRate['goal'],2)*100}}%
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-11.png" alt="">
外链达标率
<span class="times ons">
合同数 : {{$linkRate['goal']}}
</span>
</div>
</div>
<div class="boxs fix">
<div class="numbers">
{{@bcdiv($linkRate['last1Reach'],$linkRate['goal'],2)*100}}%
<span class="n-span">
（实际数 : {{$linkRate['last1Reach']}}）
</span>
</div>
<div class="lists fix">
<div class="lists-lefts">
{{$last2M}}月同期达标率
</div>
<div class="lists-rights onss">
{{@bcdiv($linkRate['last2Reach'],$linkRate['goal'],2)*100}}%
</div>
</div>
<div class="lists fix">
<div class="lists-lefts">
{{$last3M}}月同期达标率
</div>
<div class="lists-rights onss">
{{@bcdiv($linkRate['last3Reach'],$linkRate['goal'],2)*100}}%
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="lis-boxs active">
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-12.png" alt="">
总达标天数 <span class="span">{{$reachDaysData}}</span>
</div>
</div>
<div class="titles-boxs">
<div class="titles-a">
<img src="/img/kzt-img-13.png" alt="">
引擎力-培养走向世界的企业
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title" style="border-style: none">
<a class="label label-info pull-right" onclick="units.clearCache()">清除缓存</a>
<h5>项目概况</h5>
</div>
<div class="ibox-content">
<table class="table table-hover no-margins">
<thead>
<tr>
<th>公司名称</th>
<th>域名</th>
<th>合同时间</th>
<th>合作项目</th>
<th style="text-align: center">关键词首页排名</th>
<th style="text-align: center">文章数</th>
<th style="text-align: center">外链数</th>
<th>到期时间</th>
<th>引擎力顾问</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="label label-warning">{{$site->cn_title}}</span>
</td>
<td>{{$site->domain}}</td>
<td><i class="fa fa-clock-o"></i> {{$site->order_at}}</td>
<td>{{$site->contractsTitle}}</td>
<td style="text-align: center">
{{$site->topKeywords->top10??'未获取'}}
{{--<small class="label label-default block">--}}
{{--首页：{{$site->topKeywords->top10??'未获取'}}</small>--}}
{{--<small class="label label-default block" style="margin: 2px 0;">--}}
{{--前三页：{{$site->topKeywords->top30??'未获取'}}</small>--}}
{{--<small class="label label-default block">--}}
{{--前十页：{{$site->topKeywords->top100??'未获取'}}</small>--}}
</td>
<td style="text-align: center">{{$site->articles_count}}</td>
<td style="text-align: center">{{$site->linkDetailsCount??0}}</td>
<td>
@if($site->expired_time)
<i class="fa fa-clock-o"></i> {{date('Y-m-d H:i:s',$site->expired_time)}}<br>
@if(time()>strtotime('-2 month',$site->expired_time))
<a onclick="units.renewal()" class="label label-primary">立即续费</a>
<a onclick="units.contactService()" class="label label-info">联系客服</a>
@endif
@endif
</td>
<th>
@foreach($site->managesInfo as $info)
<small class="label label-default" style="display: block">
{{$info->nickname}}
</small>
@if(!empty($info->telephone))
<small class="label label-default" style="display: block;margin-top: 5px">
{{$info->telephone}}
</small>
@endif
@endforeach
</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title" style="border-style: none">
<h5>我的文章列表</h5>
<a href="javascript:;" style="float: right"
onclick="tips.page('/admin/articles', '软文管理');">更多</a>
</div>
<div class="ibox-content">
<table class="table table-hover no-margins">
<thead>
<tr>
<th>序号</th>
<th>标题</th>
<th>发布时间</th>
</tr>
</thead>
<tbody>
@foreach($myArticles as $inx => $article)
<tr>
<td>{{$inx+1}}</td>
<td>{{$article->title}}</td>
<td><i class="fa fa-clock-o"></i> {{$article->publish_at}}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title" style="border-style: none">
<h5>流量趋势图</h5>
</div>
<div class="ibox-content">
<div id="trafficLine" style="width: 100%;height: 300px;"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title" style="border-style: none">
<h5>询盘趋势图</h5>
</div>
<div class="ibox-content">
<div id="inquireLine" style="width: 100%;height: 300px;"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title" style="border-style: none">
<h5>关键词趋势图</h5>
</div>
<div class="ibox-content">
<div id="keywordLine" style="width: 100%;height: 300px;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="ibox float-e-margins">
<div class="ibox-title" style="border-style: none">
<h5>引擎力产品推荐</h5>
</div>
<div class="ibox-content">
<table class="table table-hover margin bottom">
<thead>
<tr>
<th class="" style="text-align: left;">产品名称</th>
</tr>
</thead>
<tbody>
@foreach($products as $product)
<tr>
<td class="" style="width: 25%;text-align: left;"><a href="{{$product->href}}"
class="btn btn-info btn-sm"
style="padding: 0 10px !important;line-height: 25px !important;border: none !important;"
target="_blank">{{$product->title}}</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-6" >
<div class="ibox float-e-margins" >
<div class="ibox-title" style="border-style: none">
<h5>引擎力学堂</h5>
</div>
<div class="ibox-content" style="min-height: 230px;">
<table class="table table-hover no-margins">
<thead>
<tr>
<th>类型</th>
<th>文件名</th>
<th>描述</th>
<th>创建时间</th>
</tr>
</thead>
<tbody>
@foreach($assets as $asset)
<tr>
<td><span class="label label-warning">{{$asset->assetType->title??''}}</span>
</td>
<td>
<a href="{{asset('admin/tool/download?file_url='.$asset->file_url)}}"
target="_blank">{{$asset->original_name}}</a>
</td>
<td>{{$asset->describe}}</td>
<td><i class="fa fa-clock-o"></i> {{$asset->created_at}}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-content">
<form class="form-horizontal">
<p style="padding: 15px; margin-bottom: 20px;border-bottom: 1px solid #e5e6e7;">投诉表单</p>
<div class="form-group">
<label class="col-sm-1 control-label" for="faq">常见问题：</label>
<div class="col-sm-10">
<select name="faq" id="faq" class="form-control">
<option value="网站建设">网站建设</option>
<option value="谷歌优化">谷歌优化</option>
<option value="谷歌竞价">谷歌竞价</option>
<option value="反应不及时">反应不及时</option>
<option value="其他">其他</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-1 control-label" for="content">投诉内容：</label>
<div class="col-sm-10">
<textarea name="content" id="content" cols="30" rows="10"
class="form-control"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-1 col-sm-8">
<button class="btn btn-sm btn-info"
style="padding: 0 22px !important;line-height: 25px !important;border: none !important;background: #2a93e0;"
type="button" onclick="units.feedback()">提交
</button>
<span style="margin-left: 5px;color: #2a93e0; font-weight: bold;font-size: 14px;">客服联系方式：0571-86262059</span>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="renewal-text" style="display: none">
<div class="ibox-content">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-3 control-label">开户名称：</label>
<div class="col-sm-8">
<input type="text" class="form-control" value="浙江引擎力营销策划有限公司">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">开 户 行：</label>
<div class="col-sm-8">
<input type="text" class="form-control" value="中国银行杭州紫金港支行">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">开户账户：</label>
<div class="col-sm-8">
<input type="text" class="form-control" value="3597 7102 8231">
</div>
</div>
</form>
</div>
</div>
<div id="contact-service-text" style="display: none">
<div class="ibox-content">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-3 control-label">客服信息：</label>
<div class="col-sm-8">
@foreach($serverUsers as $user)
<label class="form-control">{{$user->nickname}}-{{$user->phone}}</label>
@endforeach
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">选择服务：</label>
<div class="col-sm-8">
<select class="form-control" name="service_type">
<option value="">请选择</option>
@foreach(\App\Http\Models\ServiceFeedback::TYPES_MAP as $key=>$val)
<option value="{{$key}}">{{$val}}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">备注：</label>
<div class="col-sm-8">
<textarea rows="4" class="form-control" placeholder="备注内容" name="remark"></textarea>
</div>
</div>
</form>
</div>
</div>
</body>
@endsection
@section('footer')
<script src="{{asset('js/plugins/echarts/echarts.min.js')}}"></script>
<script src="{{asset('js/plugins/wonderland/wonderland.js')}}"></script>
<script>
var units = {
feedback: function () {
tips.ajax({
type: 'post',
url: '/admin/meter/single/feedback?siteId={{$site->id}}',
data: {content: $("#content").val(), faq: $("#faq").val()},
success: function (result) {
layer.msg(result.message, {icon: 6, time: 1000}, function () {
});
}
});
},
renewal: function () {
layer.open({
type: 1,
content: $("#renewal-text"),
title: '立即续费',
area: ['45%', '45%']
});
},
contactService() {
layer.open({
type: 1,
content: $("#contact-service-text"),
title: '联系客服',
area: ['45%', '45%'],
btn: ['确认', '取消'],
yes: function (index, layero) {
var data = {
service_type: $(layero).find("[name=service_type]").val(),
remark: $(layero).find("[name=remark]").val(),
site_id: "{{$site->id}}"
};
var ajaxConfig = {
url: '/admin/meter/service-feedback',
type: 'post',
data: data,
success: function (result) {
layer.msg('已收到您的反馈，引擎力客服会尽快与您联系', {icon: 6, time: 2000}, function () {
layer.close(index);
});
}
};
tips.ajax(ajaxConfig);
}
});
},
clearCache: function () {
tips.ajax({
url: '/admin/meter/forget-cache?which=single&siteId={{$site->id}}',
success: function (result) {
layer.msg(result.message, {icon: 6, time: 1000}, function () {
window.location.reload();
});
}
});
}
};
$(document).ready(function () {
// 流量折线图
var trafficLineChart = echarts.init(document.getElementById('trafficLine'),'wonderland');
var trafficLineXAxis = JSON.parse('{!! json_encode($trafficLine['xAxis']) !!}');
var trafficLineYAix = JSON.parse('{!! json_encode($trafficLine['yAxis']) !!}');
var trafficLineOption = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
toolbox: {
feature: {
dataView: {show: true, readOnly: false},
magicType: {show: true, type: ['bar', 'pie']},
restore: {show: true},
saveAsImage: {show: true}
}
},
legend: {
data: ['流量']
},
xAxis: [
{
type: 'category',
data: trafficLineXAxis,
axisPointer: {
type: 'shadow'
},
splitLine: {
show: false
}
}
],
yAxis: [
{
type: 'value',
name: '',
min: 0,
axisLabel: {
formatter: '{value}'
},
axisLine: {
show: false //隐藏Y轴
}
}
],
series: [
{
name: '流量',
type: 'line',
data: trafficLineYAix
}
]
};
trafficLineChart.setOption(trafficLineOption);
// 询盘折线图
var inquireLineChart = echarts.init(document.getElementById('inquireLine'),'wonderland');
var inquireLineXAxis = JSON.parse('{!! json_encode($inquireLine['xAxis']) !!}');
var inquireLineYAix = JSON.parse('{!! json_encode($inquireLine['yAxis']) !!}');
var inquireLineOption = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
toolbox: {
feature: {
dataView: {show: true, readOnly: false},
magicType: {show: true, type: ['bar', 'pie']},
restore: {show: true},
saveAsImage: {show: true}
}
},
legend: {
data: ['询盘']
},
xAxis: [
{
type: 'category',
data: inquireLineXAxis,
axisPointer: {
type: 'shadow'
},
splitLine: {
show: false
}
}
],
yAxis: [
{
type: 'value',
name: '',
min: 0,
axisLabel: {
formatter: '{value}'
},
axisLine: {
show: false //隐藏Y轴
}
}
],
series: [
{
name: '询盘',
type: 'line',
data: inquireLineYAix
}
]
};
inquireLineChart.setOption(inquireLineOption);
var keywordLineChart = echarts.init(document.getElementById('keywordLine'),'wonderland');
var keywordLineXAxis = JSON.parse('{!! json_encode($keywordLine['xAxis']) !!}');
var keywordLineYAix = JSON.parse('{!! json_encode($keywordLine['yAxis']) !!}');
var keywordLineOption = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
toolbox: {
feature: {
dataView: {show: true, readOnly: false},
magicType: {show: true, type: ['bar', 'pie']},
restore: {show: true},
saveAsImage: {show: true}
}
},
legend: {
data: ['关键词']
},
xAxis: [
{
type: 'category',
data: keywordLineXAxis,
axisPointer: {
type: 'shadow'
},
splitLine: {
show: false
}
}
],
yAxis: [
{
type: 'value',
name: '',
min: 0,
axisLabel: {
formatter: '{value}'
},
axisLine: {
show: false //隐藏Y轴
}
}
],
series: [
{
name: '关键词',
type: 'line',
data: keywordLineYAix
}
]
};
keywordLineChart.setOption(keywordLineOption);
});
</script>
@endsection