first commit
This commit is contained in:
@@ -0,0 +1,125 @@
|
||||
<form class="layui-form page-content p-4">
|
||||
<h3 class="h3-title">增加账号类型</h3>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">账号类型<font>*</font></td>
|
||||
<td>
|
||||
<input
|
||||
type="text"
|
||||
name="category"
|
||||
lay-verify="required"
|
||||
lay-reqText="请输入账号类型"
|
||||
placeholder="请输入账号类型"
|
||||
class="layui-input"
|
||||
value=""
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="pt-1">
|
||||
<input type="hidden" name="id" value="0" />
|
||||
<button
|
||||
class="layui-btn layui-btn-normal"
|
||||
lay-submit=""
|
||||
lay-filter="webform"
|
||||
>
|
||||
立即提交
|
||||
</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="tablelist" style="padding: 20px">
|
||||
<h3 class="h3-title">账号类型列表</h3>
|
||||
<table class="layui-table" lay-filter="tablelist" id="categoryList"></table>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="barDemo">
|
||||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail"
|
||||
>查看</a
|
||||
>
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['table', 'form', 'layer'], function () {
|
||||
var table = layui.table;
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
|
||||
// 获取账号渠道列表
|
||||
function getAccountCategoryList(pageNumber, pageSize) {
|
||||
var url = "/account/index/getaccountcategory";
|
||||
table.render({
|
||||
elem: "#categoryList",
|
||||
url: url,
|
||||
page: {
|
||||
curr: pageNumber ? pageNumber : 1,
|
||||
limit: pageSize ? pageSize : 10,
|
||||
},
|
||||
limit: pageSize ? pageSize : 10,
|
||||
cols: [
|
||||
[
|
||||
{ field: "id", title: "ID" },
|
||||
{ field: "category", title: "账号类型" },
|
||||
{
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: 180,
|
||||
minWidth: 125,
|
||||
toolbar: "#barDemo",
|
||||
},
|
||||
],
|
||||
],
|
||||
});
|
||||
}
|
||||
|
||||
function openInit() {
|
||||
form.render();
|
||||
|
||||
// 监听提交
|
||||
form.on("submit(webform)", function (data) {
|
||||
let callback = function (e) {
|
||||
layer.msg(e.msg);
|
||||
if (e.code == 2) {
|
||||
layui.tool.close(1000);
|
||||
}
|
||||
};
|
||||
layui.tool.post("/account/index/add_category", data.field, callback);
|
||||
return false;
|
||||
});
|
||||
|
||||
// 初始化账号渠道列表
|
||||
getAccountCategoryList();
|
||||
}
|
||||
|
||||
openInit();
|
||||
|
||||
// 监听工具条
|
||||
table.on('tool(tablelist)', function (obj) {
|
||||
var data = obj.data;
|
||||
console.log(obj.event);
|
||||
if (obj.event === 'detail') {
|
||||
layer.msg('ID:' + data.id + ' 的查看操作');
|
||||
} else if (obj.event === 'delete') {
|
||||
layer.confirm('确定要删除该账号渠道吗?', function (index) {
|
||||
let callback = function (e) {
|
||||
console.log('e.code:', e.code);
|
||||
if (e.code == 1) {
|
||||
obj.del();
|
||||
layer.msg('删除成功');
|
||||
} else {
|
||||
layer.msg('删除失败');
|
||||
}
|
||||
};
|
||||
layui.tool.post('/account/index/del_account_category', { id: data.id }, callback);
|
||||
layer.close(index);
|
||||
});
|
||||
} else if (obj.event === 'edit') {
|
||||
layer.alert('编辑行:<br>' + JSON.stringify(data));
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user