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>