dongfeng-pay/legend/views/area-list.html
2021-04-27 15:33:49 +08:00

115 lines
4.5 KiB
Go
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>充值商户后台</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="../static/x-admin/css/font.css">
<link rel="stylesheet" href="../static/x-admin/css/xadmin.css">
<!-- <link rel="stylesheet" href="./css/theme5.css"> -->
<script src="../static/x-admin/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../static/x-admin/js/xadmin.js"></script>
<script type="text/javascript" src="../static/js/jquery-3.5.1.min.js"></script>
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
// 是否开启刷新记忆tab功能
// var is_remember = false;
</script>
</head>
<body>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<table id="demo" lay-filter="test"></table>
</div>
</div>
<script type="text/html" id="toolbarHead">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="create-area"><i class="layui-icon layui-icon-add-1"></i>创建分区</button>
<button class="layui-btn layui-btn-sm" lay-event="flush"><i class="layui-icon layui-icon-refresh-3"></i></button>
</div>
</script>
<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container">
<div class="layui-btn layui-btn-normal" lay-event="imitate-recharge-url">模拟充值</div>
<div class="layui-btn layui-btn-sm" lay-event="edit-area"><i class="layui-icon layui-icon-edit"></i> 编辑</div>
<div class="layui-btn layui-btn-danger" lay-event="delete-area"><i class="layui-icon layui-icon-delete"></i>删除</div>
</div>
</script>
<script>
layui.use('table', function () {
let table = layui.table;
table.render({
elem: "#demo"
,height: 500
,url: '/static/data/area.json' //数据接口
,page: true //开启分页
,limits: [10, 20, 30, 50, 100, 200]
,cols: [[ //表头
{field: 'id', title: 'ID', sort: true, fixed: 'left'}
,{field: 'areaname', title: '分区名称'}
,{field: 'usetemplete', title: '使用模板', sort: true}
,{field: 'currencyname', title: '货币名称', sort:false}
,{field: 'rechargescale', title: '充值比例', sort: true}
,{field: 'areastatus', title: '分区状态', sort: true}
,{field: 'createtime', title: '创建时间', sort:true}
,{fixed: 'right', title: "操作", width:240, align:'center', toolbar: '#toolbarDemo'}
]]
,toolbar: "#toolbarHead"
});
table.on('toolbar(test)', function (data) {
let event = data.event;
if ("create-area" === event) {
}
});
// 监听行工具事件
table.on('tool(test)', function (data) {
let event = data.event;
if ("imitate-recharge-url" === event) {
location.href = "https://www.baidu.com";
} else if ("edit-area" === event) {
location.href = "/areaAddOrEdit.html" + "?id=" + data.data.id;
} else if ("delete-area" === event) {
layer.confirm("是否要删除该行?", {
btn:["YES", "NO"]
},function () {
layer.msg("请做删除分组的代码逻辑");
}, function (index) {
layer.close(index);
return false;
})
}
})
// 监听头工具栏事件
table.on('toolbar(test)', function (data) {
let event = data.event;
if ("create-area" === event) {
location.href = "/areaAddOrEdit.html"
}
})
})
</script>
</div>
</body>
</html>