feat(frontend):i18n fix;run build 样式冲突 fix后测试

frontend/src/components/canvas/components/Editor/PreviewFullScreen.vue

 <template>
-  <div style="width: 100%;height: 100%;">
+  <div style="width: 100%;height: 100vh;">
     <span style="line-height: 35px; position: absolute; top:10px;right: 20px;z-index:100000">
       <el-button size="mini" @click="toDir">
         关闭

frontend/src/components/canvas/components/Toolbar.vue

@@ -3,13 +3,13 @@
     <div class="toolbar">
 
       <div class="canvas-config">
-        <span> {{ $t(panel.canvas_size)}} </span>
+        <span> {{ $t('panel.canvas_size') }} </span>
         <input v-model="canvasStyleData.width">
         <span>*</span>
         <input v-model="canvasStyleData.height">
       </div>
       <div class="canvas-config" style="margin-right: 10px">
-        <span> {{ $t(panel.canvas_scale)}} </span>
+        <span> {{ $t('panel.canvas_scale') }} </span>
         <input v-model="scale" @input="handleScaleChange"> %
       </div>
 
@@ -38,7 +38,7 @@
 
       <span style="float: right;margin-left: 10px">
         <el-button size="mini" @click="closePanelEdit">
-          {{ $t(commons.close) }}
+          {{ $t('commons.close') }}
         </el-button>
       </span>
     </div>

frontend/src/components/canvas/custom-component/UserView.vue

@@ -2,7 +2,7 @@
   <div v-loading="requestStatus==='waiting'" class="rect-shape">
     <div v-if="requestStatus==='error'" style=";width: 100%;height: 100%;background-color: #ece7e7; text-align: center">
       <div style="font-size: 12px; color: #9ea6b2;">
-        {{ $t(panel.error_data) }}<br>
+        {{ $t('panel.error_data') }}<br>
         {{ message }}
       </div>
     </div>

frontend/src/lang/en.js

@@ -73,8 +73,8 @@ export default {
     size: 'Global Size'
   },
   login: {
-    title: 'Login Form',
-    welcome: 'welcome To ',
+    title: 'Login',
+    welcome: 'Welcome To ',
     logIn: 'Login',
     username: 'Username',
     password: 'Password',

frontend/src/lang/zh.js

@@ -852,7 +852,7 @@ export default {
     field: '字段',
     unshared_people: '未分享人员',
     shared_people: '已分享人员',
-    error_data: '获取数据出错 请联系管理员 Error getting data, please contact administrator',
+    error_data: '获取数据出错，请联系管理员',
     canvas_size: '画布大小',
     canvas_scale: '画布比例',
     style: '样式',

frontend/src/layout/components/Topbar.vue

@@ -39,7 +39,7 @@
       </template>
 
       <el-dropdown class="top-dropdown" style="display: flex;align-items: center;">
-        <span class="el-dropdown-link" style="font-size: 13px;">
+        <span class="el-dropdown-link" style="font-size: 14px;">
           {{ name }}<i class="el-icon-arrow-down el-icon--right" />
         </span>
         <el-dropdown-menu slot="dropdown">

frontend/src/styles/index.scss

@@ -13,7 +13,7 @@
 
 
 body {
-  height: $contentHeight;
+  //height: $contentHeight;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
@@ -30,7 +30,7 @@ html {
 }
 
 #app {
-  height: $contentHeight;
+  //height: $contentHeight;
 }
 
 *,

frontend/src/styles/variables.scss

@@ -42,7 +42,7 @@ $subMenuHover:#f18126;
 
 $sideBarWidth: 210px;
 $topBarHeight: 56px;
-$contentHeight: 100vh;
+$contentHeight: calc(100vh - 56px);
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

frontend/src/views/login/index.vue

@@ -33,7 +33,7 @@
             </div>
             <div class="login-btn">
               <el-button type="primary" class="submit" size="default" @click.native.prevent="handleLogin">
-                {{ $t('commons.button.login') }}
+                {{ $t('commons.login') }}
               </el-button>
             </div>
             <div class="login-msg">
@@ -163,7 +163,7 @@ export default {
 
 .login-background {
   background-color: $--background-color-base;
-  height: 100%;
+  height: 100vh;
   @include login-center;
 }
 

frontend/src/views/panel/edit/index.vue

@@ -115,7 +115,7 @@ import { get } from '@/api/panel/panel'
 // 引入样式
 import '@/components/canvas/assets/iconfont/iconfont.css'
 import '@/components/canvas/styles/animate.css'
-import '@/components/canvas/styles/reset.css'
+// import '@/components/canvas/styles/reset.css'
 
 import { ApplicationContext } from '@/utils/ApplicationContext'
 import FilterDialog from '../filter/filterDialog'