From b8720f30d8916555067c22acb7fda83efbc2f9f3 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期二, 20 九月 2022 17:36:12 +0800
Subject: [PATCH] 暂存

---
 src/views/maintenance/databaseMonitoring.vue |    7 
 src/assets/lang/zh.js                        |   74 ++++
 src/views/Archive/index.vue                  |   43 ++
 src/views/maintenance/tokentool.vue          |  358 +++++++++++++++++++++
 public/config/config.js                      |    3 
 src/views/Thematic/index.vue                 |  124 +++++--
 src/views/maintenance/operationLog.vue       |  116 ++++--
 src/assets/lang/en.js                        |   76 ++++
 src/components/navMenu.vue                   |    5 
 src/router/index.js                          |  194 ++++++----
 src/views/maintenance/logLog.vue             |   16 
 11 files changed, 857 insertions(+), 159 deletions(-)

diff --git a/public/config/config.js b/public/config/config.js
index 7eaad62..5214518 100644
--- a/public/config/config.js
+++ b/public/config/config.js
@@ -5,4 +5,5 @@
 var serverUrl = 'http://192.168.20.106/LFServer/';
 
 var api_Url = 'http://192.168.20.106/';
-var sql_Url = 'http://192.168.20.39:8081/admin/druid/sql.html'; //鏁版嵁搴撶洃鎺у湴鍧�
+
+var sql_Url = 'http://192.168.20.39:8081/admin/druid/sql.html';
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index 7efadfb..6e238bb 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -4,12 +4,13 @@
     choose: 'Please choose',
     name: 'name',
     edit: 'edit',
-    delete: 'delete',
+    delete: 'Delete',
     username: 'UserName',
     empty: 'Empty',
     iquery: 'IQuery',
     selectdate: 'Please select a date',
     pleaseInput: 'Please input',
+    update: 'Modify',
   },
   dataManage: {
     dataManage: 'Data Manage',
@@ -61,7 +62,62 @@
     logLog: 'ConLog',
     operationLog: 'Operation Log',
     databaseMonitoring: 'Database Monitoring',
+<<<<<<< HEAD
     blackwhiteList: "Black/White List"
+=======
+    tokentool: 'Token Tool',
+    tokentoolObj: {
+      first: 'Service List',
+      second: 'Token management',
+      serviceid: 'Resource ID',
+      serviceName: 'Service name',
+      excelTemplate: 'Excel Template',
+      uploadExcel: 'Upload Excel',
+      serviceToken: 'Token generation place',
+      pleaseInput: 'After applying for a token, you can copy it here',
+      copy: 'Copy',
+      tokenName: 'Token Name',
+      tokenStatus: 'Token Status',
+      tokenAll: 'All',
+      tokeNormal: 'Normal',
+      tokenInvalid: 'Invalid',
+      tokenRenewal: 'Renewal',
+      serialnumber: 'Serial Number',
+      applysystem: 'Apply to use the system',
+      applicantIP: 'Applicant IP',
+      applicationtime: 'Application time',
+      applytime: 'Apply for use time (s)',
+      tokenstring: 'Token string',
+      serviceAddress: 'Service address',
+      porstServiceAddress: 'Post proxy service address',
+      sourcesystem: 'sourcesystem',
+      pubicnot: 'Public or not',
+      suffixID: 'Suffix ID',
+      goonlinenot: 'Go online or not',
+      primaryKey: 'Primary key',
+      applyToken: 'Apply for Token',
+      operation: 'Operation',
+      resourcetoken: 'Resource ID of the token',
+      tokeninformation: 'Token information',
+      autorenew: 'Auto renew',
+    },
+    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',
+    },
+>>>>>>> eb8b11722d1d778311ae7c4eb47869288e30ade6
   },
   synthesis: {
     synthesis: 'Comprehensive Display',
@@ -130,6 +186,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 832046b..58d2ce7 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -10,6 +10,7 @@
     iquery: '鏌ヨ',
     selectdate: '璇烽�夋嫨鏃ユ湡',
     pleaseInput: '璇疯緭鍏�',
+    update: '淇敼',
   },
   dataManage: {
     dataManage: '鏁版嵁绠$悊',
@@ -61,6 +62,7 @@
     logLog: '鐧诲綍鏃ュ織',
     operationLog: '鎿嶄綔鏃ュ織',
     databaseMonitoring: '鏁版嵁搴撶洃鎺�',
+<<<<<<< HEAD
     blackwhiteList: "榛�/鐧藉悕鍗�",
     BWL: {
       blackList: "榛戝悕鍗�",
@@ -79,6 +81,60 @@
       change: '淇敼',
       index:"搴忓彿",
     }
+=======
+    tokentool: 'Token宸ュ叿',
+    tokentoolObj: {
+      first: '鏈嶅姟鍒楄〃',
+      second: 'Token绠$悊',
+      serviceid: '璧勬簮ID',
+      serviceName: '鏈嶅姟鍚嶇О',
+      excelTemplate: 'Excel妯℃澘',
+      uploadExcel: '涓婁紶Excel',
+      serviceToken: 'Token 鐢熸垚澶�',
+      pleaseInput: '鐢宠Token鍚庢澶勫彲澶嶅埗',
+      copy: '澶嶅埗',
+      tokenName: 'Token鏌ヨ',
+      tokenStatus: 'Token鐘舵��',
+      tokenAll: '鍏ㄩ儴',
+      tokeNormal: '姝e父',
+      tokenInvalid: '澶辨晥',
+      tokenRenewal: '缁湡',
+      serialnumber: '搴忓彿',
+      applysystem: '鐢宠浣跨敤绯荤粺',
+      applicantIP: '鐢宠鑰匢P',
+      applicationtime: '鐢宠鏃堕棿',
+      applytime: '鐢宠浣跨敤鏃堕棿(s)',
+      tokenstring: 'Token涓�',
+      serviceAddress: '鏈嶅姟鍦板潃',
+      porstServiceAddress: '浠g悊鍚庢湇鍔″湴鍧�',
+      sourcesystem: '鏉ユ簮绯荤粺',
+      pubicnot: '鏄惁鍏紑',
+      suffixID: '鍚庣紑ID',
+      goonlinenot: '鏄惁涓婄嚎',
+      primaryKey: '涓婚敭',
+      applyToken: '鐢宠Token',
+      operation: '鎿嶄綔',
+      resourcetoken: 'Token鎵�灞炶祫婧怚D',
+      tokeninformation: 'Token淇℃伅',
+      autorenew: '鑷姩缁害',
+    },
+    operationLogObj: {
+      queryRegion: '鏌ヨ鍖�',
+      resourceName: '璧勬簮鍚嶇О',
+      operationType: '鎿嶄綔绫诲瀷',
+      operatingTime: '鎿嶄綔鏃堕棿',
+      inquire: '鏌ヨ',
+      empty: '娓呯┖',
+      num: '搴忓彿',
+      username: '鐢ㄦ埛鍚�',
+      systematicName: '绯荤粺鍚嶇О',
+      IP: ' IP',
+      pleaseInput: '璇疯緭鍏�',
+      pleaseSelect: '璇烽�夋嫨',
+      optionDate: '閫夋嫨鏃ユ湡',
+      selectTime: '閫夋嫨鏃堕棿',
+    },
+>>>>>>> eb8b11722d1d778311ae7c4eb47869288e30ade6
   },
   synthesis: {
     synthesis: '缁煎悎灞曠ず',
@@ -147,6 +203,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/components/navMenu.vue b/src/components/navMenu.vue
index 90841cc..d768658 100644
--- a/src/components/navMenu.vue
+++ b/src/components/navMenu.vue
@@ -102,8 +102,13 @@
               <el-menu-item index="databaseMonitoring">{{
                 $t("operatManage.databaseMonitoring")
               }}</el-menu-item>
+<<<<<<< HEAD
               <el-menu-item index="blackwhiteList">{{
                 $t("operatManage.blackwhiteList")
+=======
+              <el-menu-item index="tokentool">{{
+                $t("operatManage.tokentool")
+>>>>>>> eb8b11722d1d778311ae7c4eb47869288e30ade6
               }}</el-menu-item>
             </el-submenu>
           </el-submenu>
diff --git a/src/router/index.js b/src/router/index.js
index 8500c73..635ad39 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 import Vue from "vue";
 import VueRouter from "vue-router";
 import Home from "../views/Home.vue";
@@ -17,196 +18,217 @@
 import systemMonitoring from "@/views/maintenance/systemMonitoring.vue"; //绯荤粺鐩戞帶
 import databaseMonitoring from "@/views/maintenance/databaseMonitoring.vue"; //鏁版嵁搴撶洃鎺�
 import parameterConfiguration from "@/views/maintenance/parameterConfiguration.vue"; //鍙傛暟閰嶇疆
+=======
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import Home from '../views/Home.vue';
+import login from '../components/login';
+import Synthesis from '../views/Synthesis/index.vue'; //缁煎悎灞曠ず
+import Thematic from '../views/Thematic/index.vue'; //涓撻鍦板浘
+import Archive from '../views/Archive/index.vue'; //璧勬枡棣�
+import userManagement from '@/views/maintenance/userManagement.vue'; //鐢ㄦ埛绠$悊
+import menuSettings from '@/views/maintenance/menuSettings.vue'; //鑿滃崟璁剧疆
+import rests from '@/views/maintenance/rests.vue'; //鍏朵粬
+import authorityManagement from '@/views/maintenance/authorityManagement.vue'; //鏉冮檺绠$悊
+import safetyManagement from '@/views/maintenance/safetyManagement.vue'; //瀹夊叏绠$悊
+import operationLog from '@/views/maintenance/operationLog.vue'; //鎿嶄綔鏃ュ織
+import logLog from '@/views/maintenance/logLog.vue'; //鐧诲綍鏃ュ織
+import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //绯荤粺鐩戞帶
+import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //鏁版嵁搴撶洃鎺�
+import tokentool from '@/views/maintenance/tokentool.vue'; //token 宸ュ叿
+import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //鍙傛暟閰嶇疆
+>>>>>>> eb8b11722d1d778311ae7c4eb47869288e30ade6
 //鏁版嵁绠$悊妯″潡
-import catalogueManage from "../views/datamanage/catalogueManage.vue"; //鏁版嵁绠$悊-鐩綍绠$悊
+import catalogueManage from '../views/datamanage/catalogueManage.vue'; //鏁版嵁绠$悊-鐩綍绠$悊
 
-import dataUpdata from "../views/datamanage/dataUpdata.vue"; //鏁版嵁绠$悊-鏁版嵁涓婁紶
-import dataLoading from "../views/datamanage/dataLoading.vue"; //鏁版嵁绠$悊-鏁版嵁鍏ュ簱
-import metadataManage from "../views/datamanage/metadataManage.vue"; //鏁版嵁绠$悊-鍏冩暟鎹鐞�
-import SpatialData from "../views/datamanage/SpatialData.vue"; //鏁版嵁绠$悊-绌洪棿鏁版嵁
-import versionManage from "../views/datamanage/versionManage.vue"; //鏁版嵁绠$悊-鐗堟湰绠$悊
-import dictionaryManage from "../views/datamanage/dictionaryManage.vue"; //鏁版嵁绠$悊-瀛楀吀绠$悊
-import styleManage from "../views/datamanage/styleManage.vue"; //鏁版嵁绠$悊-鏍峰紡绠$悊
-import addStyle from "../views/datamanage/addStyle.vue"; //鏁版嵁绠$悊-鏍峰紡绠$悊-娣诲姞鏍峰紡
+import dataUpdata from '../views/datamanage/dataUpdata.vue'; //鏁版嵁绠$悊-鏁版嵁涓婁紶
+import dataLoading from '../views/datamanage/dataLoading.vue'; //鏁版嵁绠$悊-鏁版嵁鍏ュ簱
+import metadataManage from '../views/datamanage/metadataManage.vue'; //鏁版嵁绠$悊-鍏冩暟鎹鐞�
+import SpatialData from '../views/datamanage/SpatialData.vue'; //鏁版嵁绠$悊-绌洪棿鏁版嵁
+import versionManage from '../views/datamanage/versionManage.vue'; //鏁版嵁绠$悊-鐗堟湰绠$悊
+import dictionaryManage from '../views/datamanage/dictionaryManage.vue'; //鏁版嵁绠$悊-瀛楀吀绠$悊
+import styleManage from '../views/datamanage/styleManage.vue'; //鏁版嵁绠$悊-鏍峰紡绠$悊
+import addStyle from '../views/datamanage/addStyle.vue'; //鏁版嵁绠$悊-鏍峰紡绠$悊-娣诲姞鏍峰紡
 
 Vue.use(VueRouter);
 
 const routes = [
   {
-    path: "/",
-    name: "login",
+    path: '/',
+    name: 'login',
     component: login,
   },
   {
-    path: "/Home",
-    name: "Home",
+    path: '/Home',
+    name: 'Home',
     component: Home,
     children: [
       {
-        path: "/Synthesis",
-        name: "Synthesis",
+        path: '/Synthesis',
+        name: 'Synthesis',
         component: Synthesis,
         meta: {
-          title: "缁煎悎灞曠ず",
+          title: '缁煎悎灞曠ず',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/Thematic",
-        name: "Thematic",
+        path: '/Thematic',
+        name: 'Thematic',
         component: Thematic,
         meta: {
-          title: "涓撻鍦板浘",
+          title: '涓撻鍦板浘',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/Archive",
-        name: "Archive",
+        path: '/Archive',
+        name: 'Archive',
         component: Archive,
         meta: {
-          title: "璧勬枡棣�",
+          title: '璧勬枡棣�',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/catalogueManage",
-        name: "catalogueManage",
+        path: '/catalogueManage',
+        name: 'catalogueManage',
         component: catalogueManage,
         meta: {
-          title: "鐩綍绠$悊",
+          title: '鐩綍绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/dataUpdata",
-        name: "dataUpdata",
+        path: '/dataUpdata',
+        name: 'dataUpdata',
         component: dataUpdata,
         meta: {
-          title: "鏁版嵁涓婁紶",
+          title: '鏁版嵁涓婁紶',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/metadataManage",
+        path: '/metadataManage',
         component: metadataManage,
-        name: "metadataManage",
+        name: 'metadataManage',
         meta: {
-          title: "鍏冩暟鎹鐞�",
+          title: '鍏冩暟鎹鐞�',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/dataLoading",
-        name: "dataLoading",
+        path: '/dataLoading',
+        name: 'dataLoading',
         component: dataLoading,
         meta: {
-          title: "鏁版嵁鍏ュ簱",
+          title: '鏁版嵁鍏ュ簱',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
 
       {
-        path: "/SpatialData",
+        path: '/SpatialData',
         component: SpatialData,
-        name: "SpatialData",
+        name: 'SpatialData',
         meta: {
-          title: "绌洪棿鏁版嵁",
+          title: '绌洪棿鏁版嵁',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
 
       {
-        path: "/versionManage",
+        path: '/versionManage',
         component: versionManage,
-        name: "versionManage",
+        name: 'versionManage',
         meta: {
-          title: "鐗堟湰绠$悊",
+          title: '鐗堟湰绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/dictionaryManage",
+        path: '/dictionaryManage',
         component: dictionaryManage,
-        name: "dictionaryManage",
+        name: 'dictionaryManage',
         meta: {
-          title: "瀛楀吀绠$悊",
+          title: '瀛楀吀绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/styleManage",
+        path: '/styleManage',
         component: styleManage,
-        name: "styleManage",
+        name: 'styleManage',
         meta: {
-          title: "鏍峰紡绠$悊",
+          title: '鏍峰紡绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/addStyle",
+        path: '/addStyle',
         component: addStyle,
-        name: "addStyle",
+        name: 'addStyle',
         meta: {
-          title: "鏍峰紡绠$悊",
+          title: '鏍峰紡绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/userManagement",
+        path: '/userManagement',
         component: userManagement,
-        name: "userManagement",
+        name: 'userManagement',
         meta: {
-          title: "鐢ㄦ埛绠$悊",
+          title: '鐢ㄦ埛绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/menuSettings",
+        path: '/menuSettings',
         component: menuSettings,
-        name: "menuSettings",
+        name: 'menuSettings',
         meta: {
-          title: "鑿滃崟璁剧疆",
+          title: '鑿滃崟璁剧疆',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/rests",
+        path: '/rests',
         component: rests,
-        name: "rests",
+        name: 'rests',
         meta: {
-          title: "鍏朵粬璁剧疆",
+          title: '鍏朵粬璁剧疆',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/authorityManagement",
+        path: '/authorityManagement',
         component: authorityManagement,
-        name: "authorityManagement",
+        name: 'authorityManagement',
         meta: {
-          title: "鏉冮檺绠$悊",
+          title: '鏉冮檺绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/safetyManagement",
+        path: '/safetyManagement',
         component: safetyManagement,
-        name: "safetyManagement",
+        name: 'safetyManagement',
         meta: {
-          title: "瀹夊叏绠$悊",
+          title: '瀹夊叏绠$悊',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/operationLog",
+        path: '/operationLog',
         component: operationLog,
-        name: "operationLog",
+        name: 'operationLog',
         meta: {
-          title: "鎿嶄綔鏃ュ織",
+          title: '鎿嶄綔鏃ュ織',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
+<<<<<<< HEAD
         path: "/eventlogManage",
         component: eventlogManage,
         name: "eventlogManage",
@@ -217,9 +239,13 @@
       },
       {
         path: "/logLog",
+=======
+        path: '/logLog',
+>>>>>>> eb8b11722d1d778311ae7c4eb47869288e30ade6
         component: logLog,
-        name: "logLog",
+        name: 'logLog',
         meta: {
+<<<<<<< HEAD
           title: "浜嬩欢鏃ュ織绠$悊",
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
@@ -230,33 +256,45 @@
         name: "blackwhiteList",
         meta: {
           title: "榛�/鐧藉悕鍗�",
+=======
+          title: '鐧诲綍鏃ュ織',
+>>>>>>> eb8b11722d1d778311ae7c4eb47869288e30ade6
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/systemMonitoring",
+        path: '/systemMonitoring',
         component: systemMonitoring,
-        name: "systemMonitoring",
+        name: 'systemMonitoring',
         meta: {
-          title: "绯荤粺鐩戞帶",
+          title: '绯荤粺鐩戞帶',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/databaseMonitoring",
+        path: '/databaseMonitoring',
         component: databaseMonitoring,
-        name: "databaseMonitoring",
+        name: 'databaseMonitoring',
         meta: {
-          title: "鏁版嵁搴撶洃鎺�",
+          title: '鏁版嵁搴撶洃鎺�',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
       {
-        path: "/parameterConfiguration",
-        component: parameterConfiguration,
-        name: "parameterConfiguration",
+        path: '/tokentool',
+        component: tokentool,
+        name: 'tokentool',
         meta: {
-          title: "鍙傛暟閰嶇疆",
+          title: 'Token宸ュ叿',
+          requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
+        },
+      },
+      {
+        path: '/parameterConfiguration',
+        component: parameterConfiguration,
+        name: 'parameterConfiguration',
+        meta: {
+          title: '鍙傛暟閰嶇疆',
           requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
         },
       },
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(
diff --git a/src/views/maintenance/databaseMonitoring.vue b/src/views/maintenance/databaseMonitoring.vue
index 32c7252..5ff18eb 100644
--- a/src/views/maintenance/databaseMonitoring.vue
+++ b/src/views/maintenance/databaseMonitoring.vue
@@ -1,6 +1,11 @@
 <template>
   <div class="databaseMonitoring_box">
-    <My-bread :list="['杩愮淮绠$悊', '鏁版嵁搴撶洃鎺�']"></My-bread>
+    <My-bread
+      :list="[
+        `${$t('operatManage.operatManage')}`,
+        `${$t('operatManage.databaseMonitoring')}`,
+      ]"
+    ></My-bread>
     <el-divider />
     <div class="table_box">
       <iframe
diff --git a/src/views/maintenance/logLog.vue b/src/views/maintenance/logLog.vue
index 9e39d67..ad14326 100644
--- a/src/views/maintenance/logLog.vue
+++ b/src/views/maintenance/logLog.vue
@@ -1,8 +1,16 @@
 <template>
   <div class="logLog_box">
-    <My-bread :list="['杩愮淮绠$悊', '鎿嶄綔鏃ュ織']"></My-bread>
+    <My-bread
+      :list="[
+        `${$t('operatManage.operatManage')}`,
+        `${$t('operatManage.logLog')}`,
+      ]"
+    ></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="$t('common.username')" prop="name">
@@ -135,6 +143,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;
diff --git a/src/views/maintenance/operationLog.vue b/src/views/maintenance/operationLog.vue
index fc23ec0..0e90af4 100644
--- a/src/views/maintenance/operationLog.vue
+++ b/src/views/maintenance/operationLog.vue
@@ -1,26 +1,47 @@
 <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 +49,62 @@
           <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
@@ -211,7 +253,7 @@
       console.log("submit!");
     },
   },
-  created() {},
+  created() { },
 };
 </script>
 <style lang="less" scoped>
@@ -229,6 +271,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;
diff --git a/src/views/maintenance/tokentool.vue b/src/views/maintenance/tokentool.vue
new file mode 100644
index 0000000..8e8b72e
--- /dev/null
+++ b/src/views/maintenance/tokentool.vue
@@ -0,0 +1,358 @@
+<template>
+  <div class="tokentool_box">
+    <My-bread
+      :list="[
+        `${$t('operatManage.operatManage')}`,
+        `${$t('operatManage.tokentool')}`,
+      ]"
+    ></My-bread>
+    <el-divider />
+    <div class="inquire">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane
+          :label="$t('operatManage.tokentoolObj.first')"
+          name="first"
+        >
+          <div class="herder_box">
+            {{ $t("operatManage.operationLogObj.queryRegion") }}
+          </div>
+          <el-form ref="formData1" :model="serviceform" :inline="true">
+            <el-form-item
+              :label="$t('operatManage.tokentoolObj.serviceid')"
+              prop="name"
+            >
+              <el-input
+                style="width: 200px"
+                v-model="serviceform.serviceId"
+                :placeholder="$t('common.pleaseInput')"
+              />
+            </el-form-item>
+            <el-form-item
+              :label="$t('operatManage.tokentoolObj.serviceName')"
+              prop="region"
+            >
+              <el-input
+                style="width: 200px"
+                v-model="serviceform.serviceId"
+                :placeholder="$t('common.pleaseInput')"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button size="small" @click="onSubmit">{{
+                $t("operatManage.tokentoolObj.excelTemplate")
+              }}</el-button>
+              <el-button size="small" @click="onSubmit">{{
+                $t("operatManage.tokentoolObj.uploadExcel")
+              }}</el-button>
+            </el-form-item>
+            <br />
+            <el-form-item
+              :label="$t('operatManage.tokentoolObj.serviceToken')"
+              prop="region"
+            >
+              <el-input
+                style="width: 200px"
+                v-model="serviceform.serviceToken"
+                :disabled="true"
+                :title="$t('operatManage.tokentoolObj.pleaseInput')"
+                :placeholder="$t('operatManage.tokentoolObj.pleaseInput')"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                icon="el-icon-document-copy"
+                size="small"
+                @click="oncopy"
+                >{{ $t("operatManage.tokentoolObj.copy") }}</el-button
+              >
+            </el-form-item>
+            <!-- 鏌ヨ 娓呯┖ -->
+            <el-form-item>
+              <el-button icon="el-icon-search" @click="onSubmit">{{
+                $t("common.iquery")
+              }}</el-button>
+              <el-button icon="el-icon-delete" @click="onEmpty('formData1')">{{
+                $t("common.empty")
+              }}</el-button>
+            </el-form-item>
+          </el-form>
+          <el-table :data="tableData" stripe style="width: 100%">
+            <el-table-column
+              width="120"
+              type="index"
+              :label="$t('operatManage.tokentoolObj.serialnumber')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.serviceName')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.serviceAddress')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.porstServiceAddress')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.serviceid')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.sourcesystem')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.pubicnot')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.suffixID')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.goonlinenot')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.primaryKey')"
+            />
+            <el-table-column
+              fixed="right"
+              :label="$t('operatManage.tokentoolObj.operation')"
+              width="300"
+            >
+              <template #default>
+                <!-- <el-button type="primary" size="small">淇敼</el-button> -->
+
+                <el-button type="danger" size="small">{{
+                  $t("common.delete")
+                }}</el-button>
+                <el-button type="warning" size="small">{{
+                  $t("common.update")
+                }}</el-button>
+                <el-button type="primary" size="small">{{
+                  $t("operatManage.tokentoolObj.applyToken")
+                }}</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane
+          :label="$t('operatManage.tokentoolObj.second')"
+          name="second"
+        >
+          <div class="herder_box">
+            {{ $t("operatManage.operationLogObj.queryRegion") }}
+          </div>
+
+          <el-form ref="formData1" :model="tokenform" :inline="true">
+            <el-form-item
+              :label="$t('operatManage.tokentoolObj.serviceid')"
+              prop="name"
+            >
+              <el-input
+                style="width: 200px"
+                v-model="tokenform.tokenId"
+                :placeholder="$t('common.pleaseInput')"
+              />
+            </el-form-item>
+            <el-form-item
+              :label="$t('operatManage.tokentoolObj.tokenName')"
+              prop="region"
+            >
+              <el-input
+                style="width: 200px"
+                v-model="tokenform.tokenName"
+                :placeholder="$t('common.pleaseInput')"
+              />
+            </el-form-item>
+
+            <el-form-item
+              :label="$t('operatManage.tokentoolObj.tokenStatus')"
+              prop="region"
+            >
+              <el-select
+                v-model="tokenform.region"
+                :placeholder="$t('common.choose')"
+              >
+                <el-option
+                  :label="$t('operatManage.tokentoolObj.tokenAll')"
+                  value="1"
+                />
+                <el-option
+                  :label="$t('operatManage.tokentoolObj.tokeNormal')"
+                  value="2"
+                />
+                <el-option
+                  :label="$t('operatManage.tokentoolObj.tokenInvalid')"
+                  value="3"
+                />
+              </el-select>
+            </el-form-item>
+
+            <!-- 鏌ヨ 娓呯┖ -->
+            <el-form-item>
+              <el-button icon="el-icon-search" @click="onSubmit">{{
+                $t("common.iquery")
+              }}</el-button>
+              <el-button icon="el-icon-delete" @click="onEmpty('formData1')">{{
+                $t("common.empty")
+              }}</el-button>
+            </el-form-item>
+          </el-form>
+          <el-table :data="tableData1" stripe style="width: 100%">
+            <el-table-column
+              width="120"
+              type="index"
+              :label="$t('operatManage.tokentoolObj.serialnumber')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.serviceName')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.applysystem')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.applicantIP')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.applicationtime')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.applytime')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.tokenstring')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.resourcetoken')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.tokeninformation')"
+            />
+            <el-table-column
+              prop="creationtime"
+              :label="$t('operatManage.tokentoolObj.tokenStatus')"
+            />
+            <el-table-column
+              fixed="right"
+              :label="$t('operatManage.tokentoolObj.autorenew')"
+            >
+            </el-table-column>
+            <el-table-column
+              fixed="right"
+              :label="$t('operatManage.tokentoolObj.operation')"
+              width="200"
+            >
+              <template #default>
+                <el-button type="danger" size="small">{{
+                  $t("operatManage.tokentoolObj.tokenInvalid")
+                }}</el-button>
+                <el-button type="warning" size="small">{{
+                  $t("operatManage.tokentoolObj.tokenRenewal")
+                }}</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-tab-pane>
+      </el-tabs>
+      <div style="margin-top: 40px" class="pagination_box">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage4"
+          :page-sizes="[10, 20, 30, 40]"
+          :page-size="10"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="9"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import MyBread from "../../components/MyBread.vue";
+
+export default {
+  //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+  components: {
+    MyBread,
+  },
+
+  data() {
+    return {
+      currentPage4: 1,
+      activeName: 'first',
+      serviceform: {
+        serviceId: "",
+        serviceName: "",
+        serviceToken: "",
+      },
+      tokenform: {
+        tokenId: "",
+        tokenName: "",
+        tokenStatus: ""
+      },
+      tableData: [{}],
+      tableData1: [{}]
+    };
+  },
+  methods: {
+    handleSizeChange(val) {
+      console.log(`姣忛〉 ${val} 鏉);
+    },
+    handleCurrentChange(val) {
+      console.log(`褰撳墠椤�: ${val}`);
+    },
+    onSubmit() {
+      console.log("submit!");
+    },
+    onEmpty(formData1) {
+      this.$refs[formData1].resetFields()//閲嶇疆琛ㄥ崟鏁版嵁
+    }
+  },
+  created() { },
+};
+</script>
+<style scoped>
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
+}
+</style>
+<style lang="less" scoped>
+//@import url(); 寮曞叆鍏叡css绫�
+
+.tokentool_box {
+  background: rgb(240, 242, 245);
+  border-radius: 10px;
+  height: 100%;
+  padding: 10px;
+  box-sizing: border-box;
+  .inquire {
+    padding: 10px;
+    margin-top: 20px;
+    background: #fff;
+    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;
+    }
+  }
+}
+</style>

--
Gitblit v1.9.3