远程支持页面、语言切换按钮样式

src/config/getData2.js

@@ -138,3 +138,10 @@ export const sysMenuBuild = () => post('api/sysMenu/build', {
 // 用户退出
 export const authLogout = () => post('auth/logout', {
 })
+
+/**
+ * 远程支持
+ */
+// 获取远程码接口
+export const queryRemotelnfo = () => post('api/developer/queryRemotelnfo', {
+})

src/i18n/langs/en.js

@@ -80,6 +80,11 @@ module.exports = {
     toast2: 'Name cannot be empty',
     toast3: 'Value cannot be empty'
   },
+  remote: {
+    remotesupport: 'Remote support',
+    remote: ' remote ',
+    download: ' download'
+  },
   developer: {
     developeroptions: 'Developer Options'
   },

src/i18n/langs/zh.js

@@ -80,6 +80,11 @@ module.exports = {
     toast2: '名字不能为空',
     toast3: '数值不能为空'
   },
+  remote: {
+    remotesupport: '远程支持',
+    remote: '远程',
+    download: '下载'
+  },
   developer: {
     developeroptions: '开发者选项'
   },

src/pages/modules/systemmanage/remote.vue

@@ -0,0 +1,99 @@
+<template>
+  <div class="main-container">
+    <div class="right_side">
+      <div class="content_wrap">
+        <div class="title_wrap">
+          <h2>{{ $t('remote.remotesupport') }}</h2>
+        </div>
+        <div class="page_container">
+          <div class="id_wraper">
+            <div class="state_item_wrap">
+              <div class="veh_item_label">TeamViewer{{$t('remote.remote')}}ID</div>
+              <div class="veh_item_val">{{ result.teamViewerId }}</div>
+            </div>
+            <div class="state_item_wrap">
+              <div class="veh_item_label">AnyDesk{{$t('remote.remote')}}ID</div>
+              <div class="veh_item_val">{{ result.anyDeskId }}</div>
+            </div>
+          </div>
+          <div class="state_line_dot_2"></div>
+          <div class="qr_wraper">
+            <div class="state_item_wrap">
+              <div class="veh_item_label veh_item_label_1">APP{{$t('remote.download')}}</div>
+            </div>
+            <div class="state_item_wrap">
+              <div class="qr_box"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { queryRemotelnfo } from '@/config/getData2.js'
+export default {
+  data () {
+    return {
+      result: {}
+    }
+  },
+  created () {
+    this._queryRemotelnfo()
+  },
+  methods: {
+    async _queryRemotelnfo () {
+      let res = await queryRemotelnfo()
+      if (res.code === '1') {
+        this.result = res.result
+      } else {
+        this.toast(res.desc)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '~@style/mixin'
+.page_container
+  _fj()
+.id_wraper
+  _wh(60%, 100%)
+  _fj(center)
+  flex-direction: column
+  overflow hidden
+.qr_wraper
+  _wh(calc(40% - 1px), 100%)
+  _fj(center)
+  flex-direction: column
+  overflow hidden
+.state_line_dot_2
+  _wh(1px, 201px)
+  background center / 100% 100% url(../../../images/new/line_2.png) no-repeat
+  margin 0 49px
+.state_item_wrap
+  width 100%
+  _fj(center)
+  &:first-child
+    margin-bottom 70px
+.veh_item_label
+  width 450px
+  _font(40px, 56px, #B4C1D8, 500, right)
+  font-family: SourceHanSansCN-Medium;
+.veh_item_val
+  width calc(100% - 450px)
+  padding 0 20px 0 66px
+  margin-left 20px
+  _font(40px, 56px, #fff, 500,,)
+  font-family: SourceHanSansCN-Medium;
+  white-space: nowrap
+  background left center url(../../../images/new/state_btn.png) no-repeat
+.veh_item_label_1
+  width 100%
+  text-align center
+.qr_box
+  _wh(300px, 300px)
+  background-color #fff
+</style>

src/pages/modules/vehicleinformation/vehiclestatus.vue

@@ -74,12 +74,12 @@
         <div class="state_wrap">
           <div class="state_left_wrap">
             <div class="state_item_wrap">
-              <div class="agv_item_label">{{ $t('vehiclestatus.vehiclestatus') }}:</div>
+              <div class="veh_item_label">{{ $t('vehiclestatus.vehiclestatus') }}:</div>
-              <div class="agv_item_val agv_item_val_1" :class="{'state_item_val_disabled_1': result.zh_vehicle_status !== '待机'}">{{$i18n.locale === 'en-us' ? result.en_vehicle_status : result.zh_vehicle_status}}</div>
+              <div class="veh_item_val" :class="{'state_item_val_disabled_1': result.zh_vehicle_status !== '待机'}">{{$i18n.locale === 'en-us' ? result.en_vehicle_status : result.zh_vehicle_status}}</div>
             </div>
             <div class="state_item_wrap">
-              <div class="agv_item_label">{{ $t('vehiclestatus.workingstatus') }}:</div>
+              <div class="veh_item_label">{{ $t('vehiclestatus.workingstatus') }}:</div>
-              <div class="agv_item_val agv_item_val_1" :class="{'state_item_val_disabled': result.zh_working_status !== '正常'}">{{$i18n.locale === 'en-us' ? result.en_working_status : result.zh_working_status}}</div>
+              <div class="veh_item_val" :class="{'state_item_val_disabled': result.zh_working_status !== '正常'}">{{$i18n.locale === 'en-us' ? result.en_working_status : result.zh_working_status}}</div>
             </div>
           </div>
           <div class="state_line_dot_2"></div>
@@ -168,6 +168,11 @@ export default {
 .agv_item_label
   width 180px
   _fj()
+.veh_item_label
+  width 180px
+  _fj()
+  _font(36px, 56px, #B4C1D8, 500, right)
+  font-family: SourceHanSansCN-Medium;
 .agv_item_label_txt
   width calc(100% - 15px)
   _font(36px, 56px, #B4C1D8, 500, right)
@@ -192,6 +197,14 @@ export default {
   padding-left 66px
   margin-left 20px
   background left center url(../../../images/new/state_btn.png) no-repeat
+.veh_item_val
+  width calc(100% - 180px)
+  padding 0 20px 0 66px
+  margin-left 20px
+  _font(36px, 56px, #fff, 500,,)
+  font-family: SourceHanSansCN-Medium;
+  white-space: nowrap
+  background left center url(../../../images/new/state_btn.png) no-repeat
 .state_wrap
   width 100%
   _fj(,flex-start)
@@ -273,4 +286,12 @@ export default {
     align-items: center
     font-size 26px
     line-height 26px
+  .veh_item_label
+    font-size 26px
+    text-align right
+    justify-content: flex-end
+    width 220px
+  .veh_item_val
+    font-size 26px
+    width calc(100% - 220px)
 </style>

src/pages/shells/index/index.vue

@@ -575,17 +575,17 @@ export default {
   .el-menu-item-long
     padding 0 30px 10px 87px !important
 .lang_change_wraper
-  _wh(90px, 77px)
+  _wh(120px, 77px)
-  padding-top 20.5px
+  padding-top 17px
   margin-left 45px
   /deep/ .el-input, /deep/ .el-select .el-input .el-select__caret
     font-size: 20px;
-    height 36px
+    height 43px
-    line-height 36px
+    line-height 43px
   /deep/ .el-input__inner
     font-size: 20px;
-    line-height: 36px;
+    height 43px
-    height: 36px;
+    line-height 43px
     border: 1px solid #4980bd;
     border-radius 0
     padding-left 5px

src/router/index.js

@@ -23,6 +23,7 @@ const User = r => require.ensure([], () => r(require('@page/modules/SystemManage
 const Role = r => require.ensure([], () => r(require('@page/modules/SystemManage/role.vue')), 'modules')
 const System = r => require.ensure([], () => r(require('@page/modules/SystemManage/system.vue')), 'modules')
 const Developer = r => require.ensure([], () => r(require('@page/modules/SystemManage/developer.vue')), 'modules')
+const Remote = r => require.ensure([], () => r(require('@page/modules/SystemManage/remote.vue')), 'modules')
 
 Vue.use(VueRouter)
 
@@ -91,10 +92,14 @@ const router = new VueRouter({
         path: 'system',
         component: System,
         meta: {jumpPath: '6', guidePath: '3'}
+      }, {
+        path: 'remote',
+        component: Remote,
+        meta: {jumpPath: '6', guidePath: '4'}
       }, {
         path: 'developer',
         component: Developer,
-        meta: {jumpPath: '6', guidePath: '4'}
+        meta: {jumpPath: '6', guidePath: '5'}
       }]
     }
   ]