初始上传
This commit is contained in:
348
app/shop/view/shopacceptmessage/lists.html
Executable file
348
app/shop/view/shopacceptmessage/lists.html
Executable file
@@ -0,0 +1,348 @@
|
||||
<style>
|
||||
.table-btn a {margin-left: 5px}
|
||||
.layui-form-label { width: 110px; }
|
||||
.layui-input-block { margin-left: 110px !important; }
|
||||
.bind-qrcode { height: 68px !important; width: 68px !important; border: 1px dashed; background: #fafafa; padding: 5px; margin-right: 15px; cursor: pointer;}
|
||||
.layui-layout-admin .screen{margin-bottom: 15px;}
|
||||
</style>
|
||||
|
||||
<!-- 添加会员 -->
|
||||
<div class="single-filter-box">
|
||||
<button type="button" class="layui-btn" onclick="recipient()">添加接收人</button>
|
||||
</div>
|
||||
|
||||
<div class="screen layui-collapse" lay-filter="selection_panel">
|
||||
<div class="layui-colla-item">
|
||||
<form class="layui-colla-content layui-form layui-show">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">账号</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="search_text_type">
|
||||
<option value="nickname">昵称</option>
|
||||
<option value="mobile">手机号</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="search_text" placeholder="昵称/手机号" autocomplete="off" class="layui-input ">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<table id="member_list" lay-filter="member_list"></table>
|
||||
|
||||
<!-- 手机号 -->
|
||||
<script type="text/html" id="mobile">
|
||||
<div class='table-title'>
|
||||
{{# if(d.mobile){ }}
|
||||
<span>{{ d.mobile }}</span>
|
||||
{{# }else{ }}
|
||||
<span style="color: red;">未绑定（不能接收短信消息）</span>
|
||||
{{# } }}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 微信公众号 -->
|
||||
<script type="text/html" id="wx_openid">
|
||||
<div class='table-title'>
|
||||
{{# if(d.wx_openid != ''){ }}
|
||||
<span style="color: green;">已绑定</span>
|
||||
{{# }else{ }}
|
||||
<span style="color: red;">未绑定（不能接收微信公众号消息）</span>
|
||||
{{# } }}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 工具栏操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
<a class="operation text-color" lay-event="edit">编辑</a>
|
||||
<a class="operation text-color" lay-event="delete">删除</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="addInfo">
|
||||
<div class="layui-form" lay-filter="save">
|
||||
<input name="id" value="{{d.id?d.id:''}}" type="hidden" />
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>昵称：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="nickname layui-input" lay-verify="required" required name="nickname" placeholder="请输入昵称" value="{{d.nickname?d.nickname:''}}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>手机号：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="mobile" lay-verify="mobile" placeholder="请输入手机号" maxlength="11" value="{{d.mobile?d.mobile:''}}"/>
|
||||
</div>
|
||||
</div>
|
||||
{{# if(!d.wx_openid){ }}
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">授权二维码：</label>
|
||||
<div class="layui-input-block" id="account_qrcode">
|
||||
<img layer-src class="border-color bind-qrcode"/>
|
||||
<span class="tip text-color-tip">如需使用微信通知请扫描二维码</span>
|
||||
</div>
|
||||
</div>
|
||||
{{# } }}
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">微信openld：</label>
|
||||
<div class="layui-input-block">
|
||||
{{# if(!d.wx_openid){ }}
|
||||
<input type="text" class="openid layui-input" disabled="disabled" placeholder="扫描上方二维码自动填充" name="wx_openid"/>
|
||||
{{# }else{ }}
|
||||
<input type="text" class="openid layui-input" disabled="disabled" name="wx_openid" value="{{d.wx_openid}}">
|
||||
{{# } }}
|
||||
</div>
|
||||
</div>
|
||||
<button id="addaccount" class="layui-btn" lay-submit lay-filter="addaccount" style="display: none;">确定</button>
|
||||
<button id="editaccount" class="layui-btn" lay-submit lay-filter="editaccount" style="display: none;">确定</button>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var table, form, laytpl, bindKey = '', repeat_flag = false, timer;
|
||||
|
||||
layui.use(['form', 'laytpl'], function() {
|
||||
form = layui.form;
|
||||
laytpl = layui.laytpl;
|
||||
form.render();
|
||||
|
||||
/**
|
||||
* 加载表格
|
||||
*/
|
||||
table = new Table({
|
||||
elem: '#member_list',
|
||||
url: ns.url("shop/Shopacceptmessage/lists"),
|
||||
cols: [
|
||||
[
|
||||
{
|
||||
field: 'nickname',
|
||||
title: '昵称',
|
||||
width: '25%',
|
||||
unresize: 'false',
|
||||
}, {
|
||||
title: '手机号',
|
||||
unresize: 'false',
|
||||
templet: "#mobile"
|
||||
}, {
|
||||
title: '微信openid',
|
||||
unresize: 'false',
|
||||
templet: "#wx_openid"
|
||||
}, {
|
||||
title: '操作',
|
||||
unresize: 'false',
|
||||
toolbar: '#operation',
|
||||
align:'right'
|
||||
}
|
||||
]
|
||||
]
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听工具栏操作
|
||||
*/
|
||||
table.tool(function(obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'delete': //删除
|
||||
delMember(data.id);
|
||||
break;
|
||||
case 'edit': //编辑
|
||||
editNotifier(data);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
function delMember(id) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
|
||||
layer.confirm('确定要删除吗！', function(index) {
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: ns.url("shop/shopacceptmessage/delete"),
|
||||
data: {id:id},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function () {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
form.on('submit(search)', function(data) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
form.on('submit(addaccount)', function(data) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: ns.url("shop/shopacceptmessage/add"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
if (res.code >= 0) {
|
||||
layer.closeAll();
|
||||
table.reload({
|
||||
url: ns.url("shop/shopacceptmessage/lists")
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
form.on('submit(editaccount)', function(data) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: ns.url("shop/shopacceptmessage/edit"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
if (res.code >= 0) {
|
||||
layer.closeAll();
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
form.verify({
|
||||
mobile: function (value,item) {
|
||||
if(!$("input[name='mobile']").val()) {
|
||||
return "请输入手机号";
|
||||
}else if(!ns.parse_mobile(value)){
|
||||
return "请输入正确的手机号";
|
||||
}
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
//获取绑定二维码
|
||||
function getQrcode(){
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
url: ns.url("shop/shopacceptmessage/createbindqrcode"),
|
||||
success: function (res) {
|
||||
if (res.code >= 0) {
|
||||
bindKey = res.data.key;
|
||||
timer = setInterval(getBindData, 1000);
|
||||
$('.bind-qrcode').attr('src', ns.img(res.data.path));
|
||||
loadImgMagnify();
|
||||
} else {
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function getBindData(){
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
url: ns.url("shop/shopacceptmessage/getbinddata"),
|
||||
data: {
|
||||
key: bindKey
|
||||
},
|
||||
success: function (res) {
|
||||
if (res.code >= 0) {
|
||||
$('.openid').val(res.data.openid);
|
||||
$('.nickname').val(res.data.nickname);
|
||||
clearInterval(timer);
|
||||
bindKey = '';
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function recipient(data = {}){
|
||||
getQrcode();
|
||||
var content = $("#addInfo").html();
|
||||
laytpl(content).render(data, function(html) {
|
||||
layer.open({
|
||||
type: 1,
|
||||
area: '500px',
|
||||
title: '添加卖家接收人',
|
||||
btn: ['确定','取消'],
|
||||
content: html,
|
||||
success:function(){
|
||||
repeat_flag = false;
|
||||
form.render();
|
||||
},
|
||||
yes: function() {
|
||||
$('#addaccount').click();
|
||||
form.render();
|
||||
},
|
||||
end: function(index, layero){
|
||||
form.render();
|
||||
clearInterval(timer);
|
||||
}
|
||||
});
|
||||
form.render();
|
||||
});
|
||||
}
|
||||
|
||||
//编辑
|
||||
function editNotifier(data){
|
||||
var content = $("#addInfo").html();
|
||||
if (!data.wx_openid) getQrcode();
|
||||
laytpl(content).render(data, function(html) {
|
||||
layer.open({
|
||||
type: 1,
|
||||
area: '500px',
|
||||
title: '编辑卖家接收人',
|
||||
btn: ['确定','取消'],
|
||||
content: html,
|
||||
success:function(){
|
||||
repeat_flag = false;
|
||||
form.render();
|
||||
},
|
||||
yes: function() {
|
||||
$('#editaccount').click();
|
||||
},
|
||||
end: function(index, layero){
|
||||
form.render();
|
||||
clearInterval(timer);
|
||||
}
|
||||
});
|
||||
form.render();
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
175
app/shop/view/shopacceptmessage/member_list.html
Executable file
175
app/shop/view/shopacceptmessage/member_list.html
Executable file
@@ -0,0 +1,175 @@
|
||||
<style>
|
||||
.reason-box p{white-space: normal;line-height: 1.5;}
|
||||
.layui-table-header .layui-table-cell{overflow: inherit;}
|
||||
.prompt .iconfont{font-size: 16px;color: rgba(0,0,0,0.7);cursor: pointer;font-weight: 500;margin-left: 3px;}
|
||||
.layui-form-item .layui-form-checkbox[lay-skin=primary] {margin-top: 0;}
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="SHOP_CSS/member.css" />
|
||||
|
||||
<!-- 添加会员 -->
|
||||
<div class="screen layui-collapse" lay-filter="selection_panel">
|
||||
<div class="layui-colla-item">
|
||||
<form class="layui-colla-content layui-form layui-show">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">账号</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="search_text_type">
|
||||
<option value="nickname">昵称</option>
|
||||
<option value="mobile">手机号</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="search_text" placeholder="昵称/手机号" autocomplete="off" class="layui-input ">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<table id="member_list" lay-filter="member_list"></table>
|
||||
|
||||
<!-- 用户信息 -->
|
||||
<script type="text/html" id="userdetail">
|
||||
<div class='table-title'>
|
||||
<div class='title-pic'>
|
||||
<img layer-src src="{{d.headimg ? ns.img(d.headimg) : '{:img('public/static/img/default_img/head.png')}'}}" onerror="this.src = '{:img('public/static/img/default_img/head.png')}' ">
|
||||
</div>
|
||||
<div class='title-content'>
|
||||
<p class="layui-elip">{{d.nickname ? d.nickname : ''}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 手机号 -->
|
||||
<script type="text/html" id="mobile">
|
||||
<div class='table-title'>
|
||||
{{# if(d.mobile){ }}
|
||||
<span>{{ d.mobile }}</span>
|
||||
{{# }else{ }}
|
||||
<span style="color: red;">未绑定（不能接收短信消息）</span>
|
||||
{{# } }}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 微信公众号 -->
|
||||
<script type="text/html" id="wx_openid">
|
||||
<div class='table-title'>
|
||||
{{# if(d.wx_openid != ''){ }}
|
||||
<span style="color: green;">已绑定</span>
|
||||
{{# }else{ }}
|
||||
<span style="color: red;">未绑定（不能接收微信公众号消息）</span>
|
||||
{{# } }}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 工具栏操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
<a class="layui-btn" lay-event="add">添加</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var table, form, laytpl, laydate,
|
||||
repeat_flag = false;
|
||||
|
||||
layui.use(['form', 'laytpl', 'laydate'], function() {
|
||||
form = layui.form;
|
||||
laytpl = layui.laytpl;
|
||||
form.render();
|
||||
|
||||
/**
|
||||
* 加载表格
|
||||
*/
|
||||
table = new Table({
|
||||
elem: '#member_list',
|
||||
url: ns.url("shop/shopacceptmessage/memberlist"),
|
||||
cols: [
|
||||
[
|
||||
{
|
||||
field: 'userdetail',
|
||||
title: '账户',
|
||||
width: '35%',
|
||||
unresize: 'false',
|
||||
templet: '#userdetail'
|
||||
}, {
|
||||
title: '手机号',
|
||||
unresize: 'false',
|
||||
templet: "#mobile"
|
||||
}, {
|
||||
title: '微信openid',
|
||||
unresize: 'false',
|
||||
templet: "#wx_openid"
|
||||
}, {
|
||||
title: '操作',
|
||||
unresize: 'false',
|
||||
toolbar: '#operation',
|
||||
align:'right'
|
||||
}
|
||||
]
|
||||
]
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听工具栏操作
|
||||
*/
|
||||
table.tool(function(obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'add': //添加
|
||||
addShopMember(data.member_id);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 添加商家会员
|
||||
*/
|
||||
function addShopMember(member_id) {
|
||||
layer.confirm('添加后该会员将接收消息通知',{shade: 0},function(index) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: ns.url("shop/shopacceptmessage/add"),
|
||||
data: {member_id:member_id},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
parent.layer.close(index); //再执行关闭
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function () {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
form.on('submit(search)', function(data) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user