From b66f26b23e4627907818d0be241b621fe3735f27 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期日, 09 十月 2022 17:57:46 +0800
Subject: [PATCH] 登录，操作，资源日志列表接口对接
---
src/api/api.js | 16 +
src/views/maintenance/eventlogManage.vue | 213 ++++++++----------
src/assets/lang/zh.js | 13 +
public/config/config.js | 1
src/views/maintenance/operationLog.vue | 233 ++++++++++----------
src/assets/lang/en.js | 14 +
src/components/navMenu.vue | 2
src/views/maintenance/logLog.vue | 134 ++++++++++-
8 files changed, 368 insertions(+), 258 deletions(-)
diff --git a/public/config/config.js b/public/config/config.js
index db65adf..c80e8a3 100644
--- a/public/config/config.js
+++ b/public/config/config.js
@@ -1,4 +1,5 @@
const BASE_URL = 'http://192.168.20.55:12316';
+// const BASE_URL = 'http://192.168.20.39:12316';
var gisUrl = 'http://183.162.245.49:3301';
var ifreamUrl = 'http://192.168.20.39:12306/';
diff --git a/src/api/api.js b/src/api/api.js
index 3ddb3cc..7e943ae 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -83,7 +83,6 @@
//鐗堟湰绠＄悊鍒犻櫎
export function deleteVersion(params) {
//璇锋眰鍦板潃
- console.log(params);
return request.get('/version/deleteVersion?id=' + params);
}
//鐗堟湰绠＄悊淇敼
@@ -91,3 +90,18 @@
//璇锋眰鍦板潃
return request.post('/version/updateVersion', params);
}
+//鐧诲綍鏃ュ織
+export function loginSelectByPageAndCount(params) {
+ //璇锋眰鍦板潃
+ return request.get('/login/selectByPageAndCount', { params: params });
+}
+//鎿嶄綔鏃ュ織
+export function operateSelectByPageAndCount(params) {
+ //璇锋眰鍦板潃
+ return request.get('/operate/selectByPageAndCount', { params: params });
+}
+//浜嬩欢鏃ュ織
+export function resOpSelectByPageAndCount(params) {
+ //璇锋眰鍦板潃
+ return request.get('/resOp/selectByPageAndCount', { params: params });
+}
\ No newline at end of file
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index 4568101..38ef956 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -79,7 +79,7 @@
},
operatManage: {
operatManage: 'Operat Manage',
- eventlogManage: 'Event Log Manage',
+ ResourceLog: 'Resource Log',
ELM: {
username: 'username',
ownedSystem: 'ownedSystem',
@@ -102,7 +102,7 @@
index: 'index',
largeModuleName: 'largeModuleName',
smallModuleName: 'smallModuleName',
- resourceName: 'resourceName',
+ resourceName: 'Resource Id',
},
userManagement: 'User Management',
systemLayout: 'System Layout',
@@ -227,9 +227,14 @@
systematicName: 'systematicName',
IP: ' IP',
pleaseInput: 'pleaseInput',
- pleaseSelect: 'pleaseSelect',
+ pleaseSelect: 'please select',
optionDate: 'optionDate',
selectTime: 'selectTime',
+ operationModule: 'operation ndule',
+ url: 'url',
+ className: 'class name',
+ category: 'category',
+ bak: 'bak',
},
},
synthesis: {
@@ -298,6 +303,9 @@
operationtime: 'Operation Time',
operationtype: 'Operation Type',
operationStatus: 'Operation Status',
+ username: 'Username',
+ applicationProgram: 'Application Program',
+ describe: 'Describe',
},
themaic: {
name: 'Themaic Map',
diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js
index 5b3d1c9..6192e28 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -79,7 +79,7 @@
},
operatManage: {
operatManage: '杩愮淮绠＄悊',
- eventlogManage: '浜嬩欢鏃ュ織绠＄悊',
+ ResourceLog: '璧勬簮鏃ュ織',
ELM: {
username: '鐢ㄦ埛鍚嶇О',
ownedSystem: '鎵�灞炵郴缁�',
@@ -102,7 +102,7 @@
index: '搴忓彿',
largeModuleName: '澶фā鍧楀悕绉�',
smallModuleName: '灏忔ā鍧楀悕绉�',
- resourceName: '璧勬簮鍚嶇О',
+ resourceName: '璧勬簮ID',
},
userManagement: '鐢ㄦ埛绠＄悊',
systemLayout: '绯荤粺閰嶇疆',
@@ -229,6 +229,11 @@
pleaseSelect: '璇烽�夋嫨',
optionDate: '閫夋嫨鏃ユ湡',
selectTime: '閫夋嫨鏃堕棿',
+ operationModule: '鎿嶄綔妯″潡',
+ url: '鎿嶄綔缃戝潃',
+ className: '绫诲悕',
+ category: '绫诲埆',
+ bak: '澶囨敞',
},
},
synthesis: {
@@ -297,6 +302,10 @@
operationtime: '鎿嶄綔鏃堕棿',
operationtype: '鎿嶄綔绫诲瀷',
operationStatus: '鎿嶄綔鐘舵��',
+ username: '鐢ㄦ埛鍚�',
+ applicationProgram: '搴旂敤绋嬪簭',
+ describe: '鎻忚堪',
+
},
themaic: {
name: '涓撻鍦板浘',
diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue
index 3f1a1b8..63723ba 100644
--- a/src/components/navMenu.vue
+++ b/src/components/navMenu.vue
@@ -88,7 +88,7 @@
$t('operatManage.operationMonitoring')
}}</template>
<el-menu-item index="eventlogManage">{{
- $t('operatManage.eventlogManage')
+ $t('operatManage.ResourceLog')
}}</el-menu-item>
<el-menu-item index="logLog">{{
$t('operatManage.logLog')
diff --git a/src/views/maintenance/eventlogManage.vue b/src/views/maintenance/eventlogManage.vue
index 276965f..e25bacb 100644
--- a/src/views/maintenance/eventlogManage.vue
+++ b/src/views/maintenance/eventlogManage.vue
@@ -3,7 +3,7 @@
<My-bread
:list="[
`${$t('operatManage.operatManage')}`,
- `${$t('operatManage.eventlogManage')}`,
+ `${$t('operatManage.ResourceLog')}`,
]"
></My-bread>
<el-divider />
@@ -83,7 +83,7 @@
/>
<el-table-column
align="center"
- prop="username"
+ prop="userid"
:label="$t('operatManage.ELM.username')"
/>
<el-table-column
@@ -91,34 +91,22 @@
prop="ip"
:label="$t('operatManage.ELM.ip')"
/>
+
<el-table-column
align="center"
- prop="ownedSystem"
- :label="$t('operatManage.ELM.ownedSystem')"
- />
- <el-table-column
- align="center"
- prop="largeModuleName"
- :label="$t('operatManage.ELM.largeModuleName')"
- />
- <el-table-column
- align="center"
- prop="smallModuleName"
- :label="$t('operatManage.ELM.smallModuleName')"
- />
- <el-table-column
- align="center"
- prop="resourceName"
+ prop="resid"
:label="$t('operatManage.ELM.resourceName')"
/>
<el-table-column
+ :formatter="formatData"
align="center"
- prop="date"
+ prop="optime"
:label="$t('operatManage.ELM.date')"
/>
<el-table-column
+ :formatter="formatType"
align="center"
- prop="operationType"
+ prop="type"
:label="$t('operatManage.ELM.operationType')"
/>
</el-table>
@@ -126,11 +114,11 @@
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
- :current-page="currentPage"
+ :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>
@@ -140,7 +128,7 @@
<script>
import MyBread from "../../components/MyBread.vue";
-
+import { resOpSelectByPageAndCount } from "../../api/api";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -157,106 +145,82 @@
operationType: "",
date: "",
},
- tableData: [
- {
- username: "绠＄悊鍛�",
- ip: "221.182.31.12",
- date: "2022-08-05",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- ],
+ tableData: [],
+ listData: {
+ pageIndex: 1,
+ pageSize: 10,
+ },
+ count: 0,
};
},
methods: {
+ //鏍煎紡鍖栨椂闂�
+ 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);
+ },
+ //鏍煎紡鍖栫被鍒�
+ formatType(row, column) {
+ let data;
+ switch (row[column.property]) {
+ case 0:
+ data = "鍏跺畠";
+ break;
+ case 1:
+ data = "鏌ョ湅";
+ break;
+ case 2:
+ data = "鏂板";
+ break;
+ case 3:
+ data = "淇敼";
+ break;
+ case 4:
+ data = "鍒犻櫎";
+ break;
+ case 5:
+ data = "涓婁紶";
+ break;
+ case 6:
+ data = "涓嬭浇";
+ break;
+ }
+ return 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!");
@@ -264,8 +228,19 @@
resetForm(formName) {
this.$refs[formName].resetFields();
},
+ async getList() {
+ const data = await resOpSelectByPageAndCount(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>
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>
diff --git a/src/views/maintenance/operationLog.vue b/src/views/maintenance/operationLog.vue
index 0e90af4..5c17742 100644
--- a/src/views/maintenance/operationLog.vue
+++ b/src/views/maintenance/operationLog.vue
@@ -76,29 +76,50 @@
</el-table-column>
<!-- <el-table-column prop="Accessnumber" label="璁块棶缂栧彿" /> -->
<el-table-column
- prop="name"
- :label="$t('operatManage.operationLogObj.resourceName')"
+ align="center"
+ prop="modular"
+ :label="$t('operatManage.operationLogObj.operationModule')"
/>
<el-table-column
- prop="operatingsystem"
- :label="$t('operatManage.operationLogObj.operationType')"
+ align="center"
+ prop="url"
+ :label="$t('operatManage.operationLogObj.url')"
/>
<!-- <el-table-column prop="loginaddress" label="鐧诲綍鍦扮偣" /> -->
<el-table-column
- prop="browser"
+ align="center"
+ prop="clazz"
+ :label="$t('operatManage.operationLogObj.className')"
+ />
+ <el-table-column
+ align="center"
+ :formatter="formatType"
+ prop="type"
+ :label="$t('operatManage.operationLogObj.operationType')"
+ />
+ <el-table-column
+ align="center"
+ prop="userid"
:label="$t('operatManage.operationLogObj.username')"
/>
<el-table-column
- prop="operatinginformation"
- :label="$t('operatManage.operationLogObj.systematicName')"
+ prop="ip"
+ :label="$t('operatManage.operationLogObj.IP')"
/>
- <el-table-column prop="ip" label="IP" />
<el-table-column
- prop="date"
+ align="center"
+ prop="optime"
+ :formatter="formatData"
:label="$t('operatManage.operationLogObj.operatingTime')"
/>
+ <el-table-column
+ align="center"
+ prop="bak"
+ :label="$t('operatManage.operationLogObj.bak')"
+ />
+
<!-- <el-table-column fixed="right" label="鎿嶄綔" width="100">
<template #default>
@@ -110,11 +131,11 @@
<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>
@@ -124,7 +145,7 @@
<script>
import MyBread from "../../components/MyBread.vue";
-
+import { operateSelectByPageAndCount } from "../../api/api";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -139,121 +160,99 @@
region: "",
jurisdiction: "",
},
- tableData: [
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "chrome",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "IE11",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "chrome",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "chrome",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "chrome",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "IE11",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "chrome",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "chrome",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- name: "admin",
- Accessnumber: "1",
- loginaddress: "鍖椾含甯�",
- browser: "IE11",
- operatingsystem: "windows10",
- state: "鎴愬姛",
- operatinginformation: "鐧诲綍鎴愬姛",
- ip: "221.182.31.12",
- },
- ],
+ tableData: [],
+ listData: {
+ pageIndex: 1,
+ pageSize: 10,
+ },
+ count: 0,
};
},
methods: {
+ //鏍煎紡鍖栨椂闂�
+ 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);
+ },
+ //鏍煎紡鍖栫被鍒�
+ formatType(row, column) {
+ let data;
+ switch (row[column.property]) {
+ case 0:
+ data = "鍏跺畠";
+ break;
+ case 1:
+ data = "鏌ョ湅";
+ break;
+ case 2:
+ data = "鏂板";
+ break;
+ case 3:
+ data = "淇敼";
+ break;
+ case 4:
+ data = "鍒犻櫎";
+ break;
+ case 5:
+ data = "涓婁紶";
+ break;
+ case 6:
+ data = "涓嬭浇";
+ break;
+ }
+ return 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!");
},
+ async getList() {
+ const data = await operateSelectByPageAndCount(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