中建四局登录页组件提取修复样式冲突

public/js/config.js

@@ -17,7 +17,7 @@ var PROJECT = {
 }
 
 
-var PROJECT_TYPE = PROJECT.online_zjsj
+var PROJECT_TYPE = PROJECT.local_test
 
 var headerShow = true; // 是否显示头部
 var tabsShow = true;  // 是否显示tabs

src/assets/js/http.js

@@ -41,8 +41,8 @@ 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://124.71.67.160:8088/' //中建四局线上
+  axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
+  // axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
   // 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.231:6023/'; //杨思瑞本地

src/views/home/components/loginInfo.vue

@@ -0,0 +1,169 @@
+<template>
+    <div class="leftContent">
+      <div class="title_r">
+        <div class="backBtn" @click="goBackBtn">
+          返回到首页
+        </div>
+        <!-- <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>
+</template>
+
+<script>
+export default {
+  props: {
+    form: {
+      type: Object,
+    },
+    rules: {
+      type: Object,
+    },
+  },
+  data() {
+    return {
+        radio:'',
+    };
+  },
+  methods: {
+    goBackBtn() {
+        this.$emit('goBackBtn');
+    },
+    loginFn(){
+        this.$emit('loginFn');
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+// 在使用浏览器保存的数据时 输入框的样式
+::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;  
+  }
+.leftContent {
+  position: absolute;
+  top: 20%;
+  right: 9%;
+  width: 32%;
+  .backBtn {
+    margin-left: 59%;
+    color: #fff;
+    height: 50px;
+    line-height: 25px;
+    text-align: center;
+    width: 125px;
+    background-image: url("./../../../assets/images/zjsj/zjsj_back.png");
+    background-size: 100%;
+    background-repeat: no-repeat;
+  }
+  .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%;
+        }
+      }
+    }
+  }
+}
+</style>