File: /www/wwwroot/w.xxlht.com/Wukong/Wukongphp/View/Product/index.htm
<!DOCTYPE html>
<html class=" js csstransforms3d"><head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>微信产品列表</title>
<link rel="stylesheet" href="__PUBLIC__/Wukongphp/css/base.css">
<link rel="stylesheet" href="__PUBLIC__/Wukongphp/css/page.css">
<script type="text/javascript" src="__PUBLIC__/Wukongphp/js/jquery.min.js"></script>
<script src="__PUBLIC__/layer/layer.js"></script>
<!--layui布局css文件-->
<link rel="stylesheet" href="__PUBLIC__/layer/layui/css/layui.css">
<script src="__PUBLIC__/layer/layui/layui.js"></script>
</head>
<body style="background: #f6f5fa;">
<!--content S-->
<div class="super-content RightMain" id="RightMain">
<!--header-->
<div class="superCtab">
<div class="wk_jg"></div>
<div class="ctab-Main">
<div class="ctab-Main-title">
<ul class="clearfix">
<li class="cur"><a href="<?php echo U('Product/index') ?>">产品列表</a></li>
<li><a href="<?php echo U('Product/add') ?>">添加产品</a></li>
<li ><a href="<?php echo U('Product/product') ?>">产品分析</a></li>
</ul>
</div>
<div class="ctab-Mian-cont">
<div class="Mian-cont-wrap" style="background:none; border:0; padding-top:20px">
<!---查询模块----->
<input type="text" class="layui-input wuk_chaxun" value="" id="searW" placeholder="输入微信号">
<button class="layui-btn layui-btn-danger" style="margin-left:10px; float:left" onClick="searchWc()"><i class="layui-icon white"></i>查询</button>
<div class="layui-form" style="float:left; width:150px; margin-left:10px">
<select style="float:left; margin-left:10px" id="editProName">
<option value="">选择产品</option>
<?php
foreach($proall as $k=>$v){
?>
<option value="<?php echo $v['id'];?>"><?php echo $v['product_name'];?></option>
<?php } ?>
</select>
</div>
<button class="layui-btn layui-btn-danger" style="margin-left:10px; float:left" onClick="proEdit();return false;"><i class="layui-icon white"></i>配置</button>
<form action="__SELF__" method="post" id="fromPro">
<input type="text" style="float:left" class="layui-input wuk_chaxun" value="" id="searP" name="searP" placeholder="输入产品名或ID">
<button class="layui-btn layui-btn-danger" style="margin-left:10px; float:left" onClick="searchPro();return false;"><i class="layui-icon white"></i>搜索</button>
</form>
<?php if(session('id')=='1'){ ?>
<form action="__SELF__" method="post" id="fromAdmin">
<div class="layui-form" style="float:left; width:150px; margin-left:10px">
<select style="float:left; margin-left:10px" id="adminId" name="adminId">
<option value="">子账号产品筛选</option>
<?php
foreach($dataadmin as $k=>$v){
?>
<option value="<?php echo $v['id'];?>"><?php echo $v['username'];?></option>
<?php } ?>
</select>
</div>
<button class="layui-btn layui-btn-danger" style="margin-left:10px; float:left" onClick="searchAdmin();return false;"><i class="layui-icon white"></i>筛选</button>
</form>
<?php } ?>
<div style="padding:10px 0px; clear:both; float:none">
<button class="layui-btn" style="margin-left:10px" onClick="orderAll();return false;"><i class="layui-icon white"></i>删除一月前所有统计数据</button>
<button class="layui-btn layui-btn-danger" style="margin-left:10px" onClick="onlineAll();return false;"><i class="layui-icon white"></i>删除一月前所有流量数据</button>
</div>
<!---查询模块----->
<div style='height:10px'></div>
<div class="Mian-cont-wrap" style='padding:20px'>
<div class="defaultTab-T">
<table border="0" cellspacing="0" cellpadding="0" class="defaultTable">
<tbody>
<tr>
<th>ID</th>
<th class="product_1">产品名称</th>
<th class="product_2">获取代码</th>
<th class="product_3" style="width:15% !important">添加时间</th>
<th class="product_4" style="width:35% !important">操作</th>
</tr>
</tbody></table>
</div>
<table border="0" cellspacing="0" cellpadding="0" class="defaultTable defaultTable2">
<tbody>
<?php foreach($data as $k=>$v):?>
<tr>
<td style="cursor:pointer" >{$v.id}</td>
<td class="product_1" style="cursor:pointer" ><a href="<?php echo U('Product/editPro/?id='.$v['id']) ?>"><span id="{$v.id}" class="product_name">
{$v.product_name}
</span><i class="layui-icon" style="color:#009688"></i></a>
<i class="layui-icon beizhubtn" alt="{$v.wk_beizhu}" orderid="{$v.id}" style="color:#<?php if($v['wk_beizhu']!='')echo 'FF5722'; else echo "878787";?>"></i>
</td>
<td class="product_2">
<button class="layui-btn layui-btn-sm" onClick="getjs('<?php echo U('Product/getjs/','',false).'/id/'.$v['id']?>'); return false;" >获取代码</button>
<button class="layui-btn layui-btn-sm layui-bg-cyan wuk_count" alt="{$v.id}" id="tongji{$k}" onClick="showtips('<?php echo 'tongji'.$k; ?>');return false;" >
<?php
$c=0;
foreach($orderone as $k1=>$v1){
if($v1['product_id']==$v['id']){
$c=$v1['count'];
}
}
echo $c;
?> / <?php
$c=0;
foreach($onlineone as $k1=>$v1){
if($v1['product_id']==$v['id']){
$c=$v1['count'];
}
}
echo $c;
?> | <?php
$c=0;
foreach($onweixin as $k1=>$v1){
if($v1['product_id']==$v['id']){
$c=$v1['count'];
}
}
echo $c;
?> / <?php
$c=0;
foreach($allweixin as $k1=>$v1){
if($v1['product_id']==$v['id']){
$c=$v1['count'];
}
}
echo $c;
?>
</button>
<?php if(session('id')=='1'){ ?>
<button class="layui-btn layui-btn-sm layui-bg-cyan" >
<?php
foreach($dataadmin as $k1=>$v1)
{
if($v['admin_id']==$v1['id'])
echo $v1['username'];
}
?>
</button>
<?php } ?>
</td>
<td class="product_3" style="width:15% !important"><?php echo date('Y-m-d H:i:s',$v['add_time']); ?></td>
<td class="product_4" style="width:35% !important">
<div class="btn">
<a href="javascript:editWeixin('<?php echo $v['id'];?>','<?php echo $v['product_name']; ?>')" class="Top">微信</a>
<a class="modify" href="<?php echo U('Order/index/?sele_pro='.$v['id']) ?>">统计</a>
<a class="Top" href="<?php echo U('Online/index/?sele_pro='.$v['id']) ?>">流量</a>
<a href="javascript:void(0)" product_id='{$v.id}' class="delete delall">清空</a>
<a href="javascript:colon('<?php echo $v['id'];?>')" class="Top">克隆</a>
<?php if($v['tongjikg']=='1'){?><a href="javascript:void(0)" product_id='<?php echo $v['id']; ?>' class="delete getkey">搜索词</a><?php } ?>
<?php if($v['apikg']=='1'&&$v['apitype']=='1'){?><a href="javascript:void(0)" product_id='<?php echo $v['id']; ?>' class="modify addorder">导入</a><?php } ?>
<a href="javascript:void(0)" product_id='{$v.id}' class="delete delpro">删除</a>
</div>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<div class="pageSelect">
<div class="pageWrap">
<?php echo $show ?>
</div>
</div>
</div>
</div>
</div>
</div>
<!--main-->
</div>
<!--content E-->
<script>
function getjs(url,state)
{
layer.open({
type: 2,
area: ['700px', '280px'],
fixed: true, //不固定
content: url
});
}
//删除产品ajax
$('.delpro').click(function () {
var product_id = $(this).attr('product_id');
var _tr = $(this).parent().parent().parent();
layer.confirm('产品对应的统计数据也会一并删除？<br>删除后无法恢复！', {
btn: ['确定', '取消'] //按钮
}, function () {
//关闭弹窗
$.ajax({
type:'GET',
url:"<?php echo U('Product/del/','',false) ?>/id/"+product_id,
success: function(data){
if(data==1)
{
layer.closeAll();
layer.msg('删除成功', {icon: 1});
_tr.remove();
}
else
{
layer.closeAll('');
layer.msg(data, {icon: 5});
}
},
});
}, function () {
});
})
//清空产品统计数据ajax
$('.delall').click(function () {
var product_id = $(this).attr('product_id');
var html = '<div style="padding:20px" align="center"><p>数据删除后无法恢复！！！谨慎操作！！！</p><button type="button" class="layui-btn layui-btn-danger" style="margin-top:10px" onclick="ajaxclean(\''+product_id+'\',\'1\')">清空所有数据</button><button type="button" class="layui-btn" style="margin-top:10px" onclick="ajaxclean(\''+product_id+'\',\'2\')">仅清空复制数据</button><button type="button" class="layui-btn layui-btn-danger" style="margin-top:10px" onclick="ajaxclean(\''+product_id+'\',\'3\')">仅清空流量数据</button></div>';
layer.open({
title:'数据删除后无法恢复！',
type: 1,
area: ['520px', '180px'], //宽高
content: html
});
})
function ajaxclean(id,tp){
$.ajax({
type:'GET',
url:"<?php echo U('Product/delall/','',false) ?>/id/"+id+"/type/"+tp,
success: function(data){
if(data==1)
{
layer.closeAll();
layer.msg('数据已清空', {icon: 1});
}
else
{
layer.closeAll('');
layer.msg(data, {icon: 5});
}
},
});
}
//删除产品ajax
//加载产品对应的统计数据
//$(function(){
//$(".wuk_count").each(function(index, element) {
//id = $("#tongji"+index).attr("alt");
//$.ajax({
//type:'GET',
//dataType:'json',
//url:"<?php echo U('Product/getCount/','',false) ?>/id/"+id,
//success: function(data){
//$("#tongji"+index).html(data.copy+" / "+data.online+" | "+data.onw+" / "+data.allw);
//},
//});
//});
//})
//配置弹窗
function editWeixin(proid,proname,wchat){
if(wchat==undefined)
wchat="";
layer.open({
type: 2,
title: '配置产品：'+proname,
shadeClose: true,
shade: true,
shade:0.5,
maxmin: true, //开启最大化最小化按钮
area: ['95%', '90%'],
content: '<?php echo U("Product/edit/","",false) ?>/id/'+proid+'/wchat/'+wchat,
})
}
//Demo
layui.use('form', function(){
var form = layui.form;
//监听提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
});
//产品配置
function proEdit(){
var idPro = $("#editProName").val();
if(idPro!="")
{
layer.open({
type: 2,
title: '配置产品：'+$("#editProName").find("option:selected").text(),
shadeClose: true,
shade: true,
shade:0.5,
maxmin: true, //开启最大化最小化按钮
area: ['95%', '90%'],
content: '<?php echo U("Product/edit/","",false) ?>/id/'+idPro,
})
}
else{
layer.msg("请选择要配置的产品", {icon: 5});
return false;
}
}
//微信号查询
function searchWc(){
var seatW = $("#searW").val();
if(seatW!=""){
$.ajax({
type:'GET',
dataType:'json',
url:"<?php echo U('Product/getPro/','',false) ?>/wchat/"+seatW,
success: function(data){
if(data.code==0){
layer.msg(data.msg, {icon: 5});
}
else{
if(data.length>1)
{
var html = '<div style="padding:10px" align="center">'
$.each(data,function(n,value){
html=html+'<button type="button" class="layui-btn" style="margin-top:10px" onclick="editWeixin(\''+value.id+'\',\''+value.product_name+'\',\''+value.weixin+'\')">'+value.product_name+'</button>'
});
html = html+'</div>';
layer.open({
title:'该微信号存在于多个产品，请选择要配置的产品！',
type: 1,
skin: 'layui-layer-rim', //加上边框
area: ['520px', '340px'], //宽高
content: html
});
}
else
{
$.each(data,function(n,value){
layer.open({
type: 2,
title: '配置产品：'+value.product_name,
shadeClose: true,
shade: true,
shade:0.5,
maxmin: true, //开启最大化最小化按钮
area: ['95%', '90%'],
content: '<?php echo U("Product/edit/","",false) ?>/id/'+value.id+'/wchat/'+value.weixin,
})
return false;
})
}
}
},
});
}
else{
layer.msg("请输入要查询的微信号", {icon: 5});
}
}
//产品名查询
function searchPro(){
var seatP = $("#searP").val();
if(seatP!=""){
$("#fromPro").submit();
}
else{
layer.msg("请输入要查询的关键词", {icon: 5});
}
}
//子账号产品筛查
function searchAdmin(){
var seatP = $("#adminId").val();
if(seatP!=""){
$("#fromAdmin").submit();
}
else{
layer.msg("请选择子账号", {icon: 5});
}
}
//产品克隆
function colon(id){
layer.prompt({title: '请输入新产品的产品名', formType: 3}, function(pass, index){
layer.closeAll()
var index = layer.load(0, {shade: false});
$.ajax({
type: "get",
data: {
"id": id,
"proname": pass
},
url:"<?php echo U('Product/colon/','',false) ?>",
success: function(data) {
if(data=="1")
{
layer.closeAll()
layer.msg("克隆成功");
location.reload();
}
else
{
layer.closeAll();
layer.msg(data);
}
}
})
});
}
//删除所有数据
function orderAll(){
layer.prompt({title: '统计数据删除后无法恢复！确认删除请输入：悟空', formType: 3}, function(text, index){
layer.close(index);
if(text=='悟空')
{
$.ajax({
type:'GET',
url:"<?php echo U('Product/orderAll/','',false) ?>",
success: function(data){
if(data==1)
{
layer.closeAll();
layer.msg('成功删除一月前的所有统计数据', {icon: 1});
}
else
{
layer.closeAll('');
layer.msg(data, {icon: 5});
}
},
});
}
else
{
layer.msg("口令错误", {icon: 5});
}
});
}
//删除所有数据
function onlineAll(){
layer.prompt({title: '流量数据删除后无法恢复！确认删除请输入：悟空', formType: 3}, function(text, index){
layer.close(index);
if(text=='悟空')
{
$.ajax({
type:'GET',
url:"<?php echo U('Product/onlineAll/','',false) ?>",
success: function(data){
if(data==1)
{
layer.closeAll();
layer.msg('成功删除一月前的所有统计数据', {icon: 1});
}
else
{
layer.closeAll('');
layer.msg(data, {icon: 5});
}
},
});
}
else
{
layer.msg("口令错误", {icon: 5});
}
});
}
//手动获取搜索词
$(".getkey").click(function(){
proid = $(this).attr('product_id');
layer.confirm('系统会自动获取搜索词，确定手动获取！', {
btn: ['确定', '取消'] //按钮
}, function () {
layer.closeAll();
var index = layer.load(0, {
shade: [0.3,'#313541'] //0.1透明度的白色背景
});
$.ajax({
type:'GET',
url:"<?php echo U('Home/index/getkeyauthand/','',false) ?>/id/"+proid,
success: function(data){
if(data==1)
{
layer.closeAll();
layer.msg('全部获取成功！', {icon: 1});
}
else
{
layer.closeAll('');
layer.msg(data, {icon: 5});
}
},
});
}, function () {
});
})
//管理员备注ajax修改
$(".beizhubtn").click(function(){
var con = $(this).attr('alt');
var orderid = $(this).attr('orderid');
var self = $(this);
layer.prompt({title: '备注', formType: 0, value:con}, function(text, index){
layer.close(index);
$.ajax({
type:"GET",
url:"<?php echo U('Product/ajaxstate','',false) ?>",
data: {
"id": orderid,
"text": text
},
success: function(data){
if(data==0)
{
layer.msg('备注成功！', {icon: 1});
self.attr('alt',text);
self.css('color','#FF5722');
}
}
});
});
})
$(".addorder").click(function(){
window.location='<?php echo U("Product/addorder/","",false) ?>?id='+$(this).attr("product_id")
})
function showtips(s_id){
layer.tips('复制总数-访问总数-展示微信-微信总数', '#'+s_id, {
tips: [2, '#00843E'],
time: 4000
});
}
</script>
</body></html>