中建四局(登录页):页面更改

public/js/config.js

@@ -11,12 +11,13 @@ var COMPANY = ''; //通用
 
 
 var PROJECT = {
-    local_test: '', // 普通版
+    local_test: 'common', // 普通版
     online_hq: 'hengqin', // 横琴
+    online_zjsj: 'zjsj', // 中建四局
 }
 
 
-var PROJECT_TYPE = PROJECT.local_test
+var PROJECT_TYPE = PROJECT.online_zjsj
 
 var headerShow = true; // 是否显示头部
 var tabsShow = true;  // 是否显示tabs

src/assets/js/http.js

@@ -41,9 +41,9 @@ if (process.env.NODE_ENV == 'development') {
   // tag: 本地
   // axios.defaults.baseURL = 'http://192.168.34.174:6023/'  // 老大本地
   // axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
-  // axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
+  axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
   // axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
-  axios.defaults.baseURL = 'http://192.168.34.216:18070/'   // 邱平毅本地
+  // axios.defaults.baseURL = 'http://192.168.34.216:18070/'   // 邱平毅本地
   // axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
   // axios.defaults.baseURL = 'http://47.97.202.104:6023/';
   // axios.defaults.baseURL = 'http://139.9.66.234:8/';

src/components/account.vue

@@ -15,7 +15,7 @@
           <div style="margin-left:10px">
             <p>{{ $store.state.userInfo.companyName }}</p>
             <!-- 横琴和鹤洲不需要客服电话-->
-            <p v-if="projectType != 'hengqin'">客服电话：{{$store.state.userInfo.customerServicePhone}}</p>
+            <p v-if="projectType == 'common' || projectType=='zjsj'">客服电话：{{$store.state.userInfo.customerServicePhone}}</p>
             <p
               v-if="projectType == 'hengqin' && $store.state.currentProDetail != null "
             >入场码：{{$store.state.currentProDetail.placeCode}}</p>

src/views/home/login_v1.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 登录 -->
   <div >
-    <div class="login" v-if="show">
+    <div class="login" v-if="projectType == 'common'">
       <div class="title flex">
       <div class="title_l flex2">
         <img v-if="systemInfo.loginLogo" :src="systemInfo.loginLogo" class="logo" />
@@ -117,11 +117,43 @@
       </div>
     </div>
     </div>
-    <div class="zjsjLogin" v-else>
+    <div class="zjsjLogin" v-if="projectType == 'zjsj'">
       <div class="zjsjcontent">
         <img class="contentBGI" src="../../assets/images/zjsj/zjsj_loginBgc.jpg" alt="" />
+        <div class="leftContent">
+          <div class="title_r">
+        <el-button type="primary" plain size="small" class="backBtn" @click="goBackBtn">返回到首页</el-button>
+      </div>
+          <!-- <img src="../../assets/images/zjsj/zjsj_logo.png" /> -->
+          <div class="logoImg"></div>
+          <div class="btnContent">
+            <div class="minBox">
+          <el-form :model="form" :rules="rules" ref="form" label-width="0px">
+            <el-form-item label="" prop="account">
+              <div class="row1">
+              <el-input prefix-icon=" " v-model="form.account" placeholder="请输入帐号"></el-input>
+            </div>
+            </el-form-item>
+            <el-form-item style="margin-top: 39px" label="" prop="password">
+              <div class="row2">
+              <el-input prefix-icon=" " v-model="form.password" type="password" show-password placeholder="请输入密码"></el-input>
+            </div>
+            </el-form-item>
+          </el-form>
+            <div>
+              <el-button class="loginBtn" @click="loginFn">登录</el-button>
+            </div>
+            <div class="about">
+              <el-radio v-model="radio" label="1">记住登录密码</el-radio>
+              <span>忘记密码？</span>
+            </div>
+            <div>
+              <el-button class="registerBtn">注册账户</el-button>
+            </div>
+            </div>
+          </div>
+        </div>
       </div>
-      
       <div>
       </div>
     </div>
@@ -141,7 +173,10 @@ export default {
   components: { getcode },
   data() {
     return {
-      show:true,
+      show:false,
+      input:'',
+      radio:'',
+      projectType:'',
       LOGO: LOGO,
       loginType: 1,
       automaticLogin: false,
@@ -206,6 +241,7 @@ export default {
   },
   created() {
     this.company = COMPANY
+    this.projectType = PROJECT_TYPE;
   },
   mounted() {
     delete this.$http.defaults.headers.common['Authorization']
@@ -425,14 +461,124 @@ export default {
 }
 </script>
 <style lang="less" scoped>
+  ::v-deep .el-input__inner {
+	border-top-width: 0px;
+	border-left-width: 0px;
+	border-right-width: 0px;
+	border-bottom-width: 1px;
+  border-radius:0% ;
+  background-color: rgba(2, 38, 64,0.1);
+  color: #ffffff;
+  font-size: 14px;
+}
+::v-deep ::-webkit-input-placeholder{
+  color: #eeeeee;
+  -webkit-text-fill-color: #eeeeee;
+}
+// 在使用浏览器保存的数据时 输入框的样式
+::v-deep input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
+    // 字体颜色
+    -webkit-text-fill-color: #eeeeee;
+    // 背景颜色
+    background-color: rgba(2, 38, 64,0);
+    //设置input输入框的背景颜色为透明色
+    transition: background-color 50000s ease-in-out 0s;  
+  }
+::v-deep .el-radio{
+  color:#27e1f0;
+}
+::v-deep .el-radio__inner {
+  border-radius: 0%;
+  background-color: rgba(2, 38, 64,0);
+  border-color: #27e1f0;
+}
+::v-deep .el-radio__label {
+  padding-left:5px
+}
   .zjsjLogin{
     width: 100%;
     height: 100%;
-   .contentBGI{
+    .zjsjcontent{
-    width: 100%;
+      width: 100%;
-    height:100%;
+      height:100%;
-   }
+      position: relative;
-    
+      .contentBGI{
+        width: 100%;
+        height: 100%;
+      }
+      .leftContent{
+      position: absolute;
+      top: 20%;
+      left:9%;
+      width: 32%;
+      .logoImg{
+        height: 100px;
+        background-image: url('../../assets/images/zjsj/zjsj_logo.png');
+        background-size: 80%;
+        background-repeat: no-repeat;
+      }
+      .btnContent{
+        margin-top: 5%;
+        height: 575px;
+        background-image: url("../../assets/images/zjsj/zjsj_loginInpt.png");
+        background-size: 80%;
+        background-repeat: no-repeat;
+        .minBox{
+          box-sizing: border-box;
+          padding-left: 15%;
+          .img{
+            display: inline-block;
+          }
+          .row1,.row2{
+            width: 57%;
+            position: relative;
+          .text{
+            color: #eeeeee;
+            font-size: 14px;
+          }
+         }
+         .row1{
+          padding-top: 15%;
+        }
+         .row1::before{
+          content: url("../../assets/images/zjsj/zjsj_admin.png");
+          top: 70%;
+          left: 0%;
+          position: absolute;
+         }
+         .row2::before{
+          content: url("../../assets/images/zjsj/zjsj_pass.png");
+          top: 10%;
+          left:0%;
+          position: absolute;
+         }
+        
+        .loginBtn{
+          width: 300px;
+          color: #eeeeee;
+          background-color: #27e1f0;
+          border-color: #27e1f0;
+        }
+        .registerBtn{
+          width: 300px;
+          margin-top: 3%;
+          color: #696969;
+          background-color: #eeeeee;
+          border-color: #eeeeee;
+        }
+        .about{
+          margin-top: 3%;
+          color:#27e1f0;
+          font-size: 12px;
+          span{
+            margin-left: 21%;
+          }
+        }
+        }
+        
+      }
+    }
+  }
   }
 .flex {
   display: flex;