| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="pc-login" v-show="state.isShowLogin"> |
| | | <div class="pc-login items-center justify-center" style="display:flex" v-show="state.isShowLogin"> |
| | | <div class="login_box"> |
| | | <div class="sign_in"> |
| | | <i class="ywicon icon-guanbi closes" @click="handleClose"></i> |
| | | <h1><span class="ml-[33px]">登录 WI 水务</span></h1> |
| | | <el-form ref="loginFormRef" :model="state.loginForm" :rules="loginRules" class="demo-ruleForm" size="large"> |
| | | <h1><span>登录 WI 水务</span></h1> |
| | | <el-form ref="loginFormRef" :model="state.loginForm" :rules="loginRules" class="demo-ruleForm mt-[24px]" size="large"> |
| | | <el-form-item label="账号" prop="account"> |
| | | <el-input v-model="state.loginForm.account" clearable /> |
| | | </el-form-item> |
| | |
| | | <el-input v-model="state.loginForm.pwd" type="password" autocomplete="off" clearable /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div class="mt-[115px]"> |
| | | <div class="mt-[24px]"> |
| | | <el-button type="primary" @click="onSubmit" class="set-login_btn">登录</el-button> |
| | | </div> |
| | | </div> |
| | |
| | | .login_box { |
| | | position: relative; |
| | | width: 450px; |
| | | height: 550px; |
| | | margin: 15vh auto; |
| | | .sign_in { |
| | | padding: 39px; |
| | | position: relative; |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | h1 { |
| | | box-sizing: content-box; |
| | | width: 100%; |
| | | margin-top: 25px; |
| | | font-size: 30px; |
| | | font-weight: 500; |
| | | color: #1c153a; |
| | | text-align: left !important; |
| | | margin-bottom: 105px; |
| | | } |
| | | .demo-ruleForm { |
| | | :deep(.el-input__wrapper) { |