其余文件
This commit is contained in:
94
app/admin/view/user/level/add.html
Normal file
94
app/admin/view/user/level/add.html
Normal file
@ -0,0 +1,94 @@
|
||||
{layout name="layout2" /}
|
||||
<style>
|
||||
.layui-form-label {
|
||||
color: #6a6f6c;
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.tips{
|
||||
color: red;
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>等级名称:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="name" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>成长值:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="growth_value" min="0" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>等级图标:</label>
|
||||
<div class="layui-input-inline">
|
||||
<div class="like-upload-image">
|
||||
<div class="upload-image-elem"><a class="add-upload-image" id="image"> + 添加图片</a></div>
|
||||
</div>
|
||||
<div class=" layui-form-mid layui-word-aux" style="white-space: nowrap">建议尺寸:100*100像素,jpg,jpeg,png图片类型</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>等级背景图:</label>
|
||||
<div class="layui-input-inline">
|
||||
<div class="like-upload-image">
|
||||
<div class="upload-image-elem"><a class="add-upload-image" id="background_image"> + 添加图片</a></div>
|
||||
</div>
|
||||
<div class=" layui-form-mid layui-word-aux" style="white-space: nowrap">建议尺寸:800*500像素,jpg,jpeg,png图片类型</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">会员折扣:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="discount" min="0" max="10" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class=" layui-form-mid layui-word-aux" style="white-space: nowrap">等级享受的折扣,填写0~10,例如7.5折表示100元商品只需支付75元。留空或者填0表示不打折</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">等级说明:</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="remark" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<input type="button" lay-submit lay-filter="add-user_level-submit" id="add-user_level-submit" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/lib/' //静态资源所在路径
|
||||
}).use(['form'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form;
|
||||
|
||||
// 图片上传
|
||||
like.delUpload();
|
||||
// 图标
|
||||
$(document).on("click", "#image", function () {
|
||||
like.imageUpload({
|
||||
limit: 1,
|
||||
field: "image",
|
||||
that: $(this)
|
||||
});
|
||||
})
|
||||
// 背景图
|
||||
$(document).on("click", "#background_image", function () {
|
||||
like.imageUpload({
|
||||
limit: 1,
|
||||
field: "background_image",
|
||||
that: $(this)
|
||||
});
|
||||
})
|
||||
|
||||
})
|
||||
</script>
|
||||
148
app/admin/view/user/level/edit.html
Normal file
148
app/admin/view/user/level/edit.html
Normal file
@ -0,0 +1,148 @@
|
||||
{layout name="layout2" /}
|
||||
<style>
|
||||
.layui-form-label {
|
||||
color: #6a6f6c;
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.tips{
|
||||
color: red;
|
||||
}
|
||||
.goods-li {
|
||||
float: left;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.goods-img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 4px;
|
||||
}
|
||||
.goods-img-del-x {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
top: -4px;
|
||||
right: -2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: hsla(0, 0%, 60%, .6);
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
|
||||
<input type="hidden" name="id" value="{$detail.id}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>等级名称:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="name" value="{$detail.name}" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>成长值:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="growth_value" value="{$detail.growth_value}" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item ">
|
||||
<label class="layui-form-label"><span class="tips">*</span>等级图标:</label>
|
||||
<div class="layui-inline" >
|
||||
<div class="like-upload-image">
|
||||
{if $detail.image}
|
||||
<div class="upload-image-div">
|
||||
<img src="{$detail.image}" alt="img">
|
||||
<input type="hidden" name="image" value="{$detail.image}">
|
||||
<div class="del-upload-btn">x</div>
|
||||
</div>
|
||||
<div class="upload-image-elem" style="display:none;"><a class="add-upload-image" id="image"> + 添加图片</a></div>
|
||||
{else}
|
||||
<div class="upload-image-elem"><a class="add-upload-image" id="image"> + 添加图片</a></div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class=" layui-form-mid layui-word-aux" style="white-space: nowrap">建议尺寸:100*100像素,jpg,jpeg,png图片类型</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item ">
|
||||
<label class="layui-form-label"><span class="tips">*</span>等级背景图片:</label>
|
||||
<div class="layui-inline" >
|
||||
<div class="like-upload-image">
|
||||
{if $detail.background_image}
|
||||
<div class="upload-image-div">
|
||||
<img src="{$detail.background_image}" alt="img">
|
||||
<input type="hidden" name="background_image" value="{$detail.background_image}">
|
||||
<div class="del-upload-btn">x</div>
|
||||
</div>
|
||||
<div class="upload-image-elem" style="display:none;"><a class="add-upload-image" id="background_image"> + 添加图片</a></div>
|
||||
{else}
|
||||
<div class="upload-image-elem"><a class="add-upload-image" id="background_image"> + 添加图片</a></div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class=" layui-form-mid layui-word-aux" style="white-space: nowrap">建议尺寸:800*500像素,jpg,jpeg,png图片类型</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">会员折扣:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="discount" value="{$detail.discount}" min="0" max="10" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class=" layui-form-mid layui-word-aux" style="white-space: nowrap">等级享受的折扣,填写0~10,例如7.5折表示100元商品只需支付75元。留空或者填0表示不打折</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">等级说明:</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="remark" class="layui-textarea">{$detail.remark}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<input type="button" lay-submit lay-filter="edit-user_level-submit" id="edit-user_level-submit" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/lib/' //静态资源所在路径
|
||||
}).use(['form'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form;
|
||||
|
||||
// 图片上传
|
||||
like.delUpload();
|
||||
// 图标
|
||||
$(document).on("click", "#image", function () {
|
||||
like.imageUpload({
|
||||
limit: 1,
|
||||
field: "image",
|
||||
that: $(this)
|
||||
});
|
||||
})
|
||||
// 背景图
|
||||
$(document).on("click", "#background_image", function () {
|
||||
like.imageUpload({
|
||||
limit: 1,
|
||||
field: "background_image",
|
||||
that: $(this)
|
||||
});
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
262
app/admin/view/user/level/lists.html
Normal file
262
app/admin/view/user/level/lists.html
Normal file
@ -0,0 +1,262 @@
|
||||
{layout name="layout1" /}
|
||||
<div class="wrapper">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
|
||||
<div class="layui-colla-item">
|
||||
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
|
||||
<div class="layui-colla-content layui-show">
|
||||
<p>*会员根据设定好的等级成长值升级,等级成长值通过日常消费积累;</p>
|
||||
<p>*删除会员等级时会重新调整对应会员的等级,请谨慎操作。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
|
||||
<div class="layui-card">
|
||||
|
||||
<div class="layui-card-body">
|
||||
<div style="padding-bottom: 10px;" class="add">
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user_level {$view_theme_color}" data-type="add">新增会员等级</button>
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user_level layui-btn-primary" data-type="set">设置等级说明</button>
|
||||
</div>
|
||||
|
||||
<table id="user_level-lists" lay-filter="user_level-lists"></table>
|
||||
<script type="text/html" id="image">
|
||||
<img src="{{d.image}}" style="height:auto;width: auto" class="image-show">
|
||||
</script>
|
||||
<script type="text/html" id="background">
|
||||
<img src="{{d.background_image}}" style="height:auto;width: auto" class="image-show">
|
||||
</script>
|
||||
<script type="text/html" id="user_level-operation">
|
||||
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除</a>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/html" id="discount-info">
|
||||
{{d.discount}}折
|
||||
</script>
|
||||
<style>
|
||||
.layui-table-cell {
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/lib/' //静态资源所在路径
|
||||
}).use(['table','form'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form
|
||||
,table = layui.table
|
||||
,element = layui.element;
|
||||
|
||||
//图片放大
|
||||
$(document).on('click', '.image-show', function () {
|
||||
var src = $(this).attr('src');
|
||||
like.showImg(src,600);
|
||||
});
|
||||
|
||||
$('.layui-btn.layuiadmin-btn-user_level').on('click', function(){
|
||||
var type = $(this).data('type');
|
||||
active[type] ? active[type].call(this) : '';
|
||||
});
|
||||
layui.define(['table', 'form'], function(exports){
|
||||
var $ = layui.$
|
||||
,table = layui.table
|
||||
,form = layui.form;
|
||||
|
||||
table.render({
|
||||
id:'user_level-lists'
|
||||
,elem: '#user_level-lists'
|
||||
,url: '{:url("user.level/lists")}' //模拟接口
|
||||
,cols: [[
|
||||
{field: 'name', title: '等级名称',width:160}
|
||||
,{field: 'growth_value',width:160, title: '成长值'}
|
||||
,{field: 'icon',width:160, title: '等级图标',toolbar:'#image'}
|
||||
,{field: 'background_image',width:160, title: '等级背景图片',toolbar:'#background'}
|
||||
,{width:160, title:'等级折扣', templet: '#discount-info'}
|
||||
,{field: 'remark',width:160, title:'等级说明'}
|
||||
,{fixed: 'right', title: '操作', width:160,align: 'center', toolbar: '#user_level-operation'}
|
||||
]]
|
||||
,page:true
|
||||
,text: {none: '暂无数据!'}
|
||||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code":res.code,
|
||||
"msg":res.msg,
|
||||
"count": res.data.count, //解析数据长度
|
||||
"data": res.data.lists, //解析数据列表
|
||||
};
|
||||
}
|
||||
,response: {
|
||||
statusCode: 1
|
||||
}
|
||||
,done: function(res, curr, count){
|
||||
// 解决操作栏因为内容过多换行问题
|
||||
$(".layui-table-main tr").each(function (index, val) {
|
||||
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
|
||||
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
//事件
|
||||
var active = {
|
||||
add: function(){
|
||||
var index = layer.open({
|
||||
type: 2
|
||||
,title: '新增等级'
|
||||
,content: '{:url("user.level/add")}'
|
||||
,area: ['90%', '90%']
|
||||
,btn: ['保存', '取消']
|
||||
,maxmin: true
|
||||
,yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submitID = 'add-user_level-submit'
|
||||
,submit = layero.find('iframe').contents().find('#'+ submitID);
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
|
||||
var field = data.field;
|
||||
like.ajax({
|
||||
url:'{:url("user.level/add")}',
|
||||
data:field,
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user_level-lists'); //数据刷新
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
submit.trigger('click');
|
||||
}
|
||||
});
|
||||
},
|
||||
set: function() {
|
||||
var index = layer.open({
|
||||
type: 2
|
||||
,title: '设置等级说明'
|
||||
,content: '{:url("user.level/set")}'
|
||||
,area: ['60%', '60%']
|
||||
,btn: ['保存', '取消']
|
||||
,maxmin: true
|
||||
,yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submitID = 'add-user_intro-submit'
|
||||
,submit = layero.find('iframe').contents().find('#'+ submitID);
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
|
||||
var field = data.field;
|
||||
like.ajax({
|
||||
url:'{:url("user.level/set")}',
|
||||
data:field,
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user_level-lists'); //数据刷新
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
submit.trigger('click');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
table.on('tool(user_level-lists)', function(obj) {
|
||||
var id = obj.data.id;
|
||||
if (obj.event === 'edit') {
|
||||
var index = layer.open({
|
||||
type: 2
|
||||
, title: '编辑等级'
|
||||
, content: '{:url("user.level/edit")}?id=' + id
|
||||
, area: ['90%', '90%']
|
||||
, btn: ['保存', '取消']
|
||||
, maxmin: true
|
||||
, yes: function (index, layero) {
|
||||
var iframeWindow = window['layui-layer-iframe' + index]
|
||||
, submitID = 'edit-user_level-submit'
|
||||
, submit = layero.find('iframe').contents().find('#' + submitID);
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
|
||||
var field = data.field;
|
||||
like.ajax({
|
||||
url: '{:url("user.level/edit")}',
|
||||
data: field,
|
||||
type: "post",
|
||||
success: function (res) {
|
||||
if (res.code == 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user_level-lists'); //数据刷新
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
submit.trigger('click');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
if (obj.event === 'del') {
|
||||
var name = obj.data.name;
|
||||
layer.confirm('确定删除会员等级:<span style="color: red">' + name + '</span>', function (index) {
|
||||
like.ajax({
|
||||
url: '{:url("user.level/del")}',
|
||||
data: {id: id},
|
||||
type: "post",
|
||||
success: function (res) {
|
||||
if (res.code == 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user_level-lists'); //数据刷新
|
||||
}
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
</script>
|
||||
50
app/admin/view/user/level/set.html
Normal file
50
app/admin/view/user/level/set.html
Normal file
@ -0,0 +1,50 @@
|
||||
{layout name="layout2" /}
|
||||
<style>
|
||||
.layui-form-label {
|
||||
color: #6a6f6c;
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.tips{
|
||||
color: red;
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
|
||||
<input type="hidden" id="intro_default" value="{$intro_default}" />
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">等级说明:</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="intro" id="intro" class="layui-textarea" style="height:160px;">{$intro}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label"></label>
|
||||
<div class=" layui-form-mid layui-word-aux" style="white-space: nowrap">在会员中心显示的等级说明</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn layui-btn-primary layui-btn-sm" id="use-default">使用默认说明</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<input type="button" lay-submit lay-filter="add-user_intro-submit" id="add-user_intro-submit" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/lib/' //静态资源所在路径
|
||||
}).use(['form'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form;
|
||||
|
||||
$('#use-default').click(function() {
|
||||
var intro_default = $('#intro_default').val();
|
||||
$('#intro').html(intro_default);
|
||||
});
|
||||
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user