<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="./assets/login_logo.png" />
        </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.sofia
      window.location.href = url
    }
  }
}
</script>

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