二维码

liuyg

2021-10-13 6b5c7f553667bedddd7068e594134ed3de9ec858

二维码

 public/securityPrint.html

 src/api/logs.js

@@ -62,3 +62,13 @@
  })
}

export const geterweima = (type) => {
  return request({
    url: '/api/blade-resource/attach/detail',
    method: 'get',
    params: {
      type,
    }
  })
}


 src/page/login/index.vue

@@ -1,20 +1,21 @@
<template>
  <div class="login-container"
       ref="login"
       @keyup.enter.native="handleLogin">
  <div class="login-container" ref="login" @keyup.enter.native="handleLogin">
    <top-color v-show="false"></top-color>
    <div class="login-weaper animated bounceInDown">
      <div class="login-left">
        <div class="login-time">
          {{time}}
        </div>
        <img class="img" src="/img/logo.png" alt="">
        <p class="title">{{ $t('login.info') }}</p>
        <img class="img" src="/img/logo.png" alt="" />
        <p class="title">{{ $t("login.info") }}</p>
      </div>
      <div class="login-border">
        <div class="login-erweima">
          <img :src="link" alt="" />
        </div>
        <div class="login-main">
          <h4 class="login-title">
            {{ $t('login.title') }}
            {{ $t("login.title") }}
            <!--            <top-lang></top-lang>-->
          </h4>
          <h4 class="login-title-child">IoT security cloud service platform</h4>
@@ -23,11 +24,10 @@
          <!--    <thirdLogin v-else-if="activeName==='third'"></thirdLogin>-->
          <div class="login-menu">
            <!--    <a href="#" @click.stop="activeName='user'">{{ $t('login.userLogin') }}</a>-->
            <a href="#" @click.stop="zShow">{{ $t('login.phoneLogin') }}</a>
            <a href="#" @click.stop="zShow">{{ $t("login.phoneLogin") }}</a>
            <!--   <a href="#" @click.stop="activeName='third'">{{ $t('login.thirdLogin') }}</a>-->
          </div>
        </div>

      </div>
    </div>
    <div class="z" v-show="activeName == 'code'">
@@ -45,6 +45,7 @@
  import topLang from "@/page/index/top/top-lang";
  import topColor from "@/page/index/top/top-color";
  import {getQueryString, getTopUrl} from "@/util/util";
import { geterweima } from "@/api/logs";

  export default {
    name: "login",
@@ -53,7 +54,7 @@
      codeLogin,
      thirdLogin,
      topLang,
      topColor
    topColor,
    },
    data() {
      return {
@@ -64,22 +65,25 @@
          source: "",
          code: "",
          state: "",
        }
        link: "",
      },
      };
    },
    watch: {
      $route() {
        this.handleLogin();
      }
    },
    },
    created() {
      this.handleLogin();
      this.getTime();
    geterweima(9).then((res) => {
      this.link = res.data.data.link;
    });
    },
    mounted() {
    },
  mounted() {},
    computed: {
      ...mapGetters(["website", "tagWel"])
    ...mapGetters(["website", "tagWel"]),
    },
    props: [],
    methods: {
@@ -94,30 +98,40 @@
        this.socialForm.source = getQueryString("source");
        this.socialForm.code = getQueryString("code");
        this.socialForm.state = getQueryString("state");
        if (validatenull(this.socialForm.source) && topUrl.includes(redirectUrl)) {
      if (
        validatenull(this.socialForm.source) &&
        topUrl.includes(redirectUrl)
      ) {
          let source = topUrl.split("?")[0];
          source = source.split(redirectUrl)[1];
          this.socialForm.source = source;
        }
        if (!validatenull(this.socialForm.source) && !validatenull(this.socialForm.code) && !validatenull(this.socialForm.state)) {
      if (
        !validatenull(this.socialForm.source) &&
        !validatenull(this.socialForm.code) &&
        !validatenull(this.socialForm.state)
      ) {
          const loading = this.$loading({
            lock: true,
            text: '第三方系统登录中,请稍后。。。',
            spinner: "el-icon-loading"
          text: "第三方系统登录中,请稍后。。。",
          spinner: "el-icon-loading",
          });
          this.$store.dispatch("LoginBySocial", this.socialForm).then(() => {
        this.$store
          .dispatch("LoginBySocial", this.socialForm)
          .then(() => {
            window.location.href = topUrl.split(redirectUrl)[0];
            this.$router.push({path: this.tagWel.value});
            loading.close();
          }).catch(() => {
          })
          .catch(() => {
            loading.close();
          });
        }
      },
      zShow() {
        document.querySelector('.z').style.display = 'block';
      }
    }
      document.querySelector(".z").style.display = "block";
    },
  },
  };
</script>


 src/styles/login.scss

@@ -32,7 +32,7 @@
  border-bottom-left-radius: 5px;
  justify-content: center;
  flex-direction: column;
  background-color: #409EFF;
  background-color: #409eff;
  color: #fff;
  float: left;
  width: 50%;
@@ -73,8 +73,19 @@
  width: 50%;
  float: left;
  box-sizing: border-box;
  position: relative;
}

.login-erweima {
  position: absolute;
  right: 0;
  color: #333;
  top: 0;
  width: 130px;
  img {
    width: 100%;
    height: 100%;
  }
}
.login-main {
  margin: 0 auto;
  width: 65%;
@@ -113,12 +124,12 @@
.login-submit {
  width: 100%;
  height: 45px;
  border: 1px solid #409EFF;
  border: 1px solid #409eff;
  background: none;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 300;
  color: #409EFF;
  color: #409eff;
  cursor: pointer;
  margin-top: 30px;
  font-family: "neo";

 src/views/securityGuard/securityCertificate.vue

@@ -115,8 +115,8 @@
  justify-content: center;
}
.security_m_r_img img {
  width: 125px;
  height: 160px;
  width: calc(358px / 2.2);
  height: calc(441px / 2.2);
}
.security_m_r_once {
  position: relative;

 src/views/securityGuard/securityGuard.vue

@@ -589,7 +589,7 @@
                  ratio: 0.1,
                },
                action: "/api/blade-resource/oss/endpoint/put-files",
                tip: "只能上传jpg/png个人头像，且不超过500kb",
                tip: "上传二代身份证一寸近期彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不超过500kb",
                span: 12,
                // row: true,
                prop: "avatar",

 src/views/securityGuard/securityGuardDetail.vue

@@ -538,8 +538,8 @@
    top: 20px;
  }
  .img {
    width: 152px;
    height: 205px;
    width: 358px;
    height: 441px;
    border-radius: 10px;
    position: absolute;
    // border: 1px solid rgba($color: #888888, $alpha: 0.5);

 src/views/securityMan/index.vue

@@ -508,8 +508,8 @@
    top: 20px;
  }
  .img {
    width: 152px;
    height: 205px;
    width: calc(358px / 2.3);
    height: calc(441px / 2.3);
    border-radius: 10px;
    position: absolute;
    // border: 1px solid rgba($color: #888888, $alpha: 0.5);