<template>
  <div class="login">
    <el-row type="flex" justify="space-between" align="middle" style="width: 100%">
      <el-col :span="12" class="hidden-xs-only">
        <div class="login-logo">
          <img src="https://zws-imgs-pub.ezijing.com/pc/base/logo_white.svg" width="240" />
        </div>
      </el-col>
      <el-col :span="12" :xs="24">
        <div class="login-box">
          <router-view @success="handleSuccess"></router-view>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  methods: {
    handleSuccess(response) {
      const { url } = webConf.others.bluestar
      window.location.href = url
    }
  }
}
</script>

<style lang="scss" scoped>
.login {
  color: #fff;
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
}
::v-deep .el-button--primary {
  background: #fff;
  border: none;
  color: #000;
}
::v-deep .el-checkbox {
  color: #fff;
}
</style>
