auditLog.vue 2.22 KB
<style>
	.button-green {
		border: 1px solid #649fa3;
		color: #649fa3;
	}
	
	.btn {
		display: inline-block;
		border-radius: 8px;
		padding: 0 20px;
		height: 34px;
		line-height: 32px;
		font-size: 14px;
		background: inherit;
		text-decoration: none !important;
	}
	
	.button-green:hover {
		color: #fff;
		background: #649fa3;
	}
</style>
<template>
	<div class="container resource close-left-menu">
		<div class="pop-banner clearfix">
			<div class="operate-btns">
				<!-- <a href="javascript:;" class="fbtn" @click='allAdd'>全部生成供应关系</a> -->
			</div>
			<h3 class="current-module">审计日志</h3>
		</div>
		<!--supply-productlist start-->
		<div class="supply-productlist clearfix">
			<table class="itable itable-thead-13px itable-td-long-text mb-20">
				<thead id="t_header">
					<tr>
						<th class="w50">序号</th>
						<th class="w140">操作人</th>
						<th class="w140">操作时间</th>
						<th class="w140">操作说明</th>
					</tr>
				</thead>
				<tbody>
					<tr v-if="getAuditLogList.length == 0"><td colspan="4">暂无数据!</td></tr>
					<tr v-for="alg in getAuditLogList">
						<td class="v-top">{{$index + 1 | getIndex}}</td>
						<td class="v-top">{{alg.operatername}}</td>
						<!--新添加医院名称-->
						<td class="v-top">{{alg.operaterdate}}</td>
						<td class="v-top">{{alg.type}}</td>
					</tr>
				</tbody>
			</table>
			<pagination @page-change="getData"  :page-no.sync="search.page" :total-pages.sync="search.totalPages"></pagination>
		</div>
	</div>
</template>
<script>
	module.exports = {
		data: function() {
			return {
				getAuditLogList: [],
				search: {
					pageSize: 10,
					page: 1,
					totalPages: 0, 
				},  
			};
		},
		methods: { 
			getData: function() {
				var self = this;
				Ajax.post('/systemdata/getAuditLog', self.search)
					.then(function(response) {						
						var data = response.data.data;
						if(response.data.errorCode == 0) {
				            			self.$set('getAuditLogList',data.list);	 				
							self.search.totalPages = data.totalPages;
						} else {
				                            	layer.msg(response.data.message);
				                        }
					})
			},
		},
		route: {
			activate: function() {
				this.getData();
			}
		}
	};
</script>