From 9d8fa9f63c82b8c5e30f648e20fcfb2f8e86d8e9 Mon Sep 17 00:00:00 2001
From: songyang <972986197@qq.com>
Date: Mon, 4 Dec 2023 10:33:27 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E8=B0=83=E8=AF=95=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts             |   5 --
 env/.env.dev                |   3 +-
 src/http/api/login/index.ts |   6 ++
 src/views/Login.vue         | 132 +++++++++++++++++++++++++++++++++++-
 vite.config.ts              |   4 +-
 5 files changed, 139 insertions(+), 11 deletions(-)
 create mode 100644 src/http/api/login/index.ts

diff --git a/components.d.ts b/components.d.ts
index f0b59a7..569a706 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -10,20 +10,15 @@ declare module 'vue' {
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
-    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
-    ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
-    ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTag: typeof import('element-plus/es')['ElTag']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/env/.env.dev b/env/.env.dev
index 2781efa..eacbbfd 100644
--- a/env/.env.dev
+++ b/env/.env.dev
@@ -3,4 +3,5 @@ VITE_ENV = 'development'
 VITE_BUILD_MODE = 'dev'
 
 # 开发环境接口地址
-VITE_API_URL = '/proxyApi'
\ No newline at end of file
+VITE_API_URL = '/proxyApi' 
+
diff --git a/src/http/api/login/index.ts b/src/http/api/login/index.ts
new file mode 100644
index 0000000..967e727
--- /dev/null
+++ b/src/http/api/login/index.ts
@@ -0,0 +1,6 @@
+import { get, post } from '../../index'
+
+// 登录接口
+export const loginApi = (data) => {
+    return post('/login', data)
+}
\ No newline at end of file
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 7786ebb..4e8515a 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -1,12 +1,138 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+    import { loginApi } from '../../src/http/api/login/index.ts'
+    // import { ElMessage } from 'element-plus'
+    import { useRouter } from 'vue-router'
+    const router = useRouter()
+
+    const loginForm = ref({
+        username: '',
+        password: ''
+    })
+
+    const handlerLogin = async () => {
+        const res = await loginApi(loginForm.value)
+
+        console.log('登录成功**', res)
+
+        // if (res.code === 200) {
+        //     // ElMessage({
+        //     //     showClose: true,
+        //     //     message: '登录成功',
+        //     //     type: 'success'
+        //     // })
+        //     // 登录首页
+        //     // router.push('/')
+
+        // }
+    }
+</script>
 
 <template>
-    <div class="login-container">登录页</div>
+    <div class="login-container">
+        <div class="login-form">
+            <h3>机具租赁共享平台</h3>
+
+            <div class="form-container">
+                <div class="login-type">
+                    <div class="active">账号登录</div>
+                    <div>手机登录</div>
+                </div>
+
+                <el-form>
+                    <el-form-item>
+                        <el-input v-model="loginForm.username" placeholder="账号" clearable />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-input
+                            v-model="loginForm.password"
+                            placeholder="密码"
+                            clearable
+                            type="password"
+                            show-password />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="handlerLogin">登 录</el-button>
+                    </el-form-item>
+                    <el-form-item class="forget-password">
+                        <a href="">忘记密码</a>
+                        <a href="">立即注册</a>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
+    </div>
 </template>
 
-<style>
+<style lang="scss">
     .login-container {
         height: 100vh;
         /* background-color: skyblue; */
+        background-color: #125ab6;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .login-form {
+            width: 500px;
+            height: 360px;
+            display: flex;
+            flex-direction: column;
+
+            h3 {
+                color: #fff;
+                font-size: 18px;
+                font-weight: bold;
+                text-align: center;
+                margin-bottom: 30px;
+            }
+
+            .form-container {
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                background-color: #c7dff4;
+                border-radius: 5px;
+                .login-type {
+                    height: 40px;
+                    margin-bottom: 40px;
+                    display: flex;
+                    color: #333;
+                    div {
+                        flex: 1;
+                        height: 40px;
+                        text-align: center;
+                        line-height: 40px;
+                        &:hover {
+                            cursor: pointer;
+                        }
+                    }
+
+                    .active {
+                        color: #3498db;
+                        border-bottom: 1px solid #3498db;
+                    }
+                }
+                .el-form {
+                    padding: 0 50px;
+
+                    .el-input {
+                        height: 37px;
+                    }
+                    .el-button {
+                        width: 100%;
+                        height: 37px;
+                    }
+
+                    .forget-password {
+                        margin-bottom: 0;
+                    }
+
+                    .forget-password .el-form-item__content {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                    }
+                }
+            }
+        }
     }
 </style>
diff --git a/vite.config.ts b/vite.config.ts
index c2e7053..b4fd110 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,7 +5,7 @@ import AutoImport from 'unplugin-auto-import/vite'
 import { resolve } from 'path'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import Components from 'unplugin-vue-components/vite'
-import { ElementPlusResolver  } from 'unplugin-vue-components/resolvers'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import { createHtmlPlugin } from 'vite-plugin-html'
 import moment from 'moment'
 import { env } from 'node:process'
@@ -82,7 +82,7 @@ export default ({ mode }: any) => {
       // open: envInfo.VITE_OPEN,
       proxy: {
         '/proxyApi': {
-          target: 'https://test.com',
+          target: 'http://10.40.92.185:9200',
           secure: false,
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/proxyApi/, ''),