123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <template>
- <view style="padding: 40rpx;">
- <view>
- <u-search placeholder="请输入查询内容" v-model="params.title" height="60rpx" @search="searchData" @custom="searchData"></u-search>
- </view>
- <view>
- <u-list v-if="logList.length > 0" @scrolltolower="scrolltolower">
- <u-list-item v-for="(item, index) in logList" :key="index" class="log-item">
- <view><text style="color: #606266;">操作内容:</text><text>{{item.title}}</text></view>
- <view><text style="color: #606266;">请求地址:</text><text>{{item.operUrl}}</text></view>
- <view><text style="color: #606266;">操作地址:</text><text>{{item.operLocation}}</text></view>
- <view><text style="color: #606266;">操作时间:</text><text>{{item.operTime}}</text></view>
- </u-list-item>
- </u-list>
- <u-empty v-else></u-empty>
- </view>
- </view>
- </template>
- <script>
- import * as LogApi from '@/api/center/log'
- export default {
- data () {
- return {
- params: {
- pageNum: 0,
- pageSize: 10,
- title: ''
- },
- logList: []
- }
- },
- created () {
- this.loadData();
- },
- methods: {
- // 加载日志列表数据
- loadData () {
- const app = this
- // 首先获取当前登录账号信息
- app.$store.dispatch('Info').then(res => {
- app.params.pageNum += 1
- if (res.user) {
- // 只查询当前用户的操作日志
- app.params.operName = res.user.userName
- }
- LogApi.operLog(app.params).then(res => {
- app.logList = app.logList.concat(res.rows);
- })
- })
- },
- // 查询按钮动作
- searchData () {
- this.params.pageNum = 0
- this.logList = []
- this.loadData();
- },
- // 滚动分页加载数据
- scrolltolower () {
- this.loadData();
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .log-item {
- padding: 20rpx 0;
- border-bottom: 0.5px solid #ccc;
- }
- </style>
|