From db651039dcdbda63f70d09d8a0971930a1fbcf4d Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Tue, 8 Jul 2025 11:38:51 +0800
Subject: [PATCH] =?UTF-8?q?feat(navBar):=20=E7=A7=BB=E9=99=A4=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E9=80=89=E6=8B=A9=E4=B8=8B=E6=8B=89=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user.js                  |  18 ++--
 src/layout/components/Navbar.vue | 149 +++++++++++++------------------
 2 files changed, 67 insertions(+), 100 deletions(-)

diff --git a/src/api/user.js b/src/api/user.js
index e4a0a5c..916f2ef 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -1,6 +1,6 @@
 /*
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: kBank
  * @Date: 2022-10-24 10:45:39
  */
@@ -17,7 +17,7 @@ export function login(data) {
 export function getInfo() {
   return request({
     url: '/system/manage/user/get-info',
-    method: 'get',
+    method: 'get'
   })
 }
 // 管理员是否登录短信验证
@@ -63,14 +63,14 @@ export function userCountryList(params) {
 export function changeList(id) {
   return request({
     url: '/system/manage/user-country/change/' + id,
-    method: 'post',
+    method: 'post'
   })
 }
 // 切换系统类型
 export function changeSystemList(id) {
   return request({
     url: '/system/manage/system-type/change/' + id,
-    method: 'post',
+    method: 'post'
   })
 }
 // 切换语言
@@ -81,11 +81,3 @@ export function languages(params) {
     params
   })
 }
-// 切换语言
-export function systemTypeList(params) {
-  return request({
-    url: '/system/manage/system-type/list',
-    method: 'get',
-    params
-  })
-}
\ No newline at end of file
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 138e1c9..0f7b2fb 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -5,7 +5,7 @@
     <breadcrumb class="breadcrumb-container" />
 
     <div class="right-menu">
-      <div class="check" v-if="user.userType != 9">
+      <div v-if="user.userType != 9" class="check">
         <!-- <el-select v-model="languageItem"
                    @change="setLanguage"
                    popper-class="selectCls"
@@ -16,32 +16,19 @@
                      :value="item.value">
           </el-option>
         </el-select> -->
-        <el-select
-          v-model="systemItem"
-          @change="setSystem"
-          popper-class="selectCls"
-          size="mini"
-        >
-          <el-option
-            v-for="item in systemTypeList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-          </el-option>
-        </el-select>
+
         <el-dropdown trigger="click" placement="bottom-start">
           <div class="kuang">
             <div class="dropdown_i">
-              <img :src="ruleForm.nationalFlag2" alt="" />
+              <img :src="ruleForm.nationalFlag2" alt="">
               <div>{{ ruleForm.name }}</div>
             </div>
-            <i slot="suffix" class="el-icon-arrow-down"></i>
+            <i slot="suffix" class="el-icon-arrow-down" />
           </div>
           <el-dropdown-menu slot="dropdown" class="dropdown-container">
             <el-dropdown-item v-for="(item, i) in countryList" :key="i">
               <div class="dropdown_i" @click="handleClick(item)">
-                <img :src="item.nationalFlag2" alt="" />
+                <img :src="item.nationalFlag2" alt="">
                 <div>{{ item.name }}</div>
               </div>
             </el-dropdown-item>
@@ -71,114 +58,102 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import Breadcrumb from "@/components/Breadcrumb";
-import Hamburger from "@/components/Hamburger";
-import { Message } from "element-ui";
+import { mapGetters } from 'vuex'
+import Breadcrumb from '@/components/Breadcrumb'
+import Hamburger from '@/components/Hamburger'
+import { Message } from 'element-ui'
 import {
   userCountryList,
   changeList,
   languages,
-  changeSystemList,
-  systemTypeList,
-} from "@/api/user";
+  changeSystemList
+} from '@/api/user'
 export default {
   components: {
     Breadcrumb,
-    Hamburger,
+    Hamburger
   },
   computed: {
-    ...mapGetters(["sidebar", "avatar", "user"]),
+    ...mapGetters(['sidebar', 'avatar', 'user'])
   },
   data() {
     return {
       countryList: [],
       ruleForm: {
-        pkCountry: "",
-        nationalFlag2: "",
-        name: "",
+        pkCountry: '',
+        nationalFlag2: '',
+        name: ''
       },
       languageList: [],
       languageItem: 0,
-      systemItem: "",
-      systemTypeList: [],
-    };
+      systemItem: ''
+    }
   },
   mounted() {
-    let that = this;
+    const that = this
     setTimeout(() => {
       // 获取结算国列表
-      that.getJScountry();
+      that.getJScountry()
       // 获取语言列表
-      that.getLanguages();
-      that.getSystem();
-    }, 10);
+      that.getLanguages()
+      that.getSystem()
+    }, 10)
 
-    this.systemItem = localStorage.getItem("systemItem") || 2;
+    this.systemItem = localStorage.getItem('systemItem') || 2
   },
   methods: {
     getJScountry() {
       userCountryList().then((res) => {
-        this.countryList = res.data;
-        this.ruleForm.pkCountry = this.user.pkCountry;
+        this.countryList = res.data
+        this.ruleForm.pkCountry = this.user.pkCountry
         this.countryList.forEach((item) => {
           if (item.pkCountry == this.ruleForm.pkCountry) {
-            this.ruleForm.nationalFlag2 = item.nationalFlag2;
-            this.ruleForm.name = item.name;
+            this.ruleForm.nationalFlag2 = item.nationalFlag2
+            this.ruleForm.name = item.name
           }
-        });
-      });
-    },
-    getSystem() {
-      systemTypeList().then((res) => {
-        res.data.forEach((item) => {
-          if (item.value == localStorage.getItem("systemItem")) {
-            this.systemItem = item.value;
-          }
-        });
-        this.systemTypeList = res.data;
-      });
+        })
+      })
     },
     getLanguages() {
       languages().then((res) => {
         res.data.forEach((item) => {
-          if (item.field == localStorage.getItem("lang")) {
-            this.languageItem = item.value;
+          if (item.field == localStorage.getItem('lang')) {
+            this.languageItem = item.value
           }
-        });
+        })
         if (
-          localStorage.getItem("lang") == undefined ||
-          localStorage.getItem("lang") == "undefined"
+          localStorage.getItem('lang') == undefined ||
+          localStorage.getItem('lang') == 'undefined'
         ) {
-          localStorage.setItem("lang", "zh-CN");
+          localStorage.setItem('lang', 'zh-CN')
         }
 
-        this.languageList = res.data;
-      });
+        this.languageList = res.data
+      })
     },
     handleClick(item) {
-      this.ruleForm.nationalFlag2 = item.nationalFlag2;
-      this.ruleForm.name = item.name;
+      this.ruleForm.nationalFlag2 = item.nationalFlag2
+      this.ruleForm.name = item.name
       changeList(item.pkCountry).then((res) => {
-        this.$store.dispatch("user/getInfo").then((response) => {
-          this.$router.go(0);
-        });
-      });
+        this.$store.dispatch('user/getInfo').then((response) => {
+          this.$router.go(0)
+        })
+      })
     },
     changeSelection(e) {},
     setSystem(e) {
-      console.log(e, "eeee");
-      this.systemItem = e;
+      console.log(e, 'eeee')
+      this.systemItem = e
       changeSystemList(e).then((res) => {
         if (res.code == 200) {
           Message({
             message: res.msg,
-            type: "success",
-          });
-          localStorage.setItem("systemItem", e);
-          location.reload();
+            type: 'success'
+          })
+          localStorage.setItem('systemItem', e)
+          location.reload()
         }
-      });
+      })
     },
     // setLanguage(e) {
     //   this.languageList.forEach((item) => {
@@ -197,20 +172,20 @@ export default {
     //   this.$router.push(`/login?redirect=${this.$route.fullPath}`)
     // },
     async logout() {
-      this.$confirm("确定注销并退出系统吗？", this.$t("w_0034"), {
-        confirmButtonText: this.$t("w_0035"),
-        cancelButtonText: this.$t("ENU_P_TYPE0"),
-        type: "warning",
+      this.$confirm('确定注销并退出系统吗？', this.$t('w_0034'), {
+        confirmButtonText: this.$t('w_0035'),
+        cancelButtonText: this.$t('ENU_P_TYPE0'),
+        type: 'warning'
       })
         .then(() => {
-          this.$store.dispatch("user/LogOut").then(() => {
-            this.$router.push(`/login?redirect=${this.$route.fullPath}`);
-          });
+          this.$store.dispatch('user/LogOut').then(() => {
+            this.$router.push(`/login?redirect=${this.$route.fullPath}`)
+          })
         })
-        .catch(() => {});
-    },
-  },
-};
+        .catch(() => {})
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>