add file
This commit is contained in:
@@ -0,0 +1,123 @@
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<!-- 移动设备 viewport -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<style>
|
||||
.layui-input,.layui-textarea{
|
||||
border-color:#606060;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="padding: 1rem 0">
|
||||
<form class="layui-form" action="" style="width: 70%">
|
||||
<input name="id" value="${entity.id}" hidden/>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">商户名称</label>
|
||||
<div class="layui-input-block" style="margin-left:0px">
|
||||
<div class="layui-input-block">
|
||||
<input name="merchantName" value="${entity.merchantName}" readonly placeholder="请输入商户名称" class="layui-input layui-disabled"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">商户编号</label>
|
||||
<div class="layui-input-block" style="margin-left:0px">
|
||||
<div class="layui-input-block">
|
||||
<input name="merchantCode" value="${entity.merchantCode}" readonly placeholder="请输入商户编号" class="layui-input layui-disabled"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">码生成上限</label>
|
||||
<div class="layui-input-block" style="margin-left:0px">
|
||||
<div class="layui-input-block">
|
||||
<input name="qrNum" value="${entity.qrNum}" placeholder="请输入动态码生成次数上限" class="layui-input"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">支付上限</label>
|
||||
<div class="layui-input-block" style="margin-left:0px">
|
||||
<div class="layui-input-block">
|
||||
<input name="payNum" value="${entity.payNum}" placeholder="请输入支付次数上限" class="layui-input"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">有效时间</label>
|
||||
<div class="layui-input-block" style="margin-left:0px">
|
||||
<div class="layui-input-block">
|
||||
<input name="payOverTime" value="${entity.payOverTime}" placeholder="请输入支付有效时间(分钟)" class="layui-input"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block" style="margin-left:0px">
|
||||
<div class="layui-input-block">
|
||||
<select name="status" class="layui-select" lay-verify="required">
|
||||
<option value="">请选择</option>
|
||||
<option value="1" ${entity.status == 1 || empty entity ? 'selected' : ''}>启用</option>
|
||||
<option value="0" ${entity.status == 0 ? 'selected' : ''}>禁用</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
|
||||
<button type="button" id="close" class="layui-btn layui-btn-primary">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
//Demo
|
||||
layui.use(['form','layer'], function(){
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
$('#close').click(function() {
|
||||
parent.layer.closeAll();
|
||||
});
|
||||
//监听提交
|
||||
form.on('submit(formDemo)', function(data){
|
||||
var index = layer.load(1,{shade: [0.1,'#000'] });
|
||||
$.ajax({
|
||||
url: '${ctx}/merchantMoveSetting/save',
|
||||
method: 'post',
|
||||
data: JSON.stringify(data.field),
|
||||
dataType: 'JSON',
|
||||
contentType:"application/json",
|
||||
success: function(res) {
|
||||
layer.close(index);
|
||||
if(res.code == 200) {
|
||||
layer.msg(res.message, { icon: 1, time: 1000 }, function () {
|
||||
var index = parent.layer.getFrameIndex(window.name);
|
||||
parent.layui.table.reload('merchantMoveSetting');
|
||||
parent.layer.close(index);
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.message, {
|
||||
icon: 2
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,233 @@
|
||||
<%@ page contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<!-- 移动设备 viewport -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<jsp:include page="../../common.jsp"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="row animated fadeInRight" style="margin: 0;">
|
||||
<div class="wrapper wrapper-content mt5 right-content ml5 mr5">
|
||||
<div class="toolbar-panel bdd">
|
||||
<div class="toolbar-box">
|
||||
<div class="toolbar-head clearfix lgraybg pt5 pb10 pl10 bdbd">
|
||||
<!-- 顶部按钮 -->
|
||||
<div class="fl">
|
||||
查询条件
|
||||
</div>
|
||||
<div class="tools fr">
|
||||
<a href="javascript:void(0);" class="collapse dblock f14 dgray mr5">
|
||||
<i class="fa-2x fa fa-angle-double-up"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--搜索条件 -->
|
||||
<div class="toolbar-body">
|
||||
<form class="layui-form" id="form1" action="" style="margin-top: 10px">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">商户名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="merchantName" id="merchantName" placeholder="请输入商户名称"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">商户编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="merchantCode" id="merchantCode" placeholder="请输入商户编号"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="status" class="layui-select" lay-verify="required">
|
||||
<option value="">请选择</option>
|
||||
<option value="1" ${entity.status == '1' ? 'selected' : ''}>启用</option>
|
||||
<option value="0" ${entity.status == '0' ? 'selected' : ''}>禁用</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb50 mt10">
|
||||
<div class="whitebg pl10 pr10">
|
||||
<table class="layui-hide" id="merchantMoveSettingTab" lay-filter="merchantMoveSettingTab"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/html" id="leftBar">
|
||||
<a class="layui-btn layui-btn-sm" lay-event="search">
|
||||
<i class="layui-icon layui-icon-search"></i>查询
|
||||
</a>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="toolBar">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">
|
||||
<i class="layui-icon layui-icon-edit"></i>编辑
|
||||
</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">
|
||||
<i class="layui-icon layui-icon-delete"></i>删除
|
||||
</a>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['table', 'layer'], function () {
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
|
||||
var tableIns = table.render({
|
||||
elem: '#merchantMoveSettingTab'
|
||||
, url: '${ctx}/merchantMoveSetting/page'
|
||||
, id: 'merchantMoveSetting'
|
||||
, response: {
|
||||
statusName: 'code' //数据状态的字段名称,默认:code
|
||||
, countName: 'count' //数据总数的字段名称,默认:count
|
||||
, dataName: 'data' //默数据列表的字段名称,认:data
|
||||
, statusCode: 200
|
||||
}
|
||||
, parseData: function (res) { //res 即为原始返回的数据
|
||||
return {
|
||||
"code": res.code, //解析接口状态
|
||||
"msg": res.message, //解析提示文本
|
||||
"count": res.data.total, //解析数据长度
|
||||
"data": res.data.records //解析数据列表
|
||||
};
|
||||
}
|
||||
, toolbar: '#leftBar' //开启头部工具栏,并为其绑定左侧模板
|
||||
, defaultToolbar: ['filter']
|
||||
, defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
|
||||
title: '提示'
|
||||
, layEvent: 'LAYTABLE_TIPS'
|
||||
, icon: 'layui-icon-tips'
|
||||
}]
|
||||
, title: '商户动态码设置表'
|
||||
, cols: [[
|
||||
{type: 'checkbox', fixed: 'left', hidden: true}
|
||||
, {field: 'numbers', title: '序号', fixed: 'left', unresize: true, width: 80, type: 'numbers'}
|
||||
, {field: 'merchantName', title: '商户名称'}
|
||||
, {field: 'merchantCode', title: '商户编号'}
|
||||
, {field: 'qrNum', title: '生成次数上限'}
|
||||
, {field: 'payNum', title: '支付成功次数'}
|
||||
, {field: 'payOverTime', title: '支付有效时间(分钟)'}
|
||||
, {
|
||||
field: 'status', title: '状态', templet: function (d) {
|
||||
if (d.status === 1) {
|
||||
return "<span style='color: green'>启用</span>"
|
||||
} else {
|
||||
return "<span style='color: red'>禁止</span>"
|
||||
}
|
||||
}
|
||||
}
|
||||
, {
|
||||
field: 'createTime',
|
||||
title: '创建时间',
|
||||
width: 160,
|
||||
templet: "<div>{{layui.util.toDateString(d.createTime,'yyyy-MM-dd HH:mm:ss')}}</div>"
|
||||
}
|
||||
, {fixed: 'right', title: '操作', width: 200, toolbar: '#toolBar'}
|
||||
]]
|
||||
, request: {
|
||||
pageName: 'current' //页码的参数名称,默认:page
|
||||
, limitName: 'size' //每页数据量的参数名,默认:limit
|
||||
}
|
||||
, page: true
|
||||
});
|
||||
table.on('tool(merchantMoveSettingTab)', function (obj) { //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值"
|
||||
var data = obj.data; //获得当前行数据
|
||||
var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
|
||||
if (layEvent === 'del') { //删除
|
||||
layer.confirm('真的删除么?', {icon: 3}, function (index) {
|
||||
obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
|
||||
layer.close(index);
|
||||
del(data);
|
||||
//向服务端发送删除指令
|
||||
});
|
||||
} else if (layEvent === 'edit') { //编辑
|
||||
//do something
|
||||
toAdd(obj.data);
|
||||
//同步更新缓存对应的值
|
||||
// obj.update({
|
||||
// username: '123'
|
||||
// ,title: 'xxx'
|
||||
// });
|
||||
}
|
||||
});
|
||||
|
||||
//监听头工具栏事件
|
||||
table.on('toolbar(merchantMoveSettingTab)', function (obj) {
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
// 添加
|
||||
toAdd();
|
||||
break;
|
||||
case 'search':
|
||||
var params = serialize($('#form1'));
|
||||
table.reload('merchantMoveSetting', {
|
||||
where: params
|
||||
, page: {
|
||||
size: 10
|
||||
, current: 1
|
||||
}
|
||||
});
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
function toAdd(obj) {
|
||||
var url = '${ctx}/merchantMoveSetting/detail';
|
||||
var title = "新增";
|
||||
if (obj != undefined) {
|
||||
url = "${ctx}/merchantMoveSetting/detail/" + obj.id;
|
||||
title = "编辑"
|
||||
}
|
||||
var index = layer.open({
|
||||
type: 2
|
||||
, shade: 0.5
|
||||
, title: title
|
||||
, maxmin: true
|
||||
, content: url
|
||||
, area: ['500px', '500px']
|
||||
, end: function () {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function del(obj) {
|
||||
$.ajax({
|
||||
url: '${ctx}/merchantMoveSetting/del/' + obj.id,
|
||||
method: 'DELETE',
|
||||
dataType: 'JSON',
|
||||
contentType: "application/json",
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
layer.msg(res.data, {
|
||||
icon: 1
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.data, {
|
||||
icon: 2
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user