feat：登录页研发

god-ui/src/layout/components/Navbar.vue

@@ -71,7 +71,7 @@ export default {
     ]),
     fn(){
       // 下面的端口项目中有大屏
-      let arr = ['9210','9230', '9130', '9140', '9150', '9160', '9170', '9180','9190','9280','9360','9401']
+      let arr = ['9210','9230', '9130', '9140', '9150', '9160', '9170', '9180','9190','9280','9360','9401','9409']
         return arr.includes(this.port.toString())
     },
     setting: {
@@ -160,6 +160,9 @@ export default {
         case '9401':
           this.$router.push("/bigscreen10")
           break;
+          case '9409':
+          this.$router.push("/bigscreen6")
+          break;
         default:
           this.$router.push('/bigscreen')
           break;

god-ui/src/layout/components/Sidebar/Logo.vue

@@ -170,6 +170,10 @@ export default {
         this.title = '车间产线出入库管理系统'
         document.title = '车间产线出入库管理系统'
         break;
+        case '9409':
+        this.title = '小区现代化改造提升'
+        document.title = '小区现代化改造提升'
+        break;
       default:
 
         this.title = ' '

god-ui/src/views/bigscreen6/index.vue

@@ -2,7 +2,7 @@
   <div class="bigscreen6-wrapper bigscreen-main-wrapper">
     <div class="header-main-wrapper">
       <div class="header-left-part-wrapper"></div>
-      <div class="header-title-wrapper">石坪街道老旧小区管理驾驶仓</div>
+      <div class="header-title-wrapper"> {{ port=='9190'? "石坪街道老旧小区管理驾驶仓" :'小区现代化改造提升'}}</div>
       <div class="header-right-part-wrapper"><BigScreenTime /></div>
     </div>
     <div class="content-main-wrapper grid-wrapper">
@@ -182,6 +182,7 @@ export default {
     return {
       video,
       map: null,
+      port:0,
       leftArr: [
         {
           title: "社区面积",
@@ -364,6 +365,9 @@ export default {
       ],
     };
   },
+  created(){
+    this.port = window.location.port 
+  },
   mounted() {
     this.initChart1();
     this.initChart2();
@@ -371,6 +375,13 @@ export default {
     this.initChart4();
     this.initChartLine();
     this.initMap();
+    let list=window.location.href.split('/')[window.location.href.split('/').length-1] 
+    let dom=document.querySelector('.bigscreen6-wrapper') 
+    if(list =='bigscreen6'){  
+        dom.style.height='100vh'
+    }else{
+      dom.style.height='calc(100vh - 84px)' 
+    }
   },
   methods: {
     initMap() {
@@ -843,7 +854,6 @@ export default {
 @import url(../../utils/bigscreenTool/index.scss);
 .bigscreen6-wrapper {
   width: 100%;
-  height: calc(100vh - 84px);
   overflow: hidden;
   .header-main-wrapper {
     background-image: url(./assets/header.png);

god-ui/src/views/index.vue

@@ -3,7 +3,7 @@
     <operate-home v-if="port === '9150'"></operate-home>
     <energy-home v-else-if="port === '9160'"></energy-home>
     <machinery-home v-else-if="port === '9170'"></machinery-home>
-    <deviceMap v-else-if="port === '9190'"></deviceMap>
+    <deviceMap v-else-if="port === '9190' || port === '9409'"></deviceMap>
     <device-info v-else-if="port === '9210'"></device-info>
     <cityManageMap v-else-if="port === '9180'" />
     <interface-home v-else-if="port === '9260'" />

god-ui/src/views/login.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="login" id="loginDom">
     <div class="main-big-title" v-if="port === '9405'">汉丰湖Vlog短视频应用系统</div>
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
+    <div id="domDiv"  v-if="port=='9409'">
+      <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
      <h3 class="title">{{ title }}</h3>
       <el-form-item prop="username">
         <el-input
@@ -43,6 +44,63 @@
         <el-button
           :loading="loading"
           size="medium"
+          id="btn"
+          type="primary"
+          style="width:100%;"
+          @click.native.prevent="handleLogin"
+        >
+          <span v-if="!loading">登 录</span>
+          <span v-else>登 录 中...</span>
+        </el-button>
+        <div style="float: right;" v-if="register">
+          <router-link class="link-type" :to="'/register'">立即注册</router-link>
+        </div>
+      </el-form-item>
+    </el-form>
+    </div>
+    <el-form ref="loginForm" :model="loginForm" v-if="port!='9409'" :rules="loginRules" class="login-form">
+     <h3 class="title">{{ title }}</h3>
+      <el-form-item prop="username">
+        <el-input
+          v-model="loginForm.username"
+          type="text"
+          auto-complete="off"
+          placeholder="账号"
+        >
+          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="password">
+        <el-input
+          v-model="loginForm.password"
+          type="password"
+          auto-complete="off"
+          placeholder="密码"
+          @keyup.enter.native="handleLogin"
+        >
+          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="code" v-if="captchaEnabled">
+        <el-input
+          v-model="loginForm.code"
+          auto-complete="off"
+          placeholder="验证码"
+          style="width: 63%"
+          @keyup.enter.native="handleLogin"
+        >
+          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+        </el-input>
+        <div class="login-code">
+          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+        </div>
+      </el-form-item>
+      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
+      <el-form-item style="width:100%;">
+        <el-button
+          :loading="loading"
+          size="medium"
+          id="btn"
           type="primary"
           style="width:100%;"
           @click.native.prevent="handleLogin"
@@ -317,6 +375,34 @@ export default {
           _title1.style.fontFamily = 'BiaoTiFont'
           loginDom.appendChild(_title1)
           break;
+          case '9409':
+          document.title = '小区现代化改造提升'
+          loginDom.style.backgroundImage = 'url(/images/xqxdh.png)'
+          let btnDom=document.getElementById('btn')
+          let divDom=document.getElementById('domDiv')
+          let formDom=document.querySelector('.login-form')
+          formDom.style.position="absolute"
+          formDom.style.right='0'
+          formDom.style.top='0'
+          formDom.style.border='none'
+          formDom.style.height='95%'
+          formDom.style.width='28%'
+          formDom.style.display='flex'
+          formDom.style.flexDirection='column'
+          formDom.style.justifyContent='center'
+          divDom.style.width='80%'
+          divDom.style.height='650px'
+          divDom.style.position="relative"
+          divDom.style.overflow='hidden'
+          divDom.style.borderRadius='20px'
+          divDom.style.backgroundSize='118% 100%'
+          divDom.style.backgroundRepeat='no-repeat'
+          divDom.style.backgroundImage='url(/images/xqxdh-bg.png)'
+          btnDom.style.backgroundColor='#ff6a00'
+          btnDom.style.border='none'
+          btnDom.style.color='#fff'
+          this.redirect = '/index'
+          break;
         default:
           document.title = ''
           loginDom.style.backgroundImage = 'url(/images/gangyin-bg.png)'