From 5fb65ada8ccc28eabf823b284de70fbd3ca1f41e Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期二, 28 九月 2021 18:29:36 +0800
Subject: [PATCH] 抓拍大图层级修复v1

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

diff --git a/src/pages/index/App.vue b/src/pages/index/App.vue
index ede7633..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,
@@ -147,6 +155,7 @@
       })
     },
     async testLogin() {
+      // location.assign("/view/desktop/")
       tologin({ username: this.user.loginName, password: this.user.password })
         .then(json => {
           const loginedInfo = {
@@ -258,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