65 lines
1.3 KiB
HTML
65 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>权限列表</title>
|
|
<link rel="stylesheet" type="text/css" href="../../lib/zui/css/zui.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<table class="table table-bordered table-hover table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>权限名</th>
|
|
<th>权限说明</th>
|
|
<th>创建时间</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="(item,index) in authList" :key="item.id" :data-id="item.id" :data-index="index" >
|
|
<td>{{item.authName}}</td>
|
|
<td>{{item.authDesc}}</td>
|
|
<td>{{item.creationTime}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
|
|
<script src="../../lib/jquery/jquery-3.1.0.min.js"></script>
|
|
<script src="../../lib/zui/js/zui.min.js"></script>
|
|
<script src="../../lib/vue/vue.js"></script>
|
|
<script src="../../lib/mg/js/common.js"></script>
|
|
<script src="../../lib/mg/js/toast.js"></script>
|
|
|
|
<script>
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
authList: [],
|
|
},
|
|
mounted: function(){
|
|
this.refreshList();
|
|
},
|
|
methods: {
|
|
refreshList: function () {
|
|
post(ctx + "auth/info/list", {}, function(json){
|
|
if(validateResult(json)) {
|
|
app.authList = json.data;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
body{padding: 10px;}
|
|
</style>
|
|
</html>
|
|
|
|
|
|
|