办事大厅国际化

src/app.vue

 <template>
   <div style="height: 100%; width: 100%;">
-    <language-Switch></language-Switch>
     <router-view></router-view>
+    <hanguage-switch></hanguage-switch>
   </div>
 </template>
 
 <script>
-// import languageSwitch from './components/languageSwitch/index.vue'
+import HanguageSwitch from './components/languageSwitch/index.vue'
 export default {
-  // components: { languageSwitch }
+  components: { HanguageSwitch }
 }
 </script>
 
 <style lang="scss" scoped>
-  language-Switch {
-    width: 200px;
-    height: 200px;
-    position: relative;
-    bottom: 0px;
-    left: 50%;
-    background-color: #000;
-  }
+  // language-Switch {
+  //   width: 200px;
+  //   height: 200px;
+  //   position: relative;
+  //   bottom: 0px;
+  //   left: 50%;
+  //   background-color: #000;
+  // }
 </style>

src/assets/languages/en.json

@@ -42,7 +42,7 @@
         "header1Child3": "Academic Report",
         "header2": "Grades",
         "header2Child1": "My Credit",
-        "header3": "办事大厅",
+        "header3": "Office hall",  
         "header4": "Feedback"
       }
     },

src/components/languageSwitch/index.vue

@@ -73,7 +73,9 @@ export default {
 <style lang="scss" scoped>
 .tap-language-switch {
   position: absolute;
-  right: 100px;
+  right: 150px;
+  top: 0px;
+  z-index: 9999999999;
   .el-menu {
     border: none;
     background: transparent;

src/pages/affairsHall/hall.vue

 <template>
   <div>
-    <hanguage-switch></hanguage-switch>
+    <!-- <hanguage-switch></hanguage-switch> -->
     <div class="con-title">
       <div>{{ $t('pages.affairsHall.hall.title') }}</div>
     </div>
@@ -44,7 +44,7 @@ import Tap from '../../components/comTable/tap.vue'
 import mPage from '../../components/comTable/mPage.vue'
 import TableList from '../../components/comTable/tableList.vue'
 import HallForm from './components/hall-form.vue'
-import HanguageSwitch from '../../components/languageSwitch/index.vue'
+// import HanguageSwitch from '../../components/languageSwitch/index.vue'
 import cAction from '@action'
 const status = {
   '-1': '待审核',
@@ -59,8 +59,7 @@ export default {
     Tap,
     HallForm,
     mPage,
-    TableList,
-    HanguageSwitch
+    TableList
   },
   data() {
     const remote = {