From 07fc9a3eafde862df6f8b544210b096e7248b285 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期二, 20 九月 2022 15:18:11 +0800 Subject: [PATCH] 1 --- src/assets/lang/zh.js | 50 ++++++--- src/views/Archive/index.vue | 43 ++++++- src/views/Thematic/index.vue | 124 ++++++++++++++++++------ src/assets/lang/en.js | 50 ++++++--- 4 files changed, 192 insertions(+), 75 deletions(-) diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js index 351a0eb..7c1ccc5 100644 --- a/src/assets/lang/en.js +++ b/src/assets/lang/en.js @@ -36,22 +36,22 @@ logLog: 'ConLog', operationLog: 'Operation Log', databaseMonitoring: 'Database Monitoring', - 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", - } + 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', @@ -120,6 +120,24 @@ operationtype: 'Operation Type', operationStatus: 'Operation Status', }, + themaic: { + name: 'Themaic Map', + maptltle: 'Map Title', + all: 'All', + sortbytime: 'Sort by Time', + sortbyviews: 'Sort by Views', + find: 'Find', + record: 'pieces of data', + }, + archive: { + name: 'Piping materials', + keyword: 'Keyword', + uname: 'Name', + type: 'Type', + modifications: 'Revision number', + creationtime: 'Creation Time', + state: 'State', + }, }; export default en; diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js index 6f69fe1..53b6f96 100644 --- a/src/assets/lang/zh.js +++ b/src/assets/lang/zh.js @@ -36,22 +36,22 @@ logLog: '鐧诲綍鏃ュ織', operationLog: '鎿嶄綔鏃ュ織', databaseMonitoring: '鏁版嵁搴撶洃鎺�', - operationLogObj:{ - queryRegion:"鏌ヨ鍖�", - resourceName:"璧勬簮鍚嶇О", - operationType:"鎿嶄綔绫诲瀷", - operatingTime:"鎿嶄綔鏃堕棿", - inquire:"鏌ヨ", - empty:"娓呯┖", - num:"搴忓彿", - username:"鐢ㄦ埛鍚�", - systematicName:"绯荤粺鍚嶇О", - IP:" IP", - pleaseInput:"璇疯緭鍏�", - pleaseSelect:"璇烽�夋嫨", - optionDate:"閫夋嫨鏃ユ湡", - selectTime:"閫夋嫨鏃堕棿", - } + operationLogObj: { + queryRegion: '鏌ヨ鍖�', + resourceName: '璧勬簮鍚嶇О', + operationType: '鎿嶄綔绫诲瀷', + operatingTime: '鎿嶄綔鏃堕棿', + inquire: '鏌ヨ', + empty: '娓呯┖', + num: '搴忓彿', + username: '鐢ㄦ埛鍚�', + systematicName: '绯荤粺鍚嶇О', + IP: ' IP', + pleaseInput: '璇疯緭鍏�', + pleaseSelect: '璇烽�夋嫨', + optionDate: '閫夋嫨鏃ユ湡', + selectTime: '閫夋嫨鏃堕棿', + }, }, synthesis: { synthesis: '缁煎悎灞曠ず', @@ -120,6 +120,24 @@ operationtype: '鎿嶄綔绫诲瀷', operationStatus: '鎿嶄綔鐘舵��', }, + themaic: { + name: '涓撻鍦板浘', + maptltle: '鍦板浘鍚嶇О', + all: '鍏ㄩ儴', + sortbytime: '鎸夋椂闂存帓搴�', + sortbyviews: '鎸夋祻瑙堟鏁版帓搴�', + find: '鍏辨壘鍒�', + record: '鏉℃暟鎹�', + }, + archive: { + name: '绠¢亾璧勬枡', + keyword: '鍏抽敭瀛�', + uname: '鍚嶇О', + type: '绫诲瀷', + modifications: '淇敼娆℃暟', + creationtime: '鍒涘缓鏃堕棿', + state: '鐘舵��', + }, }; export default zh; diff --git a/src/views/Archive/index.vue b/src/views/Archive/index.vue index bf302e1..0a74ec6 100644 --- a/src/views/Archive/index.vue +++ b/src/views/Archive/index.vue @@ -2,7 +2,7 @@ <div class="archive"> <div class="left_active"> <el-card class="arch_card"> - <div class="title_active">绠¢亾璧勬枡</div> + <div class="title_active">{{ $t("archive.name") }}</div> <el-divider /> <el-tree :data="tree" @@ -17,25 +17,50 @@ <el-row :gutter="20"> <el-col :span="6"></el-col> <el-col :span="4" - ><div style="text-align: right; margin-top: 6px">鍏抽敭瀛�:</div> + ><div style="text-align: right; margin-top: 6px"> + {{ $t("archive.keyword") }}: + </div> </el-col> - <el-col :span="4"> <el-input placeholder="璇疯緭鍏�...." /></el-col> - <el-col :span="4"><el-button type="primary">鏌ヨ</el-button></el-col> + <el-col :span="4"> + <el-input :placeholder="$t('common.pleaseInput')" + /></el-col> + <el-col :span="4" + ><el-button type="primary">{{ + $t("common.iquery") + }}</el-button></el-col + > <el-col :span="6"></el-col> </el-row> <el-divider /> <el-card shadow="never" class="middle_card"> <el-table :data="tableData" style="width: 10000px" stripe> - <el-table-column prop="name" label="鍚嶇О" width="180" /> - <el-table-column prop="type" sortable label="绫诲瀷" width="180" /> + <el-table-column + prop="name" + :label="$t('archive.uname')" + width="180" + /> + <el-table-column + prop="type" + sortable + :label="$t('archive.type')" + width="180" + /> <el-table-column prop="count" sortable - label="淇敼娆℃暟" + :label="$t('archive.modifications')" width="180" /> - <el-table-column prop="timer" sortable label="鍒涘缓鏃堕棿" /> - <el-table-column prop="state" label="鐘舵��" width="180" /> + <el-table-column + prop="timer" + sortable + :label="$t('archive.creationtime')" + /> + <el-table-column + prop="state" + :label="$t('archive.state')" + width="180" + /> </el-table> </el-card> <el-divider /> diff --git a/src/views/Thematic/index.vue b/src/views/Thematic/index.vue index a5e268e..e0973ed 100644 --- a/src/views/Thematic/index.vue +++ b/src/views/Thematic/index.vue @@ -3,54 +3,98 @@ <el-card style="height: 100%"> <el-row :gutter="20"> <el-col :span="6"> - <div class="th_title">涓撻鍦板浘</div> + <div class="th_title">{{ $t("themaic.name") }}</div> </el-col> <el-col :span="4" :offset="14"> - <el-input size="small" placeholder="璇疯緭鍏ュ唴瀹�" suffix-icon="el-icon-search" v-model="input3"> + <el-input + size="small" + :placeholder="$t('common.pleaseInput')" + suffix-icon="el-icon-search" + v-model="input3" + > </el-input> </el-col> </el-row> <el-divider /> <el-row> <el-col :span="5"> - <label style="margin-right: 10px">鍦板浘鍚嶇О:</label> - <el-select v-model="selvalue" class="m-2" placeholder="Select" style="width: 150px"> - <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> + <label style="margin-right: 10px" + >{{ $t("themaic.maptltle") }}:</label + > + <el-select + v-model="selvalue" + class="m-2" + placeholder="Select" + style="width: 150px" + > + <el-option + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + /> </el-select> </el-col> <el-col :span="3"> <div style="margin-top: 5px"> - <label style="margin-right: 10px">鎸夋椂闂存帓搴�:</label> + <label style="margin-right: 10px" + >{{ $t("themaic.sortbytime") }}:</label + > - <i @click="changetime(1)" :class="{ active: timeindex == 1 }" class="el-icon-caret-bottom"></i> + <i + @click="changetime(1)" + :class="{ active: timeindex == 1 }" + class="el-icon-caret-bottom" + ></i> - <i @click="changetime(2)" :class="{ active: timeindex == 2 }" class="el-icon-caret-top"></i> + <i + @click="changetime(2)" + :class="{ active: timeindex == 2 }" + class="el-icon-caret-top" + ></i> </div> </el-col> <el-col :span="3"> <div style="margin-top: 5px"> - <label style="margin-right: 10px">鎸夋祻瑙堟鏁版帓搴�:</label> + <label style="margin-right: 10px" + >{{ $t("themaic.sortbyviews") }}:</label + > - <i @click="changeChecked(1)" :class="{ active: checkindex == 1 }" class="el-icon-caret-bottom"></i> + <i + @click="changeChecked(1)" + :class="{ active: checkindex == 1 }" + class="el-icon-caret-bottom" + ></i> - <i @click="changeChecked(2)" :class="{ active: checkindex == 2 }" class="el-icon-caret-top"></i> + <i + @click="changeChecked(2)" + :class="{ active: checkindex == 2 }" + class="el-icon-caret-top" + ></i> </div> </el-col> <el-col :span="10"> </el-col> <el-col :span="3"> <div style="margin-top: 5px"> - <label style="margin-right: 10px">鍏辨壘鍒皗{ listcount }}涓粨鏋�</label> + {{ $t("themaic.find") }} + <label style="magin: 0% 15px">{{ listcount }}</label> + {{ $t("themaic.record") }} </div> </el-col> </el-row> <el-divider /> <el-card shadow="never" class="themic_middle_card"> - <div @click="showThematic(item)" v-for="(item, i) in middleList" class="midedle_div" :key="i"> + <div + @click="showThematic(item)" + v-for="(item, i) in middleList" + class="midedle_div" + :key="i" + > <el-card class="middle_card"> <!-- <div> - - - + + + </div> --> <table> @@ -61,31 +105,43 @@ </tr> <tr> <td> - <div class="middle_image" - :style="{ background: 'url(' + item.url + ') no-repeat center', 'background-size': '100% 100%', }"> - </div> + <div + class="middle_image" + :style="{ + background: 'url(' + item.url + ') no-repeat center', + 'background-size': '100% 100%', + }" + ></div> </td> </tr> <tr> <td> - <div style="position: absolute; - bottom: 2%; - right: 4%;"><label class="t2">{{ item.time }}</label><label class="t2">娴忚{{ item.count }}娆�</label></div> + <div style="position: absolute; bottom: 2%; right: 4%"> + <label class="t2">{{ item.time }}</label + ><label class="t2">娴忚{{ item.count }}娆�</label> + </div> </td> </tr> </table> - - - - </el-card> </div> </el-card> - <el-pagination layout="prev, pager, next, jumper" :total="pagesize" @size-change="handleSizeChange" - @current-change="handleCurrentChange" /> + <el-pagination + layout="prev, pager, next, jumper" + :total="pagesize" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> </el-card> - <el-dialog class="themaic_dialog" :modal-append-to-body="true" :append-to-body="true" :show-close="false" - :visible.sync="dialogVisible" width="99%" :before-close="handleClose"> + <el-dialog + class="themaic_dialog" + :modal-append-to-body="true" + :append-to-body="true" + :show-close="false" + :visible.sync="dialogVisible" + width="99%" + :before-close="handleClose" + > <map-View @close="close" :typeIndex="typeIndex"></map-View> </el-dialog> </div> @@ -173,8 +229,8 @@ typeIndex: "", }; }, - mounted(){ - this.timeindex = 7888; + mounted() { + }, methods: { close() { @@ -210,8 +266,8 @@ showThematic(res) { this.typeIndex = res.index; this.dialogVisible = true; - - + + // var url = "http://localhost/" + res.pop; // window.open( -- Gitblit v1.9.3