From 383ee0c1bf3819d66829cb388f5a81378449a62e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E8=BE=89=E8=BE=89?= <3548508071@qq.com>
Date: Tue, 30 Nov 2021 13:07:51 +0800
Subject: [PATCH] commit
---
04.系统编码/Frontend/.idea/workspace.xml | 10 +-
.../Frontend/public/images/lock.png | Bin 0 -> 469 bytes
.../Frontend/src/components/Login.vue | 103 +++++++++++++-----
3 files changed, 83 insertions(+), 30 deletions(-)
create mode 100644 04.系统编码/Frontend/public/images/lock.png
diff --git a/04.系统编码/Frontend/.idea/workspace.xml b/04.系统编码/Frontend/.idea/workspace.xml
index 6be951b..a54bfd2 100644
--- a/04.系统编码/Frontend/.idea/workspace.xml
+++ b/04.系统编码/Frontend/.idea/workspace.xml
@@ -21,10 +21,15 @@
<property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="nodejs_package_manager_path" value="npm" />
- <property name="settings.editor.selected.configurable" value="vcs.Git" />
+ <property name="settings.editor.selected.configurable" value="preferences.pluginManager" />
<property name="ts.external.directory.path" value="D:\project\NanJingLamanRadarProject\04.系统编码\Frontend\node_modules\typescript\lib" />
<property name="vue.rearranger.settings.migration" value="true" />
</component>
+ <component name="RecentsManager">
+ <key name="MoveFile.RECENT_KEYS">
+ <recent name="D:\project\NanJingLamanRadarProject\04.系统编码\Frontend\public\images" />
+ </key>
+ </component>
<component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="应用程序级" UseSingleDictionary="true" transferred="true" />
<component name="TaskManager">
<task active="true" id="Default" summary="默认任务">
@@ -39,7 +44,8 @@
<workItem from="1638178911648" duration="1742000" />
<workItem from="1638188568745" duration="5341000" />
<workItem from="1638233761575" duration="1033000" />
- <workItem from="1638235051409" duration="42000" />
+ <workItem from="1638235051409" duration="129000" />
+ <workItem from="1638235200843" duration="11502000" />
</task>
<servers />
</component>
diff --git a/04.系统编码/Frontend/public/images/lock.png b/04.系统编码/Frontend/public/images/lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..c887d2432a9a24f694b5caee04f59d89f73e509e
GIT binary patch
literal 469
zcmV;`0V@89P)<h;3K|Lk000e1NJLTq000sI000&U1^@s6&0owx00001b5ch_0Itp)
z=>Px$k4Z#9R5(wyltEU)Fc60GXOXQO!5fGtu$(|WfpkO4N^YRu09Pbz3MWucAl#td
zz$3txMaDOMiKeurz<XxbWb(~F&HMw=vSzc{P)hkIgy{Q_LI^R{S}&WfV1F~u^WJW^
z`-}klA%#+Ekf!M-KB$3=F$I7t4kDrt04smtP6%-m)M>4+TS2~@+y}g9t)JsyYb}32
z@t$)o9goM0a9&YljClueOGIB;mW6*)DJ>{wwON+2%5qge)><xu<=51N3&xl!0DgqE
z);c*G6qWanp!s~>cg}H169AV)w2EG<@{fop0gw>UH}{p4ay=T23hcd9TYnzh=NE*v
zmK*EhEW+QV4TGoyvi0W&lN|%P_n@~!2|Gc~xd8*Dl<dFOh1gq7QAdK-3<{mvnC%!4
z5xw&BCmphR4)JRAo;UEI^jhSxbGo3kN(u7Aj63zze%dOfE_ulPx}R;r);IySWvj3~
zYGcGJn+hQwI%-@hr6%#Xt&Lg+coPo+u*zPU5!et>A*Ead6>+j3{o2YrVULt;00000
LNkvXXu0mjfYhBOQ
literal 0
HcmV?d00001
diff --git a/04.系统编码/Frontend/src/components/Login.vue b/04.系统编码/Frontend/src/components/Login.vue
index ac81dee..e51c94e 100644
--- a/04.系统编码/Frontend/src/components/Login.vue
+++ b/04.系统编码/Frontend/src/components/Login.vue
@@ -1,42 +1,54 @@
<template>
<div class="box">
-
-
-
<div class="loginInput">
<div class="litterSemicircle"><img src="/images/logo.png"/> </div>
-
<div class="importInput">
- <div>
<h1>南京生态环境评估决策平台</h1>
- <el-input v-model="input4" placeholder="请输入账户" class="input">
+ <el-input placeholder="请输入账户" type="text" class="input" v-model="inputName">
+ <template #prefix>
+ <el-icon ><img src="/images/pen.png"></el-icon>
+ </template>
+ </el-input>
+ <el-input placeholder="请输入登录密码" type="password" v-model="inputPassword" class="input" >
<template #prefix>
- <el-icon class="el-input__icon"><search /></el-icon>
+ <el-icon><img src="/images/lock.png"></el-icon>
</template>
</el-input>
- </div>
+ <el-button type="primary" class="btn" @click="onLoginClick">登录</el-button>
</div>
-
-
-
- </div>
-
-
+ </div>
</div>
</template>
<script lang="ts">
+import {reactive, toRefs} from "vue";
+import { ElMessageBox, ElMessage } from 'element-plus'
export default {
name: 'Login',
setup() {
- return {}
+ let option = reactive({
+ inputName: null,
+ inputPassword: null,
+ centerDialogVisible:false
+ })
+
+ const onLoginClick = () => {
+ if(option.inputName==null || option.inputPassword==null){
+ ElMessageBox.alert('请完善信息', '提示', {
+ confirmButtonText: '确认',
+ })
+ }
+ }
+
+ return {
+ ...toRefs(option),
+ onLoginClick
+ }
}
}
</script>
-<style lang="less" scoped>
- .box {
-
+<style lang="less" scoped>
.loginInput {
width: 651px;
height: 689px;
@@ -60,7 +72,6 @@ export default {
justify-content: center;
left: 50%;
transform: translate(-50%, -50%);
-
}
.importInput {
@@ -71,10 +82,13 @@ export default {
opacity: 1;
border-radius: 10px;
display: flex;
+ flex-wrap: wrap;
justify-content: center;
+ align-content: flex-start;
h1 {
width: 393px;
+ height: 40px;
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: bold;
@@ -83,20 +97,53 @@ export default {
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
opacity: 1;
margin-top: 120px;
+ margin-bottom: 52px;
+ padding-left: 12px;
+ }
+
+ :deep(.input) {
+ width: 496px;
+ height: 69px;
+ background: #FFFFFF;
+ border: 1px solid #BCBCBC;
+ opacity: 1;
+ margin-bottom: 71px;
+
+ .el-input__inner{
+ height: 100% !important;
+ position: relative;
+ border: none;
+ font-size: 18px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ line-height: 24px;
+ color: #999999;
+ padding-left: 54px;
+ }
+
}
- }
+ img {
+ width: 18px;
+ height: 17.92px;
+ position: absolute;
+ top: -7px;
+ }
+ }
+ }
img {
width: 157.33px;
height: 157.15px;
margin-top: 35px;
}
-
- }
- }
-
-
-
-
-
+ .btn{
+ width: 496px;
+ height: 69px;
+ background: #498DF0;
+ opacity: 1;
+ color: #FFFFFF;
+ border: none;
+ font-size: 22px;
+ margin-bottom: 127px;
+ }
</style>