| | |
| | | <el-form-item prop="username"> |
| | | <el-input |
| | | v-model="loginForm.username" |
| | | placeholder="请输入用户名" |
| | | placeholder="请输入用户名(企业用户为企业名称)" |
| | | name="username" |
| | | type="text" |
| | | auto-complete="on" |
| | |
| | | </div> |
| | | <div class="loginForm_check"> |
| | | <el-checkbox style="color: #009fda" v-model="checked"></el-checkbox> |
| | | <span style="color: #009fda" @click="lookAgreement">烟花爆竹流向管理信息和实名登记系统服务须知</span> |
| | | <span style="color: #009fda;cursor: pointer;" @click="lookAgreement">烟花爆竹安全监管数智化管理平台服务须知</span> |
| | | </div> |
| | | <div class="loginForm_button"> |
| | | <el-button class="loginForm_login_button" :loading="logingLoading" :disabled="submitLoading" type="primary" @click.native.prevent="handleSubmit"> |
| | |
| | | </el-form> |
| | | </template> |
| | | <script> |
| | | import { Message } from 'element-ui' |
| | | export default { |
| | | name: 'LoginForm', |
| | | props: { |
| | |
| | | } |
| | | }, |
| | | handleSubmit() { |
| | | if(!this.checked){ |
| | | Message.error('请勾选服务须知') |
| | | return |
| | | } |
| | | this.$refs.loginForm.validate((valid) => { |
| | | if (valid) { |
| | | this.$emit('on-success-valid', this.loginForm) |
| | |
| | | } |
| | | |
| | | .title { |
| | | width: 60px; |
| | | width: 100%; |
| | | height: 122px; |
| | | font-size: 30px; |
| | | font-family: PingFangSC-Medium, PingFang SC; |
| | |
| | | line-height: 42px; |
| | | margin: auto; |
| | | padding-top: 40px; |
| | | text-align: center; |
| | | letter-spacing: 4px; |
| | | } |
| | | .loginForm_username{ |
| | | width: 364px; |
| | |
| | | height: 44px; |
| | | background: #CC1420; |
| | | border-radius: 4px; |
| | | line-height: 44px; |
| | | padding: 0 20px; |
| | | } |
| | | .loginForm_register_button_login{ |
| | | width: 32px; |
| | |
| | | .loginForm_register_button { |
| | | width: 364px; |
| | | height: 44px; |
| | | line-height: 44px; |
| | | padding: 0 20px; |
| | | border-radius: 4px; |
| | | border: 1px solid #120C3F; |
| | | } |