哈尔滨一号线现地界面样式调整

src/jmapNew/theme/haerbin_01/menus/index.vue

@@ -9,6 +9,7 @@
       <menu-section ref="menuSection" :selected="selected" />
       <menu-train ref="menuTrain" :selected="selected" />
       <menu-station ref="menuStation" :selected="selected" />
+      <menu-button v-show="isShowBar" ref="menuButton" :selected="selected" />
       <passive-alarm ref="passiveAlarm" />
       <passive-contorl ref="passiveControl" />
       <passive-Timeout ref="passiveTimeout" />
@@ -26,6 +27,7 @@ import MenuSection from './menuSection';
 import MenuTrain from './menuTrain';
 import MenuStation from './menuStation';
 import MenuBar from './menuBar';
+import MenuButton from './menuButton';
 import PassiveAlarm from './passiveDialog/alarm';
 import PassiveContorl from './passiveDialog/control';
 import PassiveTimeout from './passiveDialog/timeout';
@@ -34,6 +36,7 @@ export default {
     name: 'Menus',
     components: {
         MenuBar,
+        MenuButton,
         MenuCancel,
         MenuSignal,
         MenuSwitch,

src/jmapNew/theme/haerbin_01/menus/menuBar.vue

@@ -5,10 +5,11 @@
         <el-col :span="2">
           <div class="nav-border">
             <el-row>
-              <el-button style="width: 100px;" plain @click="undeveloped">登录</el-button>
+              <el-button v-if="loginActive" style="width: 100px;line-height: 19px;" plain @click="login">{{ loginText }}</el-button>
+              <div v-else class="loginClass" style="width: 100px;height:20px;text-align:center;border:1px #ccc solid">{{ loginText }}</div>
             </el-row>
             <el-row>
-              <el-button style="width: 100px;" disabled plain />
+              <input v-model="loginParam" :type="modelType" style="width: 100px;height:20px;" :disabled="loginActive" @keyup.enter="validateData">
             </el-row>
           </div>
         </el-col>
@@ -87,6 +88,11 @@ export default {
     },
     data() {
         return {
+            loginActive:true,
+            loginText:'登录',
+            modelType:'text',
+            keydownTimes:0,
+            loginParam:'',
             classA: -1,
             classB: -1,
             tempClassA: -1,
@@ -167,13 +173,36 @@ export default {
         },
         undeveloped() {
             this.doClose();
-
             this.$alert(this.$t('menu.menuBar.implemented'), this.$t('global.tips'), {
                 confirmButtonText: this.$t('global.confirm'),
                 callback: action => {
                 }
             });
         },
+        login() {
+            if (this.loginActive) {
+                if (this.loginText === '退出') {
+                    this.loginText = '登录';
+                } else {
+                    this.loginText = '用户';
+                    this.loginActive = false;
+                }
+            }
+        },
+        validateData() {
+            if (this.keydownTimes === 0 && this.loginParam == 'admin') {
+                this.loginText = '密码';
+                this.modelType = 'password';
+                this.keydownTimes++;
+                this.loginParam = '';
+            } else if (this.keydownTimes === 1 && this.loginParam == '123456') {
+                this.loginText = '退出';
+                this.keydownTimes = 0;
+                this.loginParam = '';
+                this.modelType = 'text';
+                this.loginActive = true;
+            }
+        },
         doClose() {
             this.$nextTick(() => {
                 EventBus.$emit('closeMenu');
@@ -344,4 +373,16 @@ export default {
         background: #ECF5FF;
         margin: 5px auto;
     }
+
+    .loginClass{
+        width: 100px;
+        height: 20px;
+        text-align: center;
+        border: 1px solid rgb(204, 204, 204);
+        line-height: 20px;
+        margin: 5px auto;
+        border-radius: 5px;
+        background: #ffffff;
+        cursor: not-allowed;
+    }
 </style>

src/jmapNew/theme/haerbin_01/menus/menuButton.vue

@@ -0,0 +1,27 @@
+<template>
+  <div id="haerbin-01__menuButton">
+    <div class="haerbin-01__systerm button">
+      <el-row>
+        <el-col :span="4" />
+      </el-row>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+
+};
+</script>
+<style lang="scss">
+    #haerbin-01__menuButton{
+        position: absolute;
+        bottom: 0;
+        height: 90px;
+        width: 100%;
+        background: #ccc;
+        z-index: 2;
+    }
+    // .display-draft{
+    //     bottom:105px !important;
+    // }
+</style>