Skip to content

zhangtai / zzhnc

转到一个项目
Commit ce5c4ae4 由 沈姿.前端(已离职)
选项

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

1 个父辈 5914b427
全部展开
内嵌 并排
正在显示 21 个修改的文件 包含 1476 行增加 和 769 行删除
WebContent/WEB-INF/jsp/pc/activity/activityEdit.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ 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"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <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/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css"> <link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head> </head>
<style> <style>
.layui-form-select dl{ .layui-form-select dl {
max-height:190px; max-height: 190px;
}
#allmap {
top: 10px;
width: 100%;
height: 400px;
overflow: hidden;
margin: 0;
} }
#allmap {top:10px;width:100%;height: 400px;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style> </style>
<body class="wrap"> <body class="wrap">
...@@ -42,10 +50,10 @@ ...@@ -42,10 +50,10 @@
<input type="text" name="lat" readonly lay-verify="required" placeholder="纬度" class="layui-input" style="background-color:#f5f5f5;color:#666;"> <input type="text" name="lat" readonly lay-verify="required" placeholder="纬度" class="layui-input" style="background-color:#f5f5f5;color:#666;">
</div> --> </div> -->
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="number" name="lng" lay-verify="required" placeholder="经度" class="layui-input" > <input type="number" name="lng" lay-verify="required" placeholder="经度" class="layui-input">
</div> </div>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="number" name="lat" lay-verify="required" placeholder="纬度" class="layui-input" > <input type="number" name="lat" lay-verify="required" placeholder="纬度" class="layui-input">
</div> </div>
</div> </div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script>
...@@ -57,9 +65,6 @@ ...@@ -57,9 +65,6 @@
</div> </div>
</div> </div>
</body> </body>
<script src='/zzhnc/res/js/jquery.min.js'></script> <script src='/zzhnc/res/js/jquery.min.js'></script>
...@@ -68,22 +73,25 @@ ...@@ -68,22 +73,25 @@
<script> <script>
// 百度地图API功能 // 百度地图API功能
var map = new BMap.Map("allmap"); var map = new BMap.Map("allmap");
var map = new BMap.Map("allmap",{minZoom:4,maxZoom:18}); // 创建Map实例,设置地图允许的最小/大级别 var map = new BMap.Map("allmap", {
minZoom: 4,
maxZoom: 18
}); // 创建Map实例,设置地图允许的最小/大级别
map.enableScrollWheelZoom(true); map.enableScrollWheelZoom(true);
//单击获取点击的经纬度 //单击获取点击的经纬度
map.addEventListener("click",function(e){ map.addEventListener("click", function(e) {
$("input[name=lng]").val(e.point.lng); $("input[name=lng]").val(e.point.lng);
$("input[name=lat]").val(e.point.lat); $("input[name=lat]").val(e.point.lat);
var allOverlay = map.getOverlays(); var allOverlay = map.getOverlays();
if(allOverlay.length>0){ if(allOverlay.length > 0) {
function deletePoint(){ function deletePoint() {
for (var i = 0; i < allOverlay.length ; i++){ for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]); map.removeOverlay(allOverlay[i]);
} }
} }
deletePoint() deletePoint()
var point = new BMap.Point(e.point.lng,e.point.lat); var point = new BMap.Point(e.point.lng, e.point.lat);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
...@@ -96,18 +104,18 @@ ...@@ -96,18 +104,18 @@
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
$("input[name=lng],input[name=lat]").blur(function(){ $("input[name=lng],input[name=lat]").blur(function() {
var plng=$("input[name=lng]").val(); var plng = $("input[name=lng]").val();
var plat=$("input[name=lat]").val(); var plat = $("input[name=lat]").val();
var allOverlay = map.getOverlays(); var allOverlay = map.getOverlays();
if(allOverlay.length>0){ if(allOverlay.length > 0) {
function deletePoint(){ function deletePoint() {
for (var i = 0; i < allOverlay.length ; i++){ for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]); map.removeOverlay(allOverlay[i]);
} }
} }
deletePoint() deletePoint()
var point = new BMap.Point(plng,plat); var point = new BMap.Point(plng, plat);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
...@@ -116,22 +124,22 @@ ...@@ -116,22 +124,22 @@
}); });
//下拉海报 //下拉海报
$.post("/zzhnc/poster/getAllPostertemplet",function(data){ $.post("/zzhnc/poster/getAllPostertemplet", function(data) {
console.log(data); console.log(data);
var str=""; var str = "";
for(var i=0;i<data.data.length;i++){ for(var i = 0; i < data.data.length; i++) {
str+='<option value='+ data.data[i].id +'>'+ data.data[i].name +'</option>'; str += '<option value=' + data.data[i].id + '>' + data.data[i].name + '</option>';
} }
$("select[name=postertempletid]").append(str); $("select[name=postertempletid]").append(str);
form.render(); form.render();
}) })
$(".resetBtn").on("click",function(){ $(".resetBtn").on("click", function() {
$("input[name=name]").val(""); $("input[name=name]").val("");
$("select[name=postertempletid]").val("0"); $("select[name=postertempletid]").val("0");
var allOverlay = map.getOverlays(); var allOverlay = map.getOverlays();
if(allOverlay.length>0){ if(allOverlay.length > 0) {
function deletePoint(){ function deletePoint() {
for (var i = 0; i < allOverlay.length ; i++){ for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]); map.removeOverlay(allOverlay[i]);
} }
} }
...@@ -139,26 +147,26 @@ ...@@ -139,26 +147,26 @@
} }
$("input[name=lng]").val(113.754653); $("input[name=lng]").val(113.754653);
$("input[name=lat]").val(23.025333); $("input[name=lat]").val(23.025333);
map.centerAndZoom(new BMap.Point(113.754653,23.025333),13); map.centerAndZoom(new BMap.Point(113.754653, 23.025333), 13);
var point = new BMap.Point(113.754653,23.025333); var point = new BMap.Point(113.754653, 23.025333);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
form.render(); form.render();
}) })
var id=getUrl_G("id"); var id = getUrl_G("id");
if(id>0){ if(id > 0) {
$.post("/zzhnc/project/getProject",{ $.post("/zzhnc/project/getProject", {
id:id id: id
},function(data){ }, function(data) {
console.log(data); console.log(data);
if(data.code==0){ if(data.code == 0) {
$("input[name=name]").val(data.data.name); $("input[name=name]").val(data.data.name);
$("select[name=postertempletid]").val(data.data.postertempletid); $("select[name=postertempletid]").val(data.data.postertempletid);
$("input[name=lng]").val(data.data.lng); $("input[name=lng]").val(data.data.lng);
$("input[name=lat]").val(data.data.lat); $("input[name=lat]").val(data.data.lat);
map.centerAndZoom(new BMap.Point(data.data.lng,data.data.lat),13); map.centerAndZoom(new BMap.Point(data.data.lng, data.data.lat), 13);
var point = new BMap.Point(data.data.lng,data.data.lat); var point = new BMap.Point(data.data.lng, data.data.lat);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
...@@ -166,68 +174,66 @@ ...@@ -166,68 +174,66 @@
} }
}) })
}else{ } else {
$("input[name=lng]").val(113.754653); $("input[name=lng]").val(113.754653);
$("input[name=lat]").val(23.025333); $("input[name=lat]").val(23.025333);
map.centerAndZoom(new BMap.Point(113.754653,23.025333),13); map.centerAndZoom(new BMap.Point(113.754653, 23.025333), 13);
var point = new BMap.Point(113.754653,23.025333); var point = new BMap.Point(113.754653, 23.025333);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
} }
form.on('submit(submit)', function(data) {
form.on('submit(submit)', function(data){ var name = $("input[name=name]").val();
var name=$("input[name=name]").val(); var templetid = $("select[name=postertempletid]").val();
var templetid=$("select[name=postertempletid]").val(); var lng = $("input[name=lng]").val();
var lng=$("input[name=lng]").val(); var lat = $("input[name=lat]").val();
var lat=$("input[name=lat]").val(); if(name == "") {
if(name==""){
top.layer.msg("请填写项目名称"); top.layer.msg("请填写项目名称");
return false; return false;
}else{ } else {
if(strlen(name) > 40) { if(strlen(name) > 40) {
top.layer.msg("项目名称不超过20个汉字"); top.layer.msg("项目名称不超过20个汉字");
return false; return false;
} }
} }
if(templetid==""||templetid=="0"){ if(templetid == "" || templetid == "0") {
top.layer.msg("请选择海报"); top.layer.msg("请选择海报");
return false; return false;
} }
if(id>0){ if(id > 0) {
//修改项目 //修改项目
$.post("/zzhnc/project/updateProject",{ $.post("/zzhnc/project/updateProject", {
id:id, id: id,
name:name, name: name,
templetid:templetid, templetid: templetid,
lng:lng, lng: lng,
lat:lat lat: lat
},function(data){ }, function(data) {
console.log(data); console.log(data);
if(data.code==0){ if(data.code == 0) {
top.layer.msg("修改成功"); top.layer.msg("修改成功");
} else{ } else {
top.layer.msg(data.msg); top.layer.msg(data.msg);
} }
}) })
}else{ } else {
//添加项目 //添加项目
$.post("/zzhnc/project/addProject",{ $.post("/zzhnc/project/addProject", {
name:name, name: name,
templetid:templetid, templetid: templetid,
lng:lng, lng: lng,
lat:lat lat: lat
},function(data){ }, function(data) {
console.log(data); console.log(data);
if(data.code==0){ if(data.code == 0) {
top.layer.msg("添加成功"); top.layer.msg("添加成功");
form.render(); form.render();
}else{ } else {
top.layer.msg(data.msg); top.layer.msg(data.msg);
} }
}) })
...@@ -236,7 +242,6 @@ ...@@ -236,7 +242,6 @@
}); });
}) })
</script> </script>
......
WebContent/WEB-INF/jsp/pc/activity/activityList.jsp
...@@ -6,33 +6,27 @@ ...@@ -6,33 +6,27 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <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/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css"> <link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head> </head>
<style> <style>
.layui-form-select dl{ .layui-form-select dl {
max-height:190px; 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> </style>
<body class="wrap"> <body class="wrap">
<div class="layui-form"> <div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;"> <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;"> <div class="layui-input-inline" style="width: 140px;">
<input type="text" class="layui-input" name="keyword" placeholder="关键字" /> <input type="text" class="layui-input" name="keyword" placeholder="关键字" />
</div> </div>
...@@ -54,27 +48,15 @@ ...@@ -54,27 +48,15 @@
<th style="min-width: 80px;">操作</th> <th style="min-width: 80px;">操作</th>
</tr> </tr>
</thead> </thead>
<tbody id="tablelist"> <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> </tbody>
</table> </table>
<div class="nulldata">暂无数据</div> <div class="nulldata">暂无数据</div>
<div id="page"></div> <div id="page"></div>
</body> </body>
<form class="layui-form Detailbtn" > <form class="layui-form Detailbtn">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">项目名称</label> <label class="layui-form-label">项目名称</label>
<div class="layui-input-inline" style="width:390px;"> <div class="layui-input-inline" style="width:390px;">
...@@ -112,9 +94,9 @@ ...@@ -112,9 +94,9 @@
<script> <script>
// 百度地图API功能 // 百度地图API功能
var map = new BMap.Map("allmap"); var map = new BMap.Map("allmap");
map.centerAndZoom("重庆",12); map.centerAndZoom("重庆", 12);
//单击获取点击的经纬度 //单击获取点击的经纬度
map.addEventListener("click",function(e){ map.addEventListener("click", function(e) {
alert(e.point.lng + "," + e.point.lat); alert(e.point.lng + "," + e.point.lat);
}); });
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() { layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
...@@ -123,23 +105,27 @@ ...@@ -123,23 +105,27 @@
laydate = layui.laydate, laydate = layui.laydate,
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
var page=1; var page = 1;
var keyword=""; var keyword = "";
//查询 //查询
form.on('submit(querybtn)', function(data){ form.on('submit(querybtn)', function(data) {
var keyword=$("input[name=keyword]").val(); var keyword = $("input[name=keyword]").val();
Initdata(page,keyword) Initdata(page, keyword)
}); });
$(".resetBtn").on("click",function(){ $(".resetBtn").on("click", function() {
$("input[name=keyword]").val(""); $("input[name=keyword]").val("");
Initdata(page,keyword) Initdata(page, keyword)
}) })
//初始化数据 //初始化数据
Initdata(page,keyword); Initdata(page, keyword);
function Initdata(page,keyword){
$.post("/zzhnc/project/getProjectList",{page:page,keyword:keyword},function(data){ function Initdata(page, keyword) {
data=data.data;
$.post("/zzhnc/project/getProjectList", {
page: page,
keyword: keyword
}, function(data) {
data = data.data;
console.log(data) console.log(data)
laypage({ laypage({
cont: 'page', cont: 'page',
...@@ -149,42 +135,41 @@ ...@@ -149,42 +135,41 @@
jump: function(obj, first) { jump: function(obj, first) {
if(!first) { if(!first) {
page = obj.curr page = obj.curr
Initdata(page,keyword); Initdata(page, keyword);
} }
} }
}); });
var str=""; var str = "";
if(data.rows.length<1){ if(data.rows.length < 1) {
$(".nulldata").show(); $(".nulldata").show();
}else{ } else {
$(".nulldata").hide(); $(".nulldata").hide();
for(var i=0;i<data.rows.length;i++){ for(var i = 0; i < data.rows.length; i++) {
str+='<tr data-id='+ data.rows[i].id +'>' str += '<tr data-id=' + data.rows[i].id + '>' +
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>' '<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
+'<td style="text-align:left;">'+ data.rows[i].name+'</td>' '<td style="text-align:left;">' + data.rows[i].name + '</td>' +
+'<td>'+ data.rows[i].lng+'</td>' '<td>' + data.rows[i].lng + '</td>' +
+'<td>'+ data.rows[i].lat+'</td>' '<td>' + data.rows[i].lat + '</td>' +
+'<td>'+ data.rows[i].postertempletid+'</td>' '<td>' + data.rows[i].postertempletid + '</td>' +
+'<td>'+ toTime_G(data.rows[i].updatedtime) +'</td>' '<td>' + toTime_G(data.rows[i].updatedtime) + '</td>' +
+'<td>' '<td>' +
+'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' '<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' +
+'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' '<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' +
+'</td>' '</td>' +
+'</tr>'; '</tr>';
} }
} }
$("#tablelist").html(str); $("#tablelist").html(str);
toNull_G(); toNull_G();
}) })
} }
//添加项目 //添加项目
$(document).on("click",".createBtn",function(){ $(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加项目")>0){ if(parent.tab.exists("添加项目") > 0) {
var tabid=parent.tab.getTabId("添加项目"); var tabid = parent.tab.getTabId("添加项目");
parent.tab.deleteTab(tabid); parent.tab.deleteTab(tabid);
} }
parent.tab.tabAdd({ parent.tab.tabAdd({
...@@ -194,31 +179,33 @@ ...@@ -194,31 +179,33 @@
}); });
}) })
//修改项目 //修改项目
$(document).on("click",".updataBtn",function(){ $(document).on("click", ".updataBtn", function() {
var id=$(this).parents("tr").attr("data-id"); var id = $(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改项目")>0){ if(parent.tab.exists("修改项目") > 0) {
var tabid=parent.tab.getTabId("修改项目"); var tabid = parent.tab.getTabId("修改项目");
parent.tab.deleteTab(tabid); parent.tab.deleteTab(tabid);
} }
parent.tab.tabAdd({ parent.tab.tabAdd({
href: "/zzhnc/project/projectEdit?id="+ id , href: "/zzhnc/project/projectEdit?id=" + id,
icon: "fa-cubes", icon: "fa-cubes",
title: "修改项目" title: "修改项目"
}); });
}) })
//删除项目 //删除项目
$(document).on("click", ".deleteBtn", function() { $(document).on("click", ".deleteBtn", function() {
var id=$(this).parents("tr").attr("data-id"); var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该项目吗？', { layer.confirm('您确定要删除该项目吗？', {
btn: ['确定', '取消'] //按钮 btn: ['确定', '取消'] //按钮
}, function(index, layero) { }, function(index, layero) {
$.post( "/zzhnc/project/deleteProject",{id:id}, function(data) { $.post("/zzhnc/project/deleteProject", {
id: id
}, function(data) {
console.log(data) console.log(data)
if(data.code == 0) { if(data.code == 0) {
top.layer.msg("删除成功"); top.layer.msg("删除成功");
Initdata(1,keyword) Initdata(1, keyword)
layer.close(index); layer.close(index);
}else{ } else {
top.layer.msg(data.msg); top.layer.msg(data.msg);
} }
}) })
...@@ -228,7 +215,6 @@ ...@@ -228,7 +215,6 @@
}); });
}); });
}) })
</script> </script>
......
WebContent/WEB-INF/jsp/pc/goods/goodsList.jsp
...@@ -6,16 +6,24 @@ ...@@ -6,16 +6,24 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <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/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css"> <link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head> </head>
<style> <style>
.layui-form-select dl{ .layui-form-select dl {
max-height:190px; 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> </style>
<body class="wrap"> <body class="wrap">
<div class="layui-form"> <div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;"> <div class="layui-form-item searchbox" style="margin-bottom: 0px;">
...@@ -58,38 +66,37 @@ ...@@ -58,38 +66,37 @@
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
var queryObj={ var queryObj = {
page : 1, page: 1,
pagesize:10, pagesize: 10,
keyword:'' keyword: ''
}; };
initdata(queryObj); initdata(queryObj);
//查询 //查询
form.on('submit(querybtn)', function(data){ form.on('submit(querybtn)', function(data) {
queryObj.keyword=$("[name=keyword]").val(); queryObj.keyword = $("[name=keyword]").val();
queryObj.page=1; queryObj.page = 1;
initdata(queryObj) initdata(queryObj)
}); });
$(".resetBtn").on("click",function(){ $(".resetBtn").on("click", function() {
$("[name=keyword]").val("") $("[name=keyword]").val("")
queryObj={ queryObj = {
page : 1, page: 1,
pagesize:10, pagesize: 10,
keyword : "" keyword: ""
}; };
initdata(queryObj) initdata(queryObj)
return false return false
}) })
//初始化数据 //初始化数据
initdata(queryObj); initdata(queryObj);
function initdata(queryObj){
$.post("/zzhnc/article/getArticlesList",queryObj,function(data){ function initdata(queryObj) {
data=data.data;
$.post("/zzhnc/article/getArticlesList", queryObj, function(data) {
data = data.data;
console.log(data) console.log(data)
laypage({ laypage({
cont: 'page', cont: 'page',
...@@ -104,35 +111,34 @@ ...@@ -104,35 +111,34 @@
} }
}); });
var str=""; var str = "";
if(data.rows.length<1){ if(data.rows.length < 1) {
$(".nulldata").show(); $(".nulldata").show();
}else{ } else {
$(".nulldata").hide(); $(".nulldata").hide();
for(var i=0;i<data.rows.length;i++){ for(var i = 0; i < data.rows.length; i++) {
str+='<tr data-id='+ data.rows[i].id +'>' str += '<tr data-id=' + data.rows[i].id + '>' +
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>' '<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
+'<td style="text-align:left;">'+ data.rows[i].title+'</td>' '<td style="text-align:left;">' + data.rows[i].title + '</td>' +
+'<td>'+ data.rows[i].imgurl+'</td>' '<td>' + data.rows[i].imgurl + '</td>' +
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>' '<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
+'<td>' '<td>' +
+'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' '<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' +
+'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' '<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' +
+'</td>' '</td>' +
+'</tr>'; '</tr>';
} }
} }
$("#tablelist").html(str); $("#tablelist").html(str);
toNull_G(); toNull_G();
}) })
} }
//添加文章 //添加文章
$(document).on("click",".createBtn",function(){ $(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加文章")>0){ if(parent.tab.exists("添加文章") > 0) {
var tabid=parent.tab.getTabId("添加文章"); var tabid = parent.tab.getTabId("添加文章");
parent.tab.deleteTab(tabid); parent.tab.deleteTab(tabid);
} }
parent.tab.tabAdd({ parent.tab.tabAdd({
...@@ -142,31 +148,33 @@ ...@@ -142,31 +148,33 @@
}); });
}) })
//修改文章 //修改文章
$(document).on("click",".updataBtn",function(){ $(document).on("click", ".updataBtn", function() {
var id=$(this).parents("tr").attr("data-id"); var id = $(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改文章")>0){ if(parent.tab.exists("修改文章") > 0) {
var tabid=parent.tab.getTabId("修改文章"); var tabid = parent.tab.getTabId("修改文章");
parent.tab.deleteTab(tabid); parent.tab.deleteTab(tabid);
} }
parent.tab.tabAdd({ parent.tab.tabAdd({
href: "/zzhnc/article/articleEdit?id="+ id , href: "/zzhnc/article/articleEdit?id=" + id,
icon: "fa-cubes", icon: "fa-cubes",
title: "修改文章" title: "修改文章"
}); });
}) })
//删除文章 //删除文章
$(document).on("click", ".deleteBtn", function() { $(document).on("click", ".deleteBtn", function() {
var id=$(this).parents("tr").attr("data-id"); var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该文章吗？', { layer.confirm('您确定要删除该文章吗？', {
btn: ['确定', '取消'] //按钮 btn: ['确定', '取消'] //按钮
}, function(index, layero) { }, function(index, layero) {
$.post( "/zzhnc/article/deleteArticle",{id:id}, function(data) { $.post("/zzhnc/article/deleteArticle", {
id: id
}, function(data) {
console.log(data) console.log(data)
if(data.code == 0) { if(data.code == 0) {
top.layer.msg("删除成功"); top.layer.msg("删除成功");
initdata(queryObj); initdata(queryObj);
layer.close(index); layer.close(index);
}else{ } else {
top.layer.msg(data.msg); top.layer.msg(data.msg);
} }
}) })
...@@ -176,7 +184,6 @@ ...@@ -176,7 +184,6 @@
}); });
}); });
}) })
</script> </script>
......
WebContent/WEB-INF/jsp/pc/index.jsp
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css"> <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/css/Layuiglobal.css">
<link rel="stylesheet" href="/zzhnc/res/plugins/font-awesome/css/font-awesome.min.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" href="http://at.alicdn.com/t/font_450595_tgwp56b3fjuzyqfr.css">
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_450595_edbottoi4nu0izfr.css">
<script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script> <script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script>
<style> <style>
.container { .container {
...@@ -135,12 +134,7 @@ ...@@ -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-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"> <div class="layui-tab admin-nav-card layui-tab-brief" lay-filter="admin-tab">
<ul class="layui-tab-title"> <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 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>-->
</ul> </ul>
<div class="layui-tab-content" style="min-height: 150px; padding: 0; height: auto;"> <div class="layui-tab-content" style="min-height: 150px; padding: 0; height: auto;">
<div class="layui-tab-item layui-show"> <div class="layui-tab-item layui-show">
......
WebContent/WEB-INF/jsp/pc/prize/prizeEdit.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ 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"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <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/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css"> <link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head> </head>
<style> <style>
.layui-form-select dl{ .layui-form-select dl {
max-height:190px; max-height: 190px;
}
#allmap {
top: 10px;
width: 100%;
height: 400px;
overflow: hidden;
margin: 0;
} }
#allmap {top:10px;width:100%;height: 400px;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style> </style>
<body class="wrap"> <body class="wrap">
...@@ -42,10 +50,10 @@ ...@@ -42,10 +50,10 @@
<input type="text" name="lat" readonly lay-verify="required" placeholder="纬度" class="layui-input" style="background-color:#f5f5f5;color:#666;"> <input type="text" name="lat" readonly lay-verify="required" placeholder="纬度" class="layui-input" style="background-color:#f5f5f5;color:#666;">
</div> --> </div> -->
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="number" name="lng" lay-verify="required" placeholder="经度" class="layui-input" > <input type="number" name="lng" lay-verify="required" placeholder="经度" class="layui-input">
</div> </div>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="number" name="lat" lay-verify="required" placeholder="纬度" class="layui-input" > <input type="number" name="lat" lay-verify="required" placeholder="纬度" class="layui-input">
</div> </div>
</div> </div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V45f8fZO8HiU1gLflQdrpv81D4gXKGRH"></script>
...@@ -57,9 +65,6 @@ ...@@ -57,9 +65,6 @@
</div> </div>
</div> </div>
</body> </body>
<script src='/zzhnc/res/js/jquery.min.js'></script> <script src='/zzhnc/res/js/jquery.min.js'></script>
...@@ -68,22 +73,25 @@ ...@@ -68,22 +73,25 @@
<script> <script>
// 百度地图API功能 // 百度地图API功能
var map = new BMap.Map("allmap"); var map = new BMap.Map("allmap");
var map = new BMap.Map("allmap",{minZoom:4,maxZoom:18}); // 创建Map实例,设置地图允许的最小/大级别 var map = new BMap.Map("allmap", {
minZoom: 4,
maxZoom: 18
}); // 创建Map实例,设置地图允许的最小/大级别
map.enableScrollWheelZoom(true); map.enableScrollWheelZoom(true);
//单击获取点击的经纬度 //单击获取点击的经纬度
map.addEventListener("click",function(e){ map.addEventListener("click", function(e) {
$("input[name=lng]").val(e.point.lng); $("input[name=lng]").val(e.point.lng);
$("input[name=lat]").val(e.point.lat); $("input[name=lat]").val(e.point.lat);
var allOverlay = map.getOverlays(); var allOverlay = map.getOverlays();
if(allOverlay.length>0){ if(allOverlay.length > 0) {
function deletePoint(){ function deletePoint() {
for (var i = 0; i < allOverlay.length ; i++){ for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]); map.removeOverlay(allOverlay[i]);
} }
} }
deletePoint() deletePoint()
var point = new BMap.Point(e.point.lng,e.point.lat); var point = new BMap.Point(e.point.lng, e.point.lat);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
...@@ -96,18 +104,18 @@ ...@@ -96,18 +104,18 @@
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
$("input[name=lng],input[name=lat]").blur(function(){ $("input[name=lng],input[name=lat]").blur(function() {
var plng=$("input[name=lng]").val(); var plng = $("input[name=lng]").val();
var plat=$("input[name=lat]").val(); var plat = $("input[name=lat]").val();
var allOverlay = map.getOverlays(); var allOverlay = map.getOverlays();
if(allOverlay.length>0){ if(allOverlay.length > 0) {
function deletePoint(){ function deletePoint() {
for (var i = 0; i < allOverlay.length ; i++){ for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]); map.removeOverlay(allOverlay[i]);
} }
} }
deletePoint() deletePoint()
var point = new BMap.Point(plng,plat); var point = new BMap.Point(plng, plat);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
...@@ -116,22 +124,22 @@ ...@@ -116,22 +124,22 @@
}); });
//下拉海报 //下拉海报
$.post("/zzhnc/poster/getAllPostertemplet",function(data){ $.post("/zzhnc/poster/getAllPostertemplet", function(data) {
console.log(data); console.log(data);
var str=""; var str = "";
for(var i=0;i<data.data.length;i++){ for(var i = 0; i < data.data.length; i++) {
str+='<option value='+ data.data[i].id +'>'+ data.data[i].name +'</option>'; str += '<option value=' + data.data[i].id + '>' + data.data[i].name + '</option>';
} }
$("select[name=postertempletid]").append(str); $("select[name=postertempletid]").append(str);
form.render(); form.render();
}) })
$(".resetBtn").on("click",function(){ $(".resetBtn").on("click", function() {
$("input[name=name]").val(""); $("input[name=name]").val("");
$("select[name=postertempletid]").val("0"); $("select[name=postertempletid]").val("0");
var allOverlay = map.getOverlays(); var allOverlay = map.getOverlays();
if(allOverlay.length>0){ if(allOverlay.length > 0) {
function deletePoint(){ function deletePoint() {
for (var i = 0; i < allOverlay.length ; i++){ for(var i = 0; i < allOverlay.length; i++) {
map.removeOverlay(allOverlay[i]); map.removeOverlay(allOverlay[i]);
} }
} }
...@@ -139,26 +147,26 @@ ...@@ -139,26 +147,26 @@
} }
$("input[name=lng]").val(113.754653); $("input[name=lng]").val(113.754653);
$("input[name=lat]").val(23.025333); $("input[name=lat]").val(23.025333);
map.centerAndZoom(new BMap.Point(113.754653,23.025333),13); map.centerAndZoom(new BMap.Point(113.754653, 23.025333), 13);
var point = new BMap.Point(113.754653,23.025333); var point = new BMap.Point(113.754653, 23.025333);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
form.render(); form.render();
}) })
var id=getUrl_G("id"); var id = getUrl_G("id");
if(id>0){ if(id > 0) {
$.post("/zzhnc/project/getProject",{ $.post("/zzhnc/project/getProject", {
id:id id: id
},function(data){ }, function(data) {
console.log(data); console.log(data);
if(data.code==0){ if(data.code == 0) {
$("input[name=name]").val(data.data.name); $("input[name=name]").val(data.data.name);
$("select[name=postertempletid]").val(data.data.postertempletid); $("select[name=postertempletid]").val(data.data.postertempletid);
$("input[name=lng]").val(data.data.lng); $("input[name=lng]").val(data.data.lng);
$("input[name=lat]").val(data.data.lat); $("input[name=lat]").val(data.data.lat);
map.centerAndZoom(new BMap.Point(data.data.lng,data.data.lat),13); map.centerAndZoom(new BMap.Point(data.data.lng, data.data.lat), 13);
var point = new BMap.Point(data.data.lng,data.data.lat); var point = new BMap.Point(data.data.lng, data.data.lat);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
...@@ -166,68 +174,66 @@ ...@@ -166,68 +174,66 @@
} }
}) })
}else{ } else {
$("input[name=lng]").val(113.754653); $("input[name=lng]").val(113.754653);
$("input[name=lat]").val(23.025333); $("input[name=lat]").val(23.025333);
map.centerAndZoom(new BMap.Point(113.754653,23.025333),13); map.centerAndZoom(new BMap.Point(113.754653, 23.025333), 13);
var point = new BMap.Point(113.754653,23.025333); var point = new BMap.Point(113.754653, 23.025333);
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中 map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
} }
form.on('submit(submit)', function(data) {
form.on('submit(submit)', function(data){ var name = $("input[name=name]").val();
var name=$("input[name=name]").val(); var templetid = $("select[name=postertempletid]").val();
var templetid=$("select[name=postertempletid]").val(); var lng = $("input[name=lng]").val();
var lng=$("input[name=lng]").val(); var lat = $("input[name=lat]").val();
var lat=$("input[name=lat]").val(); if(name == "") {
if(name==""){
top.layer.msg("请填写项目名称"); top.layer.msg("请填写项目名称");
return false; return false;
}else{ } else {
if(strlen(name) > 40) { if(strlen(name) > 40) {
top.layer.msg("项目名称不超过20个汉字"); top.layer.msg("项目名称不超过20个汉字");
return false; return false;
} }
} }
if(templetid==""||templetid=="0"){ if(templetid == "" || templetid == "0") {
top.layer.msg("请选择海报"); top.layer.msg("请选择海报");
return false; return false;
} }
if(id>0){ if(id > 0) {
//修改项目 //修改项目
$.post("/zzhnc/project/updateProject",{ $.post("/zzhnc/project/updateProject", {
id:id, id: id,
name:name, name: name,
templetid:templetid, templetid: templetid,
lng:lng, lng: lng,
lat:lat lat: lat
},function(data){ }, function(data) {
console.log(data); console.log(data);
if(data.code==0){ if(data.code == 0) {
top.layer.msg("修改成功"); top.layer.msg("修改成功");
} else{ } else {
top.layer.msg(data.msg); top.layer.msg(data.msg);
} }
}) })
}else{ } else {
//添加项目 //添加项目
$.post("/zzhnc/project/addProject",{ $.post("/zzhnc/project/addProject", {
name:name, name: name,
templetid:templetid, templetid: templetid,
lng:lng, lng: lng,
lat:lat lat: lat
},function(data){ }, function(data) {
console.log(data); console.log(data);
if(data.code==0){ if(data.code == 0) {
top.layer.msg("添加成功"); top.layer.msg("添加成功");
form.render(); form.render();
}else{ } else {
top.layer.msg(data.msg); top.layer.msg(data.msg);
} }
}) })
...@@ -236,7 +242,6 @@ ...@@ -236,7 +242,6 @@
}); });
}) })
</script> </script>
......
WebContent/WEB-INF/jsp/pc/prize/prizeList.jsp
...@@ -6,16 +6,24 @@ ...@@ -6,16 +6,24 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <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/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css"> <link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head> </head>
<style> <style>
.layui-form-select dl{ .layui-form-select dl {
max-height:190px; 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> </style>
<body class="wrap"> <body class="wrap">
<div class="layui-form"> <div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;"> <div class="layui-form-item searchbox" style="margin-bottom: 0px;">
...@@ -74,7 +82,7 @@ ...@@ -74,7 +82,7 @@
<div id="page"></div> <div id="page"></div>
</body> </body>
<form class="layui-form Detailbtn" > <form class="layui-form Detailbtn">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">项目名称</label> <label class="layui-form-label">项目名称</label>
<div class="layui-input-inline" style="width:390px;"> <div class="layui-input-inline" style="width:390px;">
...@@ -112,9 +120,9 @@ ...@@ -112,9 +120,9 @@
<script> <script>
// 百度地图API功能 // 百度地图API功能
var map = new BMap.Map("allmap"); var map = new BMap.Map("allmap");
map.centerAndZoom("重庆",12); map.centerAndZoom("重庆", 12);
//单击获取点击的经纬度 //单击获取点击的经纬度
map.addEventListener("click",function(e){ map.addEventListener("click", function(e) {
alert(e.point.lng + "," + e.point.lat); alert(e.point.lng + "," + e.point.lat);
}); });
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() { layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
...@@ -123,23 +131,27 @@ ...@@ -123,23 +131,27 @@
laydate = layui.laydate, laydate = layui.laydate,
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
var page=1; var page = 1;
var keyword=""; var keyword = "";
//查询 //查询
form.on('submit(querybtn)', function(data){ form.on('submit(querybtn)', function(data) {
var keyword=$("input[name=keyword]").val(); var keyword = $("input[name=keyword]").val();
Initdata(page,keyword) Initdata(page, keyword)
}); });
$(".resetBtn").on("click",function(){ $(".resetBtn").on("click", function() {
$("input[name=keyword]").val(""); $("input[name=keyword]").val("");
Initdata(page,keyword) Initdata(page, keyword)
}) })
//初始化数据 //初始化数据
Initdata(page,keyword); Initdata(page, keyword);
function Initdata(page,keyword){
$.post("/zzhnc/project/getProjectList",{page:page,keyword:keyword},function(data){ function Initdata(page, keyword) {
data=data.data;
$.post("/zzhnc/project/getProjectList", {
page: page,
keyword: keyword
}, function(data) {
data = data.data;
console.log(data) console.log(data)
laypage({ laypage({
cont: 'page', cont: 'page',
...@@ -149,42 +161,41 @@ ...@@ -149,42 +161,41 @@
jump: function(obj, first) { jump: function(obj, first) {
if(!first) { if(!first) {
page = obj.curr page = obj.curr
Initdata(page,keyword); Initdata(page, keyword);
} }
} }
}); });
var str=""; var str = "";
if(data.rows.length<1){ if(data.rows.length < 1) {
$(".nulldata").show(); $(".nulldata").show();
}else{ } else {
$(".nulldata").hide(); $(".nulldata").hide();
for(var i=0;i<data.rows.length;i++){ for(var i = 0; i < data.rows.length; i++) {
str+='<tr data-id='+ data.rows[i].id +'>' str += '<tr data-id=' + data.rows[i].id + '>' +
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>' '<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
+'<td style="text-align:left;">'+ data.rows[i].name+'</td>' '<td style="text-align:left;">' + data.rows[i].name + '</td>' +
+'<td>'+ data.rows[i].lng+'</td>' '<td>' + data.rows[i].lng + '</td>' +
+'<td>'+ data.rows[i].lat+'</td>' '<td>' + data.rows[i].lat + '</td>' +
+'<td>'+ data.rows[i].postertempletid+'</td>' '<td>' + data.rows[i].postertempletid + '</td>' +
+'<td>'+ toTime_G(data.rows[i].updatedtime) +'</td>' '<td>' + toTime_G(data.rows[i].updatedtime) + '</td>' +
+'<td>' '<td>' +
+'<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' '<a href="#" class="layui-btn layui-btn-mini updataBtn">修改</a>' +
+'<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' '<a href="#" class="layui-btn layui-btn-mini deleteBtn">删除</a>' +
+'</td>' '</td>' +
+'</tr>'; '</tr>';
} }
} }
$("#tablelist").html(str); $("#tablelist").html(str);
toNull_G(); toNull_G();
}) })
} }
//添加项目 //添加项目
$(document).on("click",".createBtn",function(){ $(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加项目")>0){ if(parent.tab.exists("添加项目") > 0) {
var tabid=parent.tab.getTabId("添加项目"); var tabid = parent.tab.getTabId("添加项目");
parent.tab.deleteTab(tabid); parent.tab.deleteTab(tabid);
} }
parent.tab.tabAdd({ parent.tab.tabAdd({
...@@ -194,31 +205,33 @@ ...@@ -194,31 +205,33 @@
}); });
}) })
//修改项目 //修改项目
$(document).on("click",".updataBtn",function(){ $(document).on("click", ".updataBtn", function() {
var id=$(this).parents("tr").attr("data-id"); var id = $(this).parents("tr").attr("data-id");
if(parent.tab.exists("修改项目")>0){ if(parent.tab.exists("修改项目") > 0) {
var tabid=parent.tab.getTabId("修改项目"); var tabid = parent.tab.getTabId("修改项目");
parent.tab.deleteTab(tabid); parent.tab.deleteTab(tabid);
} }
parent.tab.tabAdd({ parent.tab.tabAdd({
href: "/zzhnc/project/projectEdit?id="+ id , href: "/zzhnc/project/projectEdit?id=" + id,
icon: "fa-cubes", icon: "fa-cubes",
title: "修改项目" title: "修改项目"
}); });
}) })
//删除项目 //删除项目
$(document).on("click", ".deleteBtn", function() { $(document).on("click", ".deleteBtn", function() {
var id=$(this).parents("tr").attr("data-id"); var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该项目吗？', { layer.confirm('您确定要删除该项目吗？', {
btn: ['确定', '取消'] //按钮 btn: ['确定', '取消'] //按钮
}, function(index, layero) { }, function(index, layero) {
$.post( "/zzhnc/project/deleteProject",{id:id}, function(data) { $.post("/zzhnc/project/deleteProject", {
id: id
}, function(data) {
console.log(data) console.log(data)
if(data.code == 0) { if(data.code == 0) {
top.layer.msg("删除成功"); top.layer.msg("删除成功");
Initdata(1,keyword) Initdata(1, keyword)
layer.close(index); layer.close(index);
}else{ } else {
top.layer.msg(data.msg); top.layer.msg(data.msg);
} }
}) })
...@@ -228,7 +241,6 @@ ...@@ -228,7 +241,6 @@
}); });
}); });
}) })
</script> </script>
......
WebContent/WEB-INF/jsp/pc/report/fans.jsp
...@@ -53,15 +53,19 @@ ...@@ -53,15 +53,19 @@
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
var page = 1,keyword = "" var page = 1,
keyword = ""
//初始化数据 //初始化数据
initData(page, keyword) initData(page, keyword)
function initData(page, keyword){ function initData(page, keyword) {
$.post("/zzhnc/report/getFansList",{page:page,keyword:keyword},function(data){ $.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data) console.log(data)
data=data.data; data = data.data;
laypage({ laypage({
cont: 'page', cont: 'page',
...@@ -78,70 +82,68 @@ ...@@ -78,70 +82,68 @@
$("#fanslist").html("") $("#fanslist").html("")
if(data.rows.length>0){ if(data.rows.length > 0) {
$(".nulldata").hide(); $(".nulldata").hide();
var str=""; var str = "";
for(var i=0;i<data.rows.length;i++){ for(var i = 0; i < data.rows.length; i++) {
var nick=""; var nick = "";
if((data.rows[i].nickname==null||data.rows[i].nickname=="")&&(data.rows[i].logo==null||data.rows[i].logo=="")){ 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>'; nick = '<div style="text-align:left;">未授权（id：' + data.rows[i].id + '）</div>';
}else{ } else {
if(data.rows[i].logo==null||data.rows[i].logo==""){ 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>'; 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{ } 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>'; 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 +'>' str += '<tr data-id=' + data.rows[i].id + '>' +
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>' '<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
+'<td style="text-align:left;">'+ nick +'</td>' '<td style="text-align:left;">' + nick + '</td>' +
+'<td>'+ ToAddress(data.rows[i]) +'</td>' '<td>' + ToAddress(data.rows[i]) + '</td>' +
+'<td>'+ data.rows[i].parentfans+'</td>' '<td>' + data.rows[i].parentfans + '</td>' +
+'<td>'+ data.rows[i].salesname+'</td>' '<td>' + data.rows[i].salesname + '</td>' +
+'<td>'+ data.rows[i].miniopenid+'</td>' '<td>' + data.rows[i].miniopenid + '</td>' +
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>' '<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
+'<td>'+ toTime_G(data.rows[i].lastlogintime) +'</td>' '<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
+'</tr>' '</tr>'
} }
$("#fanslist").html(str) $("#fanslist").html(str)
toNull_G(); toNull_G();
}else{ } else {
$(".nulldata").show() $(".nulldata").show()
return false; return false;
} }
}) })
} }
form.on("submit(querybtn)", function(e){ form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword) initData(1, e.field.keyword)
return false return false
}) })
form.on("submit(resetbtn)", function(e){ form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("") $("[name=keyword]").val("")
initData(1, ""); initData(1, "");
return false return false
}) })
function fanstype(t) {
function fanstype(t){ if(t == 1) {
if(t == 1){
return "销售助手粉丝" return "销售助手粉丝"
}else if(t == 2){ } else if(t == 2) {
return "万小二粉丝" return "万小二粉丝"
}else{ } else {
return "" return ""
} }
} }
function ToAddress(data){ function ToAddress(data) {
var p = data.province || "" var p = data.province || ""
var c = data.city || "" var c = data.city || ""
var d = data.district || "" var d = data.district || ""
return !!(p + c + d) ? (p+c+d) : "未知城市" return !!(p + c + d) ? (p + c + d) : "未知城市"
} }
}) })
......
WebContent/WEB-INF/jsp/pc/report/goods.jsp
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <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/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css"> <link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head> </head>
...@@ -53,15 +53,19 @@ ...@@ -53,15 +53,19 @@
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
var page = 1,keyword = "" var page = 1,
keyword = ""
//初始化数据 //初始化数据
initData(page, keyword) initData(page, keyword)
function initData(page, keyword){ function initData(page, keyword) {
$.post("/zzhnc/report/getFansList",{page:page,keyword:keyword},function(data){ $.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data) console.log(data)
data=data.data; data = data.data;
laypage({ laypage({
cont: 'page', cont: 'page',
...@@ -78,70 +82,68 @@ ...@@ -78,70 +82,68 @@
$("#fanslist").html("") $("#fanslist").html("")
if(data.rows.length>0){ if(data.rows.length > 0) {
$(".nulldata").hide(); $(".nulldata").hide();
var str=""; var str = "";
for(var i=0;i<data.rows.length;i++){ for(var i = 0; i < data.rows.length; i++) {
var nick=""; var nick = "";
if((data.rows[i].nickname==null||data.rows[i].nickname=="")&&(data.rows[i].logo==null||data.rows[i].logo=="")){ 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>'; nick = '<div style="text-align:left;">未授权（id：' + data.rows[i].id + '）</div>';
}else{ } else {
if(data.rows[i].logo==null||data.rows[i].logo==""){ 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>'; 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{ } 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>'; 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 +'>' str += '<tr data-id=' + data.rows[i].id + '>' +
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>' '<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
+'<td style="text-align:left;">'+ nick +'</td>' '<td style="text-align:left;">' + nick + '</td>' +
+'<td>'+ ToAddress(data.rows[i]) +'</td>' '<td>' + ToAddress(data.rows[i]) + '</td>' +
+'<td>'+ data.rows[i].parentfans+'</td>' '<td>' + data.rows[i].parentfans + '</td>' +
+'<td>'+ data.rows[i].salesname+'</td>' '<td>' + data.rows[i].salesname + '</td>' +
+'<td>'+ data.rows[i].miniopenid+'</td>' '<td>' + data.rows[i].miniopenid + '</td>' +
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>' '<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
+'<td>'+ toTime_G(data.rows[i].lastlogintime) +'</td>' '<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
+'</tr>' '</tr>'
} }
$("#fanslist").html(str) $("#fanslist").html(str)
toNull_G(); toNull_G();
}else{ } else {
$(".nulldata").show() $(".nulldata").show()
return false; return false;
} }
}) })
} }
form.on("submit(querybtn)", function(e){ form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword) initData(1, e.field.keyword)
return false return false
}) })
form.on("submit(resetbtn)", function(e){ form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("") $("[name=keyword]").val("")
initData(1, ""); initData(1, "");
return false return false
}) })
function fanstype(t) {
function fanstype(t){ if(t == 1) {
if(t == 1){
return "销售助手粉丝" return "销售助手粉丝"
}else if(t == 2){ } else if(t == 2) {
return "万小二粉丝" return "万小二粉丝"
}else{ } else {
return "" return ""
} }
} }
function ToAddress(data){ function ToAddress(data) {
var p = data.province || "" var p = data.province || ""
var c = data.city || "" var c = data.city || ""
var d = data.district || "" var d = data.district || ""
return !!(p + c + d) ? (p+c+d) : "未知城市" return !!(p + c + d) ? (p + c + d) : "未知城市"
} }
}) })
......
WebContent/WEB-INF/jsp/pc/report/prize.jsp
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <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/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css"> <link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head> </head>
...@@ -53,15 +53,19 @@ ...@@ -53,15 +53,19 @@
layer = layui.layer, layer = layui.layer,
laypage = layui.laypage; laypage = layui.laypage;
var page = 1,keyword = "" var page = 1,
keyword = ""
//初始化数据 //初始化数据
initData(page, keyword) initData(page, keyword)
function initData(page, keyword){ function initData(page, keyword) {
$.post("/zzhnc/report/getFansList",{page:page,keyword:keyword},function(data){ $.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data) console.log(data)
data=data.data; data = data.data;
laypage({ laypage({
cont: 'page', cont: 'page',
...@@ -78,70 +82,68 @@ ...@@ -78,70 +82,68 @@
$("#fanslist").html("") $("#fanslist").html("")
if(data.rows.length>0){ if(data.rows.length > 0) {
$(".nulldata").hide(); $(".nulldata").hide();
var str=""; var str = "";
for(var i=0;i<data.rows.length;i++){ for(var i = 0; i < data.rows.length; i++) {
var nick=""; var nick = "";
if((data.rows[i].nickname==null||data.rows[i].nickname=="")&&(data.rows[i].logo==null||data.rows[i].logo=="")){ 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>'; nick = '<div style="text-align:left;">未授权（id：' + data.rows[i].id + '）</div>';
}else{ } else {
if(data.rows[i].logo==null||data.rows[i].logo==""){ 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>'; 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{ } 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>'; 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 +'>' str += '<tr data-id=' + data.rows[i].id + '>' +
+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>' '<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
+'<td style="text-align:left;">'+ nick +'</td>' '<td style="text-align:left;">' + nick + '</td>' +
+'<td>'+ ToAddress(data.rows[i]) +'</td>' '<td>' + ToAddress(data.rows[i]) + '</td>' +
+'<td>'+ data.rows[i].parentfans+'</td>' '<td>' + data.rows[i].parentfans + '</td>' +
+'<td>'+ data.rows[i].salesname+'</td>' '<td>' + data.rows[i].salesname + '</td>' +
+'<td>'+ data.rows[i].miniopenid+'</td>' '<td>' + data.rows[i].miniopenid + '</td>' +
+'<td>'+ toTime_G(data.rows[i].createdtime) +'</td>' '<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
+'<td>'+ toTime_G(data.rows[i].lastlogintime) +'</td>' '<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
+'</tr>' '</tr>'
} }
$("#fanslist").html(str) $("#fanslist").html(str)
toNull_G(); toNull_G();
}else{ } else {
$(".nulldata").show() $(".nulldata").show()
return false; return false;
} }
}) })
} }
form.on("submit(querybtn)", function(e){ form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword) initData(1, e.field.keyword)
return false return false
}) })
form.on("submit(resetbtn)", function(e){ form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("") $("[name=keyword]").val("")
initData(1, ""); initData(1, "");
return false return false
}) })
function fanstype(t) {
function fanstype(t){ if(t == 1) {
if(t == 1){
return "销售助手粉丝" return "销售助手粉丝"
}else if(t == 2){ } else if(t == 2) {
return "万小二粉丝" return "万小二粉丝"
}else{ } else {
return "" return ""
} }
} }
function ToAddress(data){ function ToAddress(data) {
var p = data.province || "" var p = data.province || ""
var c = data.city || "" var c = data.city || ""
var d = data.district || "" var d = data.district || ""
return !!(p + c + d) ? (p+c+d) : "未知城市" return !!(p + c + d) ? (p + c + d) : "未知城市"
} }
}) })
......
WebContent/WEB-INF/jsp/pc/seller/sellerEdit.jsp 0 → 100644
<%@ 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 \ No newline at end of file
WebContent/WEB-INF/jsp/pc/seller/sellerList.jsp 0 → 100644
<%@ 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 \ No newline at end of file
WebContent/WEB-INF/res/css/Layuiglobal.css
/* 甯冨眬 */ /* 甯冨眬 */
.site-inline{font-size: 0;} .site-inline{font-size: 0;}
.site-tree, .site-content{display: inline-block; *display:inline; *zoom:1; vertical-align: top; font-size: 14px;} .site-tree, .site-content{display: inline-block; *display:inline; *zoom:1; vertical-align: top; font-size: 14px;}
...@@ -8,8 +6,8 @@ ...@@ -8,8 +6,8 @@
/* 澶撮儴admin-side-toggle */ /* 澶撮儴admin-side-toggle */
.header{height: 65px; border-bottom: 1px solid #404553; background-color: #393D49; color: #fff;} .header{height: 65px; border-bottom: 1px solid #404553; background-color: #393D49; color: #fff;}
.logo{position: absolute; left: 0; top: 26px;} .logo{position: absolute; left: 0; top: 20px;}
.logo img{ width: 106px;} .logo img{ width: 160px;}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;} .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;} .header .layui-nav .layui-nav-item{margin: 0 20px; line-height: 66px;}
......
WebContent/WEB-INF/res/css/basic.css
/*----------------鐧诲綍-----------------*/ /*----------------鐧诲綍-----------------*/
.loginblock {
.loginblock {
background: url(../images/loginimg.jpg) no-repeat center; background: url(../images/loginimg.jpg) no-repeat center;
-webkit-background-size: cover; -webkit-background-size: cover;
background-size: cover; background-size: cover;
width:100%; width: 100%;
height:100%; height: 100%;
} }
.main .loginBox { .main .loginBox {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
...@@ -15,44 +16,44 @@ ...@@ -15,44 +16,44 @@
height: 330px; height: 330px;
margin-top: -165px; margin-top: -165px;
margin-left: -205px; margin-left: -205px;
} }
.formBox { .formBox {
border: 1px solid rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 6px; border-radius: 6px;
text-align: center; text-align: center;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.4);
} }
.loginbos { .loginbos {
padding: 20px 40px 50px 50px; padding: 20px 40px 50px 50px;
} }
.loginicon { .loginicon {
display: block; display: block;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
margin-top: 13px; margin-top: 13px;
width:20px; width: 20px;
} }
.loginlogo { .loginlogo {
width: 140px; width: 140px;
margin: 40px 30px 0; margin: 40px 30px 0;
} }
.box h3 { .box h3 {
color: #333; color: #333;
font-size: 20px; font-size: 20px;
margin: 50px auto 0; margin: 50px auto 0;
} }
.loginlogo img { .loginlogo img {
width: 100%; width: 100%;
} }
.box input { .box input {
display: block; display: block;
width: 240px; width: 240px;
height: 30px; height: 30px;
...@@ -64,9 +65,9 @@ ...@@ -64,9 +65,9 @@
color: #333; color: #333;
border: 1px solid #eee; border: 1px solid #eee;
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
} }
.main .box .submitBox button { .main .box .submitBox button {
width: 254px; width: 254px;
background: none; background: none;
border: none; border: none;
...@@ -76,83 +77,107 @@ ...@@ -76,83 +77,107 @@
padding: 8px 0; padding: 8px 0;
margin: 10px; margin: 10px;
cursor: pointer; cursor: pointer;
} }
.main .box .submitBox button:hover { .main .box .submitBox button:hover {
opacity: 0.9; opacity: 0.9;
} }
/*-----------鐧诲綍 end-----------*/
/*-----------鍏叡鏍峰紡-----------*/
img[src=""]{opacity: 0;} /*-----------鐧诲綍 end-----------*/
.hint{
line-height:30px;
padding:10px 10px; /*-----------鍏叡鏍峰紡-----------*/
img[src=""] {
opacity: 0;
}
.hint {
line-height: 30px;
padding: 10px 10px;
color: #E06D20; color: #E06D20;
} }
.layui-table td{
color:#666; .layui-table td {
font-weight:normal; color: #666;
} font-weight: normal;
.layui-table th{ }
color:#333;
font-weight:normal; .layui-table th {
} color: #333;
.wrap{ font-weight: normal;
margin-left:10px; }
}
.createBtn{ .wrap {
margin-left: 10px;
} }
.Detailbtn{
padding:20px 40px 20px 20px; .createBtn {}
.Detailbtn {
padding: 20px 40px 20px 20px;
display: none; display: none;
} }
.searchbox .layui-input-inline,.searchbox .layui-btn{
margin-top:20px; .searchbox .layui-input-inline,
.searchbox .layui-btn {
margin-top: 20px;
display: inline-block; display: inline-block;
float:none; float: none;
} }
.searchbox .layui-btn{ .searchbox .layui-btn {
margin-right:10px; margin-right: 10px;
} }
.searchbox .layui-btn+.layui-btn{
margin-left:0; .searchbox .layui-btn+.layui-btn {
margin-left: 0;
} }
.nulldata{
.nulldata {
padding: 40px 0; padding: 40px 0;
text-align: center; text-align: center;
color: #666; color: #666;
display: none; display: none;
border: 1px solid #eee; border: 1px solid #eee;
margin-top:-10px; margin-top: -10px;
} }
input[name=file]{
width:5px; input[name=file] {
display:none; width: 5px;
display: none;
} }
.nickbox{
max-width:200px; .nickbox {
max-width: 200px;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
text-align:left; text-align: left;
} }
.nick{
display:inline; .nick {
line-height:40px; display: inline;
margin-left:10px; line-height: 40px;
margin-left: 10px;
} }
#page{
display:block;
clear:both;
#page {
display: block;
clear: both;
} }
/*-----------鍏叡鏍峰紡end-----------*/ /*-----------鍏叡鏍峰紡end-----------*/
/*-------------鑷姩鍥炲顦�-------------*/ /*-------------鑷姩鍥炲顦�-------------*/
.popupbox { .popupbox {
width: 100%; width: 100%;
} }
.popupbos { .popupbos {
background-color: #fff; background-color: #fff;
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
...@@ -169,72 +194,122 @@ input[name=file]{ ...@@ -169,72 +194,122 @@ input[name=file]{
margin-bottom: 40px; margin-bottom: 40px;
color: #666; color: #666;
} }
.popupbox .layui-form-label { .popupbox .layui-form-label {
width: 126px; width: 126px;
} }
.emotion{
.emotion {
width: 42px; width: 42px;
cursor: pointer; cursor: pointer;
font-size: 25px; font-size: 25px;
margin-top: 10px; margin-top: 10px;
display: inline-block; display: inline-block;
color:#ff6c00; color: #ff6c00;
float:left; float: left;
}
.qqFace {
margin-top: 4px;
background: #fff;
padding: 10px;
border: 1px #dfe6f6 solid;
}
.qqFace table td {
padding: 0px;
}
.qqFace table td img {
cursor: pointer;
border: 1px #fff solid;
}
.qqFace table td img:hover {
border: 1px #0066cc solid;
}
#show {
width: 770px;
margin: 20px auto;
background: #fff;
padding: 5px;
border: 1px solid #DDD;
vertical-align: top;
}
#wlogo {
width: 40px;
height: 40px;
border-radius: 50%;
float: left;
} }
.qqFace { margin-top: 4px; background: #fff; padding: 10px; border: 1px #dfe6f6 solid; }
.qqFace table td { padding: 0px; } .logoimg {
.qqFace table td img { cursor: pointer; border: 1px #fff solid; } width: 40px;
.qqFace table td img:hover { border: 1px #0066cc solid; } height: 40px;
#show { width: 770px; margin: 20px auto; background: #fff; padding: 5px; border: 1px solid #DDD; vertical-align: top; } margin: 0 auto;
#wlogo{ width: 40px; height:40px; border-radius: 50%;float:left; } }
.logoimg{
width: 40px; height:40px;margin:0 auto; .layui-table td,
.layui-table th {
text-align: center;
} }
.layui-table td, .layui-table th{ text-align: center;}
/*----------鑷姩鍥炲 end----------*/ /*----------鑷姩鍥炲 end----------*/
/*---------------娴锋姤---------------*/ /*---------------娴锋姤---------------*/
.haibao-box { .haibao-box {
width: 100%; width: 100%;
border: 1px solid #eee; border: 1px solid #eee;
} }
.haibao-viewbox{
min-height:909px; .haibao-viewbox {
border:1px solid #ddd; min-height: 909px;
} border: 1px solid #ddd;
.ph_top{ }
width:100%;
border-bottom:1px solid #eee; .ph_top {
} width: 100%;
.haibaofl{ border-bottom: 1px solid #eee;
float:left; }
width:640px;
margin-left:10px; .haibaofl {
} float: left;
.haibaofr{ width: 640px;
float:left; margin-left: 10px;
width:416px; }
}
.haibao-view { .haibaofr {
float: left;
width: 416px;
}
.haibao-view {
width: 100%; width: 100%;
/*height: 470px;*/ /*height: 470px;*/
border-bottom:none; border-bottom: none;
border-top:none; border-top: none;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-bottom:1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.haibao-view img{
width:100%; .haibao-view img {
} width: 100%;
.box { }
.box {
cursor: move; cursor: move;
background-color: #FFF; background-color: #FFF;
border: 1px solid #eeeCCC; border: 1px solid #eeeCCC;
} }
#box { #box {
width: 160px; width: 160px;
height: 160px; height: 160px;
position: absolute; position: absolute;
...@@ -242,59 +317,67 @@ input[name=file]{ ...@@ -242,59 +317,67 @@ input[name=file]{
left: 100px; left: 100px;
background: url(../../res/images/code.png); background: url(../../res/images/code.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.coor { .coor {
overflow: hidden; overflow: hidden;
cursor: se-resize; cursor: se-resize;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.ph_ft{
width:100%; .ph_ft {
border-top:1px solid #eee; width: 100%;
} border-top: 1px solid #eee;
/*---------------娴锋姤 end---------------*/ }
/*公众号*/
.publicbox{
margin-top:20px; /*---------------娴锋姤 end---------------*/
margin-left:20px;
margin-right:20px;
border:1px solid #eee; /*公众号*/
overflow:hidden;
margin-bottom:20px; .publicbox {
padding:10px; margin-top: 20px;
height:184px; margin-left: 20px;
} margin-right: 20px;
.publicbos{ border: 1px solid #eee;
float:left; overflow: hidden;
marin-right:20px; margin-bottom: 20px;
margin-bottom:20px; padding: 10px;
overflow:hidden; height: 184px;
text-align:center; }
width:160px;
} .publicbos {
.publicbos img{ float: left;
width:140px; marin-right: 20px;
height:140px; margin-bottom: 20px;
display:block; overflow: hidden;
margin:0 auto; text-align: center;
border-radius:2px; width: 160px;
} }
.publicbos span{
width:140px; .publicbos img {
height:140px; width: 140px;
display:block; height: 140px;
margin:0 auto; display: block;
border-radius:4px; margin: 0 auto;
border-radius: 2px;
}
.publicbos span {
width: 140px;
height: 140px;
display: block;
margin: 0 auto;
border-radius: 4px;
border: 1px solid #eee; border: 1px solid #eee;
}
.publicbox p{
font-size:14px;
color:#666;
line-height:30px;
margin-top:10px;
}
\ No newline at end of file \ No newline at end of file
}
.publicbox p {
font-size: 14px;
color: #666;
line-height: 30px;
margin-top: 10px;
}
\ No newline at end of file \ No newline at end of file
WebContent/WEB-INF/res/css/fansInfo.css
...@@ -26,7 +26,6 @@ ...@@ -26,7 +26,6 @@
width: 70px; width: 70px;
height: 70px; height: 70px;
border-radius: 4px; border-radius: 4px;
} }
#fansInfoBox .userLogo img { #fansInfoBox .userLogo img {
...@@ -35,7 +34,6 @@ ...@@ -35,7 +34,6 @@
} }
#fansInfoBox .userInfo { #fansInfoBox .userInfo {
flex: 1; flex: 1;
} }
...@@ -119,11 +117,13 @@ ...@@ -119,11 +117,13 @@
border-radius: 2px; border-radius: 2px;
font-size: 14px; font-size: 14px;
} }
#fansInfoBox #closeLabelFn{
#fansInfoBox #closeLabelFn {
background-color: #fff; background-color: #fff;
margin-top: 10px; margin-top: 10px;
color: #b50005; color: #b50005;
} }
#fansInfoBox .editLabels { #fansInfoBox .editLabels {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -144,7 +144,8 @@ ...@@ -144,7 +144,8 @@
color: #b50005; color: #b50005;
} }
#fansInfoBox .telValue,#fansInfoBox .nameValue{ #fansInfoBox .telValue,
#fansInfoBox .nameValue {
width: 100%; width: 100%;
border: none; border: none;
background: none; background: none;
...@@ -152,7 +153,8 @@ ...@@ -152,7 +153,8 @@
padding: 0; padding: 0;
color: #333; color: #333;
} }
#fansInfoBox .fansInfoBox_label{
#fansInfoBox .fansInfoBox_label {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
...@@ -162,35 +164,39 @@ ...@@ -162,35 +164,39 @@
display: none; display: none;
box-sizing: border-box; box-sizing: border-box;
} }
#fansInfoBox .fansInfoBox_label .labelConent{
#fansInfoBox .fansInfoBox_label .labelConent {
background-color: #fff; background-color: #fff;
padding: 10px; padding: 10px;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
#fansInfoBox .fansInfoBox_label .tagInput{ #fansInfoBox .fansInfoBox_label .tagInput {
display: flex; display: flex;
} }
#fansInfoBox .fansInfoBox_label .tagInput input{
#fansInfoBox .fansInfoBox_label .tagInput input {
height: 24px; height: 24px;
border: 1px solid #eee; border: 1px solid #eee;
box-sizing: border-box; box-sizing: border-box;
padding-left: 10px; padding-left: 10px;
flex:1; flex: 1;
} }
#fansInfoBox .fansInfoBox_label .tagInput .addTag{ #fansInfoBox .fansInfoBox_label .tagInput .addTag {
width: 50px; width: 50px;
height: 24px; height: 24px;
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
} }
#fansInfoBox .fansInfoBox_label .userTags{
#fansInfoBox .fansInfoBox_label .userTags {
margin-bottom: 10px; margin-bottom: 10px;
background-color: #fff; background-color: #fff;
} }
#fansInfoBox .fansInfoBox_label .userTags span,.tagListBox span{
#fansInfoBox .fansInfoBox_label .userTags span,
.tagListBox span {
border: 1px solid rgba(181, 0, 5, 0.4); border: 1px solid rgba(181, 0, 5, 0.4);
border-radius: 20px; border-radius: 20px;
color: #b50005; color: #b50005;
...@@ -200,19 +206,22 @@ ...@@ -200,19 +206,22 @@
margin-top: 10px; margin-top: 10px;
display: inline-block; display: inline-block;
} }
#fansInfoBox .fansInfoBox_label .tagHistory span.unSelect{
#fansInfoBox .fansInfoBox_label .tagHistory span.unSelect {
color: rgba(181, 0, 5, 0.4); color: rgba(181, 0, 5, 0.4);
border: 1px solid #aaa; border: 1px solid #aaa;
} }
#fansInfoBox .tagHistory{
#fansInfoBox .tagHistory {
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
} }
#fansInfoBox .tagHistory .title{
#fansInfoBox .tagHistory .title {
color: #999; color: #999;
} }
#fansInfoBox .tagListBox{
#fansInfoBox .tagListBox {
margin-top: 10px; margin-top: 10px;
} }
...@@ -221,7 +230,8 @@ ...@@ -221,7 +230,8 @@
box-sizing: border-box; box-sizing: border-box;
margin-top: 50px; margin-top: 50px;
} }
#fansInfoBox .saveTagBtnBox .close{
#fansInfoBox .saveTagBtnBox .close {
background-color: #fff; background-color: #fff;
color: #b50005; color: #b50005;
margin-top: 10px; margin-top: 10px;
......
WebContent/WEB-INF/res/css/fansInfoQuery.css
...@@ -24,7 +24,6 @@ ...@@ -24,7 +24,6 @@
display: flex; display: flex;
padding: 8px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
} }
.qeruySection>div:first-child { .qeruySection>div:first-child {
...@@ -34,22 +33,26 @@ ...@@ -34,22 +33,26 @@
border-radius: 4px; border-radius: 4px;
flex: 1; flex: 1;
} }
.qeruySection>div:first-child>div{
.qeruySection>div:first-child>div {
margin-top: 5px; margin-top: 5px;
height: 20px; height: 20px;
position: relative; position: relative;
/* background-color: red; */ /* background-color: red; */
} }
.qeruySection>div:nth-child(2) { .qeruySection>div:nth-child(2) {
width: 50px; width: 50px;
text-align: center; text-align: center;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.qeruySection>div:nth-child(2) .icon-duihao{
.qeruySection>div:nth-child(2) .icon-duihao {
color: #1AAD19; color: #1AAD19;
display: none; display: none;
} }
.qeruySection>div:nth-child(2) button { .qeruySection>div:nth-child(2) button {
background: none; background: none;
border: none; border: none;
...@@ -80,14 +83,16 @@ ...@@ -80,14 +83,16 @@
color: #999; color: #999;
font-size: 14px; font-size: 14px;
} }
.qeruySection .icon-guanbi{
.qeruySection .icon-guanbi {
position: absolute; position: absolute;
right:10px; right: 10px;
top: 0; top: 0;
font-size: 18px; font-size: 18px;
display: none; display: none;
} }
.queryLabelsBox .labelsList span{
.queryLabelsBox .labelsList span {
border: 1px solid #1AAD19; border: 1px solid #1AAD19;
border-radius: 20px; border-radius: 20px;
color: #1AAD19; color: #1AAD19;
...@@ -98,27 +103,31 @@ ...@@ -98,27 +103,31 @@
display: inline-block; display: inline-block;
} }
.queryFansItemBox{ .queryFansItemBox {
display: flex; display: flex;
padding: 10px 20px; padding: 10px 20px;
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.queryFansItemBox .userLogo{
.queryFansItemBox .userLogo {
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 50%; border-radius: 50%;
} }
.queryFansItemBox .content{
.queryFansItemBox .content {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.queryFansItemBox .content p{
.queryFansItemBox .content p {
padding-left: 10px; padding-left: 10px;
} }
.queryFansItemBox .content p:nth-child(2){
.queryFansItemBox .content p:nth-child(2) {
color: #999; color: #999;
font-size: 0.8em; font-size: 0.8em;
margin-top: 6px; margin-top: 6px;
...@@ -127,7 +136,8 @@ ...@@ -127,7 +136,8 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.queryFansItemBox .lastTime{
.queryFansItemBox .lastTime {
color: #999; color: #999;
font-size: 0.8em; font-size: 0.8em;
} }
\ No newline at end of file \ No newline at end of file
WebContent/WEB-INF/res/css/mobileChat.css
...@@ -4,13 +4,19 @@ body { ...@@ -4,13 +4,19 @@ body {
overflow: hidden; overflow: hidden;
background-color: #efefef; background-color: #efefef;
} }
img[src=""],img[src="null"],img[src="undefined"]{
img[src=""],
img[src="null"],
img[src="undefined"] {
opacity: 0; opacity: 0;
} }
input,textarea{
input,
textarea {
outline: none; outline: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
.icon-fanhuijiantou { .icon-fanhuijiantou {
font-size: 18px; font-size: 18px;
} }
...@@ -35,25 +41,26 @@ input,textarea{ ...@@ -35,25 +41,26 @@ input,textarea{
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
#backChat{
#backChat {
background: #fff; background: #fff;
color: #666; color: #666;
} }
.topToolSBox button{
.topToolSBox button {
width: 40%; width: 40%;
height: 30px; height: 30px;
background-color: #b50005; background-color: #b50005;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
} }
.topToolSBox button.on{
.topToolSBox button.on {
background-color: #999; background-color: #999;
color: #fff; color: #fff;
} }
.dot { .dot {
position: absolute; position: absolute;
top: 2px; top: 2px;
...@@ -75,7 +82,6 @@ input,textarea{ ...@@ -75,7 +82,6 @@ input,textarea{
line-height: 40px; line-height: 40px;
padding-right: 4px; padding-right: 4px;
background-color: #fff; background-color: #fff;
} }
.model_box { .model_box {
...@@ -114,18 +120,21 @@ input,textarea{ ...@@ -114,18 +120,21 @@ input,textarea{
.layim-chat-mine .layim-user-box { .layim-chat-mine .layim-user-box {
justify-content: flex-end; justify-content: flex-end;
} }
.moreFansBox{
.moreFansBox {
background-color: #efefef; background-color: #efefef;
padding: 10px !important; padding: 10px !important;
line-height: 28px; line-height: 28px;
text-align: center; text-align: center;
} }
.moreFansBox>span{
.moreFansBox>span {
background-color: #fff; background-color: #fff;
color: #999; color: #999;
padding: 4px 10px; padding: 4px 10px;
border-radius: 4px; border-radius: 4px;
} }
.username_box { .username_box {
display: inline-block; display: inline-block;
max-width: 100px; max-width: 100px;
...@@ -138,119 +147,164 @@ input,textarea{ ...@@ -138,119 +147,164 @@ input,textarea{
display: inline-block; display: inline-block;
} }
.layim-chat-main{ .layim-chat-main {
padding: 0 15px; padding: 0 15px;
} }
.layim-chat-main, .layim-chat-main,
.layim-content { .layim-content {
top: 10px; top: 10px;
/* bottom: 70px; */ /* bottom: 70px; */
} }
.contInfo img{
.contInfo img {
position: initial !important; position: initial !important;
width: 16px !important; width: 16px !important;
height: 16px !important; height: 16px !important;
} }
.isRobot{
.isRobot {
display: none; display: none;
width: 100%; width: 100%;
background-color: #2f9833 !important; background-color: #2f9833 !important;
} }
/* 加大列表行高 */ /* 加大列表行高 */
#chatListBox li{
#chatListBox li {
padding: 10px 15px 10px 60px; padding: 10px 15px 10px 60px;
border-bottom: 1px solid #efefef; border-bottom: 1px solid #efefef;
} }
.layui-layim-list li img{ .layui-layim-list li img {
top:13px; top: 13px;
} }
.layui-m-layerchild,.layim-panel, .layim-title,.layim-chat-main, .layim-content,.layui-layim,.layim-chat-footer,.layim-chat-main ul li,
.layui-layim-face,.layim-chat-user,.layim-chat-user cite,.layim-chat-text{ .layui-m-layerchild,
.layim-panel,
.layim-title,
.layim-chat-main,
.layim-content,
.layui-layim,
.layim-chat-footer,
.layim-chat-main ul li,
.layui-layim-face,
.layim-chat-user,
.layim-chat-user cite,
.layim-chat-text {
z-index: 1; z-index: 1;
} }
*{
* {
z-index: 1; z-index: 1;
} }
.pswp {
.pswp{
z-index: 1500000000; z-index: 1500000000;
} }
@keyframes rotateZ {
@keyframes rotateZ{ 0% {
0%{
transform: rotateZ(0deg); transform: rotateZ(0deg);
} }
100%{ 100% {
transform: rotateZ(360deg); transform: rotateZ(360deg);
} }
} }
.rotateZAnimated{ .rotateZAnimated {
display: inline-block; display: inline-block;
animation: rotateZ 1s infinite ease-out; animation: rotateZ 1s infinite ease-out;
} }
.rotateZAnimated .iconfont{
padding-right:0 !important; .rotateZAnimated .iconfont {
padding-right: 0 !important;
} }
.icon-weibiaoti-{
.icon-weibiaoti- {
color: red; color: red;
} }
.editBox{
.editBox {
background-color: #fff; background-color: #fff;
line-height: 40px; line-height: 40px;
padding: 0 6px; padding: 0 6px;
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
position: relative; position: relative;
} }
.editBox i.on{
.editBox i.on {
transform: rotateZ(0deg) !important; transform: rotateZ(0deg) !important;
} }
/* 底部加号按钮相关 */ /* 底部加号按钮相关 */
#chatBox .icon-guanbi{
#chatBox .icon-guanbi {
display: inline-block; display: inline-block;
transform: rotateZ(45deg); transform: rotateZ(45deg);
font-size: 24px; font-size: 24px;
color: #666; color: #666;
transition: transform 0.2s; transition: transform 0.2s;
} }
.layim-chat-footer{
.layim-chat-footer {
z-index: 2; z-index: 2;
} }
.posStyle{
.posStyle {
position: absolute; position: absolute;
bottom: 40px; bottom: 40px;
left: 0; left: 0;
display: none; display: none;
} }
.posStyle:nth-child(2){
.posStyle:nth-child(2) {
bottom: 80px; bottom: 80px;
} }
.icon-xiangji,.icon-fasonghongbaocopy{
background-color: rgba(239,239,239,0.5); .icon-xiangji,
.icon-fasonghongbaocopy {
background-color: rgba(239, 239, 239, 0.5);
font-size: 24px; font-size: 24px;
line-height: 40px; line-height: 40px;
padding: 0 6px; padding: 0 6px;
color: #666; color: #666;
} }
.bounceInUp{
.bounceInUp {
animation: bounceInUp 0.3s; animation: bounceInUp 0.3s;
} }
@keyframes bounceInUp{
0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} @keyframes bounceInUp {
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)} 0% {
80%{-webkit-transform:translateY(10px);transform:translateY(10px)} opacity: 0;
100%{-webkit-transform:translateY(0);transform:translateY(0)} -webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
} }
/* end */ /* end */
/* 楼盘卡片发送相关 */ /* 楼盘卡片发送相关 */
#floorListCard{
#floorListCard {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -260,21 +314,23 @@ input,textarea{ ...@@ -260,21 +314,23 @@ input,textarea{
z-index: 100000000; z-index: 100000000;
display: none; display: none;
align-items: center; align-items: center;
} }
#floorListCard .content{
#floorListCard .content {
width: 100%; width: 100%;
} }
#floorListCard .closeBox{
#floorListCard .closeBox {
margin-top: 30px; margin-top: 30px;
text-align: center; text-align: center;
} }
#floorListCard .content .icon-guanbi1{
#floorListCard .content .icon-guanbi1 {
font-size: 30px; font-size: 30px;
color: #eee; color: #eee;
} }
#floorListCard ul{
#floorListCard ul {
background-color: #fff; background-color: #fff;
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
...@@ -282,14 +338,16 @@ input,textarea{ ...@@ -282,14 +338,16 @@ input,textarea{
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
} }
#floorListCard ul li{
#floorListCard ul li {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
color: #333; color: #333;
font-size: 14px; font-size: 14px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
#floorListCard ul li span{
#floorListCard ul li span {
float: right; float: right;
display: block; display: block;
font-size: 14px; font-size: 14px;
...@@ -303,15 +361,25 @@ input,textarea{ ...@@ -303,15 +361,25 @@ input,textarea{
position: relative; position: relative;
top: 6px; top: 6px;
} }
.fadeInUp{
.fadeInUp {
animation: fadeInUp 0.3s; animation: fadeInUp 0.3s;
} }
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)} @keyframes fadeInUp {
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
} }
[contenteditable]{ [contenteditable] {
outline: none; outline: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
...@@ -319,7 +387,7 @@ input,textarea{ ...@@ -319,7 +387,7 @@ input,textarea{
/* 搜索相关 */ /* 搜索相关 */
.queryBtn{ .queryBtn {
width: 30px; width: 30px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
......
WebContent/WEB-INF/res/css/style.css
html { html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
* { * {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
font-weight:300; font-weight: 300;
} }
input[type="submit"], input[type="submit"],
...@@ -18,7 +18,6 @@ input { ...@@ -18,7 +18,6 @@ input {
resize: none; resize: none;
} }
body, body,
div, div,
ul, ul,
...@@ -78,9 +77,7 @@ img { ...@@ -78,9 +77,7 @@ img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
width: auto\9; width: auto\9;
-ms-interpolation-mode: bicubic; -ms-interpolation-mode: bicubic;
} }
body, body,
...@@ -125,21 +122,26 @@ section { ...@@ -125,21 +122,26 @@ section {
padding: 0; padding: 0;
border: none; border: none;
} }
body { body {
font-family: '΢ź', Microsoft YaHei, Tahoma, Arial, sans-serif; font-family: '΢���ź�', Microsoft YaHei, Tahoma, Arial, sans-serif;
color: #555; color: #555;
background-color: #eee; background-color: #eee;
} }
em, em,
i { i {
font-style: normal; font-style: normal;
} }
li{
list-style:none; li {
list-style: none;
} }
strong { strong {
font-weight: normal; font-weight: normal;
} }
.clearfix:after { .clearfix:after {
content: ""; content: "";
display: block; display: block;
...@@ -147,29 +149,36 @@ strong { ...@@ -147,29 +149,36 @@ strong {
height: 0; height: 0;
clear: both; clear: both;
} }
.clearfix { .clearfix {
zoom: 1; zoom: 1;
} }
.fl { .fl {
float: left; float: left;
} }
.fr { .fr {
float: right; float: right;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #969696; color: #969696;
cursor:pointer; cursor: pointer;
font-family: Microsoft YaHei, Tahoma, Arial, sans-serif; font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
} }
a:hover { a:hover {
color: #e74850; color: #e74850;
text-decoration: none; text-decoration: none;
} }
ul, ul,
ol { ol {
list-style: none; list-style: none;
} }
h1, h1,
h2, h2,
h3, h3,
...@@ -184,6 +193,7 @@ img { ...@@ -184,6 +193,7 @@ img {
border: none; border: none;
vertical-align: middle; vertical-align: middle;
} }
.wrap { .wrap {
min-width: 320px; min-width: 320px;
max-width: 640px; max-width: 640px;
...@@ -197,38 +207,46 @@ img { ...@@ -197,38 +207,46 @@ img {
font-size: 13px; font-size: 13px;
} }
} }
@media (min-width: 360px) and (max-width: 400px) { @media (min-width: 360px) and (max-width: 400px) {
html { html {
font-size: 15px; font-size: 15px;
} }
} }
@media (min-width: 400px) and (max-width: 480px) { @media (min-width: 400px) and (max-width: 480px) {
html { html {
font-size: 15px; font-size: 15px;
} }
} }
@media screen and (min-width: 481px) { @media screen and (min-width: 481px) {
html { html {
font-size: 18px; font-size: 18px;
} }
} }
.bindingbox{
width:92%; .bindingbox {
margin:2rem auto; width: 92%;
margin: 2rem auto;
} }
.bindingbos{
overflow:hidden; .bindingbos {
line-height:3.6rem; overflow: hidden;
clear:both; line-height: 3.6rem;
font-size:1.04rem; clear: both;
border:1px solid #eee; font-size: 1.04rem;
border-radius:4px; border: 1px solid #eee;
padding:0 0.6rem; border-radius: 4px;
margin-bottom:1.7rem; padding: 0 0.6rem;
margin-bottom: 1.7rem;
} }
input:focus{
outline:none; input:focus {
outline: none;
} }
/* .bindingbox p{ /* .bindingbox p{
clear:both; clear:both;
font-size:0.9rem; font-size:0.9rem;
...@@ -237,64 +255,71 @@ input:focus{ ...@@ -237,64 +255,71 @@ input:focus{
margin-bottom:0.3rem; margin-bottom:0.3rem;
visibility: hidden; visibility: hidden;
} */ } */
.bindingbos span{
float:left; .bindingbos span {
color:#333; float: left;
} color: #333;
.bindingbos input{ }
float:left;
line-height:2rem; .bindingbos input {
margin-top:0.8rem; float: left;
width:-webkit-calc(100% - 4.5rem); line-height: 2rem;
width:-moz-calc(100% - 4.5rem); margin-top: 0.8rem;
width:calc(100% - 4.5rem); width: -webkit-calc(100% - 4.5rem);
color:#666; width: -moz-calc(100% - 4.5rem);
} width: calc(100% - 4.5rem);
#getcode{ color: #666;
}
#getcode {
padding: 0 1rem; padding: 0 1rem;
line-height: 2.8rem; line-height: 2.8rem;
position:absolute; position: absolute;
top:0.4rem; top: 0.4rem;
right:0.4rem; right: 0.4rem;
color: #000; color: #000;
border-radius: 2px; border-radius: 2px;
font-size: 0.9rem; font-size: 0.9rem;
pointer-events: auto; pointer-events: auto;
width:7rem; width: 7rem;
color: #0069FE; color: #0069FE;
background-color: #fff; background-color: #fff;
border:1px solid #0069FE; border: 1px solid #0069FE;
} }
.sumbitbtn{
.sumbitbtn {
display: block; display: block;
width:100%; width: 100%;
background-color:#006FF8; background-color: #006FF8;
color:#fff; color: #fff;
text-align: center; text-align: center;
line-height:3.2rem; line-height: 3.2rem;
border-radius:4px; border-radius: 4px;
font-size:1.04rem; font-size: 1.04rem;
} }
.sumbitbtn:hover, .sumbitbtn:hover,
.sumbitbtn:active{ .sumbitbtn:active {
color:#fff; color: #fff;
} }
.bindinged{
line-height:2.8rem; .bindinged {
font-size:1.04rem; line-height: 2.8rem;
text-align:center; font-size: 1.04rem;
color:#666; text-align: center;
margin-top:20%; color: #666;
margin-top: 20%;
} }
.bindinged h4{
color:#119323; .bindinged h4 {
font-size:1.2rem; color: #119323;
margin-bottom:2rem; font-size: 1.2rem;
} margin-bottom: 2rem;
.bindinged i{ }
font-size:1.6rem;
display:inline-block; .bindinged i {
vertical-align:bottom; font-size: 1.6rem;
margin-right:0.4rem; display: inline-block;
vertical-align: bottom;
margin-right: 0.4rem;
} }
\ No newline at end of file \ No newline at end of file
WebContent/WEB-INF/res/images/logo.png
WebContent/WEB-INF/res/images/logo.png

25.4 KB | 宽: | 高:

WebContent/WEB-INF/res/images/logo.png

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