<!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>



