159 lines
6.1 KiB
JavaScript
159 lines
6.1 KiB
JavaScript
|
define(['table','form','yntree'], function (Table,Form,YnTree1) {
|
||
|
|
var Admin = {
|
||
|
|
//Do setup work hereAction
|
||
|
|
index: function () {
|
||
|
|
Table.api.init({
|
||
|
|
extend: {
|
||
|
|
index_url: '/app/admin/userrole/select',
|
||
|
|
add_url: '/app/admin/userrole/insert',
|
||
|
|
edit_url: '/app/admin/userrole/update',
|
||
|
|
del_url: '/app/admin/userrole/delete',
|
||
|
|
multi_url: '/app/admin/userrole/multi',
|
||
|
|
dragsort_url: '/app/admin/userrole/weigh',
|
||
|
|
table: 'userrole',
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var table = $("#table");
|
||
|
|
var tableOptions = {
|
||
|
|
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
||
|
|
pk: 'id',
|
||
|
|
sortName: 'id',
|
||
|
|
commonSearch: false,
|
||
|
|
search: false,
|
||
|
|
columns: [
|
||
|
|
[
|
||
|
|
{checkbox: true},
|
||
|
|
{
|
||
|
|
field: 'id',
|
||
|
|
title: 'ID',
|
||
|
|
filter: "number",
|
||
|
|
sortable: true // 是否排序
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "父级",
|
||
|
|
field: "pid",
|
||
|
|
visible: false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'name',
|
||
|
|
title: '角色组',
|
||
|
|
filter: "string",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'need_sales',
|
||
|
|
title: '销售额',
|
||
|
|
filter: "number",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'consume_reward',
|
||
|
|
title: '消费奖励',
|
||
|
|
filter: "number",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'income_reward',
|
||
|
|
title: '产值奖',
|
||
|
|
filter: "number",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'withdrawl_reward',
|
||
|
|
title: '提现奖励',
|
||
|
|
filter: "number",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "创建时间",
|
||
|
|
field: "created_at",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "更新时间",
|
||
|
|
field: "updated_at",
|
||
|
|
},
|
||
|
|
{field: 'operate', title: '操作', table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
|
||
|
|
]
|
||
|
|
]
|
||
|
|
};
|
||
|
|
// 初始化表格
|
||
|
|
table.bootstrapTable(tableOptions);
|
||
|
|
// 为表格绑定事件
|
||
|
|
Table.api.bindevent(table);
|
||
|
|
},
|
||
|
|
update:function(){
|
||
|
|
this.bindevent();
|
||
|
|
},
|
||
|
|
insert:function(){
|
||
|
|
this.bindevent();
|
||
|
|
},
|
||
|
|
flatArrayToTree: function (items) {
|
||
|
|
let res = []
|
||
|
|
let getChildren = (res, pid) => {
|
||
|
|
for (const i of items) {
|
||
|
|
if (i.parent === pid) {
|
||
|
|
const newItem = { ...i, children: [] }
|
||
|
|
newItem.name =newItem.text;
|
||
|
|
newItem.value =newItem.id;
|
||
|
|
newItem.checked =newItem.state.selected;
|
||
|
|
res.push(newItem)
|
||
|
|
getChildren(newItem.children, newItem.id)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
getChildren(res, 0)
|
||
|
|
return res
|
||
|
|
},
|
||
|
|
rendertree: function (content) {
|
||
|
|
if(Admin.ruletree){
|
||
|
|
Admin.ruletree.destroy();
|
||
|
|
}
|
||
|
|
var treeData = {
|
||
|
|
// 复选框change事件
|
||
|
|
onchange: function (input, yntree) {
|
||
|
|
console.log(yntree.getValues().join(','));
|
||
|
|
if ($("#treeview").length > 0) {
|
||
|
|
$("input[name='rules']").val(yntree.getValues().join(','));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 是否严格的遵循父子互相关联的做法
|
||
|
|
checkStrictly: true,
|
||
|
|
data: []
|
||
|
|
};
|
||
|
|
treeData.data = Admin.flatArrayToTree(content)
|
||
|
|
var yntree = new YnTree(document.getElementById("treeview"), treeData);
|
||
|
|
Admin.ruletree = yntree;
|
||
|
|
},
|
||
|
|
ruletree: null,
|
||
|
|
bindevent: function () {
|
||
|
|
Form.api.bindevent($("form[role=form]"));
|
||
|
|
//渲染权限节点树
|
||
|
|
//变更级别后需要重建节点树
|
||
|
|
$(document).on("change", "select[name='pid']", function () {
|
||
|
|
var pid = $(this).data("pid");
|
||
|
|
var id = $(this).data("id");
|
||
|
|
// if ($(this).val() == id) {
|
||
|
|
// $("option[value='" + pid + "']", this).prop("selected", true).change();
|
||
|
|
// Fast.api.error(__('Can not change the parent to self'));
|
||
|
|
// return false;
|
||
|
|
// }
|
||
|
|
$.ajax({
|
||
|
|
url: "/app/admin/userrole/tree",
|
||
|
|
type: 'post',
|
||
|
|
dataType: 'json',
|
||
|
|
data: {id: id, pid: $(this).val()},
|
||
|
|
success: function (ret) {
|
||
|
|
if (ret.hasOwnProperty("code")) {
|
||
|
|
var data = ret.hasOwnProperty("data") && ret.data != "" ? ret.data : "";
|
||
|
|
if (ret.code) {
|
||
|
|
Fast.api.error(ret.msg);
|
||
|
|
} else {
|
||
|
|
Admin.rendertree(data);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, error: function (e) {
|
||
|
|
Fast.api.error(e.message);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
$("select[name='pid']").trigger("change");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
return Admin
|
||
|
|
});
|