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

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://192.168.34.216:6023/' // 邱平毅本地
-  axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
+  // 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>

src/views/home/login_v1.vue

@@ -1,54 +1,91 @@
 <template>
   <!-- 登录 -->
-  <div >
+  <div>
     <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" />
+          <img
-        <img v-else-if="LOGO" :src="'./img/logo/' + LOGO + '.png'" class="logo" />
+            v-if="systemInfo.loginLogo"
-        <span v-if="systemInfo.platformName && company != 'nanchang'">{{ systemInfo.platformName }}</span
+            :src="systemInfo.loginLogo"
+            class="logo"
+          />
+          <img
+            v-else-if="LOGO"
+            :src="'./img/logo/' + LOGO + '.png'"
+            class="logo"
+          />
+          <span v-if="systemInfo.platformName && company != 'nanchang'">{{
+            systemInfo.platformName
+          }}</span
           ><!--智慧工地云平台-->
-        <span v-if="!systemInfo.platformName && company != 'nanchang'">{{ $t('message.login.title') }}</span
+          <span v-if="!systemInfo.platformName && company != 'nanchang'">{{
+            $t("message.login.title")
+          }}</span
           ><!--智慧工地云平台-->
 
           <!-- 南昌地铁登录页不显示智慧工地云平台字样 -->
           <span v-if="company == 'nanchang'"></span>
         </div>
         <div class="title_r">
-        <el-button type="primary" plain size="small" class="backBtn" @click="goBackBtn">返回到首页</el-button>
+          <el-button
+            type="primary"
+            plain
+            size="small"
+            class="backBtn"
+            @click="goBackBtn"
+            >返回到首页</el-button
+          >
         </div>
       </div>
       <div class="content flex2">
-      <img class="contentBG" v-if="systemInfo.loginBackgroundImage" :src="systemInfo.loginBackgroundImage" alt="" />
+        <img
-      <img class="contentBG" v-else src="../../assets/images/login_bg.webp" alt="" />
+          class="contentBG"
+          v-if="systemInfo.loginBackgroundImage"
+          :src="systemInfo.loginBackgroundImage"
+          alt=""
+        />
+        <img
+          class="contentBG"
+          v-else
+          src="../../assets/images/login_bg.webp"
+          alt=""
+        />
         <div class="login_info">
           <div class="info_title flex">
             <p
               :class="loginType == 1 ? 'border_bottom' : 'placeholder'"
               @click="
                 () => {
-                loginType = 1
+                  loginType = 1;
                 }
               "
             >
-            {{ $t('message.login.passwordLogin') }}
+              {{ $t("message.login.passwordLogin") }}
             </p>
             <p
               :class="loginType == 2 ? 'border_bottom' : 'placeholder'"
               @click="
                 () => {
-                loginType = 2
+                  loginType = 2;
                 }
               "
             >
-            {{ $t('message.login.sMSLogin') }}
+              {{ $t("message.login.sMSLogin") }}
             </p>
           </div>
           <div class="info_content" v-show="loginType == 1">
             <el-form :model="form" :rules="rules" ref="form" label-width="0px">
               <el-form-item label="" prop="account">
-              <el-input v-model="form.account" style="height: 53px; font-size: 16px" :placeholder="$t('message.login.account_placeholder')">
+                <el-input
-                <img slot="prefix" src="../../assets/images/accountNumber.png" class="inputIcon" />
+                  v-model="form.account"
+                  style="height: 53px; font-size: 16px"
+                  :placeholder="$t('message.login.account_placeholder')"
+                >
+                  <img
+                    slot="prefix"
+                    src="../../assets/images/accountNumber.png"
+                    class="inputIcon"
+                  />
                 </el-input>
               </el-form-item>
               <el-form-item style="margin-top: 39px" label="" prop="password">
@@ -59,26 +96,53 @@
                   :placeholder="$t('message.login.password_placeholder')"
                   @keyup.enter.native="loginFn"
                 >
-                <img slot="prefix" src="../../assets/images/password.png" class="inputIcon" />
+                  <img
+                    slot="prefix"
+                    src="../../assets/images/password.png"
+                    class="inputIcon"
+                  />
                 </el-input>
               </el-form-item>
             </el-form>
           </div>
           <div class="info_content" v-show="loginType == 2">
-          <el-form :model="form2" :rules="rules2" ref="form2" label-width="0px">
+            <el-form
+              :model="form2"
+              :rules="rules2"
+              ref="form2"
+              label-width="0px"
+            >
               <el-form-item label="" prop="phone">
-              <el-input v-model="form2.phone" style="height: 53px; font-size: 16px" :placeholder="$t('message.login.phone_placeholder')">
+                <el-input
-                <img slot="prefix" src="../../assets/images/accountNumber.png" class="inputIcon" />
+                  v-model="form2.phone"
+                  style="height: 53px; font-size: 16px"
+                  :placeholder="$t('message.login.phone_placeholder')"
+                >
+                  <img
+                    slot="prefix"
+                    src="../../assets/images/accountNumber.png"
+                    class="inputIcon"
+                  />
                 </el-input>
               </el-form-item>
-            <el-form-item style="margin-top: 39px" label="" prop="verificationCode">
+              <el-form-item
+                style="margin-top: 39px"
+                label=""
+                prop="verificationCode"
+              >
                 <el-input
                   v-model="form2.verificationCode"
                   style="height: 53px; font-size: 16px"
-                :placeholder="$t('message.login.verificationCode_placeholder')"
+                  :placeholder="
+                    $t('message.login.verificationCode_placeholder')
+                  "
                   @keyup.enter.native="loginFn"
                 >
-                <img slot="prefix" src="../../assets/images/password.png" class="inputIcon" />
+                  <img
+                    slot="prefix"
+                    src="../../assets/images/password.png"
+                    class="inputIcon"
+                  />
                   <div slot="suffix" style="margin: 6px 10px 0 0">
                     <getcode :phone="form2.phone" type="theme2"></getcode>
                   </div>
@@ -87,7 +151,9 @@
             </el-form>
           </div>
           <div style="margin-top: 40px">
-          <el-button type="primary" class="logo_btn" @click="loginFn">{{ $t('message.login.login') }} </el-button>
+            <el-button type="primary" class="logo_btn" @click="loginFn"
+              >{{ $t("message.login.login") }}
+            </el-button>
           </div>
           <div class="info_bottom">
             友情提示：win7以上操作系统，浏览器使用Chrome；电脑屏幕分辩率>=1440X900达到最佳浏览视觉
@@ -98,19 +164,29 @@
               class="flex2"
               @click="
                 () => {
-                automaticLogin = !this.automaticLogin
+                  automaticLogin = !this.automaticLogin;
                 }
               "
             >
-            <img src="../../assets/images/no_checked.png" v-if="!automaticLogin" />
+              <img
-            <img src="../../assets/images/checked.png" v-if="automaticLogin" />
+                src="../../assets/images/no_checked.png"
-            <span style="margin-left: 12px">{{ $t('message.login.automaticLogon') }}</span>
+                v-if="!automaticLogin"
+              />
+              <img
+                src="../../assets/images/checked.png"
+                v-if="automaticLogin"
+              />
+              <span style="margin-left: 12px">{{
+                $t("message.login.automaticLogon")
+              }}</span>
             </div>
             <div>
-            <span style="margin-right: 5px">{{ $t('message.login.forgetThePassword') }}</span>
+              <span style="margin-right: 5px">{{
+                $t("message.login.forgetThePassword")
+              }}</span>
               <span class="span_placeholder"></span>
               <el-button type="text" style="margin-left: 5px" @click="goSignIn">
-              {{ $t('message.login.clickRegister') }}
+                {{ $t("message.login.clickRegister") }}
               </el-button>
             </div>
           </div>
@@ -119,481 +195,409 @@
     </div>
     <div class="zjsjLogin" v-if="projectType == 'zjsj'">
       <div class="zjsjcontent">
-        <img class="contentBGI" src="../../assets/images/zjsj/zjsj_loginBgc.jpg" alt="" />
+        <img
-        <div class="leftContent">
+          class="contentBGI"
-          <div class="title_r">
+          src="../../assets/images/zjsj/zjsj_loginBgc.jpg"
-            <div class="backBtn" @click="goBackBtn">
+          alt=""
-              返回到首页
+        />
+        <LoginInfo
+          class="leftContent"
+          ref="LoginInfo"
+          :form="form"
+          :rules="rules"
+          @loginFn="loginFn"
+        ></LoginInfo>
       </div>
-        <!-- <el-button type="primary" plain size="small" class="backBtn" @click="goBackBtn">返回到首页</el-button> -->
+      <div></div>
-      </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>
-  </div>
-
-
 </template>
 <script>
-import vueMatomo from 'vue-matomo'
+import vueMatomo from "vue-matomo";
-import { loginPhoneApi, loginApi, getUserByUidApi, companyLoginApi, projectLoginApi } from '@/assets/js/api/loginSign'
+import {
-import { selectSystemLogoConfigApi } from '@/assets/js/api/jxjadmin'
+  loginPhoneApi,
-import getcode from '@/components/getMsgCode'
+  loginApi,
-import { getOneComputerAuthApi } from '@/assets/js/api/loginSign'
+  getUserByUidApi,
-import { selectNoticeRemindSoundApi } from '@/assets/js/api/configManage'
+  companyLoginApi,
+  projectLoginApi,
+} from "@/assets/js/api/loginSign";
+import { selectSystemLogoConfigApi } from "@/assets/js/api/jxjadmin";
+import getcode from "@/components/getMsgCode";
+import { getOneComputerAuthApi } from "@/assets/js/api/loginSign";
+import { selectNoticeRemindSoundApi } from "@/assets/js/api/configManage";
+import LoginInfo from "./components/loginInfo.vue";
 export default {
-  name: 'login',
+  name: "login",
-  components: { getcode },
+  components: { getcode, LoginInfo },
   data() {
     return {
-      show:false,
+      show: false,
-      input:'',
+      input: "",
-      radio:'',
+      radio: "",
-      projectType:'',
+      projectType: "",
       LOGO: LOGO,
       loginType: 1,
       automaticLogin: false,
       form: {
-        account: '',
+        account: "",
-        password: ''
+        password: "",
       },
       form2: {
-        phone: '',
+        phone: "",
-        verificationCode: ''
+        verificationCode: "",
       },
       rules: {
         account: [
           {
             required: true,
-            message: this.$t('message.login.rules.account_message'),
+            message: this.$t("message.login.rules.account_message"),
-            trigger: 'blur'
+            trigger: "blur",
-          }
+          },
         ],
         password: [
           {
             required: true,
-            message: this.$t('message.login.rules.password_message'),
+            message: this.$t("message.login.rules.password_message"),
-            trigger: 'blur'
+            trigger: "blur",
-          }
+          },
-        ]
+        ],
       },
       rules2: {
         phone: [
           {
             required: true,
-            message: this.$t('message.login.rules2.phone_message'),
+            message: this.$t("message.login.rules2.phone_message"),
-            trigger: 'blur'
+            trigger: "blur",
-          }
+          },
         ],
         verificationCode: [
           {
             required: true,
-            message: this.$t('message.login.rules2.verificationCode_message'),
+            message: this.$t("message.login.rules2.verificationCode_message"),
-            trigger: 'blur'
+            trigger: "blur",
-          }
+          },
-        ]
+        ],
       },
       systemInfo: {
-        loginBackgroundImage: '',
+        loginBackgroundImage: "",
-        loginLogo: '',
+        loginLogo: "",
-        platformLogo: '',
+        platformLogo: "",
-        platformName: ''
+        platformName: "",
-      }
+      },
-    }
+    };
   },
   watch: {
     loginType(newDate, oldDate) {
-      console.log(newDate)
+      console.log(newDate);
-      console.log(oldDate)
+      console.log(oldDate);
       if (newDate === 1) {
-        window._paq.push(['trackEvent', '点击', '登录', '使用密码登录'])
+        window._paq.push(["trackEvent", "点击", "登录", "使用密码登录"]);
       } else {
-        window._paq.push(['trackEvent', '点击', '登录', '使用账号登录'])
+        window._paq.push(["trackEvent", "点击", "登录", "使用账号登录"]);
-      }
       }
     },
+  },
   created() {
-    this.company = COMPANY
+    this.company = COMPANY;
     this.projectType = PROJECT_TYPE;
   },
   mounted() {
-    delete this.$http.defaults.headers.common['Authorization']
+    delete this.$http.defaults.headers.common["Authorization"];
-    if (window.location.href.indexOf('type=lgzbdp') != -1) {
+    if (window.location.href.indexOf("type=lgzbdp") != -1) {
-      window.localStorage.setItem('isIframe', '1')
+      window.localStorage.setItem("isIframe", "1");
     } else {
-      if (window.localStorage.getItem('isIframe')) {
+      if (window.localStorage.getItem("isIframe")) {
-        window.localStorage.removeItem('isIframe')
+        window.localStorage.removeItem("isIframe");
       }
     }
     //兼容第三方平台接入 ---做免码登录
-    if (window.location.href.indexOf('UID') != -1) {
+    if (window.location.href.indexOf("UID") != -1) {
       // debugger;
-      this.$store.commit('setUid', true)
+      this.$store.commit("setUid", true);
       // let str = window.location.href.split("UID=")[1];
-      let uid = window.location.href.split('UID=')[1]
+      let uid = window.location.href.split("UID=")[1];
       // let uid = str.substring(0, str.length - 7);
       let data = {
-        uid
+        uid,
-      }
+      };
       //获取到用户信息
-      getUserByUidApi(data).then(res => {
+      getUserByUidApi(data).then((res) => {
         if (res.code == 200) {
           //赋值
-          this.parseLoginData(res.result)
+          this.parseLoginData(res.result);
         } else {
-          this.$message.error(res.message)
+          this.$message.error(res.message);
         }
-      })
+      });
     } else {
-      this.$store.commit('setUid', false)
+      this.$store.commit("setUid", false);
-      this.getDetail()
+      this.getDetail();
-      this.getData()
+      this.getData();
     }
   },
   methods: {
     //判断平台是否授权
     getData() {
-      getOneComputerAuthApi().then(res => {
+      getOneComputerAuthApi().then((res) => {
         if (res.result) {
         } else {
-          this.$router.push({ path: '/authorization' })
+          this.$router.push({ path: "/authorization" });
         }
-      })
+      });
     },
     getDetail() {
-      selectSystemLogoConfigApi().then(res => {
+      selectSystemLogoConfigApi().then((res) => {
         if (res.result) {
-          console.log('查看有没有背景图', res)
+          console.log("查看有没有背景图", res);
-          console.log(window.location.protocol)
+          console.log(window.location.protocol);
-          this.systemInfo = res.result
+          this.systemInfo = res.result;
           if (this.systemInfo.loginLogo) {
-            this.systemInfo.loginLogo = window.location.protocol + '//' + res.result.loginLogo.split('//')[1]
+            this.systemInfo.loginLogo =
+              window.location.protocol +
+              "//" +
+              res.result.loginLogo.split("//")[1];
           }
-          localStorage.setItem('systemInfo', JSON.stringify(res.result))
+          localStorage.setItem("systemInfo", JSON.stringify(res.result));
-          if (res.result.fileStorageType !== '0') {
+          if (res.result.fileStorageType !== "0") {
-            this.$store.commit('setFILEURL', '')
+            this.$store.commit("setFILEURL", "");
           }
         }
-      })
+      });
     },
     goBackBtn() {
-      this.$router.push({ path: '/' })
+      this.$router.push({ path: "/" });
     },
     goSignIn() {
-      this.$router.push({ path: '/sign' })
+      this.$router.push({ path: "/sign" });
     },
     loginFn() {
       // 1系统管理员，2企业管理员账号，3企业区账号，4企业市账号，5项目账号  6项目子账号   7项目部账号
       if (this.loginType == 1) {
-        this.$refs['form'].validate(valid => {
+        this.$nextTick(() => {
+          if (this.projectType == "zjsj") {
+            this.$refs["LoginInfo"].$refs["form"].validate((valid) => {
+              // console.log("this.$refs['LoginInfo']:", this.$refs["LoginInfo"]);
               if (valid) {
                 if (LOGINTYPE == 1) {
-              loginApi(this.form).then(res => {
+                  loginApi(this.form).then((res) => {
-                console.log('--------------------10')
+                    console.log("--------------------10");
-                console.log(res.result)
+                    console.log(res.result);
-                this.parseLoginData(res.result)
+                    this.parseLoginData(res.result);
-              })
+                  });
                 } else if (LOGINTYPE == 2) {
-              console.log(2222222222222)
+                  console.log(2222222222222);
 
-              companyLoginApi(this.form).then(res => {
+                  companyLoginApi(this.form).then((res) => {
-                this.parseLoginData(res.result)
+                    this.parseLoginData(res.result);
-              })
+                  });
                 } else if (LOGINTYPE == 3) {
-              console.log(333333333)
+                  console.log(333333333);
 
-              projectLoginApi(this.form).then(res => {
+                  projectLoginApi(this.form).then((res) => {
-                this.parseLoginData(res.result)
+                    this.parseLoginData(res.result);
-              })
+                  });
                 }
               } else {
-            console.log('error submit!!')
+                console.log("error submit!!");
-            return false
+                return false;
               }
-        })
+            });
-      } else {
+          } else if (this.projectType == "common") {
-        this.$refs['form2'].validate(valid => {
+            this.$refs["form"].validate((valid) => {
               if (valid) {
-            loginPhoneApi(this.form2).then(res => {
+                if (LOGINTYPE == 1) {
-              this.parseLoginData(res.result)
+                  loginApi(this.form).then((res) => {
-            })
+                    console.log("--------------------10");
-          } else {
+                    console.log(res.result);
-            console.log('error submit!!')
+                    this.parseLoginData(res.result);
-            return false
+                  });
+                } else if (LOGINTYPE == 2) {
+                  console.log(2222222222222);
+
+                  companyLoginApi(this.form).then((res) => {
+                    this.parseLoginData(res.result);
+                  });
+                } else if (LOGINTYPE == 3) {
+                  console.log(333333333);
+
+                  projectLoginApi(this.form).then((res) => {
+                    this.parseLoginData(res.result);
+                  });
                 }
-        })
+              } else {
+                console.log("error submit!!");
+                return false;
+              }
+            });
+          }
+        });
+      } else {
+        this.$refs["form2"].validate((valid) => {
+          if (valid) {
+            loginPhoneApi(this.form2).then((res) => {
+              this.parseLoginData(res.result);
+            });
+          } else {
+            console.log("error submit!!");
+            return false;
+          }
+        });
       }
     },
     selectMp3FileList() {
-      selectNoticeRemindSoundApi({ projectSn: this.$store.state.projectSn }).then(res => {
+      selectNoticeRemindSoundApi({
-        console.log(res)
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        console.log(res);
         if (res.code == 200) {
           // this.MP4FileList = res.result
-          localStorage.setItem('soundList', JSON.stringify(res.result))
+          localStorage.setItem("soundList", JSON.stringify(res.result));
-          console.log(localStorage.getItem('soundList'))
+          console.log(localStorage.getItem("soundList"));
         }
-      })
+      });
     },
     parseLoginData(data) {
-      console.log('登录进来的data', data)
+      console.log("登录进来的data", data);
-      window._paq.push(['trackEvent', '点击', '登录', '登录账号'])
+      window._paq.push(["trackEvent", "点击", "登录", "登录账号"]);
-      this.$message.success(this.$t('message.login.login_success_msg')) //登录成功！
+      this.$message.success(this.$t("message.login.login_success_msg")); //登录成功！
-      this.$http.defaults.headers.common['Authorization'] = 'Bearer' + ' ' + data.token
+      this.$http.defaults.headers.common["Authorization"] =
-      this.$http.defaults.headers.common['operateId'] = data.userId
+        "Bearer" + " " + data.token;
-      this.$store.commit('setUserInfo', data)
+      this.$http.defaults.headers.common["operateId"] = data.userId;
-      var moduleList = data.menuAuthority.moduleList ? data.menuAuthority.moduleList : []
+      this.$store.commit("setUserInfo", data);
-      var companyModule = []
+      var moduleList = data.menuAuthority.moduleList
+        ? data.menuAuthority.moduleList
+        : [];
+      var companyModule = [];
       if (moduleList.length == 0 && data.accountType != 1) {
-        this.$message.warning('当前账号还没分配权限')
+        this.$message.warning("当前账号还没分配权限");
-        return false
+        return false;
       }
-      moduleList.forEach(element => {
+      moduleList.forEach((element) => {
         if (element.moduleType == 1) {
-          companyModule.push(element)
+          companyModule.push(element);
         }
-      })
+      });
       var menu2 = [
         {
-          menuName: '企业管理',
+          menuName: "企业管理",
           id: 9199,
-          path: '/registerAudit'
+          path: "/registerAudit",
         },
         {
-          menuName: '模块菜单管理',
+          menuName: "模块菜单管理",
           id: 9299,
-          path: '/moduleMenuManage'
+          path: "/moduleMenuManage",
         },
         {
-          menuName: 'app版本管理',
+          menuName: "app版本管理",
           id: 9297,
-          path: '/operateManage'
+          path: "/operateManage",
         },
         {
-          menuName: '塔吊模型管理',
+          menuName: "塔吊模型管理",
           id: 9298,
-          path: '/brand'
+          path: "/brand",
-        }
+        },
-      ]
+      ];
       switch (data.accountType) {
         case 1:
-          this.$store.commit('setMenuList', menu2)
+          this.$store.commit("setMenuList", menu2);
-          this.$store.commit('setProjectManageMenuList', menu2)
+          this.$store.commit("setProjectManageMenuList", menu2);
-          console.log('-----------', menu2)
+          console.log("-----------", menu2);
-          this.$store.commit('setIsShowBackIndex', false)
+          this.$store.commit("setIsShowBackIndex", false);
-          this.$router.push('/registerAudit')
+          this.$router.push("/registerAudit");
-          break
+          break;
         case 2:
-          this.$store.commit('setMenuList', companyModule)
+          this.$store.commit("setMenuList", companyModule);
-          this.$store.commit('setProjectManageMenuList', companyModule)
+          this.$store.commit("setProjectManageMenuList", companyModule);
-          this.$store.commit('setIsShowBackIndex', false)
+          this.$store.commit("setIsShowBackIndex", false);
-          this.$router.push(companyModule[0].modulePath)
+          this.$router.push(companyModule[0].modulePath);
-          break
+          break;
         case 3:
-          this.$store.commit('setMenuList', companyModule)
+          this.$store.commit("setMenuList", companyModule);
-          this.$store.commit('setProjectManageMenuList', companyModule)
+          this.$store.commit("setProjectManageMenuList", companyModule);
-          this.$store.commit('setIsShowBackIndex', false)
+          this.$store.commit("setIsShowBackIndex", false);
-          this.$router.push(companyModule[0].modulePath)
+          this.$router.push(companyModule[0].modulePath);
-          break
+          break;
         case 4:
-          this.$store.commit('setMenuList', companyModule)
+          this.$store.commit("setMenuList", companyModule);
-          this.$store.commit('setProjectManageMenuList', companyModule)
+          this.$store.commit("setProjectManageMenuList", companyModule);
-          this.$store.commit('setIsShowBackIndex', false)
+          this.$store.commit("setIsShowBackIndex", false);
-          this.$router.push(companyModule[0].modulePath)
+          this.$router.push(companyModule[0].modulePath);
-          break
+          break;
         case 7:
-          this.$store.commit('setMenuList', companyModule)
+          this.$store.commit("setMenuList", companyModule);
-          this.$store.commit('setProjectManageMenuList', companyModule)
+          this.$store.commit("setProjectManageMenuList", companyModule);
-          this.$store.commit('setIsShowBackIndex', false)
+          this.$store.commit("setIsShowBackIndex", false);
-          this.$router.push(companyModule[0].modulePath)
+          this.$router.push(companyModule[0].modulePath);
-          break
+          break;
         case 5:
           // styleType == 3 衢州版
           if (data.styleType == 1 || !data.styleType) {
-            this.$router.push('/projectIndex')
+            this.$router.push("/projectIndex");
           } else if (data.styleType == 2) {
-            this.$router.push('/projectV2/taskList')
+            this.$router.push("/projectV2/taskList");
           } else {
-            this.$router.push('/projectV3/taskList')
+            this.$router.push("/projectV3/taskList");
           }
-          this.$store.commit('setProjectSn', data.sn)
+          this.$store.commit("setProjectSn", data.sn);
-          break
+          break;
         case 6:
           if (data.styleType == 1 || !data.styleType) {
-            this.$router.push('/projectIndex')
+            this.$router.push("/projectIndex");
           } else if (data.styleType == 2) {
-            this.$router.push('/projectV2/taskList')
+            this.$router.push("/projectV2/taskList");
           } else {
-            this.$router.push('/projectV3/taskList')
+            this.$router.push("/projectV3/taskList");
           }
-          this.$store.commit('setProjectSn', data.sn)
+          this.$store.commit("setProjectSn", data.sn);
-          break
+          break;
       }
-      this.selectMp3FileList()
+      this.selectMp3FileList();
-    }
+    },
-  }
+  },
-}
+};
 </script>
 <style lang="less" scoped>
-  ::v-deep .el-input__inner {
+::v-deep .el-input__inner {
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
-  border-radius:0% ;
+  border-radius: 0%;
-  background-color: rgba(2, 38, 64,0.1);
+  background-color: rgba(2, 38, 64, 0.1);
   color: #ffffff;
   font-size: 14px;
 }
-::v-deep ::-webkit-input-placeholder{
+::v-deep ::-webkit-input-placeholder {
   color: #eeeeee;
   -webkit-text-fill-color: #eeeeee;
 }
-// 在使用浏览器保存的数据时 输入框的样式
+
-::v-deep input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
+::v-deep .el-radio {
-    // 字体颜色
+  color: #27e1f0;
-    -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);
+  background-color: rgba(2, 38, 64, 0);
   border-color: #27e1f0;
 }
 ::v-deep .el-radio__label {
-  padding-left:5px
+  padding-left: 5px;
 }
-  .zjsjLogin{
+.zjsjLogin {
   width: 100%;
   height: 100%;
-    .zjsjcontent{
+  .zjsjcontent {
     width: 100%;
-      height:100%;
+    height: 100%;
     position: relative;
-      .contentBGI{
+    .contentBGI {
       width: 100%;
       height: 100%;
     }
-      .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%;
-          }
-        }
-        }
-        
-      }
-    }
-  }
   }
+}
 .flex {
   display: flex;
   align-items: center;