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