From ae2d855c89ca722ac7309fdf1aa6ceed370e3b95 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 11 十月 2021 20:22:30 +0800
Subject: [PATCH] 监控ui

---
 src/pages/index/App.vue |   45 +++++++++++++++++++++++++++++----------------
 1 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/pages/index/App.vue b/src/pages/index/App.vue
index ecb0a52..2a3a431 100644
--- a/src/pages/index/App.vue
+++ b/src/pages/index/App.vue
@@ -3,6 +3,9 @@
     <div class="web-site">
       <a href="http://www.smartai.com" target="_blank">www.smartai.com</a>
     </div>
+
+    <!-- 鎺堟潈淇℃伅 -->
+    <lang-select class="lang-select"/>
     <licence />
     <div class="right-bg" style>
       <particle-network />
@@ -12,7 +15,7 @@
         <img src="/images/login-logo.png" alt width="105px" height="105px" />
       </div>
       <div class="login-com">
-        <span>鍖椾含璐濇�濈鎶�鏈湁闄愬叕鍙�</span>
+        <span>{{ $t('login.company') }}</span>
       </div>
       <div class="login-form">
         <el-form
@@ -24,7 +27,7 @@
           class="demo-ruleForm"
         >
           <el-form-item prop="loginName">
-            <el-input v-model="user.loginName" style="width:280px" placeholder="璇疯緭鍏ョ敤鎴峰悕">
+            <el-input v-model="user.loginName" style="width:280px" :placeholder="$t('placeholder.enterUsername')">
               <i slot="prefix" class="iconfont iconyonghu1"></i>
             </el-input>
           </el-form-item>
@@ -35,20 +38,20 @@
               v-model="user.password"
               autocomplete="off"
               style="width:280px"
-              placeholder="璇疯緭鍏ュ瘑鐮�"
+              :placeholder="$t('placeholder.enterPassword')"
             >
               <i slot="prefix" class="iconfont iconmima"></i>
             </el-input>
           </el-form-item>
           <el-form-item>
-            <el-button ref="submit" type="warning" @click="systemLogin()" style="width:280px">鐧诲綍</el-button>
+            <el-button ref="submit" type="warning" @click="systemLogin()" style="width:280px">{{ $t('button.login') }}</el-button>
           </el-form-item>
         </el-form>
       </div>
       <!-- <p class="gradient-text gradient-text-one">鈥斺�斺�� {{serverTitle || 'SmartAI 鈥� ReID'}} 鈥斺�斺��</p> -->
       <p class="gradient-text gradient-text-one">
         鈥斺��
-        <b>SmartAI</b> 浜哄伐鏅鸿兘鎿嶄綔绯荤粺 鈥斺��
+        <b>SmartAI</b> {{ $t('login.aios') }} 鈥斺��
       </p>
       <p
         class="gradient-text gradient-text-one"
@@ -59,9 +62,10 @@
 </template>
 
 <script>
-import { tologin, getLoginUserData, getServerName } from './api.ts'
+import { tologin, getLoginUserData, getServerName } from './api.ts';
 import ParticleNetwork from './ParticleNetwork'
 import Licence from '@/components/licence'
+import LangSelect from '@/components/langSelect'
 import { getMenuListData } from "@/api/utils";
 
 export default {
@@ -71,7 +75,16 @@
   },
   components: {
     ParticleNetwork,
-    Licence
+    Licence,
+    LangSelect
+  },
+  computed: {
+    rules() {
+      return {
+        loginName: [{ required: true, message: this.$t('placeholder.enterUsername'), trigger: 'change' } ],
+        password: [{ required: true, message: this.$t('placeholder.enterPassword'), trigger: 'change' }]
+        }
+    },
   },
   data: () => ({
     serverTitle: "",
@@ -81,12 +94,7 @@
       rememberMe: false
     },
     nullRule: {},
-    rules: {
-      loginName: [
-        { required: true, message: '璇疯緭鍏ョ敤鎴峰悕', trigger: 'change' }
-      ],
-      password: [{ required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'change' }]
-    },
+
     loading: '',
     vLoading: false,
     currentHeight: 1057,
@@ -139,7 +147,6 @@
               background: 'rgba(0, 0, 0, 0.7)'
             })
             this.testLogin()
-            // return false
           } else {
             this.nullRule = {}
           }
@@ -148,6 +155,7 @@
       })
     },
     async testLogin() {
+      // location.assign("/view/desktop/")
       tologin({ username: this.user.loginName, password: this.user.password })
         .then(json => {
           const loginedInfo = {
@@ -170,9 +178,7 @@
         })
     },
     async getLoginUserData() {
-      debugger
       let res = await getLoginUserData()
-      debugger
       if (res.success) {
         sessionStorage.setItem('userInfo', JSON.stringify(res.data))
         this.$notify.success("鐧诲綍鎴愬姛锛�")
@@ -261,6 +267,13 @@
   color: #6170e1;
   letter-spacing: 6.15px;
 }
+.lang-select {
+  float: right;
+  color: white !important;
+  font-size: 14px;
+  margin: 13px;
+  cursor: pointer;
+}
 .left-bg {
   position: absolute;
   top: 29%;

--
Gitblit v1.8.0