Skip to content

zhangtai / zzhnc

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

删除多余的信息

1 个父辈 5b0c32bb
内嵌 并排
正在显示 217 个修改的文件 包含 955 行增加 和 4077 行删除
WebContent/WEB-INF/jsp/pc/activity/activityEdit.jsp
......@@ -11,79 +11,56 @@
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style type="text/css">
.red {
color: red;
margin-right: 5px;
#container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.layui-form-label {
width: 100px;
#container *:before,
.edui-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#container {
margin-left: 20px;
}
.bannerUrl {
width: 200px;
height: 200px;
#container img {
max-width: 80%;
}
</style>
<script src="http://cdn.sockjs.org/sockjs-0.3.min.js"></script>
<body class="wrap">
<form class="layui-form">
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>文章主标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>文章标题</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="name" placeholder="文章主标题" class="layui-input">
<input type="text" name="title" lay-verify="title" 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 class="red">*</i>文章副标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>上传主图</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="description" placeholder="文章副标题" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>文章主图</label>
<div class="layui-input-block">
<img class="bannerUrl" />
<button type="button" class="layui-btn" id="upload">上传文章主图</button>
<div class="layui-upload">
<button type="button" class="layui-btn" id="upload" style="margin:0 20px 0 0;float:left;">上传主图</button>
<span class="layui-form-mid layui-word-aux">建议尺寸：200*200</span>
<div class="layui-upload-list">
<img class="layui-upload-img mainpictrue" src="">
<input type="text" style="display:none;" name="imgurl">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>是否首页显示</label>
<div class="layui-input-inline" style="width: 100px;">
<input type="checkbox" checked name="isHome" lay-skin="switch" lay-text="是|否">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家名称</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerName" placeholder="商家名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家店铺号</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerAddress" placeholder="商家店铺号" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家电话</label>
<div class="layui-input-inline" style="width: 390px;">
<input type="text" name="sellerPhone" placeholder="商家电话" class="layui-input">
</div>
</div>
<!--<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>详细信息</label>
<div class="layui-input-block">
<label class="layui-form-label"><i class="redrequired">*</i>文章内容</label>
<div class="layui-input-block" style="margin-left: 130px;">
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
</div>
</div> -->
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block">
......@@ -91,15 +68,14 @@
<button class="layui-btn layui-btn-primary resetBtn">重置</button>
</div>
</div>
</form>
</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 type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>-->
<script>
/*window.onload = function() {
window.onload = function() {
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if(action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
......@@ -113,7 +89,8 @@
var ue = UE.getEditor('container', {
autoHeight: false
});
}*/
}
layui.use(['form', 'element', 'layer', 'upload'], function() {
var form = layui.form,
......@@ -121,89 +98,118 @@
layer = layui.layer,
upload = layui.upload;
var activityid = getUrl_G("id");
var id = getUrl_G("id");
//初始化函数
function initData() {
$.get("/zzhnc/goods/search", {
id: activityid
$.get("/zzhnc/article/getArticle", {
id: id
}, function(data) {
console.log(data)
console.log(data);
if(data.code == 0) {
if(data.data.rows.length > 0) {
var data = data.data.rows[0];
$("[name=name]").val(data.name);
$("[name=description]").val(data.description);
$(".bannerUrl").attr("src", data.bannerUrl);
if(data.isHome) {
$("[name=isHome]").checked = true;
} else {
$("[name=isHome]").checked = false;
}
$("[name=sellerName]").val(data.sellerName);
$("[name=sellerAddress]").val(data.sellerAddress);
$("[name=sellerPhone]").val(data.sellerPhone);
form.render();
/*UE.getEditor("container").ready(function() {
UE.getEditor("container").setContent(unescape(data.description));
})*/
}
$("[name=title]").val(data.data.title);
UE.getEditor("container").ready(function() {
UE.getEditor("container").setContent(unescape(data.data.content));
})
$("[name=imgurl]").val(data.data.imgurl);
$(".mainpictrue").attr("src", data.data.imgurl).css("margin-top", "15px");
form.render();
}
})
}
//初始化数据
if(activityid > 0){
initData();
//初始化操作
if(id > 0) {
initData()
}
//普通图片上传
//上传操作
upload.render({
elem: '#upload',
url: '/zzhnc/upload/UploadImg',
done: function(data) {
console.log(data)
if(data.code == 0) {
layer.msg("上传成功");
$(".bannerUrl").attr("src", data.data.imgurl);
$("[name=imgurl]").val(data.data.imgurl);
$(".mainpictrue").attr("src", data.data.imgurl).css("margin-top", "15px");
} else {
layer.msg('上传失败');
return layer.msg('上传失败');
}
}
});
//提交
form.on("submit(submit)",function(data){
if(data.field.isHome == "on"){
data.field.isHome = true
}else{
data.field.isHome = false;
form.on('submit(submit)', function(data) {
var title = $("[name=title]").val();
var content = UE.getEditor('container').getContent();
var imgurl = $("[name=imgurl]").val();
if(title == "") {
top.layer.msg("请填写文章标题");
return false;
} else {
if(strlen(title) > 40) {
top.layer.msg("文章标题不超过20个汉字");
return false;
}
}
if(data.field.isHot == "on"){
data.field.isHot = true
}else{
data.field.isHot = false;
if(imgurl == "") {
top.layer.msg("请上传主图");
return false;
}
if(content == "") {
top.layer.msg("请输入内容");
return false;
}
if(id > 0) {
//修改项目
$.post("/zzhnc/article/updateArticle", {
id: id,
title: title,
content: content,
imgurl: imgurl
}, function(data) {
console.log(data);
if(data.code == 0) {
top.layer.msg("修改成功");
} else {
top.layer.msg(data.msg);
}
})
} else {
//添加项目
$.post("/zzhnc/article/addArticle", {
title: title,
content: content,
imgurl: imgurl
}, function(data) {
console.log(data);
if(data.code == 0) {
top.layer.msg("添加成功");
form.render();
} else {
top.layer.msg(data.msg);
}
})
}
data.field.id = activityid;
data.field.bannerUrl = $(".bannerUrl").attr("src");
data.field.imgUrl = $(".bannerUrl").attr("src");
//data.field.content = UE.getEditor('container').getContent();
console.log(data.field);
updateGoods(data.field);
return false;
});
//重置
$(".resetBtn").on("click", function() {
$("[name=title]").val("");
$("[name=content]").val("");
$("[name=imgurl]").val("");
$(".mainpictrue").attr("src", "").css("margin-top", "0");
form.render();
})
//修改方法
function updateGoods(data){
$.post("/zzhnc/goods/update", data, function(res) {
console.log(res);
})
}
})
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
</html>
\ No newline at end of file
WebContent/WEB-INF/jsp/pc/activity/activityList.jsp
......@@ -9,13 +9,6 @@
<title>文章列表</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style>
.imgUrl {
width: 50px;
height: 50px;
display: block;
}
</style>
</head>
<body class="wrap">
......@@ -29,24 +22,18 @@
<a class="layui-btn layui-btn-warm createBtn" href="#"><i class="layui-icon">&#xe61f;</i> 添加文章</a>
</div>
</div>
<table class="layui-table layui-form">
<table class="layui-table">
<thead>
<tr>
<th>No</th>
<th>文章主图</th>
<th>文章标题</th>
<th>文章副标题</th>
<th>商家名称</th>
<th>商家地址</th>
<th>商家电话</th>
<th>是否首页显示</th>
<th style="width: 130px;">主图</th>
<th>标题</th>
<th>更新时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="tablelist">
</tbody>
</table>
<div class="nodata">暂无数据</div>
......@@ -67,14 +54,33 @@
var queryObj = {
page: 1,
size: 10,
pagesize: 5,
keyword: null
};
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
queryObj.keyword = $("[name=keyword]").val();
queryObj.page = 1;
initData(queryObj)
});
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("")
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj)
return false
})
//初始化数据
initData(queryObj);
function initData(queryObj) {
$.get("/zzhnc/article/getArticlesList", queryObj, function(data) {
data = data.data;
console.log(data);
console.log(data)
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
......@@ -85,14 +91,11 @@
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><img class="imgUrl" src="' + data.rows[i].bannerUrl + '" /></td>' +
'<td>' + data.rows[i].name + '</td>' +
'<td>' + data.rows[i].description + '</td>' +
'<td>' + data.rows[i].sellerName + '</td>' +
'<td>' + data.rows[i].sellerAddress + '</td>' +
'<td>' + data.rows[i].sellerPhone + '</td>' +
'<td>' + ' <input type="checkbox" disabled ' + (data.rows[i].isHome ? "checked" : "") + ' lay-skin="switch" lay-text="是|否"></td>' +
'<td><a href="#" class="layui-btn layui-btn-sm updataBtn">修改</a>' +
'<td><img src="' + data.rows[i].imgurl + '" style="width: 100px; height: 100px;" /></td>' +
'<td>' + data.rows[i].title + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' +
'<a href="#" class="layui-btn layui-btn-sm updataBtn">修改</a>' +
'<a href="#" class="layui-btn layui-btn-sm deleteBtn">删除</a>' +
'</td>' +
'</tr>';
......@@ -100,43 +103,24 @@
}
$("#tablelist").html(str);
toNull_G();
form.render();
laypage.render({
elem: 'page',
count: data.totalPages,
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj);
}
}
});
})
}
//初始化数据
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
queryObj.keyword = $("[name=keyword]").val();
queryObj.page = 1;
initData(queryObj)
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj)
return false
})
//添加文章
$(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加文章") > 0) {
......@@ -144,12 +128,11 @@
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/activity/activityEdit?id=0",
href: "/zzhnc/activity/activityEdit",
icon: "fa-cubes",
title: "添加文章"
});
})
//修改文章
$(document).on("click", ".updataBtn", function() {
var id = $(this).parents("tr").attr("data-id");
......@@ -163,12 +146,11 @@
title: "修改文章"
});
})
//删除文章
$(document).on("click", ".deleteBtn", function() {
var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该文章吗？', {
btn: ['确定', '取消']
btn: ['确定', '取消'] //按钮
}, function(index, layero) {
$.get("/zzhnc/article/deleteArticle", {
id: id
......
WebContent/WEB-INF/jsp/pc/activity/activityindex.jsp deleted 100644 → 0
<%@ 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">
<style>
.layui-form-label{
width:100px;
}
.layui-form-item h4{
line-height:40px;
font-size:14px;
color:333;
}
.redpagebox{
padding:10px 100px 0 10px;
}
.redpagebox .layui-input-block{
margin-left:0;
}
.red{
color:red;
margin-right:5px;
}
</style>
<script src="http://cdn.sockjs.org/sockjs-0.3.min.js"></script>
<body class="wrap">
<form class="layui-form" style="margin-top:20px;">
<div style="width:350px;float:left;">
<div class="layui-form-item">
<label for="" class="layui-form-label"><i class="red">*</i>活动开启时间 </label>
<div class="layui-input-inline">
<div class="layui-input-inline">
<!--<input type="text" name="begintime" autocomplete="on" id="stTime" placeholder="- 开始时间 -" class="layui-input" lay-verify="required" onclick="layui.laydate({elem: this,format: 'YYYY-MM-DD hh:mm',istime: true})">-->
<input type="text" name="beginTime" autocomplete="on" id="stTime" placeholder="- 开始时间 -" class="layui-input" lay-verify="required" onclick="layui.laydate({elem: this,format: 'YYYY-MM-DD hh:mm',istime: true,min:laydate.now(-1)})">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>活动状态</label>
<div class="layui-input-inline">
<select name="status" lay-verify="required" disabled>
<option value="0">请选择状态 </option>
<option value="1">未开启 </option>
<option value="2"> 进行中</option>
<option value="3"> 已结束</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>当前轮次</label>
<div class="layui-input-inline">
<input type="number" name="turn" class="layui-input" readonly />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>发放红包预算 </label>
<div class="layui-input-inline">
<input type="number" name="planMny" class="layui-input" lay-verify="required" />
</div>
</div>
</div>
<div style="float:left;">
<div class="layui-form-item">
<label class="layui-form-label">红包活动范围 </label>
<div class="layui-input-inline" >
<input type="text" name="city" class="layui-input" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">红包中奖概率 </label>
<div class="layui-input-inline">
<input type="number" name="lotteryPercent" class="layui-input" lay-verify="required" />
</div>
<div class="layui-input-inline" style="width:20px;padding:9px 0px;">
%
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">已发放红包金额</label>
<div class="layui-input-inline">
<input type="number" name="currentMny" class="layui-input" readonly />
</div>
<div class="layui-form-mid layui-word-aux">提示：(该金额为缓存的已发放金额，每个保存会清零，实际发放金额以抽奖记录为准）</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>红包随机金额 </label>
<div class="layui-input-inline" style="width:100px;">
<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" type="number" name="minMny" class="layui-input" lay-verify="required" min="1">
<!-- <input type="number" name="minMny" class="layui-input" lay-verify="required" min="1"/> -->
</div>
<div class="layui-input-inline" style="width:20px;padding:9px 0px;">
至
</div>
<div class="layui-input-inline" style="width:100px;">
<input type="number" name="maxMny" class="layui-input" lay-verify="required" min="1"/>
</div>
<div class="layui-input-inline" style="width:20px;padding:9px 0px;">
分
</div>
<div class="layui-form-mid layui-word-aux">提示：只能输入正整数</div>
</div>
<div class="layui-form-item redpagebox">
<h4>粉丝输入以下关键字将触发万小二抽奖功能（多个关键字请以“|”分隔）</h4>
<div class="layui-input-block">
<input type="text" name="keyword" class="layui-input" placeholder="万小二|红包|抽奖"/>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>红包活动欢迎语</h4>
<div class="layui-input-block">
<textarea name="replyWelcome" class="layui-textarea" placeholder="小二开工大吉，红包大派送！客官请用“万小二”进行造句，比如“万小二你真美！”、“买房我只找万小二”等，即有机会获得我的开工红包！每人两次机会，come on~让我听见你们的赞美吧！"></textarea>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>不赞美万小二时的提示语(多个请以“|”分隔),不填则仍给抽奖机会</h4>
<div class="layui-input-block">
<input type="text" name="badWordsReply" class="layui-input" placeholder="必须赞美万小二哦"/>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>等待中奖结果提示语</h4>
<div class="layui-input-block">
<input type="text" name="replyWait" class="layui-input" placeholder="小二帮你看看中奖没"/>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>中奖提示语</h4>
<div class="layui-input-block">
<input type="text" name="replySucceed" class="layui-input" placeholder="哇，恭喜你获得先进红包一个"/>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>未中奖提示语</h4>
<div class="layui-input-block">
<input type="text" name="unLotteryReply" class="layui-input" placeholder="不开心，小主人没有中奖呃"/>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>第二次未中奖提示语</h4>
<div class="layui-input-block">
<input type="text" name="replyFailed2" class="layui-input" placeholder="哎呀，你的红包好像被别人抢走了，别泄气，分享小程序给你的好友，让他们也来抢一抢吧！"/>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>活动结束后新粉丝触发抽奖后万小二回复内容</h4>
<div class="layui-input-block">
<input type="text" name="finishReply" class="layui-input" placeholder="本次红包活动已结束，请期待下一次吧。"/>
</div>
</div>
<div class="layui-form-item redpagebox">
<h4>粉丝中奖后，万小二向粉丝推送的红包链接标题</h4>
<div class="layui-input-block">
<input type="text" name="lotteryTitle" class="layui-input" placeholder="恭喜你获得一个微信现金红包"/>
</div>
</div>
<div class="layui-form-item redpagebox" >
<h4>粉丝中奖后，万小二向粉丝推送的红包链接的副标题</h4>
<div class="layui-input-block">
<input type="text" name="lotterySubTitle" class="layui-input" placeholder="请点击领取，即刻到账"/>
</div>
</div>
<div class="layui-form-item redpagebox" >
<h4>粉丝当前轮次已经中奖后，万小二向粉丝回复的内容</h4>
<div class="layui-input-block">
<input type="text" name="noChanceReply" class="layui-input" placeholder="您已经抽过奖啦"/>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label"></label>
<a class="layui-btn" lay-submit="" lay-filter="submit">保存</a>
<button class="layui-btn" lay-submit lay-filter="status2">立即开启活动</button>
<button class="layui-btn" lay-submit lay-filter="status3">立即结束活动</button>
<button class="layui-btn" lay-submit lay-filter="nextround">开启下一轮</button>
</div>
</form>
</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>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage','layedit'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
form.render()
$.post("/zzhnc/activity/getActivitySetting",function(data){
console.log(data);
if(data.code==0){
var lop=(data.data.lotteryPercent);
$("input[name=beginTime]").val(toTime_G(data.data.beginTime));
$("select[name=status]").val(data.data.status);
$("input[name=planMny]").val(data.data.planMny);
$("input[name=currentMny]").val(data.data.currentMny.toFixed(2));
$("input[name=turn]").val(data.data.turn)
$("input[name=city]").val(data.data.city);
$("input[name=lotteryPercent]").val(lop);
$("input[name=minMny]").val(data.data.minMny);
$("input[name=maxMny]").val(data.data.maxMny);
$("input[name=keyword]").val(data.data.keyword);
$("textarea[name=replyWelcome]").val(data.data.replyWelcome);
$("input[name=replyWait]").val(data.data.replyWait);
$("input[name=replySucceed]").val(data.data.replySucceed);
$("input[name=unLotteryReply]").val(data.data.unLotteryReply);
$("input[name=replyFailed2]").val(data.data.replyFailed2);
$("input[name=finishReply]").val(data.data.finishReply);
$("input[name=lotteryTitle]").val(data.data.lotteryTitle);
$("input[name=lotterySubTitle]").val(data.data.lotterySubTitle);
$("input[name=noChanceReply]").val(data.data.noChanceReply);
$("input[name=badWordsReply]").val(data.data.badWordsReply);
form.render();
} else{
top.layer.msg(data.msg);
}
})
form.on('submit(submit)', function(e){
var lop = e.field.lotteryPercent;
e.field.lotteryPercent=lop;
console.log(lop);
//var data_=JSON.stringify(e.field);
var data_=e.field;
$.post("/zzhnc/activity/editActivitySetting",data_,function(data){
console.log(data);
if(data.code==0){
top.layer.msg("修改成功");
} else{
top.layer.msg(data.msg);
}
})
});
//立即开始
form.on('submit(status2)', function(e){
var status=$("select[name=status]").val();
console.log(status)
if(status=="1"){
$.post("/zzhnc/activity/updateActivityStatus",{status:"2"},function(data){
console.log(data);
if(data.code==0){
top.layer.msg("开启活动成功");
} else{
top.layer.msg(data.msg);
}
})
}else{
top.layer.msg("只有未开启的活动才可以开启");
}
});
//立即结束
form.on('submit(status3)', function(e){
var status=$("select[name=status]").val();
if(status=="2"){
$.post("/zzhnc/activity/updateActivityStatus",{status:"3"},function(data){
console.log(data);
if(data.code==0){
top.layer.msg("设置活动结束成功");
} else{
top.layer.msg(data.msg);
}
})
}else{
top.layer.msg("只有进行中的活动可以结束");
}
});
//设置下一轮
form.on('submit(nextround)', function(e){
var status=$("select[name=status]").val();
if(status=="3"){
$.post("/zzhnc/activity/clearActivity",function(data){
console.log(data);
if(data.code==0){
top.layer.msg("开启下一轮成功");
} else{
top.layer.msg(data.msg);
}
})
}else{
top.layer.msg("活动结束后才能开启下一轮");
}
});
})
function toTime_G(v) {
if (v == null || v == "") {
return "";
} else {
var time = new Date(v)
var year = time.getFullYear()
var mon = time.getMonth() + 1;
var day = time.getDate();
var hour = time.getHours();
var min = time.getMinutes();
if (mon < 10) mon = "0" + mon
if (day < 10) day = "0" + day
if (hour < 10) hour = "0" + hour
if (min < 10) min = "0" + min
return year + "-" + mon + "-" + day + " " + hour + ":" + min
}
}
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
</html>
\ No newline at end of file
WebContent/WEB-INF/jsp/pc/autoresponse/autoresponse.jsp
......@@ -8,9 +8,6 @@
<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/Layuiglobal.css">
<link rel="stylesheet" href="/zzhnc/res/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_191348_aee57zbh6jyk3xr.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
......@@ -29,10 +26,10 @@
<table class="layui-table">
<thead>
<tr>
<th style="width: 30px;">No</th>
<th style="min-width:120px;">关键字</th>
<th style="min-width:140px;">回复内容</th>
<th style="min-width:80px;">操作</th>
<th>No</th>
<th>关键字</th>
<th>回复内容</th>
<th>操作</th>
</tr>
</thead>
......@@ -47,18 +44,21 @@
<div class="popupbos">
<div class="layui-form">
<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:250px;">
<input type="text" name="keywords" lay-verify="required" placeholder="关键词" autocomplete="off" id="text1" class="layui-input" value="">
<label class="layui-form-label"><i class="redrequired">*</i>关键词：</label>
<div class="layui-input-block">
<input type="text" name="keywords" lay-verify="required" placeholder="关键词" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">多个关键词请用英文“ | ”分隔</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-word-aux">注：多个关键词请用英文“ | ”分隔</div>
</div>
<div class="layui-form-item layui-form-text Redirectbox">
<label for="" class="layui-form-label"><i style="color:red;margin-right:5px;">*</i>回复内容：</label>
<div class="layui-input-inline" style="width:65%;">
<textarea class="layui-textarea" name="content" lay-verify="required" id="saytext" placeholder="请输入内容" style="height:100px;"></textarea>
<div class="layui-form-item">
<label class="layui-form-label"><i class="redrequired">*</i>回复内容：</label>
<div class="layui-input-block">
<textarea class="layui-textarea" name="content" lay-verify="required" placeholder="请输入内容" style="height:150px; "></textarea>
</div>
<div class="layui-form-mid layui-word-aux " style="margin-left:150px;">注: 活动结束或过期后会自动停止推送</div>
</div>
</div>
</div>
......@@ -67,10 +67,9 @@
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
layui.use(['form', 'element', 'layer', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
......@@ -90,8 +89,10 @@
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
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>' +
......@@ -167,7 +168,7 @@
layer.open({
type: 1,
title: '添加关键字',
area: ["650px", "450px"],
area: ["550px", "400px"],
content: $(".popupbox"),
btnAlign: "c",
btn: ["提交", "取消"],
......@@ -213,7 +214,7 @@
layer.open({
type: 1,
title: '修改关键字',
area: ["650px", "450px"],
area: ["550px", "400px"],
content: $(".popupbox"),
btnAlign: "c",
btn: ["提交", "取消"],
......
WebContent/WEB-INF/jsp/pc/banner/bannerList.jsp
......@@ -50,8 +50,8 @@
<div class="nodata">暂无banner图，请上传banner图片。</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 src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['table', 'upload', 'layer'], function() {
var table = layui.table,
......@@ -92,14 +92,17 @@
elem: '.uploadImg',
method: 'post',
done: function(res) {
console.log(res)
if(res.code == 0) {
$.post("/zzhnc/banner/add", {
url: res.data
url: res.data.imgurl
}, function(res) {
console.log(res)
if(res.code == 0) {
layer.msg("添加成功！")
layer.msg("添加成功")
initData()
}else{
layer.msg("添加失败")
}
})
}
......
WebContent/WEB-INF/jsp/pc/goods/goodsEdit.jsp
......@@ -10,55 +10,36 @@
<title>商品编辑</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style type="text/css">
.red {
color: red;
margin-right: 5px;
}
.layui-form-label {
width: 100px;
}
#container {
margin-left: 20px;
}
.bannerUrl {
width: 200px;
height: 200px;
}
</style>
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商品主标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>商品标题</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="name" placeholder="商品主标题" class="layui-input">
<input type="text" name="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 class="red">*</i>商品副标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>上传主图</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="description" placeholder="商品副标题" class="layui-input">
<div class="layui-upload">
<button type="button" class="layui-btn" id="upload">上传主图</button>
<span class="layui-form-mid layui-word-aux">建议尺寸：200*200</span>
<div class="layui-upload-list">
<img class="layui-upload-img mainpictrue" src="">
<input type="text" style="display:none;" name="bannerUrl">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商品主图</label>
<div class="layui-input-block">
<img class="bannerUrl" />
<button type="button" class="layui-btn" id="upload">上传商品主图</button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商品原价</label>
<label class="layui-form-label"><i class="redrequired">*</i>商品原价</label>
<div class="layui-input-inline" style="width: 100px;">
<input type="number" name="primePrice" placeholder="商品原价" class="layui-input">
</div>
<div class="layui-form-mid">元</div>
<label class="layui-form-label"><i class="red">*</i>商品现价</label>
<label class="layui-form-label"><i class="redrequired">*</i>商品现价</label>
<div class="layui-input-inline" style="width: 100px;">
<input type="number" name="price" placeholder="商品现价" class="layui-input">
</div>
......@@ -75,31 +56,29 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家名称</label>
<label class="layui-form-label"><i class="redrequired">*</i>商家名称</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerName" placeholder="商家名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家店铺号</label>
<label class="layui-form-label"><i class="redrequired">*</i>商家店铺号</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerAddress" placeholder="商家店铺号" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家电话</label>
<div class="layui-input-inline" style="width: 390px;">
<label class="layui-form-label"><i class="redrequired">*</i>商家电话</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerPhone" placeholder="商家电话" class="layui-input">
</div>
</div>
<!--<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>详细信息</label>
<div class="layui-input-block">
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<div class="layui-form-item">
<label class="layui-form-label">商品详情</label>
<div class="layui-input-block" style="margin-left: 130px;">
<textarea name="description" placeholder="商品详情" class="layui-textarea"></textarea>
</div>
</div> -->
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block">
......@@ -112,25 +91,7 @@
<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 type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>-->
<script>
/*window.onload = function() {
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if(action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
return '/zzhnc/upload/NewUploadImg';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
window.UEDITOR_CONFIG.initialFrameWidth = 900;
window.UEDITOR_CONFIG.initialFrameHeight = 600;
var ue = UE.getEditor('container', {
autoHeight: false
});
}*/
layui.use(['form', 'element', 'layer', 'upload'], function() {
var form = layui.form,
element = layui.element,
......@@ -149,7 +110,8 @@
var data = data.data.rows[0];
$("[name=name]").val(data.name);
$("[name=description]").val(data.description);
$(".bannerUrl").attr("src", data.bannerUrl);
$(".mainpictrue").attr("src", data.bannerUrl).css("margin-top", "15px");
$("[name=bannerUrl]").val(data.bannerUrl);
$("[name=primePrice]").val(data.primePrice);
$("[name=price]").val(data.price);
if(data.isHome) {
......@@ -165,25 +127,21 @@
$("[name=sellerName]").val(data.sellerName);
$("[name=sellerAddress]").val(data.sellerAddress);
$("[name=sellerPhone]").val(data.sellerPhone);
form.render();
/*UE.getEditor("container").ready(function() {
UE.getEditor("container").setContent(unescape(data.description));
})*/
}
} else {
layer.msg("获取信息失败");
}
})
}
//初始化数据
if(goodsid > 0){
initData();
if(goodsid > 0) {
initData();
}
//普通图片上传
//上传操作
upload.render({
elem: '#upload',
url: '/zzhnc/upload/UploadImg',
......@@ -191,28 +149,29 @@
console.log(data)
if(data.code == 0) {
layer.msg("上传成功");
$(".bannerUrl").attr("src", data.data.imgurl);
$("[name=bannerUrl]").val(data.data.imgurl);
$(".mainpictrue").attr("src", data.data.imgurl).css("margin-top", "15px");
} else {
layer.msg('上传失败');
}
}
});
//提交
form.on("submit(submit)", function(data){
form.on("submit(submit)", function(data) {
var isHome, isHot = false;
if(data.field.isHome == "on"){
if(data.field.isHome == "on") {
isHome = true
}
if(data.field.isHot == "on"){
if(data.field.isHot == "on") {
isHot = true
}
var submitData = {
id: parseInt(goodsid,10),
id: parseInt(goodsid, 10),
name: data.field.name,
description: data.field.description,
bannerUrl: $(".bannerUrl").attr("src"),
imgUrl: $(".bannerUrl").attr("src"),
bannerUrl: $("[name=bannerUrl]").val(),
imgUrl: $("[name=bannerUrl]").val(),
isHome: isHome,
isHot: isHot,
primePrice: data.field.primePrice,
......@@ -222,28 +181,38 @@
sellerAddress: data.field.sellerAddress,
sellerPhone: data.field.sellerPhone
};
//data.field.content = UE.getEditor('container').getContent();
$.ajax({
type: 'POST',
url: '/zzhnc/goods/update',
dataType: 'json',
async: true,
contentType: "application/json;charset=UTF-8",
data: JSON.stringify(submitData),
success: function(data){
layer.msg('操作成功');
},
error: function(xhr, type){
layer.msg('操作失败');
}
type: 'POST',
url: '/zzhnc/goods/update',
dataType: 'json',
async: true,
contentType: "application/json;charset=UTF-8",
data: JSON.stringify(submitData),
success: function(data) {
layer.msg('操作成功');
},
error: function(xhr, type) {
layer.msg('操作失败');
}
});
return false;
})
//修改方法
function updateGoods(data){
}
//重置
$(".resetBtn").on("click", function() {
$("[name=name]").val("");
$("[name=description]").val("");
$("[name=bannerUrl]").val("");
$(".mainpictrue").attr("src", "").css("margin-top", "0");
$("[name=isHome]").val("on");
$("[name=isHot]").val("on");
$("[name=primePrice]").val("");
$("[name=price]").val("");
$("[name=sellerName]").val("");
$("[name=sellerAddress]").val("");
$("[name=sellerPhone]").val("");
form.render();
})
})
</script>
......
WebContent/WEB-INF/jsp/pc/goods/goodsList.jsp
......@@ -9,20 +9,13 @@
<title>商品列表</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style>
.imgUrl {
width: 50px;
height: 50px;
display: block;
}
</style>
</head>
<body class="wrap">
<div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline">
<input type="text" class="layui-input" name="keyword" placeholder="关键字" />
<input type="text" class="layui-input" name="key" placeholder="关键字" />
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary resetBtn">重置</button>
......@@ -60,17 +53,17 @@
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
layui.use(['form', 'element', 'layer', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var queryObj = {
page: 1,
size: 10,
sellerId: 0
sellerId: 0,
key: null
};
function initData(queryObj) {
......@@ -78,11 +71,14 @@
data = data.data;
console.log(data)
$("#tablelist").html("");
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
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>' +
......@@ -100,13 +96,11 @@
'</td>' +
'</tr>';
}
$("#tablelist").html(str);
toNull_G();
form.render();
}
$("#tablelist").html(str);
toNull_G();
form.render();
laypage.render({
elem: 'page',
count: data.totalPages,
......@@ -126,16 +120,16 @@
//查询
form.on('submit(querybtn)', function(data) {
queryObj.keyword = $("[name=keyword]").val();
queryObj.key = $("[name=key]").val();
queryObj.page = 1;
initData(queryObj)
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
$("[name=key]").val("");
queryObj.page = 1;
queryObj.sellerId = 0;
queryObj.key = null;
initData(queryObj)
return false
})
......@@ -178,11 +172,11 @@
}, function(data) {
console.log(data)
if(data.code == 0) {
top.layer.msg("删除成功");
layer.msg("删除成功");
initData(queryObj);
layer.close(index);
} else {
top.layer.msg(data.msg);
layer.msg(data.msg);
}
})
......
WebContent/WEB-INF/jsp/pc/index.jsp
......@@ -9,30 +9,10 @@
<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/Layuiglobal.css">
<link rel="stylesheet" href="/zzhnc/res/css/layout.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_450595_ifme6z69cizwu3di.css">
<script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script>
<style>
.container {
padding: 16px;
}
.layui-nav-tree .layui-nav-more {
right: 30px;
}
.layui-layout-admin .site-demo-body {
top: 70px;
}
.layui-layout-admin .layui-side{
top: 70px;
}
.layui-layout-admin .header-demo {
border: none;
}
#chromeTip {
position: fixed;
top: 0;
......@@ -81,16 +61,6 @@
margin-top: 10px;
}
</style>
<script>
/* $(function(){
var tipObj = document.getElementById('chromeTip');
if(tipObj){
if( navigator.userAgent.indexOf('Chrome') == -1 || navigator.userAgent.indexOf('Edge') != -1){
tipObj.style.display = 'block';
}
}
}) */
</script>
</head>
<body>
......@@ -106,7 +76,6 @@
<div class="layui-main">
<div class="admin-login-box">
<a class="logo">
<img src="/zzhnc/res/images/logo.png" />
</a>
<div class="admin-side-toggle">
......@@ -152,62 +121,42 @@
</div>
<div class="site-mobile-shade"></div>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script src="/zzhnc/res/js/navbar.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/plugins/datas/nav.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/navbar.js"></script>
<script src="/zzhnc/res/plugins/datas/nav.js"></script>
<script src="/zzhnc/res/js/index.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['element', 'layer'], function() {
var element = layui.element,
layer = layui.layer;
$(".fa-dashboard").on("click", function() {
if($(this).attr("lay-id") == "0") {
var src = $("iframe[data-id='0']")[0].src;
window.parent.location.reload(src)
}
})
});
var cookie = "Th_xc_30b679eb2c90c60ff8679ce4ca562fcc";
function setCookie(name, value) {
var Days = 0;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";
}
var merchantid = null;
layui.use('layer', function() {
var $ = layui.jquery;
var layer = layui.layer;
var cookie = "Th_xc_30b679eb2c90c60ff8679ce4ca562fcc";
var globalNum = {
account: '',
phone: '',
nickname: ''
};
function setCookie(name, value) {
var Days = 0;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";
}
//退出
$(".signOut").click(function() {
$.post("/zzhnc/exit", function(data) {
if(data.code == 0) {
//setCookie(cookie, "");
location.href = "/zzhnc"
}
});
location.href = "/zzhnc"
})
// 初始化
function init() {
}
init();
})
});
</script>
</div>
</body>
......
WebContent/WEB-INF/jsp/pc/prize/prizeList.jsp
......@@ -12,7 +12,6 @@
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style>
.layui-form-label {
width: 100px;
height: 28px;
line-height: 28px;
padding: 5px 15px;
......@@ -22,27 +21,22 @@
margin: 0;
}
.redpagebox .layui-form-label {
.tipbox .layui-form-label {
display: block;
width: 100%;
text-align: left;
}
.redpagebox .layui-input-block {
.tipbox .layui-input-block {
margin-left: 0;
}
.red {
color: red;
margin-right: 5px;
}
</style>
<body class="wrap">
<form class="layui-form">
<blockquote class="layui-elem-quote">抽奖基本信息</blockquote>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>活动开启时间 </label>
<label class="layui-form-label"><i class="redrequired">*</i>活动开启时间 </label>
<div class="layui-input-inline">
<div class="layui-input-inline">
<input type="text" name="beginTime" autocomplete="on" id="stTime" placeholder="- 开始时间 -" class="layui-input" lay-verify="required" onclick="layui.laydate({elem: this,format: 'YYYY-MM-DD hh:mm',istime: true,min:laydate.now(-1)})">
......@@ -50,7 +44,7 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>活动状态</label>
<label class="layui-form-label"><i class="redrequired">*</i>活动状态</label>
<div class="layui-input-inline">
<select name="status" lay-verify="required" disabled>
<option value="0">请选择状态 </option>
......@@ -61,13 +55,13 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>当前轮次</label>
<label class="layui-form-label"><i class="redrequired">*</i>当前轮次</label>
<div class="layui-input-inline">
<input type="number" name="turn" class="layui-input" readonly />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>发放红包预算 </label>
<label class="layui-form-label"><i class="redrequired">*</i>发放红包预算 </label>
<div class="layui-input-inline">
<input type="number" name="planMny" class="layui-input" lay-verify="required" />
</div>
......@@ -239,75 +233,75 @@
</fieldset>
</div>
<blockquote class="layui-elem-quote">提示语设置</blockquote>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝输入以下关键字将触发抽奖功能（多个关键字请以“|”分隔）</label>
<div class="layui-input-block">
<input type="text" name="keyword" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">红包活动欢迎语</label>
<div class="layui-input-block">
<textarea name="replyWelcome" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">提示语(多个请以“|”分隔), 不填则仍给抽奖机会</label>
<div class="layui-input-block">
<input type="text" name="badWordsReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">等待中奖结果提示语</label>
<div class="layui-input-block">
<input type="text" name="replyWait" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">中奖提示语</label>
<div class="layui-input-block">
<input type="text" name="replySucceed" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">未中奖提示语</label>
<div class="layui-input-block">
<input type="text" name="unLotteryReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">第二次未中奖提示语</label>
<div class="layui-input-block">
<input type="text" name="replyFailed2" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">活动结束后新粉丝触发抽奖提示语</label>
<div class="layui-input-block">
<input type="text" name="finishReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝中奖后，向粉丝推送的红包链接标题</label>
<div class="layui-input-block">
<input type="text" name="lotteryTitle" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝中奖后，向粉丝推送的红包链接的副标题</label>
<div class="layui-input-block">
<input type="text" name="lotterySubTitle" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝当前轮次已经中奖后，向粉丝回复的内容</label>
<div class="layui-input-block">
<input type="text" name="noChanceReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item layui-form-text">
<div class="layui-form-item">
<label class="layui-form-label"></label>
<a class="layui-btn" lay-submit="" lay-filter="submit">保存</a>
<a class="layui-btn" lay-submit lay-filter="submit">保存</a>
<button class="layui-btn" lay-submit lay-filter="status2">立即开启活动</button>
<button class="layui-btn" lay-submit lay-filter="status3">立即结束活动</button>
<button class="layui-btn" lay-submit lay-filter="nextround">开启下一轮</button>
......@@ -316,10 +310,10 @@
</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 src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage', 'layedit'], function() {
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laydate = layui.laydate,
......
WebContent/WEB-INF/jsp/pc/report/fans.jsp
......@@ -13,8 +13,8 @@
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline" style="width: 150px;">
<div class="layui-form-item searchbox">
<div class="layui-input-inline">
<input class="layui-input" name="keyword" placeholder="关键字" />
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
......@@ -24,66 +24,50 @@
<table class="layui-table">
<thead>
<tr>
<th style="width:30px;">No</th>
<th style="min-width:120px;">头像昵称</th>
<th style="width:160px;">地区</th>
<th style="min-width:80px;">上级粉丝</th>
<th style="min-width:60px;">销售人员</th>
<th style="min-width:60px;">小程序 openid</th>
<th style="min-width:80px;">创建时间</th>
<th style="min-width:80px;">上次登录时间</th>
<th>No</th>
<th>头像昵称</th>
<th>地区</th>
<th>上级粉丝</th>
<th>小程序 openid</th>
<th>创建时间</th>
<th>上次登录时间</th>
</tr>
</thead>
<tbody id="fanslist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div class="nodata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
layui.use(['form', 'element', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laypage = layui.laypage;
var page = 1,
keyword = ""
var queryObj = {
page: 1,
pagesize: 10,
keyword: null
};
//初始化数据
initData(page, keyword)
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
//初始化方法
function initData(queryObj) {
$.post("/zzhnc/report/getFansList", queryObj, function(res) {
data = res.data;
console.log(data)
data = data.data;
laypage({
cont: 'page',
pages: data.totalPages,
curr: page,
skip: true,
jump: function(obj, first) {
if(!first) {
page = obj.curr
initData(page, keyword)
}
}
});
$("#fanslist").html("")
if(data.rows.length > 0) {
$(".nulldata").hide();
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
var str = "";
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
......@@ -96,13 +80,11 @@
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>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
......@@ -110,35 +92,44 @@
}
$("#fanslist").html(str)
toNull_G();
} else {
$(".nulldata").show()
return false;
laypage.render({
elem: 'page',
count: data.totalPages,
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj)
}
}
});
}
})
}
//初始化数据
initData(queryObj)
//查询操作
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
queryObj.page = 1;
queryObj.keyword = e.field.keyword;
initData(queryObj)
return false
})
//重置操作
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj)
return false
})
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
......
WebContent/WEB-INF/jsp/pc/report/goods.jsp
......@@ -6,85 +6,80 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>商品报表</title>
<title>抽奖记录</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.floatR {
float: right;
line-height: 36px;
padding-right: 40px;
}
.floatR span {
color: red;
font-size: 1.4em;
}
</style>
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline" style="width: 150px;">
<input class="layui-input" name="keyword" placeholder="关键字" />
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-input-inline">
<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" lay-submit lay-filter="resetbtn">重置</button>
<button class="layui-btn layui-btn-primary resetBtn" type="reset">重置</button>
</div>
</form>
</div>
<table class="layui-table">
<thead>
<tr>
<th style="width:30px;">No</th>
<th style="min-width:120px;">头像昵称</th>
<th style="width:160px;">地区</th>
<th style="min-width:80px;">上级粉丝</th>
<th style="min-width:60px;">销售人员</th>
<th style="min-width:60px;">小程序 openid</th>
<th style="min-width:80px;">创建时间</th>
<th style="min-width:80px;">上次登录时间</th>
<th>No</th>
<th>商品主图</th>
<th>商品标题</th>
<th>转发数</th>
<th>浏览数</th>
</tr>
</thead>
<tbody id="fanslist">
<tbody id="tablelist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div class="nodata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
layui.use(['form', 'element', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laypage = layui.laypage;
var page = 1,
keyword = ""
//初始化数据
initData(page, keyword)
//查询条件
var queryObj = {
page: 1,
pagesize: 10,
keyword: null
}
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data)
//初始化方法
function initData(queryObj) {
$.post("/zzhnc/activity/getLotteryLogList", queryObj, 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)
}
}
});
$("#fanslist").html("")
if(data.rows.length > 0) {
$(".nulldata").hide();
var str = "";
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
if((data.rows[i].nickname == null || data.rows[i].nickname == "") && (data.rows[i].logo == null || data.rows[i].logo == "")) {
......@@ -96,55 +91,53 @@
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>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + data.rows[i].turn + '</td>' +
'<td>' + nick + '</td>' +
'<td>' + data.rows[i].mny + '元</td>' +
'<td>' + data.rows[i].name + '元</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
'</tr>'
'</tr>';
}
$("#fanslist").html(str)
toNull_G();
} else {
$(".nulldata").show()
return false;
}
})
}
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
return false
})
$("#tablelist").html(str);
toNull_G();
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
return false
})
laypage.render({
elem: 'page',
count: data.totalPages, //总页数
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj);
}
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
});
})
}
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
var d = data.district || ""
return !!(p + c + d) ? (p + c + d) : "未知城市"
}
//初始化数据
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
queryObj.page = 1;
queryObj.keyword = $("[name=keyword]").val();
initData(queryObj);
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj);
})
})
</script>
......
WebContent/WEB-INF/jsp/pc/report/prize.jsp
......@@ -10,81 +10,93 @@
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.floatR {
float: right;
line-height: 36px;
padding-right: 40px;
}
.floatR span {
color: red;
font-size: 1.4em;
}
</style>
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline" style="width: 150px;">
<input class="layui-input" name="keyword" placeholder="关键字" />
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-input-inline" style="width: 140px;">
<input type="number" class="layui-input" name="turn" placeholder="轮次（数字）" />
</div>
<div class="layui-input-inline" style="width: 140px;">
<select name="status">
<option value="">请选择</option>
<option value="100">全部</option>
<option value="0">未中奖</option>
<option value="1">中奖</option>
</select>
</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" lay-submit lay-filter="resetbtn">重置</button>
<button class="layui-btn layui-btn-primary resetBtn" type="reset">重置</button>
<div class="floatR">已中奖金额：<span id="moneySum"></span>元</div>
</div>
</form>
</div>
<table class="layui-table">
<thead>
<tr>
<th style="width:30px;">No</th>
<th style="min-width:120px;">头像昵称</th>
<th style="width:160px;">地区</th>
<th style="min-width:80px;">上级粉丝</th>
<th style="min-width:60px;">销售人员</th>
<th style="min-width:60px;">小程序 openid</th>
<th style="min-width:80px;">创建时间</th>
<th style="min-width:80px;">上次登录时间</th>
<th>No</th>
<th>轮次</th>
<th>中奖人员</th>
<th>红包</th>
<th>礼品</th>
<th>时间 </th>
</tr>
</thead>
<tbody id="fanslist">
<tbody id="tablelist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div class="nodata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
layui.use(['form', 'element', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laypage = layui.laypage;
var page = 1,
keyword = ""
//初始化数据
initData(page, keyword)
//查询条件
var queryObj = {
page: 1,
pagesize: 10,
turn: 0,
status: null,
keyword: null
}
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data)
//初始化方法
function initData(queryObj) {
$.post("/zzhnc/activity/getLotteryLogList", queryObj, function(data) {
data = data.data;
$('#moneySum').text(data.sum)
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)
}
}
});
$("#fanslist").html("")
if(data.rows.length > 0) {
$(".nulldata").hide();
var str = "";
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
if((data.rows[i].nickname == null || data.rows[i].nickname == "") && (data.rows[i].logo == null || data.rows[i].logo == "")) {
......@@ -96,55 +108,61 @@
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>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + data.rows[i].turn + '</td>' +
'<td>' + nick + '</td>' +
'<td>' + data.rows[i].mny + '元</td>' +
'<td>' + data.rows[i].name + '元</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
'</tr>'
'</tr>';
}
$("#fanslist").html(str)
toNull_G();
} else {
$(".nulldata").show()
return false;
}
})
}
$("#tablelist").html(str);
toNull_G();
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
return false
})
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
return false
})
laypage.render({
elem: 'page',
count: data.totalPages, //总页数
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj);
}
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
});
})
}
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
var d = data.district || ""
return !!(p + c + d) ? (p + c + d) : "未知城市"
}
//初始化数据
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
console.log(data.field)
queryObj = data.field;
queryObj.page = 1;
queryObj.keyword = $("[name=keyword]").val();
queryObj.turn = $("[name=turn]").val();
queryObj.status = (queryObj.status == 100 ? "" : queryObj.status)
initData(queryObj);
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
$("[name=turn]").val("");
$('[name=status]').val("")
queryObj.turn = null;
queryObj.keyword = null;
queryObj.status = null
form.render();
initData(queryObj);
})
})
</script>
......
WebContent/WEB-INF/res/authRedirect.html deleted 100644 → 0
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/Layuiglobal.css">
<style>
h4 {
border-bottom: 1px solid #eee;
line-height: 40px;
padding-left: 20px;
}
.accredittrue,.accreditfalse {
text-align: center;
margin-top: 60px;
display: none;
}
.wxblock {
border: 1px solid #43c2af;
border-radius: 10px;
width: 680px;
height: 380px;
}
.succbck {
background: url(../../res/images/succ1.png) no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}
.failbck {
background: url(../../res/images/fail1.png) no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}
.result {
display: inline-block;
margin-top: 70px;
}
.result i {
width: 40px;
height: 40px;
float: left;
margin-right: 10px;
display: inline-block;
}
.result span {
color: #0088CC;
line-height: 40px;
font-size: 20px;
float: left;
font-weight: bold;
}
.wxblock {
overflow: hidden;
border: 1px solid #ccc;
text-align: center;
margin: 40px auto;
}
h4 {
line-height: 40px;
}
h4 i {
font-size: 30px;
margin-right: 10px;
}
</style>
</head>
<body>
<h4>
<i class="layui-icon">&#xe620;</i>微信号配置
</h4>
<section class="wxblock">
<div class="accredittrue">
<p class="result">
<i class="succbck"></i><span>授权成功!</span>
</p>
</div>
<div class="accreditfalse" style="display: none;">
<p class="result">
<i class="failbck"></i><span class="failtxt">授权失败!</span>
</p>
</div>
</section>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script type="text/javascript" src="/zzhnc/res/js/jquery.qqFace.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use([ 'layer', 'element' ], function() {
var element = layui.element;
var layer = layui.layer //初始化弹窗组件
var timer;//声明一个定时器
var loadurl = window.location.href;
console.log(loadurl);
var arr = loadurl.split("auth_code=");
var url = arr[1];
console.log(url);
var arr1 = url.split("&expires_in");
console.log(arr1[0], arr1[1]);
var auth_code = arr1[0];
console.log(auth_code);
function publik() {
$.post("../wx/getAuthAuthorization", {
auth_code : auth_code,
merchantId: 1
}, function(data) {
console.log(data);
if (data.code == 0) {
$(".accredittrue").show();
$(".accreditfalse").hide();
} else {
$(".accreditfalse").hide();
$(".failtxt").html(data.msg);
$(".accredittrue").show();
}
})
}
publik();
})
</script>
</html>
WebContent/WEB-INF/res/css/basic.css
@charset "UTF-8";
/*----------------登录页面-----------------*/
.loginblock {
......@@ -87,28 +88,74 @@
/*-----------登录页面 end-----------*/
/*-----------公共样式-----------*/
.wrap {
padding: 16px;
}
.nodata{
text-align: center;
height: 100px;
.nodata {
text-align: center;
height: 100px;
line-height: 100px;
display: none;
}
.redrequired {
color: #ff0000;
margin-right: 5px;
}
.layui-code, .layui-upload-list{
margin: 0;
}
.layui-upload-list {
width: 200px;
max-height: 200px;
overflow: hidden;
clear: both;
}
.layui-upload-list img {
width: 100%;
border-radius: 4px;
}
.layui-table td,
.layui-table th {
text-align: center;
}
.layui-form-label {
width: 100px;
}
.imgUrl {
width: 50px;
height: 50px;
}
#upload{
float: left;
margin-right: 10px;
}
/*-----------公共样式 end-----------*/
/*-------------弹出框-------------*/
.popupbox {
width: 100%;
}
.popupbos {
background-color: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
width: 100%;
margin: auto;
padding-top: 20px;
padding: 16px 26px 16px 16px;
box-sizing: border-box;
}
.popupbos p {
......@@ -118,15 +165,16 @@
margin-bottom: 40px;
color: #666;
}
.popupbox .layui-form-label {
width: 126px;
.popupbos .layui-form-label{
width: 90px;
padding: 9px 0;
}
.layui-table td, .layui-table th{
text-align: center;
.popupbos .layui-input-block{
margin-left: 90px;
}
.popupbos .layui-form-mid{
padding: 0!important;
}
/*-------------弹出框 end-------------*/
/*-------------弹出框 end-------------*/
\ No newline at end of file
WebContent/WEB-INF/res/css/fansInfo.css deleted 100644 → 0
#fansInfoBox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #efefef;
z-index: 100000000;
display: none;
align-items: center;
color: #333;
}
#fansInfoBox .section {
padding: 10px 20px;
/* border: 1px solid #999; */
background-color: #fff;
margin: 10px 0;
}
#fansInfoBox .flexBox {
display: flex;
}
#fansInfoBox .userLogo {
width: 70px;
height: 70px;
border-radius: 4px;
}
#fansInfoBox .userLogo img {
width: 100%;
height: 100%;
}
#fansInfoBox .userInfo {
flex: 1;
}
#fansInfoBox .userInfo>p:first-child {
margin-bottom: 12px;
padding-left: 10px;
box-sizing: border-box;
}
#fansInfoBox .labels span {
background-color: #b50005;
color: #fff;
font-size: 0.8em;
padding: 1px 8px;
margin: 2px;
display: inline-block;
}
#fansInfoBox .noteStyle {
margin-top: 4px;
font-size: 0.9em;
color: #666;
}
#fansInfoBox .noteStyle>div:first-child {
width: 80px;
padding-left: 10px;
box-sizing: border-box;
}
#fansInfoBox .labels {
flex: 1;
}
#fansInfoBox .labelTitle {
width: 80px;
}
#fansInfoBox .subSection {
padding: 10px 0;
border-bottom: 1px solid #eee;
}
#fansInfoBox .editStyle {
justify-content: space-between;
}
#fansInfoBox .editStyle .iconfont {
color: #333;
font-size: 1.2em;
}
#fansInfoBox textarea {
width: 100%;
height: 80px;
margin-top: 20px;
border-radius: 6px;
resize: none;
padding: 10px;
box-sizing: border-box;
background: none;
border: 1px solid #eee;
outline: none;
-webkit-appearance: none;
}
#fansInfoBox .btnBox {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
margin-top: 40px;
}
#fansInfoBox button {
background: none;
border: none;
background-color: #b50005;
color: #fff;
width: 100%;
height: 40px;
border-radius: 2px;
font-size: 14px;
}
#fansInfoBox #closeLabelFn {
background-color: #fff;
margin-top: 10px;
color: #b50005;
}
#fansInfoBox .editLabels {
display: flex;
justify-content: space-between;
display: none;
}
#fansInfoBox .editLabels input {
flex: 1;
height: 100%;
border: 1px solid #eee;
margin-right: 8px;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
}
#fansInfoBox .editLabels .iconfont {
color: #b50005;
}
#fansInfoBox .telValue,
#fansInfoBox .nameValue {
width: 100%;
border: none;
background: none;
font-size: 1em;
padding: 0;
color: #333;
}
#fansInfoBox .fansInfoBox_label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
display: none;
box-sizing: border-box;
}
#fansInfoBox .fansInfoBox_label .labelConent {
background-color: #fff;
padding: 10px;
border-bottom: 1px solid #ccc;
}
#fansInfoBox .fansInfoBox_label .tagInput {
display: flex;
}
#fansInfoBox .fansInfoBox_label .tagInput input {
height: 24px;
border: 1px solid #eee;
box-sizing: border-box;
padding-left: 10px;
flex: 1;
}
#fansInfoBox .fansInfoBox_label .tagInput .addTag {
width: 50px;
height: 24px;
font-size: 12px;
margin-left: 10px;
}
#fansInfoBox .fansInfoBox_label .userTags {
margin-bottom: 10px;
background-color: #fff;
}
#fansInfoBox .fansInfoBox_label .userTags span,
.tagListBox span {
border: 1px solid rgba(181, 0, 5, 0.4);
border-radius: 20px;
color: #b50005;
font-size: 0.8em;
padding: 2px 8px;
margin: 2px;
margin-top: 10px;
display: inline-block;
}
#fansInfoBox .fansInfoBox_label .tagHistory span.unSelect {
color: rgba(181, 0, 5, 0.4);
border: 1px solid #aaa;
}
#fansInfoBox .tagHistory {
padding: 10px;
box-sizing: border-box;
}
#fansInfoBox .tagHistory .title {
color: #999;
}
#fansInfoBox .tagListBox {
margin-top: 10px;
}
#fansInfoBox .saveTagBtnBox {
padding: 10px;
box-sizing: border-box;
margin-top: 50px;
}
#fansInfoBox .saveTagBtnBox .close {
background-color: #fff;
color: #b50005;
margin-top: 10px;
}
\ No newline at end of file
WebContent/WEB-INF/res/css/fansInfoQuery.css deleted 100644 → 0
#queryFansBox {
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 100000000;
display: none;
}
.queryBtn {
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 20px;
}
.qeruySection {
width: 100%;
height: 46px;
background-color: #efefef;
display: flex;
padding: 8px;
box-sizing: border-box;
}
.qeruySection>div:first-child {
background-color: #fff;
height: 30px;
padding-left: 20px;
border-radius: 4px;
flex: 1;
}
.qeruySection>div:first-child>div {
margin-top: 5px;
height: 20px;
position: relative;
/* background-color: red; */
}
.qeruySection>div:nth-child(2) {
width: 50px;
text-align: center;
height: 30px;
line-height: 30px;
}
.qeruySection>div:nth-child(2) .icon-duihao {
color: #1AAD19;
display: none;
}
.qeruySection>div:nth-child(2) button {
background: none;
border: none;
color: #1AAD19;
height: 30px;
}
.qeruySection>div:first-child .iconfont {
color: #999;
font-size: 14px;
}
#queryFansBox input {
outline: none;
-webkit-appearance: none;
border: none;
background: none;
height: 100%;
width: calc(100% - 38px);
}
.queryLabelsBox {
padding: 20px;
}
.queryLabelsBox .title {
text-align: center;
color: #999;
font-size: 14px;
}
.qeruySection .icon-guanbi {
position: absolute;
right: 10px;
top: 0;
font-size: 18px;
display: none;
}
.queryLabelsBox .labelsList span {
border: 1px solid #1AAD19;
border-radius: 20px;
color: #1AAD19;
font-size: 0.8em;
padding: 2px 8px;
margin: 6px;
margin-top: 10px;
display: inline-block;
}
.queryFansItemBox {
display: flex;
padding: 10px 20px;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.queryFansItemBox .userLogo {
width: 36px;
height: 36px;
border-radius: 50%;
}
.queryFansItemBox .content {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .content p {
padding-left: 10px;
}
.queryFansItemBox .content p:nth-child(2) {
color: #999;
font-size: 0.8em;
margin-top: 6px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .lastTime {
color: #999;
font-size: 0.8em;
}
\ No newline at end of file
WebContent/WEB-INF/res/css/layim.css deleted 100644 → 0
/** layui-v2.1.5 MIT License By http://www.layui.com */
.layim-tab-content li h5,.layui-layim-list li{border-bottom:1px solid #f2f2f2;cursor:pointer}html #layuicss-skinlayim-mobilecss{display:none;position:absolute;width:1989px}.layim-tab-content li h5 *,.layui-layim-skin li,.layui-layim-tab li,.layui-layim-tool li{display:inline-block;vertical-align:top;*zoom:1;*display:inline}.layim-tab-content li h5 span,.layui-layim-list li p,.layui-layim-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-layim-tab{position:absolute;bottom:0;left:0;right:0;height:50px;border-top:1px solid #f2f2f2;background-color:#fff}.layui-layim-tab li{position:relative;width:33.33%;height:50px;text-align:center;color:#666;color:rgba(0,0,0,.6);cursor:pointer}.layui-layim-tab li .layui-icon{position:relative;top:7px;font-size:25px}.layui-layim-tab li span{position:relative;bottom:-3px;display:block;font-size:12px}.layui-layim-tab li[lay-type=more] .layui-icon{top:4px;font-size:22px}.layui-layim-tab li.layim-this{color:#3FDD86}.layim-new{display:none;position:absolute;top:5px;left:50%;margin-left:15px;width:10px;height:10px;border-radius:10px;background-color:#F74C31;color:#fff}.layim-list-top .layim-new{position:relative;vertical-align:top;top:10px;left:initial;margin-left:5px}.layim-list-top i.layui-show{display:inline-block!important}.layim-tab-content,.layim-tab-content li ul{display:none}.layui-layim{position:fixed;left:0;right:0;top:50px;bottom:50px;overflow-y:auto;overflow-x:hidden;/*-webkit-overflow-scrolling:touch*/}.layim-tab-content li h5{position:relative;padding-left:35px;height:45px;line-height:45px;font-size:0;white-space:nowrap;overflow:hidden}.layim-tab-content li h5 *{font-size:17px}.layim-tab-content li h5 span{max-width:80%}.layim-tab-content li h5 i{position:absolute;left:12px;top:0;color:#C9BDBB}.layim-tab-content li h5 em{padding-left:5px;color:#999}.layim-list-friend,.layim-list-group{background-color:#fff}.layui-layim-list li{position:relative;height:42px;padding:5px 15px 5px 60px;font-size:0}.layui-layim-list li:active{background-color:#F2F2F2;background-color:rgba(0,0,0,.05)}.layui-layim-list li.layim-null{height:20px;line-height:20px;padding:10px 0;color:#999;text-align:center;cursor:default;font-size:14px}.layim-list-history li.layim-null{padding:30px 0;border-bottom:none;background-color:#eee}.layui-layim-list li *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:17px}.layui-layim-list li span{margin-top:2px;max-width:155px;font-size:17px}.layui-layim-list li img{position:absolute;left:12px;top:8px;width:36px;height:36px;border-radius:100%}.layui-layim-list li p{display:block;padding-right:30px;line-height:18px;font-size:13px;color:#999}.layui-layim-list li .layim-msg-status{display:none;position:absolute;right:10px;bottom:7px;padding:0 5px;height:17px;line-height:17px;border-radius:17px;text-align:center;font-size:10px;background-color:#F74C31;color:#fff}.layim-list-gray{-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.layim-list-top{background-color:#fff;font-size:17px}.layim-list-top li{position:relative;padding:0 15px 0 50px;line-height:45px;border-bottom:1px solid #f2f2f2;cursor:pointer}.layim-list-top li:last-child{margin-bottom:10px;border-bottom:none}.layim-list-top li .layui-icon{position:absolute;left:12px;top:0;margin-right:10px;color:#36373C;font-size:24px}.layim-list-top li[layim-event=newFriend] .layui-icon{left:15px}.layim-panel,.layim-title{position:fixed;left:0;right:0;top:0}.layim-list-top li[layim-event=group] .layui-icon{font-size:20px}.layim-list-top li[layim-event=about] .layui-icon{font-size:25px}.layim-panel{bottom:0;background-color:#eee;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}.layim-title{height:50px;line-height:50px;padding:0 15px;background-color:#36373C;color:#fff;font-size:18px}.layim-chat-status{padding-left:15px;font-size:14px;opacity:.7}.layim-title .layim-chat-back{display:inline-block;vertical-align:middle;position:relative;padding:0 15px;margin-left:-10px;top:0;font-size:24px;cursor:pointer}.layim-chat-detail{position:absolute;right:0;top:0;padding:0 15px;font-size:18px;cursor:pointer}.layim-chat-main,.layim-content{position:fixed;top:50px;left:0;right:0;overflow-y:auto;overflow-x:hidden}.layim-chat-detail:active,.layim-title .layim-chat-back:active{opacity:.8}.layui-layim .layim-title{text-align:left}.layui-layim .layim-title p{padding:0 15px}.layim-content{bottom:0}.layim-chat-main{width:100%;bottom:85px;padding:15px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layim-chat-main ul{overflow-x:hidden}.layim-chat-main ul li{position:relative;font-size:0;margin-bottom:10px;padding-left:60px;min-height:68px}.layim-chat-text,.layim-chat-user{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:15px}.layim-chat-user{position:absolute;left:3px}.layim-chat-user img{width:40px;height:40px;border-radius:100%}.layim-chat-user cite{position:absolute;left:60px;top:-2px;width:500px;line-height:24px;font-size:12px;white-space:nowrap;color:#999;text-align:left;font-style:normal}.layim-chat-user cite i{padding-left:15px;font-style:normal}.layim-chat-text{position:relative;min-height:22px;line-height:22px;margin-top:25px;padding:8px 15px;background-color:#fff;border-radius:3px;color:#333;word-break:break-all}.layim-chat-text:after{content:'';position:absolute;left:-10px;top:13px;width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;border-width:10px}.layim-chat-text a{color:#33DF83}.layim-chat-text img{max-width:100%;vertical-align:middle}.layim-chat-text .layui-layim-file,.layui-layim-file{display:block;text-align:center}.layim-chat-text .layui-layim-file{color:#333}.layui-layim-file:active{opacity:.9}.layui-layim-file i{font-size:80px;line-height:80px}.layui-layim-file cite{display:block;line-height:20px;font-size:17px}.layui-layim-audio{text-align:center;cursor:pointer}.layui-layim-audio .layui-icon{position:relative;top:5px;font-size:24px}.layui-layim-audio p{margin-top:3px}.layui-layim-video{width:120px;height:80px;line-height:80px;background-color:#333;text-align:center;border-radius:3px}.layui-layim-video .layui-icon{font-size:36px;cursor:pointer;color:#fff}.layim-chat-main ul .layim-chat-mine{text-align:right;padding-left:0;padding-right:60px}.layim-chat-mine .layim-chat-user{left:auto;right:3px}.layim-chat-mine .layim-chat-user cite{left:auto;right:60px;text-align:right}.layim-chat-mine .layim-chat-user cite i{padding-left:0;padding-right:15px}.layim-chat-mine .layim-chat-text{margin-left:0;text-align:left;background-color:#5FB878;color:#fff}.layim-chat-mine .layim-chat-text:after{left:auto;right:-10px;border-top-color:#5FB878}.layim-chat-mine .layim-chat-text a{color:#fff}.layim-chat-main ul .layim-chat-system{min-height:0;margin:20px 0 5px;padding:0}.layim-chat-system{margin:10px 0;text-align:center}.layim-chat-system span{display:inline-block;line-height:30px;padding:0 15px;border-radius:3px;background-color:#ddd;color:#fff;font-size:14px;cursor:pointer}.layim-chat-footer{position:fixed;bottom:0;left:10px;right:10px;height:80px}.layim-chat-send{display:-webkit-box;display:-webkit-flex;display:flex}.layim-chat-send input{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;padding-left:5px;border:0;background-color:#fff;border-radius:3px}.layim-chat-send button{border-radius:3px;height:40px;padding:0 20px;border:0;margin-left:10px;background-color:#5FB878;color:#fff}.layim-chat-tool{position:relative;width:100%;overflow-x:auto;padding:0;height:38px;line-height:38px;margin-top:3px;font-size:0;white-space:nowrap}.layim-chat-tool span{position:relative;margin:0 15px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:28px;cursor:pointer}.layim-chat-tool .layim-tool-log{position:absolute;right:5px;font-size:14px}.layim-tool-log i{position:relative;top:2px;margin-right:5px;font-size:20px;color:#999}.layim-tool-image input{position:absolute;font-size:0;left:0;top:0;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layim-layer{position:fixed;bottom:85px;left:10px;right:10px;margin:0 auto}.layui-layim-face{position:relative;max-height:180px;overflow:auto;padding:10px;font-size:0}.layui-layim-face li{cursor:pointer;display:inline-block;vertical-align:bottom;padding:5px 2px;text-align:center;width:10%;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layui-layim-face li img{width:22px;height:22px}.layim-about{font-size:17px}.layim-about .layui-m-layercont{text-align:left}.layim-about .layui-m-layercont p{line-height:30px}.layim-about .layui-m-layercont a{color:#01AAED}
WebContent/WEB-INF/res/css/Layuiglobal.css → WebContent/WEB-INF/res/css/layout.css
/* 甯冨眬 */
/*----*/
.site-inline{font-size: 0;}
.site-tree, .site-content{display: inline-block; *display:inline; *zoom:1; vertical-align: top; font-size: 14px;}
.site-tree{width: 220px; min-height: 900px; padding: 5px 0 20px;}
.site-content{width: 899px; min-height: 900px; padding: 20px 0 10px 20px;}
/* 澶撮儴admin-side-toggle */
/*--admin-side-toggle--*/
.header{height: 65px; border-bottom: 1px solid #404553; background-color: #393D49; color: #fff;}
.logo{position: absolute; left: 0; top: 20px;}
.logo img{ width: 160px;}
......@@ -21,30 +21,27 @@
.header-index{background-color: #080018; border: none;}
.layui-layout-admin .header-demo{border-bottom-color: #1AA094; height: auto;}
.layui-layout-admin .header-demo{border-bottom-color: #1AA094; height: auto;}
.layui-nav-tree .layui-nav-more {right: 30px;}
.layui-layout-admin .layui-side {top: 70px!important;}
.layui-layout-admin .header-demo {border: none;}
.header-demo .layui-nav{top: 0;}
.header-demo .layui-nav .layui-nav-item{margin: 0 10px; line-height: 65px;}
.header-demo .layui-nav .layui-nav-item a{color: #999;}
/*.header-demo .layui-nav .layui-this{background-color: #f2f2f2;}*/
.header-demo .layui-nav .layui-nav-item a:hover,
.header-demo .layui-nav .layui-this a{color: #fff;}
.header-demo .layui-nav .layui-this:after,
/*.header-demo .layui-nav-bar{background-color: #393D49;}*/
/*.header-demo .layui-nav .layui-this a{padding: 0 20px;}*/
.header-demo .layui-nav .layui-show dd a:hover{color: #009688;}
/* 搴曢儴 */
/*---底部---*/
.footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}
body .layui-layout-admin .footer-demo{height: auto; padding: 5px 0; line-height: 26px;}
.footer a{padding: 0 5px;}
/* 棣栭〉banner閮ㄥ垎 */
/*------*/
.site-banner{position: relative; height: 600px; text-align: center; overflow: hidden; background-color: #393D49;}
.site-banner-bg
,.site-banner-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-bg,.site-banner-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-bg{background-position: center 0;}
.site-zfj{padding-top: 25px; height: 220px;}
.site-zfj i{position: absolute; left: 50%; top: 25px; width: 200px; height: 200px; margin-left: -100px; font-size: 200px; color: #c2c2c2;}
......@@ -79,7 +76,6 @@ body .layui-layout-admin .footer-demo{height: auto; padding: 5px 0; line-height:
.layui-anim-scaleSpring{-webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring}
.site-zfj-anim i{-webkit-animation-name: site-zfj; animation-name: site-zfj; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
.site-desc{position: relative; height: 70px; margin-top: 25px; background: url(../images/layui/desc.png) center no-repeat;}
.site-desc-anim{-webkit-animation-name: site-desc; animation-name: site-desc;}
......@@ -103,12 +99,11 @@ body .layui-layout-admin .footer-demo{height: auto; padding: 5px 0; line-height:
.site-idea .layui-field-title{border-color: #d2d2d2}
.site-idea .layui-field-title legend{margin: 0 20px 20px 0; padding: 0 20px; text-align: center;}
/* 杈呭姪 */
/*--------*/
.site-tips{margin-bottom: 10px; padding: 15px; border-left: 5px solid #0078AD; background-color: #f2f2f2;}
body .site-tips p{margin: 0;}
/* 鐩綍 */
/*--------*/
.site-dir{display: none;}
.site-dir li{line-height: 26px; margin-left: 20px; overflow: visible; list-style-type: disc;}
.site-dir li a{display: block;}
......@@ -130,25 +125,22 @@ body .layui-layer-dir .layui-layer-content{padding: 10px; max-height: 280px; ove
.site-tree .layui-tree li ul a,
.site-tree .layui-tree li ul a i{color: #777;}
.site-tree .layui-tree li ul a:hover{color: #333;}
.site-tree .layui-tree li ul li{margin-left: 25px; overflow: visible; list-style-type: disc; /*list-style-position: inside;*/}
.site-tree .layui-tree li ul li{margin-left: 25px; overflow: visible; list-style-type: disc;}
.site-tree .layui-tree li ul li cite,
.site-tree .layui-tree .site-tree-noicon ul li cite{padding-left: 0;}
.site-tree .layui-tree .layui-this a{color: #01AAED;}
.site-tree .layui-tree .layui-this .layui-icon{color: #01AAED;}
.site-fix .site-tree{position: fixed; top: 0; bottom: 0; z-index: 666; min-height: 0; overflow: auto; background-color: #fff;}
.site-fix .site-content{margin-left: 220px;}
.site-fix-footer .site-tree{margin-bottom: 120px;}
.site-title{ margin: 30px 0 20px;}
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
.site-title fieldset legend{margin-left: 20px; padding: 0 10px; font-size: 22px; font-weight: 300;}
.site-text a{color: #01AAED;}
.site-h1{margin-bottom: 20px; line-height: 60px; padding-bottom: 10px; color: #393D49; border-bottom: 1px solid #eee; font-size: 28px; font-weight: 300;}
.site-h1 .layui-icon{position: relative; top: 5px; font-size: 50px; margin-right: 10px;}
.site-text{position:relative;}
.site-text p{margin-bottom: 10px; line-height:22px;}
.site-text em{padding: 0 3px; font-weight: 500; font-style: italic; color: #666;}
......@@ -159,20 +151,18 @@ body .layui-layer-dir .layui-layer-content{padding: 10px; max-height: 280px; ove
.site-table th,
.site-table td{padding: 6px 15px; min-height: 20px; line-height: 20px; border:1px solid #ddd; font-size: 14px; font-weight: 400;}
.site-table tr:nth-child(even){background: #fbfbfb;}
.site-block{padding: 20px; border: 1px solid #eee;}
.site-block .layui-form{margin-right: 200px;}
/* 婕旂ず */
/*--------*/
body .layui-layout-admin .site-demo{bottom: 82px; padding: 0;z-index:-1;}
body .site-demo-nav .layui-nav-item{line-height: 40px}
.layui-nav-item .layui-icon{position: relative; /*font-size: 20px;*/}
.layui-nav-item .layui-icon{position: relative; }
.layui-nav-item a cite{padding: 0 10px;}
.site-demo .layui-main{margin: 15px; line-height: 22px;}
.site-demo-editor{position: absolute; top: 0; bottom: 0; left: 0; width: 50%; }
.site-demo-area{position: absolute; top: 0; bottom: 90px; width: 100%;}
.site-demo-editor textarea{position: absolute; width: 100%; height: 100%; padding: 15px; border: none; resize: none; /*background-color: #F7FBFF;*/ background-color: #272822; color: #CFBFAF; font-family: Courier New; font-size: 12px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.site-demo-editor textarea{position: absolute; width: 100%; height: 100%; padding: 15px; border: none; resize: none; background-color: #272822; color: #CFBFAF; font-family: Courier New; font-size: 12px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.site-demo-btn{position: absolute; bottom: 100px; right: 20px;}
.site-demo-zanzhu{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; text-align: center; background-color: #e2e2e2; overflow: hidden;}
.site-demo-zanzhu>*{position: relative; z-index: 1;}
......@@ -185,7 +175,6 @@ body .site-demo-nav .layui-nav-item{line-height: 40px}
.site-demo-button div{margin: 20px 30px 10px;}
.site-demo-button .layui-btn{margin-bottom: 10px;}
.site-demo-laytpl{text-align: center;}
.site-demo-laytpl textarea,
.site-demo-laytpl div span{width: 40%; padding: 15px; margin: 0 15px;}
......@@ -207,6 +196,7 @@ body .site-demo-nav .layui-nav-item{line-height: 40px}
.site-demo-util{position: relative; width: 300px;}
.site-demo-util img{width: 300px; border-radius: 100%;}
.site-demo-util span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; cursor: pointer;}
@-webkit-keyframes demo-fengjie {
0% {-webkit-filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;}
80% {-webkit-filter: blur(50px); opacity: 0.95;}
......@@ -219,98 +209,50 @@ body .site-demo-nav .layui-nav-item{line-height: 40px}
}
.site-demo-fengjie{-webkit-animation-name: demo-fengjie; animation-name: demo-fengjie; -webkit-animation-duration: 5s; animation-duration: 5s;}
.layui-layout-admin .site-demo-body{top: 117px;}
.layui-layout-admin .site-demo-body{top: 70px;}
.site-demo-title{position: fixed; left: 200px; right: 0; top: 76px;}
.site-demo-code{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; padding: 10px; resize: none; font-size: 12px; background-color: #F7FBFF; color: #881280; font-family: Courier New;}
.site-demo-body .layui-elem-quote a{color: #01AAED;}
.site-demo-body .layui-elem-quote a:hover{color: #FF5722;}
/* 鍏跺畠 */
/*---------*/
#trans-tooltip,
#tip-arrow-bottom,
#tip-arrow-top{display: none !important;}
/* 鐙珛缁勪欢 */
/*----------*/
.alone{width:730px; margin:200px auto;}
.alone ul{margin-left:1px; font-size:0;}
.alone li{display:inline-block; width:181px; font-size: 16px; text-align:center; line-height:80px; margin:0 1px 1px 0; background-color:#393D49; color:#fff;}
.alone li{display:inline-block; width:181px; font-size: 16px; text-align:center; line-height:80px;
margin:0 1px 1px 0; background-color:#393D49; color:#fff;}
.alone li:hover{opacity:0.8;}
.alone li a{display:block; color:#fff;}
/*----------*/
.admin-header-item-mobile{position: absolute; right: 0px; height: 70px;line-height: 70px;padding: 0 20px; text-align: center; top:0;display: none;}
/* 鑷畾涔塩ss */
.admin-header-item-mobile{
position: absolute; right: 0px; height: 70px;line-height: 70px;
padding: 0 20px; text-align: center; top:0;
display: none;
}
.admin-nav-tree .layui-nav-child a {padding-left: 30px;}
.admin-nav-tree .layui-nav-child a {
padding-left: 30px;
}
.admin{
border: 0;
margin: 0;
box-shadow:none;
}
.admin-nav-card{
margin-top: 0px;
}
.admin-nav-card .layui-icon{
position: relative;
}
.admin-nav-card .layui-tab-item iframe{
width: 100%;
border: 0;
height: 100%;
}
.admin-nav-card>.layui-tab-title{
border-bottom: 1px solid #1AA094;
}
.admin-nav-card .layui-tab-title cite{
font-style: normal;
padding-left: 5px;
}
.admin-nav-card>.layui-tab-title .layui-this{
color: white;
background-color: #1AA094;
}
.admin-nav-card>.layui-tab-title .layui-this:after{
border-bottom: 0;
}
.admin-header-user img{
width: 40px; height: 40px; border-radius: 100%;
/*position: relative;
top: 15px;*/
}
.admin-header-user .layui-nav-more{
top:33px;
}
.admin-header-user .layui-nav-mored{
top: 26px;
}
.admin{border: 0;margin: 0;box-shadow:none;}
.admin-nav-card{margin-top: 0px;}
.admin-nav-card .layui-icon{position: relative;}
.admin-nav-card .layui-tab-item iframe{width: 100%;border: 0;height: 100%;}
.admin-nav-card>.layui-tab-title{border-bottom: 1px solid #1AA094;}
.admin-nav-card .layui-tab-title cite{font-style: normal;padding-left: 5px;}
.admin-nav-card>.layui-tab-title .layui-this{color: white;background-color: #1AA094;}
.admin-nav-card>.layui-tab-title .layui-this:after{border-bottom: 0;}
.admin-header-user img{width: 40px; height: 40px; border-radius: 100%;}
.admin-header-user .layui-nav-more{top:33px;}
.admin-header-user .layui-nav-mored{top: 26px;}
/*lock*/
.admin-header-lock{
width: 320px; height: 50px; padding: 30px 0; position: relative; text-align: center;
}
.admin-header-lock-img{
width: 60px; height: 60px; margin: 0 auto;
}
.admin-header-lock-img img{
width: 60px; height: 60px; border-radius: 100%;
}
.admin-header-lock-name{
color: #009688;margin: 8px 0 15px 0;
}
.admin-header-lock-input{
width: 150px; color: #FFFFFF; height: 30px; border: 0;background-color: #009688; padding: 0 7px; border-radius: 2px;
}
.admin-header-lock{width: 320px; height: 50px; padding: 30px 0; position: relative; text-align: center;}
.admin-header-lock-img{width: 60px; height: 60px; margin: 0 auto;}
.admin-header-lock-img img{width: 60px; height: 60px; border-radius: 100%;}
.admin-header-lock-name{color: #009688;margin: 8px 0 15px 0;}
.admin-header-lock-input{width: 150px; color: #FFFFFF; height: 30px; border: 0;background-color: #009688; padding: 0 7px; border-radius: 2px;}
/*table*/
.site-table tbody tr td {text-align: center;}
.site-table tbody tr td .layui-btn+.layui-btn{margin-left: 0px;}
......@@ -320,56 +262,21 @@ body .site-demo-nav .layui-nav-item{line-height: 40px}
/**/
.admin-main {margin: 15px;}
.admin-side-toggle,.admin-side-full{position: absolute; cursor: pointer;z-index: 19940201;left: 200px;color: white;text-align: center;width: 30px;height: 30px;background-color: #1AA094;line-height: 30px;top: 25%;padding-top: 0px;box-sizing: border-box;}
.admin-side-toggle:hover{background-color: #5FB878;}
.admin-side-full{left: 240px;}
.admin-login-box{width: 185px; height: 70px; position: relative;}
.beg-navbar .layui-nav-child dd a{padding-left: 30px;}
.admin-side-toggle,.admin-side-full{
position: absolute; cursor: pointer;
z-index: 19940201;
left: 200px;
color: white;
text-align: center;
width: 30px;
height: 30px;
background-color: #1AA094;
line-height: 30px;
top: 25%;
padding-top: 0px;
box-sizing: border-box;
}
.admin-side-toggle:hover{
background-color: #5FB878;
}
.admin-side-full{
left: 240px;
}
.admin-login-box{
width: 185px; height: 70px; position: relative;
}
.beg-navbar .layui-nav-child dd a{
padding-left: 30px;
}
.admin-contextmenu{
position: absolute;line-height: 36px;padding: 5px 0;
border: 1px solid #d2d2d2;background-color: white;z-index: 19940201;border-radius: 2px;white-space: nowrap;top:30px;
/*width: 100px;height: 200px; */
}
.admin-contextmenu ul li{
padding: 0 15px;
}
.admin-contextmenu ul li:hover{
background-color: #eee;
cursor: pointer;
}
.admin-contextmenu{position: absolute;line-height: 36px;padding: 5px 0;border: 1px solid #d2d2d2;background-color: white;z-index: 19940201;border-radius: 2px;white-space: nowrap;top:30px;}
.admin-contextmenu ul li{padding: 0 15px;}
.admin-contextmenu ul li:hover{background-color: #eee;cursor: pointer;}
/* 閫傞厤澶氳澶� */
/**/
@media screen and (max-width: 750px) {
.layui-main{width: auto; margin: 0 10px;}
.logo,
.header-demo .logo{left: 10px;}
.logo,.header-demo .logo{left: 10px;}
.site-nav-layim{display: none !important;}
.header .layui-nav .layui-nav-item{margin: 0;}
.header .layui-nav .layui-nav-item a{padding: 0 15px;}
......@@ -383,7 +290,6 @@ body .site-demo-nav .layui-nav-item{line-height: 40px}
.site-download a{height: 40px; line-height: 40px; padding: 0 25px 0 60px; border: 1px solid #778097; border-radius: 30px; color: #fff; font-size: 16px;}
.site-download a cite{left: 20px;}
.site-banner-other{bottom: 15px;}
.site-idea{margin: 20px 0;}
.site-idea li{margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.site-hengfu img{max-width: 100%}
......@@ -414,14 +320,12 @@ body .site-demo-nav .layui-nav-item{line-height: 40px}
.site-demo-zanzhu{display: none;}
.site-demo-btn{bottom: auto; top: 370px;}
.site-demo-result iframe{height: 500px;}
.site-demo-laytpl textarea, .site-demo-laytpl div span{margin: 0;}
.site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.site-demo-title{position: static; left: 0;}
body .layui-layout-admin .site-demo{}
.site-demo-code{position: static; height: 350px;}
.admin-side-toggle ,.admin-header-item{display: none;}
.admin-header-item-mobile{ display: block; }
}
WebContent/WEB-INF/res/css/layui.mobile.css deleted 100644 → 0
/** layui-v2.1.5 MIT License By http://www.layui.com */
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font:12px 'Helvetica Neue','PingFang SC',STHeitiSC-Light,Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}a{text-decoration:none;background:0 0}a:active,a:hover{outline:0}table{border-collapse:collapse;border-spacing:0}li{list-style:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:500}address,cite,dfn,em,var{font-style:normal}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0;vertical-align:bottom}.layui-inline,input,label{vertical-align:middle}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}button,select{text-transform:none}select{-webkit-appearance:none;border:none}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=1.0.7);src:url(../font/iconfont.eot?v=1.0.7#iefix) format('embedded-opentype'),url(../font/iconfont.woff?v=1.0.7) format('woff'),url(../font/iconfont.ttf?v=1.0.7) format('truetype'),url(../font/iconfont.svg?v=1.0.7#iconfont) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-box,.layui-box *{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}.layui-border-box,.layui-border-box *{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1}.layui-edge,.layui-upload-iframe{position:absolute;width:0;height:0}.layui-edge{border-style:dashed;border-color:transparent;overflow:hidden}.layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-disabled,.layui-disabled:active{background-color:#d2d2d2!important;color:#fff!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}.layui-upload-iframe{border:0;visibility:hidden}.layui-upload-enter{border:1px solid #009E94;background-color:#009E94;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}@-webkit-keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-left{-webkit-animation-name:layui-m-anim-left;animation-name:layui-m-anim-left}@-webkit-keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-right{-webkit-animation-name:layui-m-anim-right;animation-name:layui-m-anim-right}@-webkit-keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.layui-m-anim-lout{-webkit-animation-name:layui-m-anim-lout;animation-name:layui-m-anim-lout}@-webkit-keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.layui-m-anim-rout{-webkit-animation-name:layui-m-anim-rout;animation-name:layui-m-anim-rout}.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
WebContent/WEB-INF/res/css/mobileChat.css deleted 100644 → 0
html,
body {
height: 100%;
overflow: hidden;
background-color: #efefef;
}
img[src=""],
img[src="null"],
img[src="undefined"] {
opacity: 0;
}
input,
textarea {
outline: none;
-webkit-appearance: none;
}
.icon-fanhuijiantou {
font-size: 18px;
}
#faceBox {
display: none;
}
.isShow {
/* display: none; */
}
.topToolSBox {
position: fixed;
width: 100%;
height: 40px;
top: 0;
left: 0;
background: rgba(153, 153, 153, 0.5);
padding-top: 5px;
z-index: 198910141;
display: flex;
justify-content: space-around;
}
#backChat {
background: #fff;
color: #666;
}
.topToolSBox button {
width: 40%;
height: 30px;
background-color: #b50005;
border: none;
border-radius: 4px;
color: #fff;
}
.topToolSBox button.on {
background-color: #999;
color: #fff;
}
.dot {
position: absolute;
top: 2px;
left: 36px;
border-radius: 50%;
background-color: red;
display: inline-block;
width: 16px;
height: 16px;
font-size: 8px !important;
text-align: center;
line-height: 16px;
color: #fff;
}
.icon-xiaolian {
color: #666;
font-size: 24px;
line-height: 40px;
padding-right: 4px;
background-color: #fff;
}
.model_box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 198910141;
color: #666;
padding: 0 20px;
box-sizing: border-box;
}
.tip_box {
font-size: 24px;
}
.tip_content_box {
font-size: 14px;
}
.layim-chat-footer {
height: 50px;
}
.layim-user-box {
display: flex;
}
.layim-chat-mine .layim-user-box {
justify-content: flex-end;
}
.moreFansBox {
background-color: #efefef;
padding: 10px !important;
line-height: 28px;
text-align: center;
}
.moreFansBox>span {
background-color: #fff;
color: #999;
padding: 4px 10px;
border-radius: 4px;
}
.username_box {
display: inline-block;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
.time_box {
margin: 0 20px;
display: inline-block;
}
.layim-chat-main {
padding: 0 15px;
}
.layim-chat-main,
.layim-content {
top: 10px;
/* bottom: 70px; */
}
.contInfo img {
position: initial !important;
width: 16px !important;
height: 16px !important;
}
.isRobot {
display: none;
width: 100%;
background-color: #2f9833 !important;
}
/* 加大列表行高 */
#chatListBox li {
padding: 10px 15px 10px 60px;
border-bottom: 1px solid #efefef;
}
.layui-layim-list li img {
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 {
z-index: 1;
}
* {
z-index: 1;
}
.pswp {
z-index: 1500000000;
}
@keyframes rotateZ {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}
.rotateZAnimated {
display: inline-block;
animation: rotateZ 1s infinite ease-out;
}
.rotateZAnimated .iconfont {
padding-right: 0 !important;
}
.icon-weibiaoti- {
color: red;
}
.editBox {
background-color: #fff;
line-height: 40px;
padding: 0 6px;
border-radius: 0 3px 3px 0;
position: relative;
}
.editBox i.on {
transform: rotateZ(0deg) !important;
}
/* 底部加号按钮相关 */
#chatBox .icon-guanbi {
display: inline-block;
transform: rotateZ(45deg);
font-size: 24px;
color: #666;
transition: transform 0.2s;
}
.layim-chat-footer {
z-index: 2;
}
.posStyle {
position: absolute;
bottom: 40px;
left: 0;
display: none;
}
.posStyle:nth-child(2) {
bottom: 80px;
}
.icon-xiangji,
.icon-fasonghongbaocopy {
background-color: rgba(239, 239, 239, 0.5);
font-size: 24px;
line-height: 40px;
padding: 0 6px;
color: #666;
}
.bounceInUp {
animation: bounceInUp 0.3s;
}
@keyframes bounceInUp {
0% {
opacity: 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 */
/* 楼盘卡片发送相关 */
#floorListCard {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 100000000;
display: none;
align-items: center;
}
#floorListCard .content {
width: 100%;
}
#floorListCard .closeBox {
margin-top: 30px;
text-align: center;
}
#floorListCard .content .icon-guanbi1 {
font-size: 30px;
color: #eee;
}
#floorListCard ul {
background-color: #fff;
width: 80%;
margin: 0 auto;
border-radius: 4px;
padding: 10px;
box-sizing: border-box;
}
#floorListCard ul li {
height: 40px;
line-height: 40px;
color: #333;
font-size: 14px;
border-bottom: 1px solid #eee;
}
#floorListCard ul li span {
float: right;
display: block;
font-size: 14px;
background: #2f9833 !important;
height: 26px;
line-height: 26px;
color: #fff;
width: 48px;
text-align: center;
border-radius: 4px;
position: relative;
top: 6px;
}
.fadeInUp {
animation: fadeInUp 0.3s;
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
[contenteditable] {
outline: none;
-webkit-appearance: none;
}
/* 搜索相关 */
.queryBtn {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
\ No newline at end of file
WebContent/WEB-INF/res/css/style.css deleted 100644 → 0
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
-webkit-appearance: none;
resize: none;
}
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
img {
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic;
}
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
border: none;
}
body {
font-family: '΢���ź�', Microsoft YaHei, Tahoma, Arial, sans-serif;
color: #555;
background-color: #eee;
}
em,
i {
font-style: normal;
}
li {
list-style: none;
}
strong {
font-weight: normal;
}
.clearfix:after {
content: "";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}
.fl {
float: left;
}
.fr {
float: right;
}
a {
text-decoration: none;
color: #969696;
cursor: pointer;
font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
}
a:hover {
color: #e74850;
text-decoration: none;
}
ul,
ol {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-family: Microsoft YaHei;
}
img {
border: none;
vertical-align: middle;
}
.wrap {
min-width: 320px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (max-width: 360px) {
html {
font-size: 13px;
}
}
@media (min-width: 360px) and (max-width: 400px) {
html {
font-size: 15px;
}
}
@media (min-width: 400px) and (max-width: 480px) {
html {
font-size: 15px;
}
}
@media screen and (min-width: 481px) {
html {
font-size: 18px;
}
}
.bindingbox {
width: 92%;
margin: 2rem auto;
}
.bindingbos {
overflow: hidden;
line-height: 3.6rem;
clear: both;
font-size: 1.04rem;
border: 1px solid #eee;
border-radius: 4px;
padding: 0 0.6rem;
margin-bottom: 1.7rem;
}
input:focus {
outline: none;
}
/* .bindingbox p{
clear:both;
font-size:0.9rem;
color:#FF4411;
line-height:1.4rem;
margin-bottom:0.3rem;
visibility: hidden;
} */
.bindingbos span {
float: left;
color: #333;
}
.bindingbos input {
float: left;
line-height: 2rem;
margin-top: 0.8rem;
width: -webkit-calc(100% - 4.5rem);
width: -moz-calc(100% - 4.5rem);
width: calc(100% - 4.5rem);
color: #666;
}
#getcode {
padding: 0 1rem;
line-height: 2.8rem;
position: absolute;
top: 0.4rem;
right: 0.4rem;
color: #000;
border-radius: 2px;
font-size: 0.9rem;
pointer-events: auto;
width: 7rem;
color: #0069FE;
background-color: #fff;
border: 1px solid #0069FE;
}
.sumbitbtn {
display: block;
width: 100%;
background-color: #006FF8;
color: #fff;
text-align: center;
line-height: 3.2rem;
border-radius: 4px;
font-size: 1.04rem;
}
.sumbitbtn:hover,
.sumbitbtn:active {
color: #fff;
}
.bindinged {
line-height: 2.8rem;
font-size: 1.04rem;
text-align: center;
color: #666;
margin-top: 20%;
}
.bindinged h4 {
color: #119323;
font-size: 1.2rem;
margin-bottom: 2rem;
}
.bindinged i {
font-size: 1.6rem;
display: inline-block;
vertical-align: bottom;
margin-right: 0.4rem;
}
\ No newline at end of file
WebContent/WEB-INF/res/js/jquery.qqFace.js deleted 100644 → 0
// QQ表情插件
(function($){
$.fn.qqFace = function(options){
var defaults = {
id : 'facebox',
path : 'face/',
assign : 'content',
//tip : 'em_'
};
var option = $.extend(defaults, options);
var assign = $('#'+option.assign);
var id = option.id;
var path = option.path;
//var tip = option.tip;
if(assign.length<=0){
alert('缺少表情赋值对象。');
return false;
}
$(this).click(function(e){
var strFace, labFace;
if($('#'+id).length<=0){
strFace = '<div id="'+id+'" style="position:absolute;display:none;z-index:1000;" class="qqFace">' +
'<table border="0" cellspacing="0" cellpadding="0"><tr>';
for(var i=1; i<=75; i++){
//labFace = '['+tip+i+']';
labFace=["/微笑","/撇嘴","/色","/发呆","/流泪","/害羞","/闭嘴","/睡","/大哭","/尴尬","/发怒","/调皮","/呲牙",
"/惊讶","/难过","/冷汗","/抓狂","/吐","/偷笑","/愉快","/白眼","/傲慢","/饥饿","/困",
"/惊恐","/流汗","/憨笑","/悠闲","/奋斗","/咒骂","/疑问","/嘘","/晕","/疯了","/衰",
"/敲打","/再见","/擦汗","/抠鼻","/糗大了","/坏笑","/左哼哼","/右哼哼","/哈欠","/鄙视",
"/委屈","/快哭了","/阴险","/亲亲","/吓","/可怜","/拥抱","/月亮","/太阳","/炸弹","/骷髅",
"/菜刀","/猪头","/西瓜","/咖啡","/饭","/爱心","/强","/弱","/握手","/胜利","/抱拳","/勾引","/OK","/NO",
"/玫瑰","/凋谢","/嘴唇 ","/爱情","/飞吻"];
strFace += '<td><img src="'+path+i+'.gif" onclick="$(\'#'+option.assign+'\').setCaret();$(\'#'+option.assign+'\').insertAtCaret(\'' + labFace[i-1] + '\');" /></td>';
if( i % 15 == 0 ) strFace += '</tr><tr>';
}
strFace += '</tr></table></div>';
}
$(this).parent().append(strFace);
var offset = $(this).position();
var top = offset.top + $(this).outerHeight();
$('#'+id).css('top',top);
$('#'+id).css('left',offset.left);
$('#'+id).show();
e.stopPropagation();
});
$(document).click(function(){
$('#'+id).hide();
$('#'+id).remove();
});
};
})(jQuery);
jQuery.extend({
unselectContents: function(){
if(window.getSelection)
window.getSelection().removeAllRanges();
else if(document.selection)
document.selection.empty();
}
});
jQuery.fn.extend({
selectContents: function(){
$(this).each(function(i){
var node = this;
var selection, range, doc, win;
if ((doc = node.ownerDocument) && (win = doc.defaultView) && typeof win.getSelection != 'undefined' && typeof doc.createRange != 'undefined' && (selection = window.getSelection()) && typeof selection.removeAllRanges != 'undefined'){
range = doc.createRange();
range.selectNode(node);
if(i == 0){
selection.removeAllRanges();
}
selection.addRange(range);
} else if (document.body && typeof document.body.createTextRange != 'undefined' && (range = document.body.createTextRange())){
range.moveToElementText(node);
range.select();
}
});
},
setCaret: function(){
if(!$.browser.msie) return;
var initSetCaret = function(){
var textObj = $(this).get(0);
textObj.caretPos = document.selection.createRange().duplicate();
};
$(this).click(initSetCaret).select(initSetCaret).keyup(initSetCaret);
},
insertAtCaret: function(textFeildValue){
var textObj = $(this).get(0);
if(document.all && textObj.createTextRange && textObj.caretPos){
var caretPos=textObj.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length-1) == '' ?
textFeildValue+'' : textFeildValue;
} else if(textObj.setSelectionRange){
var rangeStart=textObj.selectionStart;
var rangeEnd=textObj.selectionEnd;
var tempStr1=textObj.value.substring(0,rangeStart);
var tempStr2=textObj.value.substring(rangeEnd);
textObj.value=tempStr1+textFeildValue+tempStr2;
textObj.focus();
var len=textFeildValue.length;
textObj.setSelectionRange(rangeStart+len,rangeStart+len);
textObj.blur();
}else{
textObj.value+=textFeildValue;
}
}
});
\ No newline at end of file
WebContent/WEB-INF/res/js/me.js
......@@ -40,6 +40,7 @@ function strlen(str) {
return len;
}
//将表格中的null替换为空字符
function toNull_G() {
$("table td").each(function() {
var v = $(this).html()
......
WebContent/WEB-INF/res/js/mobileChat.js deleted 100644 → 0
function Chat() {
this.socket = null
this.salesid = G_salesid
this.fansid = G_fansid
this.isvank = G_isvank
this.firstOpenChat = true
this.host = (location.host.indexOf("192") > -1 || location.host.indexOf("localhost") > -1) ? location.host + "/zzhnc" : location.host
this.url = "ws://" + this.host + "/web/socket/" + G_salesid + "/" + G_isvank // mini.weiyisz.com
this.fansListPage = 1
this.fansInfo = {} //当前的粉丝信息
this.pages = {} //所有的粉丝记录所在的当前的
this.faceCode = ["/::)", "/::~", "/::B", "/::|", "/:8-)", "/::<", "/::$", "/::X", "/::Z", "/::'(", "/::-|", "/::@", "/::P", "/::D", "/::O", "/::(", "/::+", "/:–b", "/::Q", "/::T", "/:,@P", "/:,@-D", "/::d", "/:,@o", "/::g", "/:|-)", "/::!", "/::L", "/::>", "/::,@", "/:,@f", "/::-S", "/:?", "/:,@x", "/:,@@", "/::8", "/:,@!", "/:!!!", "/:xx", "/:bye", "/:wipe", "/:dig", "/:handclap", "/:&-(", "/:B-)", "/:<@", "/:@>", "/::-O", "/:>-|", "/:P-(", "/::'|", "/:X-)", "/::*", "/:@x", "/:8*", "/:pd", "/:<W>", "/:beer", "/:basketb", "/:oo", "/:coffee", "/:eat", "/:pig", "/:rose", "/:fade", "/:showlove", "/:heart", "/:break", "/:cake", "/:li", "/:bome", "/:kn", "/:footb", "/:ladybug", "/:shit", "/:moon", "/:sun", "/:gift", "/:hug", "/:strong", "/:weak", "/:share", "/:v", "/:@)", "/:jj", "/:@@", "/:bad", "/:lvu", "/:no", "/:ok", "/:love", "/:<L>", "/:jump", "/:shake", "/:<O>", "/:circle", "/:kotow", "/:turn", "/:skip", "/:oy", "/:#-0", "/:oy", "/:kiss", "/:<&", "/:&>"]
this.faceText = ["微笑", "撇嘴", "色", "发呆", "得意", "流泪", "害羞", "闭嘴", "睡", "大哭", "尴尬", "发怒", "调皮", "呲牙", "惊讶", "难过", "酷", "冷汗", "抓狂", "吐", "偷笑", "愉快", "白银", "傲慢", "饥饿", "困", "恐慌", "流汗", "憨笑", "悠闲", "奋斗", "咒骂", "疑问", "嘘", "晕", "疯了", "哀", "骷髅", "敲打", "再见", "擦汗", "抠鼻", "鼓掌", "糗大了", "坏笑", "左哼哼", "右哼哼", "哈欠", "鄙视", "委屈", "快哭了", "阴险", "亲亲", "吓", "可怜", "菜刀", "西瓜", "啤酒", "篮球", "乒乓", "咖啡", "饭", "猪头", "玫瑰", "凋谢", "嘴唇", "爱心", "心碎", "蛋糕", "闪电", "炸弹", "刀", "足球", "瓢虫", "便便", "月亮", "太阳", "礼物", "拥抱", "强", "弱", "握手", "胜利", "抱拳", "勾引", "拳头", "差劲", "爱你", "NO", "OK", "爱情", "飞吻", "跳跳", "发抖", "怄火", "转圈", "磕头", "回头", "跳绳", "投降", "激动", "乱舞", "献吻", "左太极", "右太极"]
this.faceText2 = ["/微笑","/撇嘴","/色","/发呆","/得意","/流泪","/害羞","/闭嘴","/睡","/大哭","/尴尬","/发怒","/调皮","/呲牙","/惊讶","/难过","/酷","/冷汗","/抓狂","/吐","/偷笑","/愉快","/白银","/傲慢","/饥饿","/困","/恐慌","/流汗","/憨笑","/悠闲","/奋斗","/咒骂","/疑问","/嘘","/晕","/疯了","/哀","/骷髅","/敲打","/再见","/擦汗","/抠鼻","/鼓掌","/糗大了","/坏笑","/左哼哼","/右哼哼","/哈欠","/鄙视","/委屈","/快哭了","/阴险","/亲亲","/吓","/可怜","/菜刀","/西瓜","/啤酒","/篮球","/乒乓","/咖啡","/饭","/猪头","/玫瑰","/凋谢","/嘴唇","/爱心","/心碎","/蛋糕","/闪电","/炸弹","/刀","/足球","/瓢虫","/便便","/月亮","/太阳","/礼物","/拥抱","/强","/弱","/握手","/胜利","/抱拳","/勾引","/拳头","/差劲","/爱你","/NO","/OK","/爱情","/飞吻","/跳跳","/发抖","/怄火","/转圈","/磕头","/回头","/跳绳","/投降","/激动","/乱舞","/献吻","/左太极","/右太极"]
this.faceImg = ["http://www.onegreen.net/QQ/UploadFiles/201404/20140427102755304.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102806118.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102811204.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102816272.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102821779.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102826616.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102831909.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102836860.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102841446.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102846605.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102851155.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102856815.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102901326.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102906485.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102911867.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102916775.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102921112.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102926579.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102931107.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102936174.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102941562.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102946241.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102951305.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427102956983.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103001341.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103006230.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103011620.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103016770.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103021180.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103026333.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103031826.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103036856.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103041851.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103046204.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103051515.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103056368.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103101584.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103106639.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103111714.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103116995.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103121307.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103126628.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103131537.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103136922.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103141708.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103146409.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103151786.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103156150.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103201493.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103206968.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103211938.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103216563.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103221494.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103226447.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103231181.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103236908.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103241610.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103246942.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103251889.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103256822.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103301730.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103306315.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103311631.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103316218.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103321727.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103326466.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103331391.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103336293.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103341727.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103346519.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103351983.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103356315.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103401393.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103406284.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103411342.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103416889.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103421513.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103426896.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103431815.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103436286.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103441411.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103446541.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103451461.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103456248.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103501861.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103506188.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103511436.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103516890.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103521415.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103526248.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103531694.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103536789.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103541535.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103546800.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103551956.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103556647.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103601489.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103606571.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103611997.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103616555.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103621939.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103626894.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103636123.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103641405.png", "http://www.onegreen.net/QQ/UploadFiles/201404/20140427103646322.png"]
}
Chat.prototype = {
init: function () { //---获取聊天记录
var that = this
if(this._getUrl_G('ccc') != 'ccc'){
if(this._getUrl_G('code') == 'nmamtf18565803458' && this.salesid != 224 ){
$("body").html('非法访问，请在微信端打开')
}
}
$.post("http://" + this.host + "/sale/chatlogList?salesId=" + this.salesid + "&page=" + this.fansListPage + "&pageSize=100", function (data) {
if (data.code == 0) {
var total = data.data.length
var uniqueArr = that._unique(data.data)
uniqueArr.forEach(function(e){
var msg = (e.replytype < 5 ? e.reply : e.ask)
if(!msg){
msg = e.reply || e.ask
}
that.create_newChat_list({
fansid: e.fansid,
logo:e.logo,
nickname:e.nickname,
ask:msg,
asktime:e.asktime
})
that.isLook({ fansid: e.fansid }, e.num)
that.create_newChat_info({fansid:e.fansid})
})
console.log(total)
if(total ==100){
that.fansListPage = that.fansListPage + 1
$("#chatListBox").append("<li class='moreFansBox'><span data-page='"+ that.fansListPage +"'>获取更多</span></li>")
}
}
if (!data.data || data.data.length<1 && that.fansListPage == 1) {
$(".model_box").css("display", "flex")
$("#main").hide()
}
if(that.firstOpenChat && !!that.fansid && parseFloat(that.fansid) > 0){
that.fansInfo.id = that.fansid
that.fansInfo.name = $("[data-index='"+ that.fansid +"']").find(".name").text()
that.fansInfo.logo = $("[data-index='"+ that.fansid +"']").find('div>img').attr('src')
that.openFansChat()
}
})
},
connect: function () { //---socket链接
var that = this
this.socket = new WebSocket(this.url)
this.socket.onopen = function () {
console.log("socket run..")
}
this.socket.onmessage = function (msg) {
var data = null
try {
data = JSON.parse(msg.data)
that.process(data)
} catch (error) {
}
}
this.socket.onclose = function () {
console.log("socket close..")
}
},
process: function (msg) { //---处理socket发来的消息(逻辑控制层)
if (!!msg.imgurl2 || !!msg.reply && !!!msg.ask) { //是否是自己发送的
this.create_newChat_(msg,"me")
this.updataChatList(msg)
} else {
var _isNew = this._isNewChat(msg) //是否新会话
if (_isNew) {
// this.create_newChat_list(msg ,"sort")
// this.create_newChat_info(msg)
// this.create_newChat_(msg)
// this.isLook(msg)
} else {
this.create_newChat_(msg)
this.updataChatList(msg)
if (!this._isInThisPage(msg)) {
this.isLook(msg)
}
}
}
if (false) {
this.create_warn(msg)
}
},
isLook: function (msg, reset) { //---处理未读标识( 用到了 localStorage )
var localData = localStorage.getItem("look")
var obj = {}
if (!!localData) {
obj = JSON.parse(localStorage.getItem("look"))
}
var count = obj["_" + msg.fansid] || 0
count++
if (reset != undefined) {
if (reset == "reset") {
count = 0
} else {
count = reset
}
}
obj["_" + msg.fansid] = count
for (x in obj) {
var a = x.substring(1, x.length)
if (a == msg.fansid) {
var _num = (obj[x] == 1? " " : obj[x])
$("[data-index='" + a + "']").find(".dot").text(_num)
}
}
var _json = JSON.stringify(obj)
localStorage.setItem("look", _json)
$("[data-index='" + a + "'] .dot").text()
if ($("[data-index='" + msg.fansid + "'] .dot").text() === "0") {
$("[data-index='" + msg.fansid + "'] .dot").hide()
} else {
$("[data-index='" + msg.fansid + "'] .dot").show()
}
},
create_newChat_list: function (msg,sort) { //---创建一个列表会话
if($("[data-index=" + msg.fansid + "]").length == 0){
var template = '<li layim-event="chat" data-type="history" onclick="aa()" data-index="' + msg.fansid + '" >' +
'<div>' +
'<img src=' + (msg.logo || "../res/images/default_user.png") + '>' +
'<span class="dot"></span>' +
'</div>' +
'<span class="name">' + (msg.nickname || "客户 : " + msg.fansid) + '</span>' +
'<span class="time" style="float:right;color:#999;font-size:14px;">' + this._toTimeText_G(msg.asktime) + '</span>' +
'<p class="contInfo">' + this.toFaceImg(msg.ask) + '</p>' +
'<span class="layim-msg-status">new</span>' +
'</li>'
if(sort =="sort"){
$("#chatListBox").prepend(template)
}else{
$("#chatListBox").append(template)
}
}
$(".model_box").hide()
},
create_newChat_list_query:function(msg){
var template = '<li class="queryFansItemBox" layim-event="chat" data-type="history" onclick="aa()" data-index="'+ msg.id +'">'+
'<div><img class="userLogo" src="'+ (msg.logo || "../res/images/default_user.png") +'" alt=""></div>'+
'<div class="content">'+
'<p class="name">'+ (msg.nickname || "客户 : " + msg.fansid) +'</p>'+
'<p>'+ this.toFaceImg(msg.lastAskMsg) +'</p>'+
'</div>'+
'<div>'+
'<p class="lastTime">'+ this._toTimeText_G(msg.lastAskTime) +'</p>'+
'</div>'+
'</li>'
return template
},
create_newChat_info: function (msg) { //---创建一个对话会话
if($('[data-fansid="' + msg.fansid + '"]').length == 0){
var template = '<div class="layim-chat-main layui-hide" data-fansid="' + msg.fansid + '" style="overflow-y:initial;bottom:50px;top:30px">' +
'<div style="width:100%;height:100%;overflow-y:scroll">'+
'<ul> ' +
'</ul>' +
'</div>'+
'</div>'
$("#chatInfoBox").append(template)
}
},
create_warn: function (msg) { //---创建一个警告提示消息
var template = '<li class="layim-chat-system">' +
'<span>' + msg.message + '</span>' +
'</li>'
var _height = $("[data-fansid='" + msg.fansid + "']").find("ul").height()
if(msg.sort){
$("[data-fansid='" + msg.fansid + "']").find("ul").prepend(template)
}else{
$("[data-fansid='" + msg.fansid + "']").find("ul").append(template)
$("[data-fansid='" + msg.fansid + "']").find("div").scrollTop(_height)
}
},
create_getMore:function(msg){ //---创建一个拉取更多的按钮
var that = this
var template = '<li class="layim-chat-system postMore" data-page="'+msg.page+'">' +
'<span>' + msg.message + '</span>' +
'</li>'
$("[data-fansid='" + msg.fansid + "']").find("ul").prepend(template)
},
postMore:function(fansid,page){ //---拉取聊天数据
var that = this
$.post("http://" + this.host + "/sale/chatlogList?salesId=" + this.salesid + "&page=" + page + "&fansId=" + fansid +"&pageSize=50" , function (data) {
var page_ = page+1
if(data.data.data){
var page_item = Math.ceil(data.data.count / 20) //当前粉丝的聊天记录的总页数
data.data.data.forEach(function (e, i) {
that.create_newChat_(e,"sort")
});
if(page_item >= page_){
that.create_getMore({fansid:fansid,message:"查看更多",page:page_})
}else{
that.create_warn({fansid:fansid,message:"没有更多记录",sort:"sort"})
}
}
})
},
create_Img:function(msg){ //---创建一个图片标签并返回
var randomVal = Math.random().toString(36).substr(2);
var str = '<image src="'+ msg +'?'+ randomVal +'" class="userimg" alt="">'
return str
},
create_newChat_: function (msg,option) { //---插入一条消息
if(option == "me"){ // 服务器返回的销售的消息体(不用创建会话 , 而是改变状态)
this.clearState(msg)
return false
}
var template = this.msgTemplate(msg)
if(option == "sort"){
$("[data-fansid='" + msg.fansid + "']").find("ul").prepend(template)
}else{
$("[data-fansid='" + msg.fansid + "']").find("ul").append(template)
}
showimg.bind()
var b_isMe = !(msg.replytype == 9 || msg.replytype == 11) //是否是销售本人(Boolean )
if(!msg.replytype){
b_isMe = (!!msg.reply && !!!msg.ask)
}
if (b_isMe) {
if (!$("#send").is(".layui-disabled")) {
$("#send").addClass("layui-disabled")
}
}
if(option != 'sort'){
var _height = $("[data-fansid='" + msg.fansid + "']").find("ul").height()
$("[data-fansid='" + msg.fansid + "']").find("div").scrollTop(_height)
}
},
clearState:function(msg){ //---改变当条消息的状态
$("[data-msgid="+ msg.id +"]").html(this._toTime_G(msg.asktime))
if(msg.replytype == -1){
this.create_warn({
fansid:msg.fansid,
message: msg.reply || '消息处理异常,请刷新重试'
})
$("[data-msgid="+ msg.id +"]").html('<i class="iconfont icon-weibiaoti-"></i>')
return false
}
if(msg.replytype == 45015){
this.create_warn({
fansid:msg.fansid,
message: "发送失败: 回应已超过48小时"
})
$("[data-msgid="+ msg.id +"]").html('<i class="iconfont icon-weibiaoti-"></i>')
return false
}
if(msg.replytype == 45047){
this.create_warn({
fansid:msg.fansid,
message:"发送失败: 连续下发超过5条"
})
$("[data-msgid="+ msg.id +"]").html('<i class="iconfont icon-weibiaoti-"></i>')
return false
}
if(msg.replytype == 40001 || msg.replytype == 40002 || msg.replytype == 40003 || msg.replytype == 48001 ){
this.create_warn({
fansid:msg.fansid,
message:"参数错误,请截图联系管理员--> " + msg.replytype
})
$("[data-msgid="+ msg.id +"]").html('<i class="iconfont icon-weibiaoti-"></i>')
return false
}
},
sendTimeOut:function(msg){ //---定时器判断是否发送超时 ( 10s ) 超时改变状态
setTimeout(function(){
if($("[data-msgid="+ msg.id +"]").find(".icon-loading").length >0){
$("[data-msgid="+ msg.id +"]").html('<i class="iconfont icon-weibiaoti-"></i>')
}
},10000)
},
msgTemplate:function(msg){ //---创建一条消息模版
var that = this
var b_isMe = !(msg.replytype == 9 || msg.replytype == 11) //是否是销售本人(Boolean ) f废弃 (至判断是否有消息内容)
b_isMe = (!!msg.reply && !!!msg.ask)
var isMeClass = b_isMe ? "layim-chat-mine" : "" //是否是销售本人(ClassName)
var msg__ = b_isMe ? msg.reply : msg.ask //对应的选择消息
var logo = (function(){
var _logo = ""
if(msg.replytype == 1 || msg.replytype == 2 || msg.replytype == 3){
_logo = "../res/images/robot_logo.png"
}else{
_logo = (b_isMe ? '../res/images/vanke_logo.png' : (that.fansInfo.logo || "../res/images/default_user.png"))
}
return _logo
})()
var name = (function(){
var _name = ""
if(msg.replytype == 1 || msg.replytype == 2 || msg.replytype == 3 ){
_name = "机器人"
}else{
_name = (b_isMe ? (msg.salename || "vanke" ): (that.fansInfo.name || "客户 : " + msg.fansid))
}
return _name
})()
if(msg.replytype == 9){
b_isMe = false
msg__ = this.create_Img(msg)
}else{
msg__ = this.toFaceImg(msg__)
}
var template = ""
if(!!msg.ask || !!msg.imgurl){
template += '<li class="layim-chat-li ">' +
'<div class="layim-chat-user" >' +
'<img src="' + (that.fansInfo.logo || "../res/images/default_user.png") + '" onclick="">' +
'<cite class="layim-user-box"><span class="username_box">' + (that.fansInfo.name || "客户 : " + msg.fansid) + '</span><span class="time_box">' + this._toTime_G(msg.asktime) + '</span></cite>' +
'</div>' +
'<div class="layim-chat-text">' + (!!msg.imgurl ? this.create_Img(msg.imgurl) : this.toFaceImg(msg.ask)) + '</div>' +
'</li>'
}
if(!!msg.reply || !!msg.imgurl2){
template += '<li class="layim-chat-li layim-chat-mine">' +
'<div class="layim-chat-user">' +
'<img src="'+ (msg.replytype < 4 ? "../res/images/robot_logo.png" : "../res/images/vanke_logo.png") +'" onclick="">' +
'<cite class="layim-user-box"><span class="time_box" '+ (msg.id ? 'data-msgid='+ msg.id : "") +'>' + (!!msg.asktime ? this._toTime_G(msg.asktime) : '<span class="rotateZAnimated"><i class="iconfont icon-loading"></i></span>') + '</span><span class="username_box">'+ (msg.replytype < 4 ? "机器人" : (msg.salename || "vanke" )) +'</span></span></cite>' +
'</div>' +
'<div class="layim-chat-text">' + (!!msg.imgurl2 ? this.create_Img("http://" + msg.imgurl2) : this.toFaceImg(msg.reply)) + '</div>' +
'</li>'
}
return template
},
updataChatList: function (msg) { //---更新聊天列表( 时间 , 消息体)
var msg_ = (!!msg.reply && !!!msg.ask) ? msg.reply : msg.ask
$("[data-index='" + msg.fansid + "']").find(".contInfo").html(this.toFaceImg(msg_))
$("[data-index='" + msg.fansid + "']").find(".time").text(this._toTimeText_G(msg.asktime))
$("#chatListBox").prepend($("#chatListBox").find("[data-index='" + msg.fansid + "']").detach());
},
_isNewChat: function (msg) { //---是否是新的会话
var _isNew = true
$("[data-fansid]").each(function () {
if ($(this).data("fansid") == msg.fansid) {
_isNew = false
}
})
return _isNew
},
_isInThisPage: function (msg) { //---是否在当前聊天页
var _isThis = !$("[data-fansid='" + msg.fansid + "']").is(".layui-hide")
return _isThis
},
_unique:function(arr){ //---数组ID排重
var _arr = []
var _obj = {}
arr.forEach(function(e){
if(!_obj[e.fansid]){
_obj[e.fansid] = true
_arr.push(e)
}
})
return _arr
},
_toTimeText_G: function (str) { //---时间转换函数
if (typeof (str) != "string" && typeof (str) != "number") {
console.log(str + ":No is a String")
return str
}
try {
if (new Date(str) == "Invalid Date") {
str = str.replace(/-/g, "/")
}
var timeStamp = new Date(str).getTime()
} catch (error) {
console.log("请传入正确的事件格式")
return str
}
var new_timeStamp = new Date().getTime()
var diff = new_timeStamp - timeStamp
diff = diff / 1000
if (diff < 0) {
console.log("超出当前日期")
// return str
return "刚刚"
}
if (diff < 3600) {
if (diff < 60) {
return "刚刚"
} else {
return Math.floor(diff / 60) + "分钟前"
}
} else if (diff < 86400) {
return Math.floor(diff / 3600) + "小时前"
} else if (diff < 864000) {
return Math.floor(diff / 86400) + "天前"
} else {
var __time = this._toTime_G(str)
return __time
}
},
_toTime_G: function (v) { //--- 转时间
var time = new Date(v)
var year = time.getFullYear()
var mon = time.getMonth() + 1;
var day = time.getDate();
var hour = time.getHours();
var min = time.getMinutes();
if (mon < 10) mon = "0" + mon
if (day < 10) day = "0" + day
if (hour < 10) hour = "0" + hour
if (min < 10) min = "0" + min
return mon + "-" + day + " " + hour + ":" + min
},
_getUrl_G: function(name) { //---获取Url参数
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
},
_toLabelTag:function(_val){
_val = _val.replace(/ /g,"")
var str = ''
if(!!_val){
var _arr = _val.split('|')
_val.split('|').forEach(function(e){
str += '<span class="labelItem">'+ e +'</span>'
})
}
return str
},
toFaceCode: function (msg) { //---表情文字转代码
var _msg = msg
var reg = /\[.*?\]/g;
var some = reg.exec(_msg); //匹配到的字段
while (some) {
var _some = some[0].replace(/\[/, "")
_some = _some.replace(/\]/, "")
var index = this.faceText.indexOf(_some)
msg = msg.replace(new RegExp(_some, 'g'), this.faceCode[index])
some = reg.exec(_msg);
}
msg = msg.replace(/\[/g, "")
msg = msg.replace(/\]/g, "")
return msg
},
toFaceImg: function (msg) { //---表情文字转图片
var _msg = msg
var reg = /\[.*?\]/g;
var some = reg.exec(_msg); //匹配到的字段
var isReset = false
while (some) {
var _some = some[0].replace(/\[/, "")
_some = _some.replace(/\]/, "")
var index = this.faceText.indexOf(_some)
if(index >-1){
msg = msg.replace(new RegExp(_some, 'g'), '<image src="'+ this.faceImg[index] +'" alt="">')
}else{
isReset = "[" + _some + "]"
}
some = reg.exec(_msg);
}
var that = this
this.faceText2.forEach(function(e,i){
var reg2 = new RegExp(e,"g")
if(reg2.test(msg)){
msg = msg.replace(reg2,'<image src="'+ that.faceImg[i] +'" alt="">' )
}
})
if(!!msg){
msg = msg.replace(/\[/g, "")
msg = msg.replace(/\]/g, "")
msg = msg.replace(/</g,"&lt;")
msg = msg.replace(/&lt;image/g,"<img")
}
if(isReset){
return isReset
}else{
return msg
}
},
resetCountMsg:function(id){ //---重置未读条数
$.post("../sale/cleanCatlogList?salesId=" + this.salesid + "&fansId=" + id, function (data) {
console.log(data)
})
},
openFansChat:function(){ //---是否直接跳转某粉丝对话
var that = this
if(!!this.fansid && parseFloat(this.fansid) > 0){
var id = this.fansid
that.firstOpenChat = false
that.create_newChat_info({fansid:id})
that.resetCountMsg(id)
that.isLook({ fansid: id }, "reset")
$("#chatBox").removeClass("layui-hide") //显示对话
$("#chatName").text(name)
$("#content").data("id", id)
var _height = $("[data-fansid='" + id + "']").find("ul").height()
$("[data-fansid='" + id + "']").find("div").scrollTop(_height)
if($("#chatBox").find("[data-fansid='" + id + "']").find("li").length < 1){
$.post("http://" + that.host + "/sale/chatlogList?salesId=" + that.salesid + "&page=1" + "&fansId=" + id + "&pageSize=50", function (data) {
if(data.code == 0){
$("#send").data("salename",data.data.data[0].salename)
var page_item = Math.ceil(data.data.count / 20) //当前粉丝的聊天记录的总页数
if(page_item > 1){
that.create_getMore({fansid:id,message:"查看更多",page:2})
}else{
that.create_warn({fansid:id,message:"没有更多记录"})
}
data.data.data.reverse().forEach(function (e, i) {
that.create_newChat_(e)
if (i == data.data.data.length - 1) {
that.updataChatList(e)
}
});
}
})
}
$("#chatBox").find("[data-fansid='" + id + "']").removeClass("layui-hide")
$.post("http://" + that.host + "/sale/checkChatStatus?salesId="+ that.salesid +"&fansId=" + id ,function(data){
if(data){
$(".noRobot").show()
$(".isRobot").hide()
$("#activationRobot").removeClass('on').attr('disabled',false).text('点击机器人托管')
}else{
$(".noRobot").hide()
$(".isRobot").show()
$("#activationRobot").addClass('on').attr('disabled',true).text('机器人托管中')
}
})
}
},
bind: function () { //---用户操作相关
var that = this
$(document).ready(function(){
setTimeout(function(){
$('.G_model').hide()
},500)
})
//点击消息列表
$(document).on("click", "[layim-event='chat']", function () {
var id = $(this).data("index")
var name = $(this).find(".name").text()
var logo = $(this).find('div>img').attr('src')
$("#queryFansBox").hide()
that.fansInfo = {
id:id,
name:name,
logo:logo
}
that.create_newChat_info({fansid:id})
that.resetCountMsg(id)
that.isLook({ fansid: id }, "reset")
$("#chatBox").removeClass("layui-hide") //显示对话
$("#chatName").text(name)
$("#content").data("id", id)
var _height = $("[data-fansid='" + id + "']").find("ul").height()
$("[data-fansid='" + id + "']").find("div").scrollTop(_height)
if($("#chatBox").find("[data-fansid='" + id + "']").find("li").length < 1){
that.show()
$.post("http://" + that.host + "/sale/chatlogList?salesId=" + that.salesid + "&page=1" + "&fansId=" + id + "&pageSize=50", function (data) {
if(data.code == 0){
$("#send").data("salename",data.data.data[0].salename)
var page_item = Math.ceil(data.data.count / 20) //当前粉丝的聊天记录的总页数
if(page_item > 1){
that.create_getMore({fansid:id,message:"查看更多",page:2})
}else{
that.create_warn({fansid:id,message:"没有更多记录"})
}
data.data.data.reverse().forEach(function (e, i) {
that.create_newChat_(e)
if (i == data.data.data.length - 1) {
that.updataChatList(e)
}
});
}
that.hide()
})
}
$("#chatBox").find("[data-fansid='" + id + "']").removeClass("layui-hide")
$.post("http://" + that.host + "/sale/checkChatStatus?salesId="+ that.salesid +"&fansId=" + id ,function(data){
if(data){
$(".noRobot").show()
$(".isRobot").hide()
$("#activationRobot").removeClass('on').attr('disabled',false).text('点击机器人托管')
}else{
$(".noRobot").hide()
$(".isRobot").show()
$("#activationRobot").addClass('on').attr('disabled',true).text('机器人托管中')
}
})
})
//点击返回按钮
$("#backChat").click(function () {
$("#chatBox").addClass("layui-hide")
$("#chatBox").find("[data-fansid]").removeClass("layui-hide").addClass("layui-hide")
$("#content").val("")
var id = $("#content").data("id")
that.resetCountMsg(id)
that.init()
})
//点击发送按钮
$("#send").click(function () {
if ($(this).is(".layui-disabled")) {
return false
}
var msg = $("#content").val()
$("#faceBox").slideUp(100)
var msgLocal = msg
msg = that.toFaceCode(msg)
var id = $("#content").data("id")
var _ask = G_isAsk
var _salename = $(this).data("salename") || "vanke"
var timeId = ""+new Date().getTime()
timeId = timeId.substring(4,timeId.length)
timeId = parseFloat(timeId)
var _obj = {
"fansid": id,
"ask": "",
"reply": msgLocal,
"salesid": that.salesid,//销售id
"salename": _salename,
"id": timeId,
"askfrom": _ask,
"readed": true,
"replytype":4
}
that.create_newChat_(_obj)
that.sendTimeOut(_obj)
_obj.reply = msg
_obj = JSON.stringify(_obj)
that.socket.send(_obj)
$("#content").val("")
})
//监听按键事件
$("#content").keyup(function (e) {
var msg = $(this).val()
msg = msg.replace(/ /g, "")
if (msg.length < 1) {
if (!$("#send").is(".layui-disabled")) {
$("#send").addClass("layui-disabled")
}
} else {
$("#send").removeClass("layui-disabled")
}
if (e.which == 13) {
$("#send").click()
}
})
//点击输入框事件
$("#content").click(function(){
var that = this
setTimeout(function () {
that.scrollIntoView(true);
var id = $(that).data("id")
var _height = $("[data-fansid='" + id + "']").find("ul").height()
$("[data-fansid='" + id + "']").find("div").scrollTop(_height)
document.body.scrollTop = document.body.scrollHeight;
}, 300);
$("#faceBox").slideUp(100)
})
//点击呼出表情事件
$(".icon-xiaolian").click(function (e) {
e.stopPropagation()
$("#faceBox").slideDown(100)
})
//点击表情model隐藏
$("#faceBox").click(function () {
$("#faceBox").slideUp(100)
})
//点击单个表情
$("ul.layui-layim-face li").click(function (e) {
e.stopPropagation()
var oldVal = $("#content").val()
oldVal += $(this).attr("title")
$("#content").val(oldVal)
console.log($(this))
if (oldVal.length < 1) {
if (!$("#send").is(".layui-disabled")) {
$("#send").addClass("layui-disabled")
}
} else {
$("#send").removeClass("layui-disabled")
}
})
//人工接入
$("#killRobot").click(function(){
var id = $("#content").data("id")
$.post("http://" + that.host + "/sale/checkoutStatus?salesId="+ that.salesid +"&fansId=" + id ,function(data){
if(data){
that.create_warn({fansid:id,message:"接入成功"})
$("#killRobot").hide()
$(".noRobot").show()
$('#activationRobot').attr('disabled',false).removeClass('on').text('点击机器人托管')
}
})
})
//机器人托管
$('#activationRobot').click(function(){
var id = $("#content").data("id")
$.post("http://" + that.host + "/sale/checkoutStatus?salesId="+ that.salesid +"&fansId=" + id ,function(data){
if(!data){
that.create_warn({fansid:id,message:"万小二接入成功"})
$("#killRobot").show()
$(".noRobot").hide()
$('#activationRobot').attr('disabled',true).addClass('on').text('机器人托管中')
}
})
})
//查看更多粉丝列表
$(document).on('click','.moreFansBox span',function(){
that.init()
$(this).parent().remove()
})
//查看更多聊天记录
$(document).on("click",".postMore",function(){
var page = $(this).data("page")
var fansid = $(this).parents("[data-fansid]").data("fansid")
that.postMore(fansid,page)
$(this).remove()
})
//展开功能盒子
$(".icon-guanbi").click(function(){
var isOpen = $(this).is('.on')
if(isOpen){
$(this).removeClass('on')
$(this).parent().find(".posStyle").css("display","none")
}else{
$(this).addClass('on')
$(this).parent().find(".posStyle").css("display","block")
}
})
//关闭功能盒子
$(".posStyle").click(function(){
$(".posStyle").css("display","none")
$(".icon-guanbi").removeClass("on")
})
//发送小程序卡片的盒子视图控制 - 显示
$(".icon-fasonghongbaocopy").click(function(){
$("#floorListCard").css("display","flex")
})
//发送小程序卡片的盒子视图控制 - 隐藏
$("#floorListCard .closeBox .icon-guanbi1").click(function(){
$("#floorListCard").hide()
})
//发送小程序卡片事件
$("#floorListCard li span").click(function(){
var fansid = $("#content").data("id")
var floorid = $(this).data("id")
var floorName = $(this).parent().text().replace(/发送/,"")
$("#floorListCard").hide()
$.get("http://" + that.host + "/sale/sendProudct",{"productId":floorid,"fansId":fansid },function(data){
if(data.code == 0){
that.create_warn({
fansid:fansid,
message:"已发送卡片:" + floorName
})
}else if(data.code == 45015){
that.create_warn({
fansid:fansid,
message:"发送卡片失败: 回应超时"
})
}else if(data.code == 45047){
that.create_warn({
fansid:fansid,
message:"发送卡片失败: 连续下发条数超限"
})
}else{
that.create_warn({
fansid:fansid,
message:"发送卡片失败: " + data.code
})
}
})
})
//上传照片
$.up({
el:".icon-xiangji",
url:"../upload/UploadImg",
success:function(data){
var id = $("#content").data("id")
var _ask = G_isAsk
var _salename = $("#send").data("salename") || "vanke"
var timeId = ""+new Date().getTime()
timeId = timeId.substring(4,timeId.length)
timeId = parseFloat(timeId)
var _obj = {
"fansid": id,
"ask": "",
"reply": "",
"id": timeId,
"imgurl2": location.host + data.data ,
"salesid": that.salesid,//销售id
"salename": _salename,
"askfrom": _ask,
"readed": true,
"replytype":10
}
that.create_newChat_(_obj)
_obj = JSON.stringify(_obj)
that.socket.send(_obj)
}
})
//触发搜索粉丝
$('#queryFansBox .icon-duihao').click(function(){
var val = $('#queryFansBox input').val()
that.show()
$.post('http://' + that.host + '/sale/portrait/search',{
saleId:that.salesid,
keywork:val
},function(data){
try {
if (data.code == 0) {
var str = ""
data.data.forEach(function(e){
str += that.create_newChat_list_query(e)
})
$(".queryFansResult ul").html(str)
$(".queryFansResult div").show()
}
if (!data.data || data.data.length<1 && that.fansListPage == 1) {
alert('没有记录')
}
} catch (error) {
that.hide()
}
that.hide()
})
})
$(document).on('click','#queryFansBox .queryLabelsBox .labelsList span',function(){
var val = $(this).text()
that.show()
$.post('http://' + that.host + '/sale/portrait/search',{
saleId:that.salesid,
keywork:val
},function(data){
try {
if (data.code == 0) {
var str = ""
data.data.forEach(function(e){
str += that.create_newChat_list_query(e)
})
$(".queryFansResult ul").html(str)
$(".queryFansResult div").show()
}
if (!data.data || data.data.length<1 && that.fansListPage == 1) {
alert('没有记录')
}
} catch (error) {
that.hide()
}
that.hide()
})
})
//进入搜索
$(".layui-title-query").click(function(){
$("#queryFansBox").fadeIn()
//初始话搜索界面的用户标签
$.post('http://' + that.host + '/sale/tags/'+ that.salesid,function(data){
if(data.code == 0){
var str = ''
data.data.forEach(function(e){
str += '<span onclick="">'+ e +'</span>'
})
$('#queryFansBox .queryLabelsBox .labelsList').html(str)
}
})
})
//进入粉丝编辑界面
$(document).on('click','.layim-chat-user img',function(){
$("#fansInfoBox").show()
that.show()
$.get('http://' + that.host + '/sale/fansPortrait/'+ that.fansInfo.id +'?saleId=' + that.salesid,function(data){
try {
if(data.code == 0){
var _data = data.data.fans
$('#fansInfo_id').text(_data.id)
$('#fansInfo_logo').attr("src",_data.logo)
$('#fansInfo_add').text(_data.formattedAddress)
$('#fansInfo_nickname').text(_data.nickname)
$('#fansInfo_parentId').text(data.data.saleId)
$("#fansInfo_upDate").text(that._toTime_G(data.data.updateDate || data.data.createDate))
$('#fansInfo_note').text(!!data.data.remarkInfo ? data.data.remarkInfo : "")
$('#fansInfo_labels').html(that._toLabelTag(data.data.tag))
$('#fansInfo_name').val(data.data.remarkName)
$('#fansInfo_tel').val(data.data.phone)
}
that.hide()
} catch (error) {
that.hide()
}
})
})
//点击编辑标签(传值给标签编辑页)
$('#editLabelsFn').click(function () {
$('#fansInfoBox').find('.fansInfoBox_label').fadeIn()
var str = ''
$(this).find('span.labelItem').each(function(){
str += '<span>' + $(this).text() + '</span>'
})
$('#fansInfoBox .userTags').html(str)
$.post('http://' + that.host + '/sale/tags/'+ that.salesid,function(data){
if(data.code == 0){
var _str = ''
data.data.forEach(function(e){
var isClass = ""
$('#editLabelsFn span.labelItem').each(function(){
var _val = $(this).text()
if(_val == e ){
isClass = "unSelect"
}
})
_str += '<span class="'+ isClass +'" onclick="">'+ e +'</span>'
})
$('#fansInfoBox .tagHistory .tagListBox').html(_str)
}
})
})
//保存粉丝信息
$("#saveLabelFn").click(function () {
var labels = ''
$("#editLabelsFn").find('span.labelItem').each(function () {
labels += $(this).text() + '|'
})
labels = labels.substring(0, labels.length - 1)
var tel = $(".telValue").val()
var note = $("#fansInfoBox").find('textarea').val()
var name = $('#fansInfoBox').find('.nameValue').val()
console.log(labels + "\n" + tel + "\n" + note + '\n' + name)
if(!!tel){
if(!(/^1[34578]\d{9}$/.test(tel))) {
alert("手机号码有误，请重填");
return false;
}
}
$.post('http://' + that.host + '/sale/updatePortrait/'+ that.fansInfo.id,{
saleId:that.salesid,
phone:tel,
remarkName:name,
remarkInfo:note,
tag:labels
},function(data){
console.log(data)
that.hide()
})
$("#fansInfoBox").hide()
})
$("#closeLabelFn").click(function(){
$("#fansInfoBox").hide()
})
},
show:function(){
$('.G_model').css('display','flex')
},
hide:function(){
$('.G_model').hide()
}
}
function Showimg(el) {
this.el = el
}
Showimg.prototype = {
getitems: function(el) { //获取items数组对象
var list = document.querySelectorAll(el)
var items = []
for(i = 0; i < list.length; i++) {
var obj = {}
obj.src = list[i].src
obj.h = list[i].naturalHeight
obj.w = list[i].naturalWidth
items.push(obj)
}
return items
},
ceratePhoto: function(i) { //初始化新的相册框
var pswpElement = document.querySelectorAll('.pswp')[0];
var items = this.getitems(this.el);
var options = {
history: false,
focus: false,
index: i,
showAnimationDuration: 0,
hideAnimationDuration: 0
};
gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
gallery.init()
},
bind: function() { //绑定click事件
var that = this
$(document).off("click", this.el)
$(document).on("click", this.el, function() {
var index = $(this).index(that.el)
that.ceratePhoto(index)
})
$(this.el).click(function() {})
}
}
var showimg = new Showimg(".userimg")
showimg.bind()
var chat = new Chat()
chat.init()
chat.bind()
chat.connect()
// chat.openFansChat()
function aa(){ }
\ No newline at end of file
WebContent/WEB-INF/res/js/mobileChat.min.js deleted 100644 → 0
function Chat(){this.socket=null;this.salesid=G_salesid;this.fansid=G_fansid;this.isvank=G_isvank;this.firstOpenChat=true;this.host=location.host.indexOf("192")>-1||location.host.indexOf("localhost")>-1?location.host+"/zzhnc":location.host;this.url="ws://"+this.host+"/web/socket/"+G_salesid+"/"+G_isvank;this.fansListPage=1;this.fansInfo={};this.pages={};this.faceCode=["/::)","/::~","/::B","/::|","/:8-)","/::<","/::$","/::X","/::Z","/::'(","/::-|","/::@","/::P","/::D","/::O","/::(","/::+","/:–b","/::Q","/::T","/:,@P","/:,@-D","/::d","/:,@o","/::g","/:|-)","/::!","/::L","/::>","/::,@","/:,@f","/::-S","/:?","/:,@x","/:,@@","/::8","/:,@!","/:!!!","/:xx","/:bye","/:wipe","/:dig","/:handclap","/:&-(","/:B-)","/:<@","/:@>","/::-O","/:>-|","/:P-(","/::'|","/:X-)","/::*","/:@x","/:8*","/:pd","/:<W>","/:beer","/:basketb","/:oo","/:coffee","/:eat","/:pig","/:rose","/:fade","/:showlove","/:heart","/:break","/:cake","/:li","/:bome","/:kn","/:footb","/:ladybug","/:shit","/:moon","/:sun","/:gift","/:hug","/:strong","/:weak","/:share","/:v","/:@)","/:jj","/:@@","/:bad","/:lvu","/:no","/:ok","/:love","/:<L>","/:jump","/:shake","/:<O>","/:circle","/:kotow","/:turn","/:skip","/:oy","/:#-0","/:oy","/:kiss","/:<&","/:&>"];this.faceText=["微笑","撇嘴","色","发呆","得意","流泪","害羞","闭嘴","睡","大哭","尴尬","发怒","调皮","呲牙","惊讶","难过","酷","冷汗","抓狂","吐","偷笑","愉快","白银","傲慢","饥饿","困","恐慌","流汗","憨笑","悠闲","奋斗","咒骂","疑问","嘘","晕","疯了","哀","骷髅","敲打","再见","擦汗","抠鼻","鼓掌","糗大了","坏笑","左哼哼","右哼哼","哈欠","鄙视","委屈","快哭了","阴险","亲亲","吓","可怜","菜刀","西瓜","啤酒","篮球","乒乓","咖啡","饭","猪头","玫瑰","凋谢","嘴唇","爱心","心碎","蛋糕","闪电","炸弹","刀","足球","瓢虫","便便","月亮","太阳","礼物","拥抱","强","弱","握手","胜利","抱拳","勾引","拳头","差劲","爱你","NO","OK","爱情","飞吻","跳跳","发抖","怄火","转圈","磕头","回头","跳绳","投降","激动","乱舞","献吻","左太极","右太极"];this.faceText2=["/微笑","/撇嘴","/色","/发呆","/得意","/流泪","/害羞","/闭嘴","/睡","/大哭","/尴尬","/发怒","/调皮","/呲牙","/惊讶","/难过","/酷","/冷汗","/抓狂","/吐","/偷笑","/愉快","/白银","/傲慢","/饥饿","/困","/恐慌","/流汗","/憨笑","/悠闲","/奋斗","/咒骂","/疑问","/嘘","/晕","/疯了","/哀","/骷髅","/敲打","/再见","/擦汗","/抠鼻","/鼓掌","/糗大了","/坏笑","/左哼哼","/右哼哼","/哈欠","/鄙视","/委屈","/快哭了","/阴险","/亲亲","/吓","/可怜","/菜刀","/西瓜","/啤酒","/篮球","/乒乓","/咖啡","/饭","/猪头","/玫瑰","/凋谢","/嘴唇","/爱心","/心碎","/蛋糕","/闪电","/炸弹","/刀","/足球","/瓢虫","/便便","/月亮","/太阳","/礼物","/拥抱","/强","/弱","/握手","/胜利","/抱拳","/勾引","/拳头","/差劲","/爱你","/NO","/OK","/爱情","/飞吻","/跳跳","/发抖","/怄火","/转圈","/磕头","/回头","/跳绳","/投降","/激动","/乱舞","/献吻","/左太极","/右太极"];this.faceImg=["http://www.onegreen.net/QQ/UploadFiles/201404/20140427102755304.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102806118.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102811204.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102816272.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102821779.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102826616.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102831909.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102836860.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102841446.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102846605.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102851155.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102856815.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102901326.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102906485.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102911867.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102916775.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102921112.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102926579.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102931107.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102936174.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102941562.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102946241.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102951305.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427102956983.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103001341.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103006230.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103011620.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103016770.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103021180.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103026333.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103031826.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103036856.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103041851.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103046204.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103051515.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103056368.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103101584.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103106639.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103111714.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103116995.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103121307.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103126628.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103131537.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103136922.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103141708.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103146409.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103151786.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103156150.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103201493.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103206968.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103211938.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103216563.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103221494.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103226447.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103231181.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103236908.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103241610.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103246942.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103251889.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103256822.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103301730.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103306315.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103311631.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103316218.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103321727.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103326466.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103331391.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103336293.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103341727.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103346519.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103351983.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103356315.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103401393.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103406284.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103411342.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103416889.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103421513.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103426896.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103431815.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103436286.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103441411.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103446541.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103451461.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103456248.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103501861.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103506188.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103511436.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103516890.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103521415.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103526248.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103531694.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103536789.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103541535.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103546800.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103551956.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103556647.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103601489.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103606571.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103611997.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103616555.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103621939.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103626894.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103636123.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103641405.png","http://www.onegreen.net/QQ/UploadFiles/201404/20140427103646322.png"]}Chat.prototype={init:function(){var e=this;if(this._getUrl_G("ccc")!="ccc"){if(this._getUrl_G("code")=="nmamtf18565803458"&&this.salesid!=224){$("body").html("非法访问，请在微信端打开")}}$.post("http://"+this.host+"/sale/chatlogList?salesId="+this.salesid+"&page="+this.fansListPage+"&pageSize=100",function(t){if(t.code==0){var a=t.data.length;var n=e._unique(t.data);n.forEach(function(t){var a=t.replytype<5?t.reply:t.ask;if(!a){a=t.reply||t.ask}e.create_newChat_list({fansid:t.fansid,logo:t.logo,nickname:t.nickname,ask:a,asktime:t.asktime});e.isLook({fansid:t.fansid},t.num);e.create_newChat_info({fansid:t.fansid})});console.log(a);if(a==100){e.fansListPage=e.fansListPage+1;$("#chatListBox").append("<li class='moreFansBox'><span data-page='"+e.fansListPage+"'>获取更多</span></li>")}}if(!t.data||t.data.length<1&&e.fansListPage==1){$(".model_box").css("display","flex");$("#main").hide()}if(e.firstOpenChat&&!!e.fansid&&parseFloat(e.fansid)>0){e.fansInfo.id=e.fansid;e.fansInfo.name=$("[data-index='"+e.fansid+"']").find(".name").text();e.fansInfo.logo=$("[data-index='"+e.fansid+"']").find("div>img").attr("src");e.openFansChat()}})},connect:function(){var e=this;this.socket=new WebSocket(this.url);this.socket.onopen=function(){console.log("socket run..")};this.socket.onmessage=function(t){var a=null;try{a=JSON.parse(t.data);e.process(a)}catch(e){}};this.socket.onclose=function(){console.log("socket close..")}},process:function(e){if(!!e.imgurl2||!!e.reply&&!!!e.ask){this.create_newChat_(e,"me");this.updataChatList(e)}else{var t=this._isNewChat(e);if(t){}else{this.create_newChat_(e);this.updataChatList(e);if(!this._isInThisPage(e)){this.isLook(e)}}}if(false){this.create_warn(e)}},isLook:function(e,t){var a=localStorage.getItem("look");var n={};if(!!a){n=JSON.parse(localStorage.getItem("look"))}var i=n["_"+e.fansid]||0;i++;if(t!=undefined){if(t=="reset"){i=0}else{i=t}}n["_"+e.fansid]=i;for(x in n){var s=x.substring(1,x.length);if(s==e.fansid){var o=n[x]==1?" ":n[x];$("[data-index='"+s+"']").find(".dot").text(o)}}var l=JSON.stringify(n);localStorage.setItem("look",l);$("[data-index='"+s+"'] .dot").text();if($("[data-index='"+e.fansid+"'] .dot").text()==="0"){$("[data-index='"+e.fansid+"'] .dot").hide()}else{$("[data-index='"+e.fansid+"'] .dot").show()}},create_newChat_list:function(e,t){if($("[data-index="+e.fansid+"]").length==0){var a='<li layim-event="chat" data-type="history" onclick="aa()" data-index="'+e.fansid+'" >'+"<div>"+"<img src="+(e.logo||"../res/images/default_user.png")+">"+'<span class="dot"></span>'+"</div>"+'<span class="name">'+(e.nickname||"客户 : "+e.fansid)+"</span>"+'<span class="time" style="float:right;color:#999;font-size:14px;">'+this._toTimeText_G(e.asktime)+"</span>"+'<p class="contInfo">'+this.toFaceImg(e.ask)+"</p>"+'<span class="layim-msg-status">new</span>'+"</li>";if(t=="sort"){$("#chatListBox").prepend(a)}else{$("#chatListBox").append(a)}}$(".model_box").hide()},create_newChat_list_query:function(e){var t='<li class="queryFansItemBox" layim-event="chat" data-type="history" onclick="aa()" data-index="'+e.id+'">'+'<div><img class="userLogo" src="'+(e.logo||"../res/images/default_user.png")+'" alt=""></div>'+'<div class="content">'+'<p class="name">'+(e.nickname||"客户 : "+e.fansid)+"</p>"+"<p>"+this.toFaceImg(e.lastAskMsg)+"</p>"+"</div>"+"<div>"+'<p class="lastTime">'+this._toTimeText_G(e.lastAskTime)+"</p>"+"</div>"+"</li>";return t},create_newChat_info:function(e){if($('[data-fansid="'+e.fansid+'"]').length==0){var t='<div class="layim-chat-main layui-hide" data-fansid="'+e.fansid+'" style="overflow-y:initial;bottom:50px;top:30px">'+'<div style="width:100%;height:100%;overflow-y:scroll">'+"<ul> "+"</ul>"+"</div>"+"</div>";$("#chatInfoBox").append(t)}},create_warn:function(e){var t='<li class="layim-chat-system">'+"<span>"+e.message+"</span>"+"</li>";var a=$("[data-fansid='"+e.fansid+"']").find("ul").height();if(e.sort){$("[data-fansid='"+e.fansid+"']").find("ul").prepend(t)}else{$("[data-fansid='"+e.fansid+"']").find("ul").append(t);$("[data-fansid='"+e.fansid+"']").find("div").scrollTop(a)}},create_getMore:function(e){var t=this;var a='<li class="layim-chat-system postMore" data-page="'+e.page+'">'+"<span>"+e.message+"</span>"+"</li>";$("[data-fansid='"+e.fansid+"']").find("ul").prepend(a)},postMore:function(e,t){var a=this;$.post("http://"+this.host+"/sale/chatlogList?salesId="+this.salesid+"&page="+t+"&fansId="+e+"&pageSize=50",function(n){var i=t+1;if(n.data.data){var s=Math.ceil(n.data.count/20);n.data.data.forEach(function(e,t){a.create_newChat_(e,"sort")});if(s>=i){a.create_getMore({fansid:e,message:"查看更多",page:i})}else{a.create_warn({fansid:e,message:"没有更多记录",sort:"sort"})}}})},create_Img:function(e){var t=Math.random().toString(36).substr(2);var a='<image src="'+e+"?"+t+'" class="userimg" alt="">';return a},create_newChat_:function(e,t){if(t=="me"){this.clearState(e);return false}var a=this.msgTemplate(e);if(t=="sort"){$("[data-fansid='"+e.fansid+"']").find("ul").prepend(a)}else{$("[data-fansid='"+e.fansid+"']").find("ul").append(a)}showimg.bind();var n=!(e.replytype==9||e.replytype==11);if(!e.replytype){n=!!e.reply&&!!!e.ask}if(n){if(!$("#send").is(".layui-disabled")){$("#send").addClass("layui-disabled")}}if(t!="sort"){var i=$("[data-fansid='"+e.fansid+"']").find("ul").height();$("[data-fansid='"+e.fansid+"']").find("div").scrollTop(i)}},clearState:function(e){$("[data-msgid="+e.id+"]").html(this._toTime_G(e.asktime));if(e.replytype==-1){this.create_warn({fansid:e.fansid,message:e.reply||"消息处理异常,请刷新重试"});$("[data-msgid="+e.id+"]").html('<i class="iconfont icon-weibiaoti-"></i>');return false}if(e.replytype==45015){this.create_warn({fansid:e.fansid,message:"发送失败: 回应已超过48小时"});$("[data-msgid="+e.id+"]").html('<i class="iconfont icon-weibiaoti-"></i>');return false}if(e.replytype==45047){this.create_warn({fansid:e.fansid,message:"发送失败: 连续下发超过5条"});$("[data-msgid="+e.id+"]").html('<i class="iconfont icon-weibiaoti-"></i>');return false}if(e.replytype==40001||e.replytype==40002||e.replytype==40003||e.replytype==48001){this.create_warn({fansid:e.fansid,message:"参数错误,请截图联系管理员--\x3e "+e.replytype});$("[data-msgid="+e.id+"]").html('<i class="iconfont icon-weibiaoti-"></i>');return false}},sendTimeOut:function(e){setTimeout(function(){if($("[data-msgid="+e.id+"]").find(".icon-loading").length>0){$("[data-msgid="+e.id+"]").html('<i class="iconfont icon-weibiaoti-"></i>')}},1e4)},msgTemplate:function(e){var t=this;var a=!(e.replytype==9||e.replytype==11);a=!!e.reply&&!!!e.ask;var n=a?"layim-chat-mine":"";var i=a?e.reply:e.ask;var s=function(){var n="";if(e.replytype==1||e.replytype==2||e.replytype==3){n="../res/images/robot_logo.png"}else{n=a?"../res/images/vanke_logo.png":t.fansInfo.logo||"../res/images/default_user.png"}return n}();var o=function(){var n="";if(e.replytype==1||e.replytype==2||e.replytype==3){n="机器人"}else{n=a?e.salename||"vanke":t.fansInfo.name||"客户 : "+e.fansid}return n}();if(e.replytype==9){a=false;i=this.create_Img(e)}else{i=this.toFaceImg(i)}var l="";if(!!e.ask||!!e.imgurl){l+='<li class="layim-chat-li ">'+'<div class="layim-chat-user" >'+'<img src="'+(t.fansInfo.logo||"../res/images/default_user.png")+'" onclick="">'+'<cite class="layim-user-box"><span class="username_box">'+(t.fansInfo.name||"客户 : "+e.fansid)+'</span><span class="time_box">'+this._toTime_G(e.asktime)+"</span></cite>"+"</div>"+'<div class="layim-chat-text">'+(!!e.imgurl?this.create_Img(e.imgurl):this.toFaceImg(e.ask))+"</div>"+"</li>"}if(!!e.reply||!!e.imgurl2){l+='<li class="layim-chat-li layim-chat-mine">'+'<div class="layim-chat-user">'+'<img src="'+(e.replytype<4?"../res/images/robot_logo.png":"../res/images/vanke_logo.png")+'" onclick="">'+'<cite class="layim-user-box"><span class="time_box" '+(e.id?"data-msgid="+e.id:"")+">"+(!!e.asktime?this._toTime_G(e.asktime):'<span class="rotateZAnimated"><i class="iconfont icon-loading"></i></span>')+'</span><span class="username_box">'+(e.replytype<4?"机器人":e.salename||"vanke")+"</span></span></cite>"+"</div>"+'<div class="layim-chat-text">'+(!!e.imgurl2?this.create_Img("http://"+e.imgurl2):this.toFaceImg(e.reply))+"</div>"+"</li>"}return l},updataChatList:function(e){var t=!!e.reply&&!!!e.ask?e.reply:e.ask;$("[data-index='"+e.fansid+"']").find(".contInfo").html(this.toFaceImg(t));$("[data-index='"+e.fansid+"']").find(".time").text(this._toTimeText_G(e.asktime));$("#chatListBox").prepend($("#chatListBox").find("[data-index='"+e.fansid+"']").detach())},_isNewChat:function(e){var t=true;$("[data-fansid]").each(function(){if($(this).data("fansid")==e.fansid){t=false}});return t},_isInThisPage:function(e){var t=!$("[data-fansid='"+e.fansid+"']").is(".layui-hide");return t},_unique:function(e){var t=[];var a={};e.forEach(function(e){if(!a[e.fansid]){a[e.fansid]=true;t.push(e)}});return t},_toTimeText_G:function(e){if(typeof e!="string"&&typeof e!="number"){console.log(e+":No is a String");return e}try{if(new Date(e)=="Invalid Date"){e=e.replace(/-/g,"/")}var t=new Date(e).getTime()}catch(t){console.log("请传入正确的事件格式");return e}var a=(new Date).getTime();var n=a-t;n=n/1e3;if(n<0){console.log("超出当前日期");return"刚刚"}if(n<3600){if(n<60){return"刚刚"}else{return Math.floor(n/60)+"分钟前"}}else if(n<86400){return Math.floor(n/3600)+"小时前"}else if(n<864e3){return Math.floor(n/86400)+"天前"}else{var i=this._toTime_G(e);return i}},_toTime_G:function(e){var t=new Date(e);var a=t.getFullYear();var n=t.getMonth()+1;var i=t.getDate();var s=t.getHours();var o=t.getMinutes();if(n<10)n="0"+n;if(i<10)i="0"+i;if(s<10)s="0"+s;if(o<10)o="0"+o;return n+"-"+i+" "+s+":"+o},_getUrl_G:function(e){var t=new RegExp("(^|&)"+e+"=([^&]*)(&|$)","i");var a=window.location.search.substr(1).match(t);if(a!=null)return unescape(a[2]);return null},_toLabelTag:function(e){e=e.replace(/ /g,"");var t="";if(!!e){var a=e.split("|");e.split("|").forEach(function(e){t+='<span class="labelItem">'+e+"</span>"})}return t},toFaceCode:function(e){var t=e;var a=/\[.*?\]/g;var n=a.exec(t);while(n){var i=n[0].replace(/\[/,"");i=i.replace(/\]/,"");var s=this.faceText.indexOf(i);e=e.replace(new RegExp(i,"g"),this.faceCode[s]);n=a.exec(t)}e=e.replace(/\[/g,"");e=e.replace(/\]/g,"");return e},toFaceImg:function(e){var t=e;var a=/\[.*?\]/g;var n=a.exec(t);var i=false;while(n){var s=n[0].replace(/\[/,"");s=s.replace(/\]/,"");var o=this.faceText.indexOf(s);if(o>-1){e=e.replace(new RegExp(s,"g"),'<image src="'+this.faceImg[o]+'" alt="">')}else{i="["+s+"]"}n=a.exec(t)}var l=this;this.faceText2.forEach(function(t,a){var n=new RegExp(t,"g");if(n.test(e)){e=e.replace(n,'<image src="'+l.faceImg[a]+'" alt="">')}});if(!!e){e=e.replace(/\[/g,"");e=e.replace(/\]/g,"");e=e.replace(/</g,"&lt;");e=e.replace(/&lt;image/g,"<img")}if(i){return i}else{return e}},resetCountMsg:function(e){$.post("../sale/cleanCatlogList?salesId="+this.salesid+"&fansId="+e,function(e){console.log(e)})},openFansChat:function(){var e=this;if(!!this.fansid&&parseFloat(this.fansid)>0){var t=this.fansid;e.firstOpenChat=false;e.create_newChat_info({fansid:t});e.resetCountMsg(t);e.isLook({fansid:t},"reset");$("#chatBox").removeClass("layui-hide");$("#chatName").text(name);$("#content").data("id",t);var a=$("[data-fansid='"+t+"']").find("ul").height();$("[data-fansid='"+t+"']").find("div").scrollTop(a);if($("#chatBox").find("[data-fansid='"+t+"']").find("li").length<1){$.post("http://"+e.host+"/sale/chatlogList?salesId="+e.salesid+"&page=1"+"&fansId="+t+"&pageSize=50",function(a){if(a.code==0){$("#send").data("salename",a.data.data[0].salename);var n=Math.ceil(a.data.count/20);if(n>1){e.create_getMore({fansid:t,message:"查看更多",page:2})}else{e.create_warn({fansid:t,message:"没有更多记录"})}a.data.data.reverse().forEach(function(t,n){e.create_newChat_(t);if(n==a.data.data.length-1){e.updataChatList(t)}})}})}$("#chatBox").find("[data-fansid='"+t+"']").removeClass("layui-hide");$.post("http://"+e.host+"/sale/checkChatStatus?salesId="+e.salesid+"&fansId="+t,function(e){if(e){$(".noRobot").show();$(".isRobot").hide();$("#activationRobot").removeClass("on").attr("disabled",false).text("点击机器人托管")}else{$(".noRobot").hide();$(".isRobot").show();$("#activationRobot").addClass("on").attr("disabled",true).text("机器人托管中")}})}},bind:function(){var e=this;$(document).ready(function(){setTimeout(function(){$(".G_model").hide()},500)});$(document).on("click","[layim-event='chat']",function(){var t=$(this).data("index");var a=$(this).find(".name").text();var n=$(this).find("div>img").attr("src");$("#queryFansBox").hide();e.fansInfo={id:t,name:a,logo:n};e.create_newChat_info({fansid:t});e.resetCountMsg(t);e.isLook({fansid:t},"reset");$("#chatBox").removeClass("layui-hide");$("#chatName").text(a);$("#content").data("id",t);var i=$("[data-fansid='"+t+"']").find("ul").height();$("[data-fansid='"+t+"']").find("div").scrollTop(i);if($("#chatBox").find("[data-fansid='"+t+"']").find("li").length<1){e.show();$.post("http://"+e.host+"/sale/chatlogList?salesId="+e.salesid+"&page=1"+"&fansId="+t+"&pageSize=50",function(a){if(a.code==0){$("#send").data("salename",a.data.data[0].salename);var n=Math.ceil(a.data.count/20);if(n>1){e.create_getMore({fansid:t,message:"查看更多",page:2})}else{e.create_warn({fansid:t,message:"没有更多记录"})}a.data.data.reverse().forEach(function(t,n){e.create_newChat_(t);if(n==a.data.data.length-1){e.updataChatList(t)}})}e.hide()})}$("#chatBox").find("[data-fansid='"+t+"']").removeClass("layui-hide");$.post("http://"+e.host+"/sale/checkChatStatus?salesId="+e.salesid+"&fansId="+t,function(e){if(e){$(".noRobot").show();$(".isRobot").hide();$("#activationRobot").removeClass("on").attr("disabled",false).text("点击机器人托管")}else{$(".noRobot").hide();$(".isRobot").show();$("#activationRobot").addClass("on").attr("disabled",true).text("机器人托管中")}})});$("#backChat").click(function(){$("#chatBox").addClass("layui-hide");$("#chatBox").find("[data-fansid]").removeClass("layui-hide").addClass("layui-hide");$("#content").val("");var t=$("#content").data("id");e.resetCountMsg(t);e.init()});$("#send").click(function(){if($(this).is(".layui-disabled")){return false}var t=$("#content").val();$("#faceBox").slideUp(100);var a=t;t=e.toFaceCode(t);var n=$("#content").data("id");var i=G_isAsk;var s=$(this).data("salename")||"vanke";var o=""+(new Date).getTime();o=o.substring(4,o.length);o=parseFloat(o);var l={fansid:n,ask:"",reply:a,salesid:e.salesid,salename:s,id:o,askfrom:i,readed:true,replytype:4};e.create_newChat_(l);e.sendTimeOut(l);l.reply=t;l=JSON.stringify(l);e.socket.send(l);$("#content").val("")});$("#content").keyup(function(e){var t=$(this).val();t=t.replace(/ /g,"");if(t.length<1){if(!$("#send").is(".layui-disabled")){$("#send").addClass("layui-disabled")}}else{$("#send").removeClass("layui-disabled")}if(e.which==13){$("#send").click()}});$("#content").click(function(){var e=this;setTimeout(function(){e.scrollIntoView(true);var t=$(e).data("id");var a=$("[data-fansid='"+t+"']").find("ul").height();$("[data-fansid='"+t+"']").find("div").scrollTop(a);document.body.scrollTop=document.body.scrollHeight},300);$("#faceBox").slideUp(100)});$(".icon-xiaolian").click(function(e){e.stopPropagation();$("#faceBox").slideDown(100)});$("#faceBox").click(function(){$("#faceBox").slideUp(100)});$("ul.layui-layim-face li").click(function(e){e.stopPropagation();var t=$("#content").val();t+=$(this).attr("title");$("#content").val(t);console.log($(this));if(t.length<1){if(!$("#send").is(".layui-disabled")){$("#send").addClass("layui-disabled")}}else{$("#send").removeClass("layui-disabled")}});$("#killRobot").click(function(){var t=$("#content").data("id");$.post("http://"+e.host+"/sale/checkoutStatus?salesId="+e.salesid+"&fansId="+t,function(a){if(a){e.create_warn({fansid:t,message:"接入成功"});$("#killRobot").hide();$(".noRobot").show();$("#activationRobot").attr("disabled",false).removeClass("on").text("点击机器人托管")}})});$("#activationRobot").click(function(){var t=$("#content").data("id");$.post("http://"+e.host+"/sale/checkoutStatus?salesId="+e.salesid+"&fansId="+t,function(a){if(!a){e.create_warn({fansid:t,message:"万小二接入成功"});$("#killRobot").show();$(".noRobot").hide();$("#activationRobot").attr("disabled",true).addClass("on").text("机器人托管中")}})});$(document).on("click",".moreFansBox span",function(){e.init();$(this).parent().remove()});$(document).on("click",".postMore",function(){var t=$(this).data("page");var a=$(this).parents("[data-fansid]").data("fansid");e.postMore(a,t);$(this).remove()});$(".icon-guanbi").click(function(){var e=$(this).is(".on");if(e){$(this).removeClass("on");$(this).parent().find(".posStyle").css("display","none")}else{$(this).addClass("on");$(this).parent().find(".posStyle").css("display","block")}});$(".posStyle").click(function(){$(".posStyle").css("display","none");$(".icon-guanbi").removeClass("on")});$(".icon-fasonghongbaocopy").click(function(){$("#floorListCard").css("display","flex")});$("#floorListCard .closeBox .icon-guanbi1").click(function(){$("#floorListCard").hide()});$("#floorListCard li span").click(function(){var t=$("#content").data("id");var a=$(this).data("id");var n=$(this).parent().text().replace(/发送/,"");$("#floorListCard").hide();$.get("http://"+e.host+"/sale/sendProudct",{productId:a,fansId:t},function(a){if(a.code==0){e.create_warn({fansid:t,message:"已发送卡片:"+n})}else if(a.code==45015){e.create_warn({fansid:t,message:"发送卡片失败: 回应超时"})}else if(a.code==45047){e.create_warn({fansid:t,message:"发送卡片失败: 连续下发条数超限"})}else{e.create_warn({fansid:t,message:"发送卡片失败: "+a.code})}})});$.up({el:".icon-xiangji",url:"../upload/UploadImg",success:function(t){var a=$("#content").data("id");var n=G_isAsk;var i=$("#send").data("salename")||"vanke";var s=""+(new Date).getTime();s=s.substring(4,s.length);s=parseFloat(s);var o={fansid:a,ask:"",reply:"",id:s,imgurl2:location.host+t.data,salesid:e.salesid,salename:i,askfrom:n,readed:true,replytype:10};e.create_newChat_(o);o=JSON.stringify(o);e.socket.send(o)}});$("#queryFansBox .icon-duihao").click(function(){var t=$("#queryFansBox input").val();e.show();$.post("http://"+e.host+"/sale/portrait/search",{saleId:e.salesid,keywork:t},function(t){try{if(t.code==0){var a="";t.data.forEach(function(t){a+=e.create_newChat_list_query(t)});$(".queryFansResult ul").html(a);$(".queryFansResult div").show()}if(!t.data||t.data.length<1&&e.fansListPage==1){alert("没有记录")}}catch(t){e.hide()}e.hide()})});$(document).on("click","#queryFansBox .queryLabelsBox .labelsList span",function(){var t=$(this).text();e.show();$.post("http://"+e.host+"/sale/portrait/search",{saleId:e.salesid,keywork:t},function(t){try{if(t.code==0){var a="";t.data.forEach(function(t){a+=e.create_newChat_list_query(t)});$(".queryFansResult ul").html(a);$(".queryFansResult div").show()}if(!t.data||t.data.length<1&&e.fansListPage==1){alert("没有记录")}}catch(t){e.hide()}e.hide()})});$(".layui-title-query").click(function(){$("#queryFansBox").fadeIn();$.post("http://"+e.host+"/sale/tags/"+e.salesid,function(e){if(e.code==0){var t="";e.data.forEach(function(e){t+='<span onclick="">'+e+"</span>"});$("#queryFansBox .queryLabelsBox .labelsList").html(t)}})});$(document).on("click",".layim-chat-user img",function(){$("#fansInfoBox").show();e.show();$.get("http://"+e.host+"/sale/fansPortrait/"+e.fansInfo.id+"?saleId="+e.salesid,function(t){try{if(t.code==0){var a=t.data.fans;$("#fansInfo_id").text(a.id);$("#fansInfo_logo").attr("src",a.logo);$("#fansInfo_add").text(a.formattedAddress);$("#fansInfo_nickname").text(a.nickname);$("#fansInfo_parentId").text(t.data.saleId);$("#fansInfo_upDate").text(e._toTime_G(t.data.updateDate||t.data.createDate));$("#fansInfo_note").text(!!t.data.remarkInfo?t.data.remarkInfo:"");$("#fansInfo_labels").html(e._toLabelTag(t.data.tag));$("#fansInfo_name").val(t.data.remarkName);$("#fansInfo_tel").val(t.data.phone)}e.hide()}catch(t){e.hide()}})});$("#editLabelsFn").click(function(){$("#fansInfoBox").find(".fansInfoBox_label").fadeIn();var t="";$(this).find("span.labelItem").each(function(){t+="<span>"+$(this).text()+"</span>"});$("#fansInfoBox .userTags").html(t);$.post("http://"+e.host+"/sale/tags/"+e.salesid,function(e){if(e.code==0){var t="";e.data.forEach(function(e){var a="";$("#editLabelsFn span.labelItem").each(function(){var t=$(this).text();if(t==e){a="unSelect"}});t+='<span class="'+a+'" onclick="">'+e+"</span>"});$("#fansInfoBox .tagHistory .tagListBox").html(t)}})});$("#saveLabelFn").click(function(){var t="";$("#editLabelsFn").find("span.labelItem").each(function(){t+=$(this).text()+"|"});t=t.substring(0,t.length-1);var a=$(".telValue").val();var n=$("#fansInfoBox").find("textarea").val();var i=$("#fansInfoBox").find(".nameValue").val();console.log(t+"\n"+a+"\n"+n+"\n"+i);if(!!a){if(!/^1[34578]\d{9}$/.test(a)){alert("手机号码有误，请重填");return false}}$.post("http://"+e.host+"/sale/updatePortrait/"+e.fansInfo.id,{saleId:e.salesid,phone:a,remarkName:i,remarkInfo:n,tag:t},function(t){console.log(t);e.hide()});$("#fansInfoBox").hide()});$("#closeLabelFn").click(function(){$("#fansInfoBox").hide()})},show:function(){$(".G_model").css("display","flex")},hide:function(){$(".G_model").hide()}};function Showimg(e){this.el=e}Showimg.prototype={getitems:function(e){var t=document.querySelectorAll(e);var a=[];for(i=0;i<t.length;i++){var n={};n.src=t[i].src;n.h=t[i].naturalHeight;n.w=t[i].naturalWidth;a.push(n)}return a},ceratePhoto:function(e){var t=document.querySelectorAll(".pswp")[0];var a=this.getitems(this.el);var n={history:false,focus:false,index:e,showAnimationDuration:0,hideAnimationDuration:0};gallery=new PhotoSwipe(t,PhotoSwipeUI_Default,a,n);gallery.init()},bind:function(){var e=this;$(document).off("click",this.el);$(document).on("click",this.el,function(){var t=$(this).index(e.el);e.ceratePhoto(t)});$(this.el).click(function(){})}};var showimg=new Showimg(".userimg");showimg.bind();var chat=new Chat;chat.init();chat.bind();chat.connect();function aa(){}
\ No newline at end of file
WebContent/WEB-INF/res/js/mobileChatBind.js deleted 100644 → 0
// ----------------------客户标签相关操作
//新增标签事件
$("#fansInfoBox .addTag").click(function(){
var str = $("#fansInfoBox .fansInfoBox_label .tagInput input").val()
str = str.replace(/ /g,"")
if(str.length<1){
return false
}
$('#fansInfoBox .userTags').append('<span>' + str + '</span>')
$("#fansInfoBox .fansInfoBox_label .tagInput input").val('').focus()
})
//选择历史标签
$(document).on("click","#fansInfoBox .tagListBox span",function(){
var _val = $(this).text()
var isHas = false
$('#fansInfoBox .userTags span').each(function(){
if($(this).text() == _val ){
isHas = true
$(this).remove()
}
})
if(isHas){
$(this).removeClass('unSelect')
}else{
$(this).addClass('unSelect')
$('#fansInfoBox .userTags').append('<span>' + _val + '</span>')
}
})
//保存标签
$("#fansInfoBox .saveTagBtnBox .save").click(function(){
var _html = $('#fansInfoBox .userTags').html()
$("#editLabelsFn p.noeditLabels").html(_html)
$("#editLabelsFn p.noeditLabels span").addClass('labelItem')
$("#fansInfoBox .fansInfoBox_label").fadeOut()
})
//取消保存标签
$("#fansInfoBox .saveTagBtnBox .close").click(function(){
$("#fansInfoBox .fansInfoBox_label").fadeOut()
})
// -----------------------搜索粉丝相关
//取消搜索按钮
$("#queryFansBox .qeruySection button").click(function(){
$("#queryFansBox").fadeOut()
})
//监听粉丝框输入事件
$('#queryFansBox input').keyup(function(){
var _val = $(this).val()
if(_val.length>0){
$('#queryFansBox .icon-duihao').show()
$('#queryFansBox .icon-guanbi').show()
$('#queryFansBox button').hide()
}else{
$('#queryFansBox .icon-duihao').hide()
$('#queryFansBox .icon-guanbi').hide()
$('#queryFansBox button').show()
}
})
//清空粉丝框输入内容
$('#queryFansBox .icon-guanbi').click(function(){
$('#queryFansBox').find('input').val('')
$('#queryFansBox .icon-duihao').hide()
$('#queryFansBox .icon-guanbi').hide()
$('#queryFansBox button').show()
})
WebContent/WEB-INF/res/js/navbar.js
......@@ -4,28 +4,28 @@ layui.define(['element'], function(exports) {
var $ = layui.jquery,
layer = parent.layer === undefined ? layui.layer : parent.layer,
element = layui.element,
// common = layui.common,
// common = layui.common,
cacheName = 'tb_navbar';
var common = {
/**
* 抛出一个异常错误信息
* @param {String} msg
*/
throwError: function(msg) {
throw new Error(msg);
return;
},
/**
* 弹出一个错误提示
* @param {String} msg
*/
msgError: function(msg) {
layer.msg(msg, {
icon: 5
});
return;
}
};
/**
* 抛出一个异常错误信息
* @param {String} msg
*/
throwError: function(msg) {
throw new Error(msg);
return;
},
/**
* 弹出一个错误提示
* @param {String} msg
*/
msgError: function(msg) {
layer.msg(msg, {
icon: 5
});
return;
}
};
var Navbar = function() {
/**
......@@ -37,7 +37,7 @@ layui.define(['element'], function(exports) {
url: undefined, //数据源地址
type: 'GET', //读取方式
cached: false, //是否使用缓存
spreadOne:false //设置是否只展开一个二级菜单
spreadOne: false //设置是否只展开一个二级菜单
};
this.v = '0.0.1';
};
......@@ -119,12 +119,12 @@ layui.define(['element'], function(exports) {
});
}
}
//只展开一个二级菜单
if(_config.spreadOne){
if(_config.spreadOne) {
var $ul = $container.children('ul');
$ul.find('li.layui-nav-item').each(function(){
$(this).on('click',function(){
$ul.find('li.layui-nav-item').each(function() {
$(this).on('click', function() {
$(this).siblings().removeClass('layui-nav-itemed');
});
});
......@@ -201,8 +201,8 @@ layui.define(['element'], function(exports) {
/**
* 清除缓存
*/
Navbar.prototype.cleanCached = function(){
layui.data(cacheName,null);
Navbar.prototype.cleanCached = function() {
layui.data(cacheName, null);
};
/**
* 获取html字符串
......@@ -221,28 +221,28 @@ layui.define(['element'], function(exports) {
if(data[i].icon !== undefined && data[i].icon !== '') {
if(data[i].icon.indexOf('icon-') !== -1) {
ulHtml += '<i class="iconfont ' + data[i].icon + '" aria-hidden="true" data-icon="' + data[i].icon + '"></i>';
}else if(data[i].icon.indexOf('fa-') !== -1) {
} else if(data[i].icon.indexOf('fa-') !== -1) {
ulHtml += '<i class="fa ' + data[i].icon + '" aria-hidden="true" data-icon="' + data[i].icon + '"></i>';
} else {
ulHtml += '<i class="layui-icon" data-icon="' + data[i].icon + '">' + data[i].icon + '</i>';
}
}
ulHtml += '<cite>' + data[i].title + '</cite>'
ulHtml += '</a>';
ulHtml += '<dl class="layui-nav-child">'
for(var j = 0; j < data[i].children.length; j++) {
ulHtml += '<dd title="'+data[i].children[j].title+'">';
ulHtml += '<dd title="' + data[i].children[j].title + '">';
ulHtml += '<a href="javascript:;" data-url="' + data[i].children[j].href + '">';
if(data[i].children[j].icon !== undefined && data[i].children[j].icon !== '') {
if(data[i].children[j].icon.indexOf('icon-') !== -1) {
ulHtml += '<i class="iconfont ' + data[i].children[j].icon + '" data-icon="' + data[i].children[j].icon + '" aria-hidden="true"></i>';
}else if(data[i].children[j].icon.indexOf('fa-') !== -1) {
} else if(data[i].children[j].icon.indexOf('fa-') !== -1) {
ulHtml += '<i class="fa ' + data[i].children[j].icon + '" data-icon="' + data[i].children[j].icon + '" aria-hidden="true"></i>';
} else {
ulHtml += '<i class="layui-icon" data-icon="' + data[i].children[j].icon + '">' + data[i].children[j].icon + '</i>';
}
}
ulHtml += '<cite>' + data[i].children[j].title + '</cite>';
ulHtml += '</a>';
......@@ -253,14 +253,14 @@ layui.define(['element'], function(exports) {
var dataUrl = (data[i].href !== undefined && data[i].href !== '') ? 'data-url="' + data[i].href + '"' : '';
ulHtml += '<a href="javascript:;" ' + dataUrl + '>';
if(data[i].icon !== undefined && data[i].icon !== '') {
if(data[i].icon.indexOf('icon-') !== -1){
if(data[i].icon.indexOf('icon-') !== -1) {
ulHtml += '<i class="iconfont ' + data[i].icon + '" aria-hidden="true" data-icon="' + data[i].icon + '"></i>';
}else if(data[i].icon.indexOf('fa-') !== -1) {
} else if(data[i].icon.indexOf('fa-') !== -1) {
ulHtml += '<i class="fa ' + data[i].icon + '" aria-hidden="true" data-icon="' + data[i].icon + '"></i>';
} else {
ulHtml += '<i class="layui-icon" data-icon="' + data[i].icon + '">' + data[i].icon + '</i>';
}
}
ulHtml += '<cite>' + data[i].title + '</cite>'
ulHtml += '</a>';
......
WebContent/WEB-INF/res/js/tab.js
/** tab.js By Beginner Emain:zheng_jinfan@126.com HomePage:http://www.zhengjinfan.cn */
layui.define(['element', 'common'], function (exports) {
"use strict";
layui.define(['element', 'common'], function(exports) {
"use strict";
var mod_name = 'tab',
$ = layui.jquery,
element = layui.element,
commo = layui.common,
globalTabIdIndex = 1,
Tab = function () {
this.config = {
elem: undefined,
closed: true, //是否包含删除按钮
autoRefresh: true,
contextMenu: false,
onSwitch: undefined
};
};
var ELEM = {};
//版本号
Tab.prototype.v = '0.1.5';
var mod_name = 'tab',
$ = layui.jquery,
element = layui.element,
commo = layui.common,
globalTabIdIndex = 1,
Tab = function() {
this.config = {
elem: undefined,
closed: true, //是否包含删除按钮
autoRefresh: true,
contextMenu: false,
onSwitch: undefined
};
};
var ELEM = {};
//版本号
Tab.prototype.v = '0.1.5';
/**
* 参数设置
* @param {Object} options
*/
Tab.prototype.set = function (options) {
var that = this;
$.extend(true, that.config, options);
return that;
};
Tab.prototype.set = function(options) {
var that = this;
$.extend(true, that.config, options);
return that;
};
/**
* 初始化
*/
Tab.prototype.init = function () {
var that = this;
var _config = that.config;
if (typeof (_config.elem) !== 'string' && typeof (_config.elem) !== 'object') {
common.throwError('Tab error: elem参数未定义或设置出错，具体设置格式请参考文档API.');
}
var $container;
if (typeof (_config.elem) === 'string') {
$container = $('' + _config.elem + '');
}
if (typeof (_config.elem) === 'object') {
$container = _config.elem;
}
if ($container.length === 0) {
common.throwError('Tab error:找不到elem参数配置的容器，请检查.');
}
var filter = $container.attr('lay-filter');
if (filter === undefined || filter === '') {
common.throwError('Tab error:请为elem容器设置一个lay-filter过滤器');
}
_config.elem = $container;
ELEM.titleBox = $container.children('ul.layui-tab-title');
ELEM.contentBox = $container.children('div.layui-tab-content');
ELEM.tabFilter = filter;
return that;
};
Tab.prototype.init = function() {
var that = this;
var _config = that.config;
if(typeof(_config.elem) !== 'string' && typeof(_config.elem) !== 'object') {
common.throwError('Tab error: elem参数未定义或设置出错，具体设置格式请参考文档API.');
}
var $container;
if(typeof(_config.elem) === 'string') {
$container = $('' + _config.elem + '');
}
if(typeof(_config.elem) === 'object') {
$container = _config.elem;
}
if($container.length === 0) {
common.throwError('Tab error:找不到elem参数配置的容器，请检查.');
}
var filter = $container.attr('lay-filter');
if(filter === undefined || filter === '') {
common.throwError('Tab error:请为elem容器设置一个lay-filter过滤器');
}
_config.elem = $container;
ELEM.titleBox = $container.children('ul.layui-tab-title');
ELEM.contentBox = $container.children('div.layui-tab-content');
ELEM.tabFilter = filter;
return that;
};
/**
* 查询tab是否存在，如果存在则返回索引值，不存在返回-1
* @param {String} 标题
*/
Tab.prototype.exists = function (title) {
var that = ELEM.titleBox === undefined ? this.init() : this,
tabIndex = -1;
ELEM.titleBox.find('li').each(function (i, e) {
var $cite = $(this).children('cite');
if ($cite.text() === title) {
tabIndex = i;
};
});
return tabIndex;
};
Tab.prototype.exists = function(title) {
var that = ELEM.titleBox === undefined ? this.init() : this,
tabIndex = -1;
ELEM.titleBox.find('li').each(function(i, e) {
var $cite = $(this).children('cite');
if($cite.text() === title) {
tabIndex = i;
};
});
return tabIndex;
};
/**
* 获取tabid
* @param {String} 标题
*/
Tab.prototype.getTabId = function (title) {
var that = ELEM.titleBox === undefined ? this.init() : this,
tabId = -1;
ELEM.titleBox.find('li').each(function (i, e) {
var $cite = $(this).children('cite');
if ($cite.text() === title) {
tabId = $(this).attr('lay-id');
};
});
return tabId;
};
Tab.prototype.getTabId = function(title) {
var that = ELEM.titleBox === undefined ? this.init() : this,
tabId = -1;
ELEM.titleBox.find('li').each(function(i, e) {
var $cite = $(this).children('cite');
if($cite.text() === title) {
tabId = $(this).attr('lay-id');
};
});
return tabId;
};
/**
* 添加选择卡，如果选择卡存在则获取焦点
* @param {Object} data
*/
Tab.prototype.tabAdd = function (data) {
var that = this;
var _config = that.config;
var tabIndex = that.exists(data.title);
if (tabIndex === -1) {
//设置只能同时打开多少个tab选项卡
if (_config.maxSetting !== 'undefined') {
var currentTabCount = _config.elem.children('ul.layui-tab-title').children('li').length;
if (typeof _config.maxSetting === 'number') {
if (currentTabCount === _config.maxSetting) {
layer.msg('为了系统的流畅度，只能同时打开' + _config.maxSetting + '个选项卡。');
return;
}
}
if (typeof _config.maxSetting === 'object') {
var max = _config.maxSetting.max || 8;
var msg = _config.maxSetting.tipMsg || '为了系统的流畅度，只能同时打开' + max + '个选项卡。';
if (currentTabCount === max) {
layer.msg(msg);
return;
}
}
}
globalTabIdIndex++;
var content = '<iframe src="' + data.href + '" data-id="' + globalTabIdIndex + '"></iframe>';
var title = '';
if (data.icon !== undefined) {
if (data.icon.indexOf('fa-') !== -1) {
title += '<i class="fa ' + data.icon + '" aria-hidden="true"></i>';
} else {
title += '<i class="iconfont ' + data.icon + '"></i>';
}
}
title += '<cite>' + data.title + '</cite>';
if (_config.closed) {
title += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + globalTabIdIndex + '">&#x1006;</i>';
}
//添加tab
element.tabAdd(ELEM.tabFilter, {
title: title,
content: content,
id: new Date().getTime()
});
//iframe 自适应
ELEM.contentBox.find('iframe[data-id=' + globalTabIdIndex + ']').each(function () {
$(this).height(ELEM.contentBox.height());
});
if (_config.closed) {
//监听关闭事件
ELEM.titleBox.find('li').children('i.layui-tab-close[data-id=' + globalTabIdIndex + ']').on('click', function () {
element.tabDelete(ELEM.tabFilter, $(this).parent('li').attr('lay-id')).init();
if (_config.contextMenu) {
$(document).find('div.uiba-contextmenu').remove(); //移除右键菜单dom
}
});
};
//切换到当前打开的选项卡
element.tabChange(ELEM.tabFilter, that.getTabId(data.title));
} else {
element.tabChange(ELEM.tabFilter, that.getTabId(data.title));
//自动刷新
_config.elem.find('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location = data.href;
/*if (_config.autoRefresh) {
_config.elem.find('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location.reload();
}*/
}
if (_config.contextMenu) {
element.on('tab(' + ELEM.tabFilter + ')', function (data) {
$(document).find('div.admin-contextmenu').remove();
});
ELEM.titleBox.find('li').on('contextmenu', function (e) {
var $that = $(e.target);
e.preventDefault();
e.stopPropagation();
Tab.prototype.tabAdd = function(data) {
var that = this;
var _config = that.config;
var tabIndex = that.exists(data.title);
if(tabIndex === -1) {
//设置只能同时打开多少个tab选项卡
if(_config.maxSetting !== 'undefined') {
var currentTabCount = _config.elem.children('ul.layui-tab-title').children('li').length;
if(typeof _config.maxSetting === 'number') {
if(currentTabCount === _config.maxSetting) {
layer.msg('为了系统的流畅度，只能同时打开' + _config.maxSetting + '个选项卡。');
return;
}
}
if(typeof _config.maxSetting === 'object') {
var max = _config.maxSetting.max || 8;
var msg = _config.maxSetting.tipMsg || '为了系统的流畅度，只能同时打开' + max + '个选项卡。';
if(currentTabCount === max) {
layer.msg(msg);
return;
}
}
}
globalTabIdIndex++;
var content = '<iframe src="' + data.href + '" data-id="' + globalTabIdIndex + '"></iframe>';
var title = '';
if(data.icon !== undefined) {
if(data.icon.indexOf('fa-') !== -1) {
title += '<i class="fa ' + data.icon + '" aria-hidden="true"></i>';
} else {
title += '<i class="iconfont ' + data.icon + '"></i>';
}
}
title += '<cite>' + data.title + '</cite>';
if(_config.closed) {
title += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + globalTabIdIndex + '">&#x1006;</i>';
}
//添加tab
element.tabAdd(ELEM.tabFilter, {
title: title,
content: content,
id: new Date().getTime()
});
//iframe 自适应
ELEM.contentBox.find('iframe[data-id=' + globalTabIdIndex + ']').each(function() {
$(this).height(ELEM.contentBox.height());
});
if(_config.closed) {
//监听关闭事件
ELEM.titleBox.find('li').children('i.layui-tab-close[data-id=' + globalTabIdIndex + ']').on('click', function() {
element.tabDelete(ELEM.tabFilter, $(this).parent('li').attr('lay-id')).init();
if(_config.contextMenu) {
$(document).find('div.uiba-contextmenu').remove(); //移除右键菜单dom
}
});
};
//切换到当前打开的选项卡
element.tabChange(ELEM.tabFilter, that.getTabId(data.title));
} else {
element.tabChange(ELEM.tabFilter, that.getTabId(data.title));
//自动刷新
if (_config.autoRefresh) {
_config.elem.find('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location.reload();
}
}
if(_config.contextMenu) {
element.on('tab(' + ELEM.tabFilter + ')', function(data) {
$(document).find('div.admin-contextmenu').remove();
});
ELEM.titleBox.find('li').on('contextmenu', function(e) {
var $that = $(e.target);
e.preventDefault();
e.stopPropagation();
var $target = e.target.nodeName === 'LI' ? e.target : e.target.parentElement;
//判断，如果存在右键菜单的div，则移除，保存页面上只存在一个
if ($(document).find('div.admin-contextmenu').length > 0) {
$(document).find('div.admin-contextmenu').remove();
}
//创建一个div
var div = document.createElement('div');
//设置一些属性
div.className = 'admin-contextmenu';
div.style.width = '130px';
div.style.backgroundColor = 'white';
var $target = e.target.nodeName === 'LI' ? e.target : e.target.parentElement;
var ul = '<ul>';
ul += '<li data-target="refresh" title="刷新当前选项卡"><i class="fa fa-refresh" aria-hidden="true"></i> 刷新</li>';
ul += '<li data-target="closeCurrent" title="关闭当前选项卡"><i class="fa fa-close" aria-hidden="true"></i> 关闭当前</li>';
ul += '<li data-target="closeOther" title="关闭其他选项卡"><i class="fa fa-window-close-o" aria-hidden="true"></i> 关闭其他</li>';
ul += '<li data-target="closeAll" title="关闭全部选项卡"><i class="fa fa-window-close-o" aria-hidden="true"></i> 全部关闭</li>';
ul += '</ul>';
div.innerHTML = ul;
div.style.top = e.pageY + 'px';
div.style.left = e.pageX + 'px';
//将dom添加到body的末尾
document.getElementsByTagName('body')[0].appendChild(div);
//判断，如果存在右键菜单的div，则移除，保存页面上只存在一个
if($(document).find('div.admin-contextmenu').length > 0) {
$(document).find('div.admin-contextmenu').remove();
}
//创建一个div
var div = document.createElement('div');
//设置一些属性
div.className = 'admin-contextmenu';
div.style.width = '130px';
div.style.backgroundColor = 'white';
//获取当前点击选项卡的id值
var id = $($target).find('i.layui-tab-close').data('id');
//获取当前点击选项卡的索引值
var clickIndex = $($target).attr('lay-id');
var $context = $(document).find('div.admin-contextmenu');
if ($context.length > 0) {
$context.eq(0).children('ul').children('li').each(function () {
var $that = $(this);
//绑定菜单的点击事件
$that.on('click', function () {
//获取点击的target值
var target = $that.data('target');
//
switch (target) {
case 'refresh': //刷新当前
var src = ELEM.contentBox.find('iframe[data-id=' + id + ']')[0].src;
ELEM.contentBox.find('iframe[data-id=' + id + ']')[0].src = src;
break;
case 'closeCurrent': //关闭当前
if (clickIndex !== 0) {
element.tabDelete(ELEM.tabFilter, clickIndex);
}
break;
case 'closeOther': //关闭其他
ELEM.titleBox.children('li').each(function () {
var $t = $(this);
var id1 = $t.find('i.layui-tab-close').data('id');
if (id1 != id && id1 !== undefined) {
element.tabDelete(ELEM.tabFilter, $t.attr('lay-id'));
}
});
break;
case 'closeAll': //全部关闭
ELEM.titleBox.children('li').each(function () {
var $t = $(this);
if ($t.index() !== 0) {
element.tabDelete(ELEM.tabFilter, $t.attr('lay-id'));
}
});
break;
}
//处理完后移除右键菜单的dom
$context.remove();
});
});
var ul = '<ul>';
ul += '<li data-target="refresh" title="刷新当前选项卡"><i class="fa fa-refresh" aria-hidden="true"></i> 刷新</li>';
ul += '<li data-target="closeCurrent" title="关闭当前选项卡"><i class="fa fa-close" aria-hidden="true"></i> 关闭当前</li>';
ul += '<li data-target="closeOther" title="关闭其他选项卡"><i class="fa fa-window-close-o" aria-hidden="true"></i> 关闭其他</li>';
ul += '<li data-target="closeAll" title="关闭全部选项卡"><i class="fa fa-window-close-o" aria-hidden="true"></i> 全部关闭</li>';
ul += '</ul>';
div.innerHTML = ul;
div.style.top = e.pageY + 'px';
div.style.left = e.pageX + 'px';
//将dom添加到body的末尾
document.getElementsByTagName('body')[0].appendChild(div);
$(document).on('click', function () {
$context.remove();
});
}
return false;
});
}
//获取当前点击选项卡的id值
var id = $($target).find('i.layui-tab-close').data('id');
//获取当前点击选项卡的索引值
var clickIndex = $($target).attr('lay-id');
var $context = $(document).find('div.admin-contextmenu');
if($context.length > 0) {
$context.eq(0).children('ul').children('li').each(function() {
var $that = $(this);
//绑定菜单的点击事件
$that.on('click', function() {
//获取点击的target值
var target = $that.data('target');
//
switch(target) {
case 'refresh': //刷新当前
var src = ELEM.contentBox.find('iframe[data-id=' + id + ']')[0].src;
ELEM.contentBox.find('iframe[data-id=' + id + ']')[0].src = src;
break;
case 'closeCurrent': //关闭当前
if(clickIndex !== 0) {
element.tabDelete(ELEM.tabFilter, clickIndex);
}
break;
case 'closeOther': //关闭其他
ELEM.titleBox.children('li').each(function() {
var $t = $(this);
var id1 = $t.find('i.layui-tab-close').data('id');
if(id1 != id && id1 !== undefined) {
element.tabDelete(ELEM.tabFilter, $t.attr('lay-id'));
}
});
break;
case 'closeAll': //全部关闭
ELEM.titleBox.children('li').each(function() {
var $t = $(this);
if($t.index() !== 0) {
element.tabDelete(ELEM.tabFilter, $t.attr('lay-id'));
}
});
break;
}
//处理完后移除右键菜单的dom
$context.remove();
});
});
if (_config.onSwitch) {
element.on('tab(' + ELEM.tabFilter + ')', function (data) {
_config.onSwitch({
index: data.index,
elem: data.elem,
id: ELEM.titleBox.children('li').eq(data.index).attr('lay-id')
});
var mun= $(this).attr("lay-id");
if(mun=="0"){
var src = ELEM.contentBox.find('iframe[data-id=' + mun + ']')[0].src;
ELEM.contentBox.find('iframe[data-id=' + mun + ']')[0].src = src;
}
});
}
};
/**
$(document).on('click', function() {
$context.remove();
});
}
return false;
});
}
if(_config.onSwitch) {
element.on('tab(' + ELEM.tabFilter + ')', function(data) {
_config.onSwitch({
index: data.index,
elem: data.elem,
id: ELEM.titleBox.children('li').eq(data.index).attr('lay-id')
});
var mun = $(this).attr("lay-id");
if(mun == "0") {
var src = ELEM.contentBox.find('iframe[data-id=' + mun + ']')[0].src;
ELEM.contentBox.find('iframe[data-id=' + mun + ']')[0].src = src;
}
});
}
};
/**
* 获取当前获得焦点的tabid
*/
Tab.prototype.getCurrentTabId = function () {
var that = this;
var _config = that.config;
return $(_config.elem).find('ul.layui-tab-title').children('li.layui-this').attr('lay-id');
}
/**
Tab.prototype.getCurrentTabId = function() {
var that = this;
var _config = that.config;
return $(_config.elem).find('ul.layui-tab-title').children('li.layui-this').attr('lay-id');
}
/**
* 删除指定的tab选项卡
* @param {String} id
*/
Tab.prototype.deleteTab = function (id) {
var that = this;
element.tabDelete(ELEM.tabFilter, id);
return that;
}
Tab.prototype.deleteTab = function(id) {
var that = this;
element.tabDelete(ELEM.tabFilter, id);
return that;
}
var tab = new Tab();
exports(mod_name, function (options) {
return tab.set(options);
});
var tab = new Tab();
exports(mod_name, function(options) {
return tab.set(options);
});
});
\ No newline at end of file
WebContent/WEB-INF/res/js/up.js deleted 100644 → 0
(function($){
function Upload__(option){
this.option = option = $.extend({},Upload__.default,option)
this.bind()
}
Upload__.default ={
el:"",
url:"",
isImg:true,
success:function(data){
},
type:"post",
}
Upload__.prototype = {
bind:function(){
if(!this.option.url || !this.option.el){
console.error("no url or el")
return false
}
$(this.option.el).click(function(){
$("#ffffff").remove()
$("body").append("<form id='ffffff'><input type='file' name='file' "+ (this.option.isImg? "accept='image/*'" : "") +" style='display:none'></from>")
$("#ffffff input").click()
}.bind(this))
var that = this
$(document).on("change","#ffffff input",function(){
that.send()
})
},
send:function(){
var data = new FormData($("#ffffff")[0])
$.ajax({
url: this.option.url,
type: this.option.type,
data: data,
asyne:false,
processData: false,
contentType: false,
success:this.option.success,
beforeSend:function(){
$("#ffffff").remove()
}
});
},
}
$.extend({
up:function(op){
new Upload__(op)
}
})
})(jQuery)
\ No newline at end of file
Markdown 格式
你添加了 0 人 到此讨论。请谨慎行事。
请先完成此消息的编辑！