|
|
|
@ -14,16 +14,19 @@
|
|
|
|
inactive-action-icon="Sunny" @change="toggleDark" />
|
|
|
|
inactive-action-icon="Sunny" @change="toggleDark" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="margin-top: -100px;">
|
|
|
|
|
|
|
|
<div style="font-size: 36px; margin-left: -100px;margin-bottom: 50px;">深圳市南山区妇幼保健院医技检查预约系统</div>
|
|
|
|
<el-form style="width: 400px;" ref="ruleFormRef" status-icon class="demo-ruleForm">
|
|
|
|
<el-form style="width: 400px;" ref="ruleFormRef" status-icon class="demo-ruleForm">
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<span style="font-size: 22px;">登录您的账户</span>
|
|
|
|
<span style="font-size: 22px;">登录您的账户</span>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-input v-model.number="username" ref="usernameRef" @keyup.enter="focusNextTo()" :prefix-icon="User" placeholder="用户名" size="large" />
|
|
|
|
<el-input v-model.number="username" ref="usernameRef" @keyup.enter="focusNextTo()"
|
|
|
|
|
|
|
|
:prefix-icon="User" placeholder="用户名" size="large" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-input v-model="pwd" type="password" ref="passwordRef" @keyup.enter="login()" autocomplete="off" placeholder="密码" size="large"
|
|
|
|
<el-input v-model="pwd" type="password" ref="passwordRef" @keyup.enter="login()"
|
|
|
|
:prefix-icon="Lock" />
|
|
|
|
autocomplete="off" placeholder="密码" size="large" :prefix-icon="Lock" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-button style="width: 100%;" type="primary" @click="login(ruleFormRef)"
|
|
|
|
<el-button style="width: 100%;" type="primary" @click="login(ruleFormRef)"
|
|
|
|
@ -31,6 +34,7 @@
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<div style="height: 160px;"></div>
|
|
|
|
<div style="height: 160px;"></div>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="right_bottom"></div>
|
|
|
|
<div class="right_bottom"></div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
@ -48,12 +52,16 @@
|
|
|
|
ElMessage
|
|
|
|
ElMessage
|
|
|
|
} from 'element-plus'
|
|
|
|
} from 'element-plus'
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
ref,nextTick,onMounted
|
|
|
|
ref,
|
|
|
|
|
|
|
|
nextTick,
|
|
|
|
|
|
|
|
onMounted
|
|
|
|
} from 'vue'
|
|
|
|
} from 'vue'
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
Lock,
|
|
|
|
Lock,
|
|
|
|
User,
|
|
|
|
User,
|
|
|
|
Iphone,RefreshRight,Key
|
|
|
|
Iphone,
|
|
|
|
|
|
|
|
RefreshRight,
|
|
|
|
|
|
|
|
Key
|
|
|
|
} from '@element-plus/icons-vue'
|
|
|
|
} from '@element-plus/icons-vue'
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
useToggle
|
|
|
|
useToggle
|
|
|
|
@ -105,7 +113,6 @@
|
|
|
|
usernameRef.value.focus()
|
|
|
|
usernameRef.value.focus()
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
<style scoped>
|
|
|
|
@ -153,5 +160,4 @@ flex-direction: column;
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</style>
|