125 lines
3.4 KiB
HTML
125 lines
3.4 KiB
HTML
<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> |