新增商家页面、以及页面微改

1 个父辈 5914b427
......@@ -6,16 +6,24 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>文章列表</title>
<title>商品列表</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.layui-form-select dl{
max-height:190px;
.layui-form-select dl {
max-height: 190px;
}
#allmap {
top: 10px;
width: 100%;
height: 200px;
overflow: hidden;
margin: 0;
}
#allmap {top:10px;width:100%;height: 200px;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<body class="wrap">
<div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
......@@ -27,7 +35,7 @@
<a class="layui-btn layui-btn-warm createBtn" href="#"><i class="layui-icon">&#xe61f;</i> 添加文章</a>
</div>
</div>
<table class="layui-table">
<thead>
<tr>
......@@ -38,13 +46,13 @@
<th style="min-width: 80px;">操作</th>
</tr>
</thead>
<tbody id="tablelist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
......@@ -57,39 +65,38 @@
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var queryObj={
page : 1,
pagesize:10,
keyword:''
var queryObj = {
page: 1,
pagesize: 10,
keyword: ''
};
initdata(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
queryObj.keyword = $("[name=keyword]").val();
queryObj.page = 1;
initdata(queryObj)
});
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("")
queryObj = {
page: 1,
pagesize: 10,
keyword: ""
};
initdata(queryObj);
//查询
form.on('submit(querybtn)', function(data){
queryObj.keyword=$("[name=keyword]").val();
queryObj.page=1;
initdata(queryObj)
});
$(".resetBtn").on("click",function(){
$("[name=keyword]").val("")
queryObj={
page : 1,
pagesize:10,
keyword : ""
};
initdata(queryObj)
return false
})
initdata(queryObj)
return false
})
//初始化数据
initdata(queryObj);
function initdata(queryObj){
$.post("/zzhnc/article/getArticlesList",queryObj,function(data){
data=data.data;
function initdata(queryObj) {
$.post("/zzhnc/article/getArticlesList", queryObj, function(data) {
data = data.data;
console.log(data)
laypage({
cont: 'page',
......@@ -104,78 +111,78 @@
}
});
var str="";
if(data.rows.length<1){
var str = "";
if(data.rows.length < 1) {
$(".nulldata").show();
}else{
} else {
$(".nulldata").hide();
for(var i=0;i<data.rows.length;i++){
str+='<tr data-id='+ data.rows[i].id +'>'
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>'
+'<td style="text-align:left;">'+ data.rows[i].title+'</td>'
+'<td>'+ data.rows[i].imgurl+'</td>'
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>'
+'<td>'
+'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>'
+'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>'
+'</td>'
+'</tr>';
for(var i = 0; i < data.rows.length; i++) {
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + data.rows[i].title + '</td>' +
'<td>' + data.rows[i].imgurl + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' +
'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' +
'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' +
'</td>' +
'</tr>';
}
}
$("#tablelist").html(str);
toNull_G();
})
}
//添加文章
$(document).on("click",".createBtn",function(){
if(parent.tab.exists("添加文章")>0){
var tabid=parent.tab.getTabId("添加文章");
$(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加文章") > 0) {
var tabid = parent.tab.getTabId("添加文章");
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/article/articleEdit",
icon: "fa-cubes",
title: "添加文章"
title: "添加文章"
});
})
//修改文章
$(document).on("click",".updataBtn",function(){
var id=$(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改文章")>0){
var tabid=parent.tab.getTabId("修改文章");
$(document).on("click", ".updataBtn", function() {
var id = $(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改文章") > 0) {
var tabid = parent.tab.getTabId("修改文章");
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/article/articleEdit?id="+ id ,
href: "/zzhnc/article/articleEdit?id=" + id,
icon: "fa-cubes",
title: "修改文章"
});
title: "修改文章"
});
})
//删除文章
$(document).on("click", ".deleteBtn", function() {
var id=$(this).parents("tr").attr("data-id");
var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该文章吗?', {
btn: ['确定', '取消'] //按钮
}, function(index, layero) {
$.post( "/zzhnc/article/deleteArticle",{id:id}, function(data) {
$.post("/zzhnc/article/deleteArticle", {
id: id
}, function(data) {
console.log(data)
if(data.code == 0) {
top.layer.msg("删除成功");
initdata(queryObj);
layer.close(index);
}else{
} else {
top.layer.msg(data.msg);
}
})
}, function(index, layero) {
layer.close(index);
});
}, function(index, layero) {
layer.close(index);
});
});
})
</script>
......
......@@ -11,8 +11,7 @@
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/Layuiglobal.css">
<link rel="stylesheet" href="/zzhnc/res/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_191348_9fd7twf7my3hxgvi.css">
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_450595_edbottoi4nu0izfr.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_450595_tgwp56b3fjuzyqfr.css">
<script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script>
<style>
.container {
......@@ -81,13 +80,13 @@
</style>
<script>
/* $(function(){
var tipObj = document.getElementById('chromeTip');
if(tipObj){
if( navigator.userAgent.indexOf('Chrome') == -1 || navigator.userAgent.indexOf('Edge') != -1){
tipObj.style.display = 'block';
}
}
}) */
var tipObj = document.getElementById('chromeTip');
if(tipObj){
if( navigator.userAgent.indexOf('Chrome') == -1 || navigator.userAgent.indexOf('Edge') != -1){
tipObj.style.display = 'block';
}
}
}) */
</script>
</head>
......@@ -135,12 +134,7 @@
<div class="layui-body layui-tab-content site-demo site-demo-body" style="bottom: 0;" id="admin-body">
<div class="layui-tab admin-nav-card layui-tab-brief" lay-filter="admin-tab">
<ul class="layui-tab-title">
<li lay-id="0" class="layui-this"><i class="iconfont icon-xiangmu"></i><cite>项目管理</cite><i class="layui-icon layui-unselect layui-tab-close" data-id="0"></i></li>
<!-- </li>
<li class="layui-this">
<i class="fa fa-dashboard" aria-hidden="true"></i>
<cite>项目管理</cite>
</li>-->
<li lay-id="0" class="layui-this"><i class="iconfont icon-xiangmu"></i><cite>商品管理</cite><i class="layui-icon layui-unselect layui-tab-close" data-id="0"></i></li>
</ul>
<div class="layui-tab-content" style="min-height: 150px; padding: 0; height: auto;">
<div class="layui-tab-item layui-show">
......
......@@ -6,20 +6,28 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>项目列表</title>
<title>奖品管理</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.layui-form-select dl{
max-height:190px;
.layui-form-select dl {
max-height: 190px;
}
#allmap {
top: 10px;
width: 100%;
height: 200px;
overflow: hidden;
margin: 0;
}
#allmap {top:10px;width:100%;height: 200px;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<body class="wrap">
<div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<!-- <div class="layui-input-inline producttype" style="width: 140px;">
<select name="producttype" >
<option value="">项目名称</option>
......@@ -41,7 +49,7 @@
<a class="layui-btn layui-btn-warm createBtn" href="#"><i class="layui-icon">&#xe61f;</i> 添加项目</a>
</div>
</div>
<table class="layui-table">
<thead>
<tr>
......@@ -54,9 +62,9 @@
<th style="min-width: 80px;">操作</th>
</tr>
</thead>
<tbody id="tablelist">
<!-- <tr>
<!-- <tr>
<td>1</td>
<td>项目名称</td>
<td>经度</td>
......@@ -72,74 +80,78 @@
</table>
<div class="nulldata">暂无数据</div>
<div id="page"></div>
</body>
<form class="layui-form Detailbtn" >
<div class="layui-form-item">
<label class="layui-form-label">项目名称</label>
<div class="layui-input-inline" style="width:390px;">
<input type="text" name="name" lay-verify="required" placeholder="项目名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">海报模板id</label>
<div class="layui-input-inline">
<select name="postertempletid" lay-verify="required">
<option value=""></option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">位置</label>
<div class="layui-input-inline">
<input type="text" name="lng" lay-verify="required" placeholder="经度" class="layui-input">
</div>
<div class="layui-input-inline">
<input type="text" name="lat" lay-verify="required" placeholder="纬度" class="layui-input">
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script>
<div id="allmap"></div>
</div>
</form>
<form class="layui-form Detailbtn">
<div class="layui-form-item">
<label class="layui-form-label">项目名称</label>
<div class="layui-input-inline" style="width:390px;">
<input type="text" name="name" lay-verify="required" placeholder="项目名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">海报模板id</label>
<div class="layui-input-inline">
<select name="postertempletid" lay-verify="required">
<option value=""></option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">位置</label>
<div class="layui-input-inline">
<input type="text" name="lng" lay-verify="required" placeholder="经度" class="layui-input">
</div>
<div class="layui-input-inline">
<input type="text" name="lat" lay-verify="required" placeholder="纬度" class="layui-input">
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script>
<div id="allmap"></div>
</div>
</form>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script>
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom("重庆",12);
//单击获取点击的经纬度
map.addEventListener("click",function(e){
alert(e.point.lng + "," + e.point.lat);
});
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom("重庆", 12);
//单击获取点击的经纬度
map.addEventListener("click", function(e) {
alert(e.point.lng + "," + e.point.lat);
});
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var page=1;
var keyword="";
//查询
form.on('submit(querybtn)', function(data){
var keyword=$("input[name=keyword]").val();
Initdata(page,keyword)
});
$(".resetBtn").on("click",function(){
$("input[name=keyword]").val("");
Initdata(page,keyword)
})
var page = 1;
var keyword = "";
//查询
form.on('submit(querybtn)', function(data) {
var keyword = $("input[name=keyword]").val();
Initdata(page, keyword)
});
$(".resetBtn").on("click", function() {
$("input[name=keyword]").val("");
Initdata(page, keyword)
})
//初始化数据
Initdata(page,keyword);
function Initdata(page,keyword){
$.post("/zzhnc/project/getProjectList",{page:page,keyword:keyword},function(data){
data=data.data;
Initdata(page, keyword);
function Initdata(page, keyword) {
$.post("/zzhnc/project/getProjectList", {
page: page,
keyword: keyword
}, function(data) {
data = data.data;
console.log(data)
laypage({
cont: 'page',
......@@ -149,85 +161,85 @@
jump: function(obj, first) {
if(!first) {
page = obj.curr
Initdata(page,keyword);
Initdata(page, keyword);
}
}
});
var str="";
if(data.rows.length<1){
var str = "";
if(data.rows.length < 1) {
$(".nulldata").show();
}else{
} else {
$(".nulldata").hide();
for(var i=0;i<data.rows.length;i++){
str+='<tr data-id='+ data.rows[i].id +'>'
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>'
+'<td style="text-align:left;">'+ data.rows[i].name+'</td>'
+'<td>'+ data.rows[i].lng+'</td>'
+'<td>'+ data.rows[i].lat+'</td>'
+'<td>'+ data.rows[i].postertempletid+'</td>'
+'<td>'+ toTime_G(data.rows[i].updatedtime) +'</td>'
+'<td>'
+'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>'
+'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>'
+'</td>'
+'</tr>';
for(var i = 0; i < data.rows.length; i++) {
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + data.rows[i].name + '</td>' +
'<td>' + data.rows[i].lng + '</td>' +
'<td>' + data.rows[i].lat + '</td>' +
'<td>' + data.rows[i].postertempletid + '</td>' +
'<td>' + toTime_G(data.rows[i].updatedtime) + '</td>' +
'<td>' +
'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' +
'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' +
'</td>' +
'</tr>';
}
}
$("#tablelist").html(str);
toNull_G();
})
}
//添加项目
$(document).on("click",".createBtn",function(){
if(parent.tab.exists("添加项目")>0){
var tabid=parent.tab.getTabId("添加项目");
$(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加项目") > 0) {
var tabid = parent.tab.getTabId("添加项目");
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/project/projectEdit?id=0",
icon: "fa-cubes",
title: "添加项目"
title: "添加项目"
});
})
//修改项目
$(document).on("click",".updataBtn",function(){
var id=$(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改项目")>0){
var tabid=parent.tab.getTabId("修改项目");
$(document).on("click", ".updataBtn", function() {
var id = $(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改项目") > 0) {
var tabid = parent.tab.getTabId("修改项目");
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/project/projectEdit?id="+ id ,
href: "/zzhnc/project/projectEdit?id=" + id,
icon: "fa-cubes",
title: "修改项目"
});
title: "修改项目"
});
})
//删除项目
$(document).on("click", ".deleteBtn", function() {
var id=$(this).parents("tr").attr("data-id");
var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该项目吗?', {
btn: ['确定', '取消'] //按钮
}, function(index, layero) {
$.post( "/zzhnc/project/deleteProject",{id:id}, function(data) {
$.post("/zzhnc/project/deleteProject", {
id: id
}, function(data) {
console.log(data)
if(data.code == 0) {
top.layer.msg("删除成功");
Initdata(1,keyword)
Initdata(1, keyword)
layer.close(index);
}else{
} else {
top.layer.msg(data.msg);
}
})
}, function(index, layero) {
layer.close(index);
});
}, function(index, layero) {
layer.close(index);
});
});
})
</script>
......
......@@ -19,7 +19,7 @@
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="resetbtn">重置</button>
</div>
</div>
</form>
<table class="layui-table">
<thead>
......@@ -35,12 +35,12 @@
</tr>
</thead>
<tbody id="fanslist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
......@@ -52,20 +52,24 @@
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var page = 1,keyword = ""
var page = 1,
keyword = ""
//初始化数据
initData(page, keyword)
function initData(page, keyword){
$.post("/zzhnc/report/getFansList",{page:page,keyword:keyword},function(data){
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data)
data=data.data;
data = data.data;
laypage({
cont: 'page',
pages: data.totalPages,
pages: data.totalPages,
curr: page,
skip: true,
jump: function(obj, first) {
......@@ -75,75 +79,73 @@
}
}
});
$("#fanslist").html("")
if(data.rows.length>0){
if(data.rows.length > 0) {
$(".nulldata").hide();
var str="";
for(var i=0;i<data.rows.length;i++){
var nick="";
if((data.rows[i].nickname==null||data.rows[i].nickname=="")&&(data.rows[i].logo==null||data.rows[i].logo=="")){
nick='<div style="text-align:left;">未授权(id:'+ data.rows[i].id +')</div>';
}else{
if(data.rows[i].logo==null||data.rows[i].logo==""){
nick='<div class="nickbox"><div id="wlogo" style="background:url(/zzhnc/res/images/default_user.png) no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
}else{
nick='<div class="nickbox"><div id="wlogo" style="background:url('+data.rows[i].logo+') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
var str = "";
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
if((data.rows[i].nickname == null || data.rows[i].nickname == "") && (data.rows[i].logo == null || data.rows[i].logo == "")) {
nick = '<div style="text-align:left;">未授权(id:' + data.rows[i].id + ')</div>';
} else {
if(data.rows[i].logo == null || data.rows[i].logo == "") {
nick = '<div class="nickbox"><div id="wlogo" style="background:url(/zzhnc/res/images/default_user.png) no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
} else {
nick = '<div class="nickbox"><div id="wlogo" style="background:url(' + data.rows[i].logo + ') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
}
}
str+='<tr data-id='+ data.rows[i].id +'>'
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>'
+'<td style="text-align:left;">'+ nick +'</td>'
+'<td>'+ ToAddress(data.rows[i]) +'</td>'
+'<td>'+ data.rows[i].parentfans+'</td>'
+'<td>'+ data.rows[i].salesname+'</td>'
+'<td>'+ data.rows[i].miniopenid+'</td>'
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>'
+'<td>'+ toTime_G(data.rows[i].lastlogintime) +'</td>'
+'</tr>'
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
'</tr>'
}
$("#fanslist").html(str)
toNull_G();
}else{
} else {
$(".nulldata").show()
return false;
}
})
}
form.on("submit(querybtn)", function(e){
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
return false
})
form.on("submit(resetbtn)", function(e){
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
return false
})
function fanstype(t){
if(t == 1){
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
}else if(t == 2){
return "万小二粉丝"
}else{
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
function ToAddress(data){
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
var d = data.district || ""
return !!(p + c + d) ? (p+c+d) : "未知城市"
return !!(p + c + d) ? (p + c + d) : "未知城市"
}
})
</script>
......
......@@ -6,7 +6,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>粉丝列</title>
<title>商品报</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
......@@ -19,7 +19,7 @@
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="resetbtn">重置</button>
</div>
</div>
</form>
<table class="layui-table">
<thead>
......@@ -35,12 +35,12 @@
</tr>
</thead>
<tbody id="fanslist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
......@@ -52,20 +52,24 @@
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var page = 1,keyword = ""
var page = 1,
keyword = ""
//初始化数据
initData(page, keyword)
function initData(page, keyword){
$.post("/zzhnc/report/getFansList",{page:page,keyword:keyword},function(data){
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data)
data=data.data;
data = data.data;
laypage({
cont: 'page',
pages: data.totalPages,
pages: data.totalPages,
curr: page,
skip: true,
jump: function(obj, first) {
......@@ -75,75 +79,73 @@
}
}
});
$("#fanslist").html("")
if(data.rows.length>0){
if(data.rows.length > 0) {
$(".nulldata").hide();
var str="";
for(var i=0;i<data.rows.length;i++){
var nick="";
if((data.rows[i].nickname==null||data.rows[i].nickname=="")&&(data.rows[i].logo==null||data.rows[i].logo=="")){
nick='<div style="text-align:left;">未授权(id:'+ data.rows[i].id +')</div>';
}else{
if(data.rows[i].logo==null||data.rows[i].logo==""){
nick='<div class="nickbox"><div id="wlogo" style="background:url(/zzhnc/res/images/default_user.png) no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
}else{
nick='<div class="nickbox"><div id="wlogo" style="background:url('+data.rows[i].logo+') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
var str = "";
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
if((data.rows[i].nickname == null || data.rows[i].nickname == "") && (data.rows[i].logo == null || data.rows[i].logo == "")) {
nick = '<div style="text-align:left;">未授权(id:' + data.rows[i].id + ')</div>';
} else {
if(data.rows[i].logo == null || data.rows[i].logo == "") {
nick = '<div class="nickbox"><div id="wlogo" style="background:url(/zzhnc/res/images/default_user.png) no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
} else {
nick = '<div class="nickbox"><div id="wlogo" style="background:url(' + data.rows[i].logo + ') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
}
}
str+='<tr data-id='+ data.rows[i].id +'>'
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>'
+'<td style="text-align:left;">'+ nick +'</td>'
+'<td>'+ ToAddress(data.rows[i]) +'</td>'
+'<td>'+ data.rows[i].parentfans+'</td>'
+'<td>'+ data.rows[i].salesname+'</td>'
+'<td>'+ data.rows[i].miniopenid+'</td>'
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>'
+'<td>'+ toTime_G(data.rows[i].lastlogintime) +'</td>'
+'</tr>'
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
'</tr>'
}
$("#fanslist").html(str)
toNull_G();
}else{
} else {
$(".nulldata").show()
return false;
}
})
}
form.on("submit(querybtn)", function(e){
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
return false
})
form.on("submit(resetbtn)", function(e){
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
return false
})
function fanstype(t){
if(t == 1){
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
}else if(t == 2){
return "万小二粉丝"
}else{
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
function ToAddress(data){
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
var d = data.district || ""
return !!(p + c + d) ? (p+c+d) : "未知城市"
return !!(p + c + d) ? (p + c + d) : "未知城市"
}
})
</script>
......
......@@ -6,7 +6,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>粉丝列表</title>
<title>抽奖记录</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
......@@ -19,7 +19,7 @@
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="resetbtn">重置</button>
</div>
</div>
</form>
<table class="layui-table">
<thead>
......@@ -35,12 +35,12 @@
</tr>
</thead>
<tbody id="fanslist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
......@@ -52,20 +52,24 @@
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var page = 1,keyword = ""
var page = 1,
keyword = ""
//初始化数据
initData(page, keyword)
function initData(page, keyword){
$.post("/zzhnc/report/getFansList",{page:page,keyword:keyword},function(data){
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data)
data=data.data;
data = data.data;
laypage({
cont: 'page',
pages: data.totalPages,
pages: data.totalPages,
curr: page,
skip: true,
jump: function(obj, first) {
......@@ -75,75 +79,73 @@
}
}
});
$("#fanslist").html("")
if(data.rows.length>0){
if(data.rows.length > 0) {
$(".nulldata").hide();
var str="";
for(var i=0;i<data.rows.length;i++){
var nick="";
if((data.rows[i].nickname==null||data.rows[i].nickname=="")&&(data.rows[i].logo==null||data.rows[i].logo=="")){
nick='<div style="text-align:left;">未授权(id:'+ data.rows[i].id +')</div>';
}else{
if(data.rows[i].logo==null||data.rows[i].logo==""){
nick='<div class="nickbox"><div id="wlogo" style="background:url(/zzhnc/res/images/default_user.png) no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
}else{
nick='<div class="nickbox"><div id="wlogo" style="background:url('+data.rows[i].logo+') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
var str = "";
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
if((data.rows[i].nickname == null || data.rows[i].nickname == "") && (data.rows[i].logo == null || data.rows[i].logo == "")) {
nick = '<div style="text-align:left;">未授权(id:' + data.rows[i].id + ')</div>';
} else {
if(data.rows[i].logo == null || data.rows[i].logo == "") {
nick = '<div class="nickbox"><div id="wlogo" style="background:url(/zzhnc/res/images/default_user.png) no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
} else {
nick = '<div class="nickbox"><div id="wlogo" style="background:url(' + data.rows[i].logo + ') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
}
}
str+='<tr data-id='+ data.rows[i].id +'>'
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>'
+'<td style="text-align:left;">'+ nick +'</td>'
+'<td>'+ ToAddress(data.rows[i]) +'</td>'
+'<td>'+ data.rows[i].parentfans+'</td>'
+'<td>'+ data.rows[i].salesname+'</td>'
+'<td>'+ data.rows[i].miniopenid+'</td>'
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>'
+'<td>'+ toTime_G(data.rows[i].lastlogintime) +'</td>'
+'</tr>'
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
'</tr>'
}
$("#fanslist").html(str)
toNull_G();
}else{
} else {
$(".nulldata").show()
return false;
}
})
}
form.on("submit(querybtn)", function(e){
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
return false
})
form.on("submit(resetbtn)", function(e){
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
return false
})
function fanstype(t){
if(t == 1){
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
}else if(t == 2){
return "万小二粉丝"
}else{
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
function ToAddress(data){
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
var d = data.district || ""
return !!(p + c + d) ? (p+c+d) : "未知城市"
return !!(p + c + d) ? (p + c + d) : "未知城市"
}
})
</script>
......
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>奖品编辑</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.layui-form-select dl {
max-height: 190px;
}
#allmap {
top: 10px;
width: 100%;
height: 400px;
overflow: hidden;
margin: 0;
}
</style>
<body class="wrap">
<div class="layui-form Detailbtn" style="display:block;">
<div class="layui-form-item">
<label class="layui-form-label"><i style="color:red;margin-right:5px;">*</i>项目名称</label>
<div class="layui-input-inline" style="width:390px;">
<input type="text" name="name" lay-verify="name" placeholder="项目名称" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">不超过20个汉字</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i style="color:red;margin-right:5px;">*</i>海报模板</label>
<div class="layui-input-inline">
<select name="postertempletid" lay-search="">
<option value="">全部</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">位置</label>
<!-- <div class="layui-input-inline">
<input type="text" name="lng" readonly lay-verify="required" placeholder="经度" class="layui-input" style="background-color:#f5f5f5;color:#666;">
</div>
<div class="layui-input-inline">
<input type="text" name="lat" readonly lay-verify="required" placeholder="纬度" class="layui-input" style="background-color:#f5f5f5;color:#666;">
</div> -->
<div class="layui-input-inline">
<input type="number" name="lng" lay-verify="required" placeholder="经度" class="layui-input">
</div>
<div class="layui-input-inline">
<input type="number" name="lat" lay-verify="required" placeholder="纬度" class="layui-input">
</div>
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script>
<div class="layui-form-mid layui-word-aux" style="padding-bottom:0;">提示:可以在地图上点击位置获取坐标(鼠标滚动放大缩小地图)</div>
<div id="allmap"></div>
<div class="layui-form-item" style="margin-top: 30px;">
<button class="layui-btn" lay-submit lay-filter="submit">提交</button>
<button class="layui-btn layui-btn-primary resetBtn">重置</button>
</div>
</div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script>
// 百度地图API功能
var map = new BMap.Map("allmap");
var map = new BMap.Map("allmap", {
minZoom: 4,
maxZoom: 18
}); // 创建Map实例,设置地图允许的最小/大级别
map.enableScrollWheelZoom(true);
//单击获取点击的经纬度
map.addEventListener("click", function(e) {
$("input[name=lng]").val(e.point.lng);
$("input[name=lat]").val(e.point.lat);
var allOverlay = map.getOverlays();
if(allOverlay.length > 0) {
function deletePoint() {
for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]);
}
}
deletePoint()
var point = new BMap.Point(e.point.lng, e.point.lat);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
}
});
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
$("input[name=lng],input[name=lat]").blur(function() {
var plng = $("input[name=lng]").val();
var plat = $("input[name=lat]").val();
var allOverlay = map.getOverlays();
if(allOverlay.length > 0) {
function deletePoint() {
for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]);
}
}
deletePoint()
var point = new BMap.Point(plng, plat);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
}
});
//下拉海报
$.post("/zzhnc/poster/getAllPostertemplet", function(data) {
console.log(data);
var str = "";
for(var i = 0; i < data.data.length; i++) {
str += '<option value=' + data.data[i].id + '>' + data.data[i].name + '</option>';
}
$("select[name=postertempletid]").append(str);
form.render();
})
$(".resetBtn").on("click", function() {
$("input[name=name]").val("");
$("select[name=postertempletid]").val("0");
var allOverlay = map.getOverlays();
if(allOverlay.length > 0) {
function deletePoint() {
for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]);
}
}
deletePoint()
}
$("input[name=lng]").val(113.754653);
$("input[name=lat]").val(23.025333);
map.centerAndZoom(new BMap.Point(113.754653, 23.025333), 13);
var point = new BMap.Point(113.754653, 23.025333);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
form.render();
})
var id = getUrl_G("id");
if(id > 0) {
$.post("/zzhnc/project/getProject", {
id: id
}, function(data) {
console.log(data);
if(data.code == 0) {
$("input[name=name]").val(data.data.name);
$("select[name=postertempletid]").val(data.data.postertempletid);
$("input[name=lng]").val(data.data.lng);
$("input[name=lat]").val(data.data.lat);
map.centerAndZoom(new BMap.Point(data.data.lng, data.data.lat), 13);
var point = new BMap.Point(data.data.lng, data.data.lat);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
form.render();
}
})
} else {
$("input[name=lng]").val(113.754653);
$("input[name=lat]").val(23.025333);
map.centerAndZoom(new BMap.Point(113.754653, 23.025333), 13);
var point = new BMap.Point(113.754653, 23.025333);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
}
form.on('submit(submit)', function(data) {
var name = $("input[name=name]").val();
var templetid = $("select[name=postertempletid]").val();
var lng = $("input[name=lng]").val();
var lat = $("input[name=lat]").val();
if(name == "") {
top.layer.msg("请填写项目名称");
return false;
} else {
if(strlen(name) > 40) {
top.layer.msg("项目名称不超过20个汉字");
return false;
}
}
if(templetid == "" || templetid == "0") {
top.layer.msg("请选择海报");
return false;
}
if(id > 0) {
//修改项目
$.post("/zzhnc/project/updateProject", {
id: id,
name: name,
templetid: templetid,
lng: lng,
lat: lat
}, function(data) {
console.log(data);
if(data.code == 0) {
top.layer.msg("修改成功");
} else {
top.layer.msg(data.msg);
}
})
} else {
//添加项目
$.post("/zzhnc/project/addProject", {
name: name,
templetid: templetid,
lng: lng,
lat: lat
}, function(data) {
console.log(data);
if(data.code == 0) {
top.layer.msg("添加成功");
form.render();
} else {
top.layer.msg(data.msg);
}
})
}
return false;
});
})
</script>
</html>
\ No newline at end of file
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>奖品管理</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.layui-form-select dl {
max-height: 190px;
}
#allmap {
top: 10px;
width: 100%;
height: 200px;
overflow: hidden;
margin: 0;
}
</style>
<body class="wrap">
<div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<!-- <div class="layui-input-inline producttype" style="width: 140px;">
<select name="producttype" >
<option value="">项目名称</option>
</select>
</div>
<div class="layui-input-inline productid" style="width: 140px;">
<select name="productid">
<option value="">海报模板id</option>
</select>
</div>
<div class="layui-input-inline" style="width: 150px;">
<input name="date1" class="layui-input" placeholder="更新时间" onclick="layui.laydate({elem: this,format: 'YYYY-MM-DD hh:mm:ss',istime: true})" />
</div> -->
<div class="layui-input-inline" style="width: 140px;">
<input type="text" class="layui-input" name="keyword" placeholder="关键字" />
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary resetBtn">重置</button>
<a class="layui-btn layui-btn-warm createBtn" href="#"><i class="layui-icon">&#xe61f;</i> 添加项目</a>
</div>
</div>
<table class="layui-table">
<thead>
<tr>
<th style="width: 30px;">No</th>
<th style="min-width:120px;">项目名称</th>
<th style="min-width: 80px;">经度</th>
<th style="min-width: 80px;">纬度</th>
<th style="min-width: 80px;">海报模板id</th>
<th style="min-width: 80px;">更新时间</th>
<th style="min-width: 80px;">操作</th>
</tr>
</thead>
<tbody id="tablelist">
<!-- <tr>
<td>1</td>
<td>项目名称</td>
<td>经度</td>
<td>纬度</td>
<td>海报模板id</td>
<td>更新时间</td>
<td>
<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>
<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>
</td>
</tr> -->
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div id="page"></div>
</body>
<form class="layui-form Detailbtn">
<div class="layui-form-item">
<label class="layui-form-label">项目名称</label>
<div class="layui-input-inline" style="width:390px;">
<input type="text" name="name" lay-verify="required" placeholder="项目名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">海报模板id</label>
<div class="layui-input-inline">
<select name="postertempletid" lay-verify="required">
<option value=""></option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">位置</label>
<div class="layui-input-inline">
<input type="text" name="lng" lay-verify="required" placeholder="经度" class="layui-input">
</div>
<div class="layui-input-inline">
<input type="text" name="lat" lay-verify="required" placeholder="纬度" class="layui-input">
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script>
<div id="allmap"></div>
</div>
</form>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script>
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom("重庆", 12);
//单击获取点击的经纬度
map.addEventListener("click", function(e) {
alert(e.point.lng + "," + e.point.lat);
});
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var page = 1;
var keyword = "";
//查询
form.on('submit(querybtn)', function(data) {
var keyword = $("input[name=keyword]").val();
Initdata(page, keyword)
});
$(".resetBtn").on("click", function() {
$("input[name=keyword]").val("");
Initdata(page, keyword)
})
//初始化数据
Initdata(page, keyword);
function Initdata(page, keyword) {
$.post("/zzhnc/project/getProjectList", {
page: page,
keyword: keyword
}, function(data) {
data = data.data;
console.log(data)
laypage({
cont: 'page',
pages: data.totalPages, //总页数
curr: page,
skip: true,
jump: function(obj, first) {
if(!first) {
page = obj.curr
Initdata(page, keyword);
}
}
});
var str = "";
if(data.rows.length < 1) {
$(".nulldata").show();
} else {
$(".nulldata").hide();
for(var i = 0; i < data.rows.length; i++) {
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + data.rows[i].name + '</td>' +
'<td>' + data.rows[i].lng + '</td>' +
'<td>' + data.rows[i].lat + '</td>' +
'<td>' + data.rows[i].postertempletid + '</td>' +
'<td>' + toTime_G(data.rows[i].updatedtime) + '</td>' +
'<td>' +
'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' +
'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' +
'</td>' +
'</tr>';
}
}
$("#tablelist").html(str);
toNull_G();
})
}
//添加项目
$(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加项目") > 0) {
var tabid = parent.tab.getTabId("添加项目");
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/project/projectEdit?id=0",
icon: "fa-cubes",
title: "添加项目"
});
})
//修改项目
$(document).on("click", ".updataBtn", function() {
var id = $(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改项目") > 0) {
var tabid = parent.tab.getTabId("修改项目");
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/project/projectEdit?id=" + id,
icon: "fa-cubes",
title: "修改项目"
});
})
//删除项目
$(document).on("click", ".deleteBtn", function() {
var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该项目吗?', {
btn: ['确定', '取消'] //按钮
}, function(index, layero) {
$.post("/zzhnc/project/deleteProject", {
id: id
}, function(data) {
console.log(data)
if(data.code == 0) {
top.layer.msg("删除成功");
Initdata(1, keyword)
layer.close(index);
} else {
top.layer.msg(data.msg);
}
})
}, function(index, layero) {
layer.close(index);
});
});
})
</script>
</html>
\ No newline at end of file
/* 甯冨眬 */
.site-inline{font-size: 0;}
.site-tree, .site-content{display: inline-block; *display:inline; *zoom:1; vertical-align: top; font-size: 14px;}
......@@ -8,8 +6,8 @@
/* 澶撮儴admin-side-toggle */
.header{height: 65px; border-bottom: 1px solid #404553; background-color: #393D49; color: #fff;}
.logo{position: absolute; left: 0; top: 26px;}
.logo img{ width: 106px;}
.logo{position: absolute; left: 0; top: 20px;}
.logo img{ width: 160px;}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; line-height: 66px;}
......
#fansInfoBox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #efefef;
z-index: 100000000;
display: none;
align-items: center;
color: #333;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #efefef;
z-index: 100000000;
display: none;
align-items: center;
color: #333;
}
#fansInfoBox .section {
padding: 10px 20px;
/* border: 1px solid #999; */
background-color: #fff;
margin: 10px 0;
padding: 10px 20px;
/* border: 1px solid #999; */
background-color: #fff;
margin: 10px 0;
}
#fansInfoBox .flexBox {
display: flex;
display: flex;
}
#fansInfoBox .userLogo {
width: 70px;
height: 70px;
border-radius: 4px;
width: 70px;
height: 70px;
border-radius: 4px;
}
#fansInfoBox .userLogo img {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
#fansInfoBox .userInfo {
flex: 1;
flex: 1;
}
#fansInfoBox .userInfo>p:first-child {
margin-bottom: 12px;
padding-left: 10px;
box-sizing: border-box;
margin-bottom: 12px;
padding-left: 10px;
box-sizing: border-box;
}
#fansInfoBox .labels span {
background-color: #b50005;
color: #fff;
font-size: 0.8em;
padding: 1px 8px;
margin: 2px;
display: inline-block;
background-color: #b50005;
color: #fff;
font-size: 0.8em;
padding: 1px 8px;
margin: 2px;
display: inline-block;
}
#fansInfoBox .noteStyle {
margin-top: 4px;
font-size: 0.9em;
color: #666;
margin-top: 4px;
font-size: 0.9em;
color: #666;
}
#fansInfoBox .noteStyle>div:first-child {
width: 80px;
padding-left: 10px;
box-sizing: border-box;
width: 80px;
padding-left: 10px;
box-sizing: border-box;
}
#fansInfoBox .labels {
flex: 1;
flex: 1;
}
#fansInfoBox .labelTitle {
width: 80px;
width: 80px;
}
#fansInfoBox .subSection {
padding: 10px 0;
border-bottom: 1px solid #eee;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
#fansInfoBox .editStyle {
justify-content: space-between;
justify-content: space-between;
}
#fansInfoBox .editStyle .iconfont {
color: #333;
font-size: 1.2em;
color: #333;
font-size: 1.2em;
}
#fansInfoBox textarea {
width: 100%;
height: 80px;
margin-top: 20px;
border-radius: 6px;
resize: none;
padding: 10px;
box-sizing: border-box;
background: none;
border: 1px solid #eee;
outline: none;
-webkit-appearance: none;
width: 100%;
height: 80px;
margin-top: 20px;
border-radius: 6px;
resize: none;
padding: 10px;
box-sizing: border-box;
background: none;
border: 1px solid #eee;
outline: none;
-webkit-appearance: none;
}
#fansInfoBox .btnBox {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
margin-top: 40px;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
margin-top: 40px;
}
#fansInfoBox button {
background: none;
border: none;
background-color: #b50005;
color: #fff;
width: 100%;
height: 40px;
border-radius: 2px;
font-size: 14px;
}
#fansInfoBox #closeLabelFn{
background-color: #fff;
margin-top: 10px;
color: #b50005;
background: none;
border: none;
background-color: #b50005;
color: #fff;
width: 100%;
height: 40px;
border-radius: 2px;
font-size: 14px;
}
#fansInfoBox #closeLabelFn {
background-color: #fff;
margin-top: 10px;
color: #b50005;
}
#fansInfoBox .editLabels {
display: flex;
justify-content: space-between;
display: none;
display: flex;
justify-content: space-between;
display: none;
}
#fansInfoBox .editLabels input {
flex: 1;
height: 100%;
border: 1px solid #eee;
margin-right: 8px;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
flex: 1;
height: 100%;
border: 1px solid #eee;
margin-right: 8px;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
}
#fansInfoBox .editLabels .iconfont {
color: #b50005;
}
#fansInfoBox .telValue,#fansInfoBox .nameValue{
width: 100%;
border: none;
background: none;
font-size: 1em;
padding: 0;
color: #333;
}
#fansInfoBox .fansInfoBox_label{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
display: none;
box-sizing: border-box;
}
#fansInfoBox .fansInfoBox_label .labelConent{
background-color: #fff;
padding: 10px;
border-bottom: 1px solid #ccc;
}
#fansInfoBox .fansInfoBox_label .tagInput{
display: flex;
}
#fansInfoBox .fansInfoBox_label .tagInput input{
height: 24px;
border: 1px solid #eee;
box-sizing: border-box;
padding-left: 10px;
flex:1;
}
#fansInfoBox .fansInfoBox_label .tagInput .addTag{
width: 50px;
height: 24px;
font-size: 12px;
margin-left: 10px;
}
#fansInfoBox .fansInfoBox_label .userTags{
margin-bottom: 10px;
background-color: #fff;
}
#fansInfoBox .fansInfoBox_label .userTags span,.tagListBox span{
border: 1px solid rgba(181, 0, 5, 0.4);
border-radius: 20px;
color: #b50005;
font-size: 0.8em;
padding: 2px 8px;
margin: 2px;
margin-top: 10px;
display: inline-block;
}
#fansInfoBox .fansInfoBox_label .tagHistory span.unSelect{
color: rgba(181, 0, 5, 0.4);
border: 1px solid #aaa;
}
#fansInfoBox .tagHistory{
padding: 10px;
box-sizing: border-box;
}
#fansInfoBox .tagHistory .title{
color: #999;
}
#fansInfoBox .tagListBox{
margin-top: 10px;
color: #b50005;
}
#fansInfoBox .telValue,
#fansInfoBox .nameValue {
width: 100%;
border: none;
background: none;
font-size: 1em;
padding: 0;
color: #333;
}
#fansInfoBox .fansInfoBox_label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
display: none;
box-sizing: border-box;
}
#fansInfoBox .fansInfoBox_label .labelConent {
background-color: #fff;
padding: 10px;
border-bottom: 1px solid #ccc;
}
#fansInfoBox .fansInfoBox_label .tagInput {
display: flex;
}
#fansInfoBox .fansInfoBox_label .tagInput input {
height: 24px;
border: 1px solid #eee;
box-sizing: border-box;
padding-left: 10px;
flex: 1;
}
#fansInfoBox .fansInfoBox_label .tagInput .addTag {
width: 50px;
height: 24px;
font-size: 12px;
margin-left: 10px;
}
#fansInfoBox .fansInfoBox_label .userTags {
margin-bottom: 10px;
background-color: #fff;
}
#fansInfoBox .fansInfoBox_label .userTags span,
.tagListBox span {
border: 1px solid rgba(181, 0, 5, 0.4);
border-radius: 20px;
color: #b50005;
font-size: 0.8em;
padding: 2px 8px;
margin: 2px;
margin-top: 10px;
display: inline-block;
}
#fansInfoBox .fansInfoBox_label .tagHistory span.unSelect {
color: rgba(181, 0, 5, 0.4);
border: 1px solid #aaa;
}
#fansInfoBox .tagHistory {
padding: 10px;
box-sizing: border-box;
}
#fansInfoBox .tagHistory .title {
color: #999;
}
#fansInfoBox .tagListBox {
margin-top: 10px;
}
#fansInfoBox .saveTagBtnBox {
padding: 10px;
box-sizing: border-box;
margin-top: 50px;
}
#fansInfoBox .saveTagBtnBox .close{
background-color: #fff;
color: #b50005;
margin-top: 10px;
padding: 10px;
box-sizing: border-box;
margin-top: 50px;
}
#fansInfoBox .saveTagBtnBox .close {
background-color: #fff;
color: #b50005;
margin-top: 10px;
}
\ No newline at end of file
#queryFansBox {
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 100000000;
display: none;
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 100000000;
display: none;
}
.queryBtn {
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 20px;
}
.qeruySection {
width: 100%;
height: 46px;
background-color: #efefef;
display: flex;
padding: 8px;
box-sizing: border-box;
width: 100%;
height: 46px;
background-color: #efefef;
display: flex;
padding: 8px;
box-sizing: border-box;
}
.qeruySection>div:first-child {
background-color: #fff;
height: 30px;
padding-left: 20px;
border-radius: 4px;
flex: 1;
}
.qeruySection>div:first-child>div{
margin-top: 5px;
height: 20px;
position: relative;
/* background-color: red; */
background-color: #fff;
height: 30px;
padding-left: 20px;
border-radius: 4px;
flex: 1;
}
.qeruySection>div:first-child>div {
margin-top: 5px;
height: 20px;
position: relative;
/* background-color: red; */
}
.qeruySection>div:nth-child(2) {
width: 50px;
text-align: center;
height: 30px;
line-height: 30px;
width: 50px;
text-align: center;
height: 30px;
line-height: 30px;
}
.qeruySection>div:nth-child(2) .icon-duihao{
color: #1AAD19;
display: none;
.qeruySection>div:nth-child(2) .icon-duihao {
color: #1AAD19;
display: none;
}
.qeruySection>div:nth-child(2) button {
background: none;
border: none;
color: #1AAD19;
height: 30px;
background: none;
border: none;
color: #1AAD19;
height: 30px;
}
.qeruySection>div:first-child .iconfont {
color: #999;
font-size: 14px;
color: #999;
font-size: 14px;
}
#queryFansBox input {
outline: none;
-webkit-appearance: none;
border: none;
background: none;
height: 100%;
width: calc(100% - 38px);
outline: none;
-webkit-appearance: none;
border: none;
background: none;
height: 100%;
width: calc(100% - 38px);
}
.queryLabelsBox {
padding: 20px;
padding: 20px;
}
.queryLabelsBox .title {
text-align: center;
color: #999;
font-size: 14px;
}
.qeruySection .icon-guanbi{
position: absolute;
right:10px;
top: 0;
font-size: 18px;
display: none;
}
.queryLabelsBox .labelsList span{
border: 1px solid #1AAD19;
border-radius: 20px;
color: #1AAD19;
font-size: 0.8em;
padding: 2px 8px;
margin: 6px;
margin-top: 10px;
display: inline-block;
}
.queryFansItemBox{
display: flex;
padding: 10px 20px;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.queryFansItemBox .userLogo{
width: 36px;
height: 36px;
border-radius: 50%;
}
.queryFansItemBox .content{
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .content p{
padding-left: 10px;
}
.queryFansItemBox .content p:nth-child(2){
color: #999;
font-size: 0.8em;
margin-top: 6px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .lastTime{
color: #999;
font-size: 0.8em;
text-align: center;
color: #999;
font-size: 14px;
}
.qeruySection .icon-guanbi {
position: absolute;
right: 10px;
top: 0;
font-size: 18px;
display: none;
}
.queryLabelsBox .labelsList span {
border: 1px solid #1AAD19;
border-radius: 20px;
color: #1AAD19;
font-size: 0.8em;
padding: 2px 8px;
margin: 6px;
margin-top: 10px;
display: inline-block;
}
.queryFansItemBox {
display: flex;
padding: 10px 20px;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.queryFansItemBox .userLogo {
width: 36px;
height: 36px;
border-radius: 50%;
}
.queryFansItemBox .content {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .content p {
padding-left: 10px;
}
.queryFansItemBox .content p:nth-child(2) {
color: #999;
font-size: 0.8em;
margin-top: 6px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .lastTime {
color: #999;
font-size: 0.8em;
}
\ No newline at end of file
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight:300;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
-webkit-appearance: none;
resize: none;
-webkit-appearance: none;
resize: none;
}
body,
div,
ul,
......@@ -57,7 +56,7 @@ hgroup,
menu,
nav,
section {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
......@@ -71,16 +70,14 @@ hgroup,
menu,
nav,
section {
display: block;
display: block;
}
img {
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic;
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic;
}
body,
......@@ -121,114 +118,135 @@ hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
border: none;
margin: 0;
padding: 0;
border: none;
}
body {
font-family: '΢ź', Microsoft YaHei, Tahoma, Arial, sans-serif;
color: #555;
background-color: #eee;
font-family: '΢���ź�', Microsoft YaHei, Tahoma, Arial, sans-serif;
color: #555;
background-color: #eee;
}
em,
i {
font-style: normal;
font-style: normal;
}
li{
list-style:none;
li {
list-style: none;
}
strong {
font-weight: normal;
font-weight: normal;
}
.clearfix:after {
content: "";
display: block;
visibility: hidden;
height: 0;
clear: both;
content: "";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
zoom: 1;
}
.fl {
float: left;
float: left;
}
.fr {
float: right;
float: right;
}
a {
text-decoration: none;
color: #969696;
cursor:pointer;
font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
text-decoration: none;
color: #969696;
cursor: pointer;
font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
}
a:hover {
color: #e74850;
text-decoration: none;
color: #e74850;
text-decoration: none;
}
ul,
ol {
list-style: none;
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-family: Microsoft YaHei;
font-size: 100%;
font-family: Microsoft YaHei;
}
img {
border: none;
vertical-align: middle;
border: none;
vertical-align: middle;
}
.wrap {
min-width: 320px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
position: relative;
min-width: 320px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (max-width: 360px) {
html {
font-size: 13px;
}
html {
font-size: 13px;
}
}
@media (min-width: 360px) and (max-width: 400px) {
html {
font-size: 15px;
}
html {
font-size: 15px;
}
}
@media (min-width: 400px) and (max-width: 480px) {
html {
font-size: 15px;
}
html {
font-size: 15px;
}
}
@media screen and (min-width: 481px) {
html {
font-size: 18px;
}
html {
font-size: 18px;
}
}
.bindingbox{
width:92%;
margin:2rem auto;
.bindingbox {
width: 92%;
margin: 2rem auto;
}
.bindingbos{
overflow:hidden;
line-height:3.6rem;
clear:both;
font-size:1.04rem;
border:1px solid #eee;
border-radius:4px;
padding:0 0.6rem;
margin-bottom:1.7rem;
.bindingbos {
overflow: hidden;
line-height: 3.6rem;
clear: both;
font-size: 1.04rem;
border: 1px solid #eee;
border-radius: 4px;
padding: 0 0.6rem;
margin-bottom: 1.7rem;
}
input:focus{
outline:none;
input:focus {
outline: none;
}
/* .bindingbox p{
clear:both;
font-size:0.9rem;
......@@ -237,64 +255,71 @@ input:focus{
margin-bottom:0.3rem;
visibility: hidden;
} */
.bindingbos span{
float:left;
color:#333;
}
.bindingbos input{
float:left;
line-height:2rem;
margin-top:0.8rem;
width:-webkit-calc(100% - 4.5rem);
width:-moz-calc(100% - 4.5rem);
width:calc(100% - 4.5rem);
color:#666;
}
#getcode{
padding: 0 1rem;
line-height: 2.8rem;
position:absolute;
top:0.4rem;
right:0.4rem;
color: #000;
border-radius: 2px;
font-size: 0.9rem;
.bindingbos span {
float: left;
color: #333;
}
.bindingbos input {
float: left;
line-height: 2rem;
margin-top: 0.8rem;
width: -webkit-calc(100% - 4.5rem);
width: -moz-calc(100% - 4.5rem);
width: calc(100% - 4.5rem);
color: #666;
}
#getcode {
padding: 0 1rem;
line-height: 2.8rem;
position: absolute;
top: 0.4rem;
right: 0.4rem;
color: #000;
border-radius: 2px;
font-size: 0.9rem;
pointer-events: auto;
width:7rem;
width: 7rem;
color: #0069FE;
background-color: #fff;
border:1px solid #0069FE;
border: 1px solid #0069FE;
}
.sumbitbtn{
.sumbitbtn {
display: block;
width:100%;
background-color:#006FF8;
color:#fff;
width: 100%;
background-color: #006FF8;
color: #fff;
text-align: center;
line-height:3.2rem;
border-radius:4px;
font-size:1.04rem;
line-height: 3.2rem;
border-radius: 4px;
font-size: 1.04rem;
}
.sumbitbtn:hover,
.sumbitbtn:active{
color:#fff;
}
.bindinged{
line-height:2.8rem;
font-size:1.04rem;
text-align:center;
color:#666;
margin-top:20%;
}
.bindinged h4{
color:#119323;
font-size:1.2rem;
margin-bottom:2rem;
}
.bindinged i{
font-size:1.6rem;
display:inline-block;
vertical-align:bottom;
margin-right:0.4rem;
.sumbitbtn:active {
color: #fff;
}
.bindinged {
line-height: 2.8rem;
font-size: 1.04rem;
text-align: center;
color: #666;
margin-top: 20%;
}
.bindinged h4 {
color: #119323;
font-size: 1.2rem;
margin-bottom: 2rem;
}
.bindinged i {
font-size: 1.6rem;
display: inline-block;
vertical-align: bottom;
margin-right: 0.4rem;
}
\ No newline at end of file

25.4 KB | 宽: | 高:

50.4 KB | 宽: | 高:

WebContent/WEB-INF/res/images/logo.png
WebContent/WEB-INF/res/images/logo.png
WebContent/WEB-INF/res/images/logo.png
WebContent/WEB-INF/res/images/logo.png
  • 两方对比
  • 交换覆盖
  • 透明覆盖
var navs2 = [{
"title": "商品管理",
"icon": "icon-xiangmu",
"icon": "icon-shangpin",
"href": "/zzhnc/goods/goodsList"
},
{
"title": "活动介绍",
"icon": "icon-haibao1",
"icon": "icon-huodong",
"href": "/zzhnc/activity/activityList"
},
{
......@@ -15,16 +15,21 @@ var navs2 = [{
},
{
"title": "奖品管理",
"icon": "icon-xiaoshou1",
"icon": "icon-huodong1",
"href": "/zzhnc/prize/prizeList"
},
{
"title": "商家管理",
"icon": "icon-icon-yxj-empty-store",
"href": "/zzhnc/seller/sellerList"
},
{
"title": "报表",
"icon": "icon-baobiao1",
"icon": "icon-xiaoshou",
"children":[
{
"title": "商品报表",
"icon": "icon-kefu",
"icon": "icon-shangpin",
"href": "/zzhnc/report/goods"
},
{
......@@ -37,8 +42,6 @@ var navs2 = [{
"icon": "icon-jiangpin",
"href": "/zzhnc/report/prize"
}
]
}
......
Markdown 格式
你添加了 0 到此讨论。请谨慎行事。
请先完成此消息的编辑!