var list = new Array();
var objectFilter = [];
var usageFilter = [];
var listObj = new Object();
var table = [];
const vm = Vue.createApp({
data() {
return {
banner: "",
pageHeader: "",
userName: "",
role: "",
right: -1,
list: list,
table: table,
}
},
mounted() {
$.ajax({
url: "/Authorization/script/php/permission/get_right.php",
contentType: "application/json",
dataType: "json",
type: "GET",
async: false,
data: {
page: window.location.pathname,
}
}).done(response => {
console.log(response)
this.userName = response.UserName;
this.role = response.GroupName;
this.right = response.RightID;
this.pageHeader = response.PageName;
this.banner = response.PgroupName;
addUserImage(response.UserName.charAt(0), response.GroupName);
}).fail(function (error) {
console.log(error);
});
},
provide() {
return {
banner: Vue.computed(() => this.banner),
role: Vue.computed(() => this.role),
userName: Vue.computed(() => this.userName),
right: Vue.computed(() => this.right),
}
}
});
vm.component('side-bar', {
inject: ['right'],
data() {
return {
right: this.right,
}
},
template: ``
});
vm.component('side-bar-hide', {
inject: ['banner'],
data() {
return {
banner: this.banner,
}
},
template: ``
});
vm.component('header-menu', {
inject: ['banner', 'userName', 'role'],
data() {
return {
banner: this.banner,
userName: this.userName,
role: this.role,
}
},
template: ``
});
vm.component('inner-menu', {
template: `
`
});
vm.component('inner-menu-li', {
template: `
{{name}}
`,
computed: {
GetLocation() {
var url_href = window.location.href;
var url = new URL(url_href);
var type = url.searchParams.get("type");
if (type != null) {
if (this.href.includes(type)) {
return true;
} else {
return false;
}
}
}
},
props: {
href: String,
name: String,
}
});
vm.component('search-bar', {
template: `
`,
});
vm.component('filter-bar', {
template: `
`,
});
vm.component('filter-content', {
template: ``,
});
vm.component('filter-content2', {
data() {
return {
usageFilter: usageFilter,
objectFilter: objectFilter,
}
},
template: ``,
});
vm.component('filter-li', {
template: `{{object}}`,
props: {
object: String,
},
computed: {
addDot() {
return "." + this.object;
}
},
});
vm.component('side-bar-list', {
template: `
{{span}}
`,
computed: {
GetLocation() {
var pathname = window.location.pathname.split('/');
var type = pathname[pathname.length - 1]
if (this.href.includes(type)) {
return true;
} else {
return false;
}
}
},
props: {
span: String,
fa: String,
href: String,
},
});
vm.component('role-block', {
data() {
return {
roles: roles,
}
},
props: {
tbodyId: String,
title: String,
tableId: String,
},
template: `
| 員工編號 |
使用者帳號 |
使用者名稱 |
所屬部門 |
使用者權限 |
`,
});
