@extends('admin/layout')
@section('header')
<link href="{{asset('css/plugins/switchery/switchery.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/chosen/chosen.css')}}" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css"
rel="stylesheet">
<link href="{{asset('js/plugins/jquery-pretty-radio-checkbox/css/jquery-labelauty.css')}}" rel="stylesheet">
<style>
.btn-danger, .btn-primary, .btn-info {
background: #2a94e0 !important;
border-color: #2a94e0 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background: #f8f8f8 !important;
}
.table-striped > tbody > tr .btn {
background: none !important;
}
.table-striped > tbody > tr td {
font-size: 14px !important;
}
.table-striped > tbody > tr:hover {
background: #ffebd8 !important;
}
.table-striped > tbody > tr:hover .btn {
background: #2a94e0 !important;
color: #fff !important;
}
.table-striped > tbody > tr:hover .btn .glyphicon {
color: #fff !important;
}
.input-group .form-control {
width: 200px;
}
input.labelauty + label {
color: #333333;
}
</style>
@endsection
@section('content')
@php $authUser=auth()->user() @endphp
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-content">
<form class="row" id="searchForm" onsubmit="units.search();return false;">
<div class="input-group">
<select name="sellerId" id="sellerId" class="form-control"
style="width: 150px;float: right" onchange="units.selectPage();">
<option value="">请选择销售</option>
@foreach($sellerUsers as $item)
<option value="{{$item->id}}">{{$item->nickname}}</option>
@endforeach
</select>
<select name="serverId" id="serverId" class="form-control"
style="width: 150px;float: right" onchange="units.selectPage();">
<option value="">请选择客服</option>
@foreach($services as $item)
<option value="{{$item->id}}">{{$item->nickname}}</option>
@endforeach
</select>
{{-- <select name="managerId" id="managerId" class="form-control"
style="width: 150px;float: right" onchange="units.selectPage();">
<option value="">请选择项目经理</option>
@foreach($managers as $item)
<option value="{{$item->id}}">{{$item->nickname}}</option>
@endforeach
</select>--}}
<select name="optimizerId" id="optimizerId" class="form-control"
style="width: 150px;float: right"
onchange="units.selectPage();">
<option value="">请选择优化组长</option>
@foreach($optimizers as $item)
<option value="{{$item->id}}">{{$item->nickname}}</option>
@endforeach
</select>
<select name="manageHelperId" id="manageHelperId" class="form-control"
style="width: 150px;float: right"
onchange="units.selectPage();">
<option value="">请选择项目经理</option>
@foreach($managerHelpers as $item)
<option value="{{$item->id}}">{{$item->nickname}}</option>
@endforeach
</select>
<select name="businessId" id="businessId" class="form-control"
style="width: 150px;float: right" onchange="units.selectPage();">
<option value="">请选择行业</option>
@foreach($business as $key=>$item)
<option value="{{$key}}">{{$item}}</option>
@endforeach
</select>
<span class="input-group-btn">
<button type="button" class="btn btn-md btn-primary"
onclick="units.search()"> 搜索</button>
<button type="button" class="btn btn-md btn-primary" style="margin-left: 10px"
name="btnReset"> 重置</button>
</span>
</div>
<div>
<ul class="checkbox">
<li style="float: right;margin: 2px;list-style-type:none;"><input type="checkbox"
name="caseIds1"
value="21"
data-labelauty="结构化数据呈现">
</li>
<li style="float: right;margin: 2px;list-style-type:none;"><input type="checkbox"
name="caseIds2"
value="22"
data-labelauty="关键词分析">
</li>
<li style="float: right;margin: 2px;list-style-type:none;"><input type="checkbox"
name="caseIds3"
value="23"
data-labelauty="软文优化">
</li>
<li style="float: right;margin: 2px;list-style-type:none;"><input type="checkbox"
name="caseIds4"
value="24"
data-labelauty="维基百科">
</li>
<li style="float: right;margin: 2px;list-style-type:none;"><input type="checkbox"
name="caseIds5"
value="25"
data-labelauty="知识图谱">
</li>
<li style="float: right;margin: 2px;list-style-type:none;"><input type="checkbox"
name="caseIds6"
value="26"
data-labelauty="竞价">
</li>
<li style="float: right;margin: 2px;list-style-type:none;"><input type="checkbox"
name="caseIds7"
value="27"
data-labelauty="付费外链">
</li>
</ul>
<input type="text" placeholder="请输入域名或项目名称" class="input-md form-control"
name="keyword" id="keyword" style="float: right;width: 200px;margin: 4px">
</div>
</form>
<hr>
<div class="table-responsive">
<table id="table" class="table table-condensed" data-mobile-responsive="true"></table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
@endsection
@section('footer')
<script src="{{asset('js/plugins/jquery-pretty-radio-checkbox/js/jquery-labelauty.js')}}"></script>
<script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
<script src="{{asset('js/plugins/switchery/switchery.js')}}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
<script>
$(function () {
$(':input').labelauty();
});
laydate.render({
elem: '#monthRange'
, type: 'month'
, range: '→'
, format: 'yyyy-MM'
});
var units = {
selectPage: function () {
tips.selectPage();
},
search: function () {
tips.selectPage();
},
openDetail: function (id, title) {
tips.page('/admin/sites/' + id + '/overview', title);
},
sendMessage: function (siteId) {
var mobile = $('#mobile_' + siteId).val();
layer.confirm('确定发送吗?', {icon: 3, title: '发送短信'}, function (index, layero) {
layer.close(index);
tips.ajax({
url: '/admin/analyze/index/sendMessage',
type: 'post',
data: {siteId: siteId, mobile: mobile},
tableRefresh: '#table'
});
});
},
open: function (id) {
var url = $('#example_' + id).text();
window.open(url);
}
};
// 月流量 月询盘 月排名 月软文 项目经理 项目进度
var config = {};
config.url = '/admin/analyze/index/example';
config.pageSize = 20;
config.showColumns = true;
config.columns = [ //字段
{
title: '序号', align: 'center', formatter: function (value, item, index) {
return index + 1;
},
width: '10px'
},
{title: '公司', field: 'cn_title', align: 'center'},
{title: '网站', field: 'domain', align: 'center'},
{title: '下单时间', field: 'order_at', align: 'center'},
{title: '上线时间', field: 'online_at', align: 'center'},
{title: '达标时间', field: 'reach_at', align: 'center'},
{title: '产品', field: 'product', align: 'center'},
{title: '行业', field: 'businessTitle', align: 'center'},
{title: '关键词指标', field: 'keyword_goal', align: 'center'},
{title: '实际关键词量', field: 'top10', align: 'center'},
{title: '月流量', field: 'traffic', align: 'center'},
{title: '询盘总数', field: 'inquire', align: 'center'},
{title: '案例板块', field: 'case', align: 'center'},
{
title: '案例链接', field: 'example_url', align: 'center',
formatter: function (value, row) {
return '<a onclick="units.open(' + row.id + ')" id="example_' + row.id + '" >' + row.example_url + '</a>';
}
},
{
title: '发送短信', field: '', align: 'center',
formatter: function (value, row) {
if (row.example_url) {
return '<input type="text" class="form-control" id="mobile_' + row.id + '" value="">' +
'<button onclick="units.sendMessage(' + row.id + ')" class="btn btn-md btn-primary" style="background: #2a94e0 !important;border: none">发送验证码</button> ';
}
}
},
{title: '项目销售', field: 'seller_title', align: 'center', visible: false},
{title: '客服经理', field: 'server_title', align: 'center', visible: false},
{title: '项目经理', field: 'managers_title', align: 'center', visible: false},
{title: '项目助理', field: 'manage_helper_title', align: 'center', visible: false},
{title: '优化师', field: 'optimizerTitle', align: 'center', visible: false},
{title: '项目采编', field: 'ae_title', align: 'center', visible: false},
{
title: '操作', field: 'id', align: 'center',
formatter: function (value, row) {
return '<button onclick="units.openDetail(' + value + ',\'' + row.cn_title + '\')" class="btn btn-xs"><span class="glyphicon glyphicon-menu-hamburger"></span>详情</button><br>';
}
}
];
tips.bootstrapTable(config);
</script>
@endsection