From b66f26b23e4627907818d0be241b621fe3735f27 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期日, 09 十月 2022 17:57:46 +0800
Subject: [PATCH] 登录，操作，资源日志列表接口对接
---
src/views/maintenance/logLog.vue | 134 +++++++++++++++++++++++++++++++++++++++-----
1 files changed, 119 insertions(+), 15 deletions(-)
diff --git a/src/views/maintenance/logLog.vue b/src/views/maintenance/logLog.vue
index ad14326..378f437 100644
--- a/src/views/maintenance/logLog.vue
+++ b/src/views/maintenance/logLog.vue
@@ -64,26 +64,40 @@
type="index"
:label="$t('loglog.serialnumber')"
/>
- <el-table-column prop="name" :label="$t('loglog.coverage')" />
- <el-table-column prop="ip" :label="$t('loglog.systematic')" />
- <el-table-column prop="loginaddress" :label="$t('loglog.ipadress')" />
- <el-table-column prop="browser" :label="$t('loglog.operationtime')" />
+ <el-table-column prop="userid" :label="$t('loglog.username')" />
<el-table-column
- prop="operatingsystem"
+ prop="appid"
+ :label="$t('loglog.applicationProgram')"
+ :formatter="formatAppid"
+ />
+ <el-table-column prop="ip" :label="$t('loglog.ipadress')" />
+ <el-table-column prop="descr" :label="$t('loglog.describe')" />
+ <el-table-column
+ prop="optime"
+ :formatter="formatData"
+ :label="$t('loglog.operationtime')"
+ />
+ <el-table-column
+ prop="type"
+ :formatter="formatType"
:label="$t('loglog.operationtype')"
/>
- <el-table-column prop="state" :label="$t('loglog.operationStatus')" />
+ <el-table-column
+ prop="status"
+ :formatter="formatStatus"
+ :label="$t('loglog.operationStatus')"
+ />
</el-table>
<!-- 鍒嗛〉 -->
<div style="margin-top: 40px" class="pagination_box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
- :current-page="currentPage4"
+ :current-page="listData.pageIndex"
:page-sizes="[10, 20, 30, 40]"
- :page-size="10"
+ :page-size="listData.pageSize"
layout="total, sizes, prev, pager, next, jumper"
- :total="9"
+ :total="count"
>
</el-pagination>
</div>
@@ -93,7 +107,7 @@
<script>
import MyBread from "../../components/MyBread.vue";
-
+import { loginSelectByPageAndCount } from "../../api/api";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -109,23 +123,113 @@
jurisdiction: "",
},
tableData: [],
+ listData: {
+ pageIndex: 1,
+ pageSize: 10,
+ },
+ count: 0,
};
},
methods: {
+ //鏍煎紡鍖栧垪琛�
+ formatType(row, column) {
+ let data;
+ switch (row[column.property]) {
+ case 1:
+ data = "鐧诲綍";
+ break;
+ case 2:
+ data = "鏍￠獙";
+ break;
+ case 3:
+ data = "鐧诲嚭";
+ break;
+ }
+ return data;
+ },
+ formatStatus(row, column) {
+ let data;
+ switch (row[column.property]) {
+ case 1:
+ data = "鎴愬姛";
+ break;
+ case 0:
+ data = "澶辫触";
+ break;
+ }
+ return data;
+ },
+ formatAppid(row, column) {
+ let data;
+ switch (row[column.property]) {
+ case 1:
+ data = "绠￠亾鍩虹澶ф暟鎹钩鍙�";
+ break;
+ case 2:
+ data = "澶栭儴绯荤粺闆嗘垚";
+ break;
+ }
+ return data;
+ },
+ //鏍煎紡鍖栨椂闂�
+ add0(m) {
+ return m < 10 ? "0" + m : m;
+ },
+ //鏍煎紡鍖栨椂闂�
+ format(shijianchuo) {
+ //shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲
+ var time = new Date(shijianchuo);
+ var y = time.getFullYear();
+ var m = time.getMonth() + 1;
+ var d = time.getDate();
+ var h = time.getHours();
+ var mm = time.getMinutes();
+ var s = time.getSeconds();
+ return (
+ y + "-" + this.add0(m) + "-" + this.add0(d)
+ // " " +
+ // this.add0(h) +
+ // ":" +
+ // this.add0(mm) +
+ // ":" +
+ // this.add0(s)
+ );
+ },
+ //鏍煎紡鍖栧垪琛�
+ formatData(row, column) {
+ let data = row[column.property];
+ if (data == null) {
+ return data;
+ }
+ return this.format(data);
+ },
handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉);
+ this.listData.pageSize = val;
+ this.getList();
},
handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
+ this.listData.pageIndex = val;
+ this.getList();
},
onSubmit() {
console.log("submit!");
},
onEmpty(formData1) {
- this.$refs[formData1].resetFields()//閲嶇疆琛ㄥ崟鏁版嵁
- }
+ this.$refs[formData1].resetFields(); //閲嶇疆琛ㄥ崟鏁版嵁
+ },
+ async getList() {
+ const data = await loginSelectByPageAndCount(this.listData);
+ console.log(data);
+ if (data.code != 200) {
+ this.$message.error("鍒楄〃璋冪敤澶辫触");
+ }
+ this.tableData = data.result;
+ this.count = data.count;
+ },
},
- created() { },
+ created() {
+ this.getList();
+ },
};
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3