From e8d850f8559ccd386689576961676fc924bc5421 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 25 六月 2021 14:13:10 +0800
Subject: [PATCH] 添加关注bug

---
 src/pages/systemSettings/views/keyboardLanguage.vue |  116 ++++++++++++++++++++++++++++-----------------------------
 1 files changed, 57 insertions(+), 59 deletions(-)

diff --git a/src/pages/systemSettings/views/keyboardLanguage.vue b/src/pages/systemSettings/views/keyboardLanguage.vue
index 33cdca9..2615342 100644
--- a/src/pages/systemSettings/views/keyboardLanguage.vue
+++ b/src/pages/systemSettings/views/keyboardLanguage.vue
@@ -10,14 +10,22 @@
         </div>
       </div>
       <div class="cluster-right">
-        <div class="lang" v-if="activePage=='lang'">
+        <div class="lang" v-if="activePage == 'lang'">
           <div class="title">璇█鍒楄〃</div>
-          <div class="bar" v-for="(item, i) in langList" :key="i">
-            <span class="name">{{ item.name }}</span>
-            <span class="icon iconfont">&#xe646;</span>
+          <div
+            class="bar"
+            v-for="(item, i) in langList"
+            :key="i"
+            @click="pickLang(item, i)"
+          >
+            <span class="name">{{ item.Name }}</span>
+            <!-- <span class="icon iconfont" v-show="activeLang==item.Lang">&#xe646;</span> -->
+            <span class="icon iconfont" v-show="activeLang == item.Lang"
+              >宸查��</span
+            >
           </div>
         </div>
-        <div class="lang" v-if="activePage=='keyboard'">
+        <div class="lang" v-if="activePage == 'keyboard'">
           <div class="title">閿洏甯冨眬</div>
           <div class="bar" v-for="(item, i) in keyboardList" :key="i">
             <span class="name">{{ item.name }}</span>
@@ -46,6 +54,8 @@
   addESNode,
   getEsClusterInfo,
 } from "@/api/clusterManage";
+
+import { getLangs, setLang, getLang, getKeyboardLayouts } from "@/api/system";
 import cloudNode from "../components/CloudNode";
 import ipInput from "@/components/subComponents/IPInput";
 import { isIPv4 } from "@/scripts/validate";
@@ -53,66 +63,18 @@
 
 export default {
   data() {
-    const checkPwd = (rule, value, callback) => {
-      if (!value) {
-        return callback(new Error("瀵嗙爜涓嶈兘涓虹┖"));
-      }
-      setTimeout(() => {
-        if (value.length != 6) {
-          callback(new Error("瀵嗙爜搴斾负6浣�!"));
-        } else {
-          callback();
-        }
-      }, 1000);
-    };
     return {
-      isHighClass: false,
-
-      ruleForm: {
-        deviceName: "",
-        port: "",
-      },
-      wifiForm: {
-        name: "",
-        password: "",
-      },
-      wireArr: [{ name: "鏈夌嚎缃戠粶1" }, { name: "鏈夌嚎缃戠粶2" }],
+      activeLang: "",
       inWifiDetail: false,
-      wifiList: [{ name: "鏃犵嚎缃戠粶1" }, { name: "鏃犵嚎缃戠粶2" }],
-      isOpenWifi: false,
       inWireDetail: false,
-      wireForm: {},
-      langList: [
-        { name: "绠�浣撲腑鏂�" },
-        { name: "鑻辨枃" },
-        { name: "绻佷綋涓枃锛堥娓級" },
-      ],
-        keyboardList: [
-        { name: "Hanyu Pinyin(algtr)" },
-        { name: "ENG" },
-      ],
-      
-      wireFormRules: {},
+      langList: [],
+      keyboardList: [],
       activePage: "lang",
       rules: {
         deviceName: [
           { required: true, message: "璇疯緭鍏ヨ澶囧悕绉�", trigger: "change" },
         ],
       },
-      ipv4Form: {},
-      ipv6Form: {},
-      ipv4FormRules: {},
-      ipv6FormRules: {},
-      options: [
-        {
-          value: "閫夐」1",
-          label: "鎵嬪姩",
-        },
-        {
-          value: "閫夐」2",
-          label: "鑷姩",
-        },
-      ],
       value: "",
     };
   },
@@ -121,12 +83,47 @@
     ipInput,
     switchBar,
   },
-  mounted() {},
-  beforeDestroy() {},
+  mounted() {
+    this.fetchLangList();
+    this.getCurLang();
+  },
   props: ["barName"],
   methods: {
+    getCurLang() {
+      getLang().then((res) => {
+        if (res && res.success) {
+          this.activeLang = res.data.lang;
+        }
+      });
+    },
+    fetchLangList() {
+      getLangs().then((res) => {
+        if (res && res.success) {
+          this.langList = res.data;
+        }
+      });
+    },
+    pickLang(item) {
+      setLang({
+        lang: item.Lang,
+      }).then(
+        (res) => {
+          this.$message.success(res.data);
+        },
+        (err) => {
+          this.$message.error(err.msg);
+        }
+      );
+    },
     openRight(typ) {
       this.activePage = typ;
+      if (typ == "keyboard") {
+        getKeyboardLayouts().then((res) => {
+          if (res && res.success) {
+            this.keyboardList = res.data.slice(0, 5);
+          }
+        });
+      }
     },
     wifiControl(val) {},
     checkWifi() {
@@ -156,7 +153,8 @@
     overflow: auto;
     box-sizing: border-box;
     flex-shrink: 0;
-    padding: 10px;    border-right: 5px solid #f8f8f8;
+    padding: 10px;
+    border-right: 5px solid #f8f8f8;
 
     // background-color: lavender;
     .menu-item {

--
Gitblit v1.8.0