From f5d9435d230837c7ae40d75ee82eb04367d464f4 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期二, 20 九月 2022 15:03:39 +0800
Subject: [PATCH] 系统操作页面样式
---
src/assets/lang/zh.js | 18 ++++++++
src/views/maintenance/operationLog.vue | 78 ++++++++++++++++++++++----------------
src/assets/lang/en.js | 16 ++++++++
3 files changed, 78 insertions(+), 34 deletions(-)
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index a06997d..1a39096 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -30,6 +30,22 @@
systemMonitoring: 'systemMonitoring',
logLog: 'logLog',
operationLog: 'operationLog',
+ operationLogObj:{
+ queryRegion:"queryRegion",
+ resourceName:"resourceName",
+ operationType:"operationType",
+ operatingTime:"operatingTime",
+ inquire:"inquire",
+ empty:"empty",
+ num:"num",
+ username:"username",
+ systematicName:"systematicName",
+ IP:" IP",
+ pleaseInput:"pleaseInput",
+ pleaseSelect:"pleaseSelect",
+ optionDate:"optionDate",
+ selectTime:"selectTime",
+ }
},
synthesis: {
synthesis: 'Comprehensive Display',
diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js
index f9a03f8..6b18387 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -29,7 +29,23 @@
operationMonitoring: '杩愯鐩戞帶',
systemMonitoring: '绯荤粺鐩戞帶',
logLog: '鐧诲綍鏃ュ織',
- operationLog: '鎿嶄綔鏃ュ織',
+ operationLog: '绯荤粺鎿嶄綔鏃ュ織',
+ operationLogObj:{
+ queryRegion:"鏌ヨ鍖�",
+ resourceName:"璧勬簮鍚嶇О",
+ operationType:"鎿嶄綔绫诲瀷",
+ operatingTime:"鎿嶄綔鏃堕棿",
+ inquire:"鏌ヨ",
+ empty:"娓呯┖",
+ num:"搴忓彿",
+ username:"鐢ㄦ埛鍚�",
+ systematicName:"绯荤粺鍚嶇О",
+ IP:" IP",
+ pleaseInput:"璇疯緭鍏�",
+ pleaseSelect:"璇烽�夋嫨",
+ optionDate:"閫夋嫨鏃ユ湡",
+ selectTime:"閫夋嫨鏃堕棿",
+ }
},
synthesis: {
synthesis: '缁煎悎灞曠ず',
diff --git a/src/views/maintenance/operationLog.vue b/src/views/maintenance/operationLog.vue
index fc23ec0..9348fb8 100644
--- a/src/views/maintenance/operationLog.vue
+++ b/src/views/maintenance/operationLog.vue
@@ -1,26 +1,35 @@
<template>
<div class="operationLog_box">
- <My-bread :list="['杩愮淮绠＄悊', '鎿嶄綔鏃ュ織']"></My-bread>
+ <My-bread
+ :list="[
+ `${$t('operatManage.operatManage')}`,
+ `${$t('operatManage.operationLog')}`,
+ ]"
+ ></My-bread>
<el-divider />
<div class="inquire">
+ <div class="herder_box">
+ {{$t('operatManage.operationLogObj.queryRegion')}}
+ </div>
<el-form ref="formData1" :model="form" :inline="true">
- <el-form-item label="鐧诲綍鍦板潃" prop="name">
- <el-input v-model="form.name" placeholder="璇疯緭鍏�" />
+ <el-form-item :label="$t('operatManage.operationLogObj.resourceName')" prop="name">
+ <el-input v-model="form.name" :placeholder="$t('operatManage.operationLogObj.pleaseInput')" />
</el-form-item>
- <el-form-item label="鐧诲綍鍚嶇О" prop="jurisdiction">
- <el-input v-model="form.jurisdiction" placeholder="璇疯緭鍏�" />
- </el-form-item>
- <el-form-item label="鐧诲綍鐘舵��" prop="region">
- <el-select v-model="form.region" placeholder="璇烽�夋嫨">
- <el-option label="Zone one" value="shanghai" />
- <el-option label="Zone two" value="beijing" />
+
+ <el-form-item :label="$t('operatManage.operationLogObj.operationType')" prop="region">
+ <el-select v-model="form.region" :placeholder="$t('operatManage.operationLogObj.pleaseSelect')">
+ <el-option label="鍏ㄩ儴" value="shanghai" />
+ <el-option label="娴忚" value="beijing" />
+ <el-option label="涓嬭浇" value="shanghai" />
+ <el-option label="璋冪敤" value="beijing" />
+ <el-option label="鏀惰棌" value="shanghai" />
</el-select>
</el-form-item>
- <el-form-item label="鐧诲綍鏃堕棿">
+ <el-form-item :label="$t('operatManage.operationLogObj.operatingTime')">
<el-col :span="11">
<el-date-picker
type="date"
- placeholder="閫夋嫨鏃ユ湡"
+ :placeholder="$t('operatManage.operationLogObj.optionDate')"
v-model="form.date1"
style="width: 100%"
></el-date-picker>
@@ -28,41 +37,38 @@
<el-col class="line text-center" :span="2">-</el-col>
<el-col :span="11">
<el-time-picker
- placeholder="閫夋嫨鏃堕棿"
+ :placeholder="$t('operatManage.operationLogObj.selectTime')"
v-model="form.date2"
style="width: 100%"
></el-time-picker>
</el-col>
</el-form-item>
<el-form-item>
- <el-button @click="onSubmit">鏌ヨ</el-button>
+ <el-button @click="onSubmit" icon="el-icon-search">{{$t('operatManage.operationLogObj.inquire')}}</el-button>
+ <el-button icon="el-icon-delete">{{$t('operatManage.operationLogObj.empty')}}</el-button>
</el-form-item>
</el-form>
- <div class="btn_box">
- <el-button>娣诲姞</el-button>
- <el-button>淇敼</el-button>
- <el-button>瀵煎嚭</el-button>
- <el-button>娓呯┖</el-button>
- <!-- <el-button>鍒犻櫎</el-button> -->
- </div>
</div>
<div class="table_box">
<el-table :data="tableData" stripe style="width: 100%">
- <el-table-column type="selection" width="55" />
- <el-table-column prop="Accessnumber" label="璁块棶缂栧彿" />
- <el-table-column prop="name" label="鐧诲綍鍚嶇О" />
- <el-table-column prop="ip" label="鐧诲綍鍦板潃" />
- <el-table-column prop="loginaddress" label="鐧诲綍鍦扮偣" />
- <el-table-column prop="browser" label="娴忚鍣�" />
- <el-table-column prop="operatingsystem" label="鎿嶄綔绯荤粺" />
- <el-table-column prop="operatinginformation" label="鎿嶄綔淇℃伅" />
- <el-table-column prop="date" label="鐧诲綍鏃堕棿" />
- <el-table-column fixed="right" label="鎿嶄綔" width="100">
+ <!-- <el-table-column type="selection" width="55" /> -->
+ <el-table-column :label="$t('operatManage.operationLogObj.num')" type="index" width="80"> </el-table-column>
+ <!-- <el-table-column prop="Accessnumber" label="璁块棶缂栧彿" /> -->
+ <el-table-column prop="name" :label="$t('operatManage.operationLogObj.resourceName')" />
+ <el-table-column prop="operatingsystem" :label="$t('operatManage.operationLogObj.operationType')" />
+
+ <!-- <el-table-column prop="loginaddress" label="鐧诲綍鍦扮偣" /> -->
+ <el-table-column prop="browser" :label="$t('operatManage.operationLogObj.username')" />
+ <el-table-column prop="operatinginformation" :label="$t('operatManage.operationLogObj.systematicName')" />
+ <el-table-column prop="ip" label="IP" />
+
+ <el-table-column prop="date" :label="$t('operatManage.operationLogObj.operatingTime')" />
+ <!-- <el-table-column fixed="right" label="鎿嶄綔" width="100">
<template #default>
- <!-- <el-button type="primary" size="small">淇敼</el-button> -->
+
<el-button type="primary" size="small">鍒犻櫎</el-button>
</template>
- </el-table-column>
+ </el-table-column> -->
</el-table>
<div style="margin-top: 40px" class="pagination_box">
<el-pagination
@@ -229,6 +235,12 @@
border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
margin-bottom: 20px;
+ .herder_box{
+ padding: 10px;
+ border-bottom: 1px solid #ccc;
+ margin-bottom: 20px;
+ font-size: 14px;
+ }
}
.table_box {
padding: 10px;
--
Gitblit v1.9.3