<template>
<div class="login">
<el-card class="box-card" style="width:650px;height:370px;border-color: #0097de;background-color: #0097de; margin-left: 30%;">
<h2 align="center">项目管理系统</h2>
<el-card class="heard-card" >
<el-Row :gutter="140">
<el-Col span="10">
<el-Card dis-hover
:bordered="true"
class="left-card"
>
<div class="company"></div>
</el-Card>
</el-Col>
<el-Col span="14">
<el-Card dis-hover
:bordered="true"
class="right-card"
>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<el-form-item prop="username">
<el-input style="width: 250px;"
v-model="loginForm.username"
type="text"
auto-complete="off"
placeholder="账号"
>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input style="width: 250px"
v-model="loginForm.password"
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="password"