From 6bb26dd514f061a636bb23a09fb1d1545df8f39c Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Mon, 19 Feb 2024 09:39:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=BA=90=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                    |  24 +++++
 .vscode/extensions.json       |   3 +
 README.md                     |   7 ++
 dist-electron/main.js         |  34 +++++++
 electron/main.js              |  39 +++++++
 index.html                    |  13 +++
 package.json                  |  28 +++++
 public/vite.svg               |   1 +
 src/App.vue                   |  82 +++++++++++++++
 src/assets/logo.png           | Bin 0 -> 16736 bytes
 src/assets/vue.svg            |   1 +
 src/components/HelloWorld.vue |  40 ++++++++
 src/main.js                   |  33 ++++++
 src/router/index.js           |  40 ++++++++
 src/store/index.js            |   5 +
 src/store/user.js             |  13 +++
 src/style.css                 |  79 +++++++++++++++
 src/utils/index.js            |   0
 src/utils/request.js          |   8 ++
 src/views/home.vue            |  13 +++
 src/views/login.vue           | 181 +++++++++++++++++++++++++++++++++
 src/views/register.vue        | 185 ++++++++++++++++++++++++++++++++++
 vite.config.js                |  21 ++++
 23 files changed, 850 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .vscode/extensions.json
 create mode 100644 README.md
 create mode 100644 dist-electron/main.js
 create mode 100644 electron/main.js
 create mode 100644 index.html
 create mode 100644 package.json
 create mode 100644 public/vite.svg
 create mode 100644 src/App.vue
 create mode 100644 src/assets/logo.png
 create mode 100644 src/assets/vue.svg
 create mode 100644 src/components/HelloWorld.vue
 create mode 100644 src/main.js
 create mode 100644 src/router/index.js
 create mode 100644 src/store/index.js
 create mode 100644 src/store/user.js
 create mode 100644 src/style.css
 create mode 100644 src/utils/index.js
 create mode 100644 src/utils/request.js
 create mode 100644 src/views/home.vue
 create mode 100644 src/views/login.vue
 create mode 100644 src/views/register.vue
 create mode 100644 vite.config.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..c0a6e5a
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e62e093
--- /dev/null
+++ b/README.md
@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
diff --git a/dist-electron/main.js b/dist-electron/main.js
new file mode 100644
index 0000000..9db9ef0
--- /dev/null
+++ b/dist-electron/main.js
@@ -0,0 +1,34 @@
+"use strict";
+const electron = require("electron");
+electron.app.whenReady().then(() => {
+  const win = new electron.BrowserWindow({
+    title: "Main window",
+    fullscreenable: true,
+    fullscreen: true,
+    simpleFullscreen: true,
+    frame: false,
+    webPreferences: {
+      // 集成网页和 Node.js，也就是在渲染进程中，可以调用 Node.js 方法
+      nodeIntegration: true,
+      contextIsolation: false
+    }
+  });
+  if (process.env.VITE_DEV_SERVER_URL) {
+    win.loadURL(process.env.VITE_DEV_SERVER_URL);
+  } else {
+    win.loadFile("dist/index.html");
+  }
+  win.webContents.openDevTools();
+  electron.app.on("activate", () => {
+    if (electron.BrowserWindow.getAllWindows().length === 0)
+      createWindow();
+  });
+  electron.ipcMain.on("quitHandler", (_, msg) => {
+    console.log(msg);
+    electron.app.quit();
+  });
+});
+electron.app.on("window-all-closed", () => {
+  if (process.platform !== "darwin")
+    electron.app.quit();
+});
diff --git a/electron/main.js b/electron/main.js
new file mode 100644
index 0000000..2b169df
--- /dev/null
+++ b/electron/main.js
@@ -0,0 +1,39 @@
+import { app, BrowserWindow, ipcMain } from "electron";
+
+app.whenReady().then(() => {
+  const win = new BrowserWindow({
+    title: "Main window",
+    fullscreenable: true,
+    fullscreen: true,
+    simpleFullscreen: true,
+    frame: false,
+    webPreferences: {
+      // 集成网页和 Node.js，也就是在渲染进程中，可以调用 Node.js 方法
+      nodeIntegration: true,
+      contextIsolation: false,
+    },
+  });
+
+  // You can use `process.env.VITE_DEV_SERVER_URL` when the vite command is called `serve`
+  if (process.env.VITE_DEV_SERVER_URL) {
+    win.loadURL(process.env.VITE_DEV_SERVER_URL);
+  } else {
+    // Load your file
+    win.loadFile("dist/index.html");
+  }
+  win.webContents.openDevTools();
+  app.on("activate", () => {
+    // 在 macOS 系统内, 如果没有已开启的应用窗口
+    // 点击托盘图标时通常会重新创建一个新窗口
+    if (BrowserWindow.getAllWindows().length === 0) createWindow();
+  });
+
+  ipcMain.on("quitHandler", (_, msg) => {
+    console.log(msg);
+    app.quit();
+  });
+});
+
+app.on("window-all-closed", () => {
+  if (process.platform !== "darwin") app.quit();
+});
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8f7ca91
--- /dev/null
+++ b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en" id="html">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..ce4050c
--- /dev/null
+++ b/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "vite-electron",
+  "private": true,
+  "version": "0.0.0",
+  "main": "dist-electron/main.js",
+  "scripts": {
+    "dev": "chcp 65001 && vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.6.2",
+    "element-plus": "^2.4.3",
+    "pinia": "^2.1.7",
+    "vue": "^3.3.8",
+    "vue-router": "^4.2.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.5.0",
+    "path": "^0.12.7",
+    "sass": "^1.69.5",
+    "sass-loader": "^13.3.2",
+    "tree-kill": "^1.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-electron": "^0.15.4",
+    "vite-plugin-electron-renderer": "^0.14.5"
+  }
+}
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..b21e910
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="wrapper">
+    <div class="animation">
+      <router-view v-slot="{ Component }">
+        <transition :name="transitionName">
+          <component :is="Component"></component>
+        </transition>
+      </router-view>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useRouter } from "vue-router";
+import { ref } from "vue";
+let transitionName = ref();
+let router = useRouter();
+router.beforeEach((to, from) => {
+  // 根据路由标记判断触发哪个动画
+  if (to.meta.index > from.meta.index) {
+    // 从右往左动画
+    transitionName.value = "slide-right";
+  } else if (to.meta.index < from.meta.index) {
+    // 从左往右动画
+    transitionName.value = "slide-left";
+  } else {
+    transitionName.value = "";
+  }
+});
+</script>
+
+<style lang="scss">
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  user-select: none;
+}
+.mt50 {
+  margin-top: 50px;
+}
+.wrapper {
+  overflow-x: hidden;
+  .animation {
+    display: flex;
+    width: 200%;
+    & > div {
+      width: 50%;
+    }
+    .slide-left-enter-active,
+    .slide-left-leave-active,
+    .slide-right-enter-active,
+    .slide-right-leave-active {
+      transition: transform 0.3s;
+    }
+    .slide-right-enter-from {
+      transform: translateX(0);
+    }
+    .slide-right-enter-to {
+      transform: translateX(-100%);
+    }
+    .slide-right-leave-from {
+      transform: translateX(0);
+    }
+    .slide-right-leave-to {
+      transform: translateX(-100%);
+    }
+    .slide-left-enter-from {
+      transform: translateX(-200%);
+    }
+    .slide-left-enter-to {
+      transform: translateX(-100%);
+    }
+    .slide-left-leave-from {
+      transform: translateX(0);
+    }
+    .slide-left-leave-to {
+      transform: translateX(100%);
+    }
+  }
+}
+</style>
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0a2911403a4e31e40819493c0cd5c0ad496a3ab
GIT binary patch
literal 16736
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

literal 0
HcmV?d00001

diff --git a/src/assets/vue.svg b/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
new file mode 100644
index 0000000..f5e4f53
--- /dev/null
+++ b/src/components/HelloWorld.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: String,
+})
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Install
+    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
+    in your IDE for a better DX
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..11c0609
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,33 @@
+import { createApp } from "vue";
+import router from "./router/index.js";
+import App from "./App.vue";
+import ElementPlus from "element-plus";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
+import "element-plus/dist/index.css";
+import "element-plus/theme-chalk/dark/css-vars.css";
+import store from "./store";
+
+let matchMedia = window.matchMedia("(prefers-color-scheme: light)");
+setDarkMode(matchMedia.matches);
+matchMedia.addEventListener("change", function () {
+  console.log(`当前的主题是:${this.matches ? "light" : "dark"}`);
+  setDarkMode(this.matches);
+});
+
+// 设置主题模式
+function setDarkMode(flag) {
+  if (flag) {
+    document.querySelector("#html").classList.add("light");
+    document.querySelector("#html").classList.remove("dark");
+  } else {
+    document.querySelector("#html").classList.add("dark");
+    document.querySelector("#html").classList.remove("light");
+  }
+}
+
+const app = createApp(App);
+
+app.use(router);
+app.use(store);
+app.use(ElementPlus, { locale: zhCn });
+app.mount("#app");
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..e372ea9
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,40 @@
+import { createRouter, createWebHashHistory } from "vue-router";
+import home from "@/views/home.vue";
+
+const routes = [
+  {
+    path: "/",
+    name: "home",
+    component: home,
+  },
+  {
+    path: "/login",
+    name: "login",
+    meta: {
+      index: 0,
+    },
+    component: () => import("@/views/login.vue"),
+  },
+  {
+    path: "/register",
+    name: "register",
+    meta: {
+      index: 1,
+    },
+    component: () => import("@/views/register.vue"),
+  },
+];
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes,
+});
+
+router.beforeEach(async (to, from) => {
+  const token = localStorage.getItem("token");
+  if (!token && to.name !== "login" && to.name !== "register") {
+    return { name: "login" };
+  }
+});
+
+export default router;
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..e32948c
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,5 @@
+import { createPinia } from "pinia";
+
+const store = createPinia();
+
+export default store;
diff --git a/src/store/user.js b/src/store/user.js
new file mode 100644
index 0000000..d1e555c
--- /dev/null
+++ b/src/store/user.js
@@ -0,0 +1,13 @@
+import { defineStore } from "pinia";
+export const useUserStore = defineStore({
+  id: "user",
+  state: () => ({
+    name: "张三",
+    token: "sas121sasdADSAD",
+  }),
+  actions: {
+    login(data) {
+      this.name = data;
+    },
+  },
+});
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..bb131d6
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,79 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..e100478
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,8 @@
+import axios from "axios";
+
+const request = axios.create({
+  baseURL: "http://localhost",
+  timeout: 100000,
+});
+
+request.interceptors.request.use((config) => {});
diff --git a/src/views/home.vue b/src/views/home.vue
new file mode 100644
index 0000000..7cf0e6a
--- /dev/null
+++ b/src/views/home.vue
@@ -0,0 +1,13 @@
+<template>
+  <el-button type="primary">我是{{ userStore.name }}</el-button>
+  <el-button @click="changeUser">改变用户</el-button>
+</template>
+
+<script setup>
+import { useUserStore } from "@/store/user";
+const userStore = useUserStore();
+
+const changeUser = () => {
+  userStore.login("李四");
+};
+</script>
diff --git a/src/views/login.vue b/src/views/login.vue
new file mode 100644
index 0000000..1e3c64c
--- /dev/null
+++ b/src/views/login.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="login-container">
+    <div class="logo">
+      <el-image :src="logo" style="width: 180px"></el-image>
+    </div>
+    <div class="form-wrap">
+      <div class="reg-wrap">
+        <router-link :to="{ name: 'register' }">
+          <el-link type="primary">注册</el-link>
+        </router-link>
+      </div>
+      <div class="header">
+        <span class="t1">银收客</span>
+        <span class="t2">收银、库存、营销、支付等业务一体化解决方案</span>
+      </div>
+      <el-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-position="top"
+        size="large"
+        hide-required-asterisk
+      >
+        <el-form-item label="注册商户号" prop="shopCode">
+          <el-input
+            v-model="form.shopCode"
+            placeholder="请输入注册商户号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="手机号码" prop="phone">
+          <el-input
+            v-model="form.phone"
+            placeholder="请输入11位手机号码"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="登录密码" prop="password">
+          <el-input
+            v-model="form.password"
+            type="password"
+            placeholder="请输入登录密码"
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <div style="width: 100%; display: flex; justify-content: flex-end">
+            <router-link :to="{ name: 'register' }">
+              <el-link type="info">忘记密码</el-link>
+            </router-link>
+          </div>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            style="width: 100%"
+            :loading="loading"
+            @click="submitHandle"
+          >
+            登录
+          </el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button plain style="width: 100%" @click="logout">退出</el-button>
+        </el-form-item>
+      </el-form>
+      <div class="version">
+        <el-text size="large">Ver2.1.6</el-text>
+        <el-text size="large">陕西超掌柜科技有限公司</el-text>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import logo from "@/assets/logo.png";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { reactive, ref } from "vue";
+import { useRouter } from "vue-router";
+import { ipcRenderer } from "electron";
+
+const router = useRouter();
+const formRef = ref(null);
+const loading = ref(false);
+
+const form = reactive({
+  shopCode: "",
+  phone: "",
+  password: "",
+});
+
+const rules = reactive({
+  shopCode: [
+    {
+      required: true,
+      message: "请输入注册商户号",
+      trigger: "blur",
+    },
+  ],
+  phone: [
+    {
+      required: true,
+      message: "请输入11位手机号码",
+      trigger: "blur",
+    },
+  ],
+  password: [
+    {
+      required: true,
+      message: "请输入登录密码",
+      trigger: "blur",
+    },
+  ],
+});
+
+// 提交
+const submitHandle = () => {
+  formRef.value.validate((valid) => {
+    if (valid) {
+      loading.value = true;
+      ElMessage.success("登录成功");
+      localStorage.setItem("token", "skk918sjakajhjjqhw19jsdkandkahk");
+      setTimeout(() => {
+        router.replace({
+          name: "home",
+        });
+      }, 1500);
+    }
+  });
+};
+
+const logout = () => {
+  ElMessageBox.confirm("确定要关闭软件吗？")
+    .then(() => {
+      ipcRenderer.send("quitHandler", "退出吧");
+    })
+    .catch(() => {});
+};
+</script>
+
+<style scoped lang="scss">
+.login-container {
+  display: flex;
+  height: 100vh;
+  .logo {
+    flex: 1;
+    height: inherit;
+    background-color: var(--el-color-primary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .form-wrap {
+    flex: 1;
+    height: inherit;
+    padding: 50px;
+  }
+  .reg-wrap {
+    display: flex;
+    justify-content: flex-end;
+    padding-bottom: 100px;
+  }
+  .header {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 100px;
+    .t1 {
+      font-size: 52px;
+      color: #999;
+    }
+    .t2 {
+      font-size: 24px;
+      color: #999;
+    }
+  }
+}
+.version {
+  padding-top: 50px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/src/views/register.vue b/src/views/register.vue
new file mode 100644
index 0000000..cf99c0f
--- /dev/null
+++ b/src/views/register.vue
@@ -0,0 +1,185 @@
+<template>
+  <div class="login-container">
+    <div class="logo">
+      <el-image :src="logo" style="width: 180px"></el-image>
+    </div>
+    <div class="form-wrap">
+      <div class="header">
+        <span class="t1">注册</span>
+        <div class="mt50">
+          <el-radio-group v-model="type" size="large">
+            <el-radio-button :label="1">餐饮版</el-radio-button>
+            <el-radio-button :label="2">商超版</el-radio-button>
+            <el-radio-button :label="3">快餐版</el-radio-button>
+            <el-radio-button :label="4">美业版</el-radio-button>
+          </el-radio-group>
+        </div>
+      </div>
+      <el-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-position="top"
+        size="large"
+        hide-required-asterisk
+      >
+        <el-form-item label="店铺名称" prop="shopName">
+          <el-input
+            v-model="form.shopName"
+            placeholder="请输入店铺名称"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="手机号码" prop="phone">
+          <el-input
+            v-model="form.phone"
+            placeholder="请输入注册手机号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="验证码" prop="code">
+          <el-input v-model="form.code" placeholder="请输入验证码"></el-input>
+        </el-form-item>
+        <el-form-item label="登录密码" prop="password">
+          <el-input
+            v-model="form.password"
+            type="password"
+            placeholder="请输入登录密码"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="确认登录密码" prop="repassword">
+          <el-input
+            v-model="form.repassword"
+            type="password"
+            placeholder="请重复输入登录密码"
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" style="width: 100%" @click="submitHandle"
+            >注册</el-button
+          >
+        </el-form-item>
+        <el-form-item>
+          <el-button plain style="width: 100%" @click="router.back()">
+            返回
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import logo from "@/assets/logo.png";
+import { reactive, ref } from "vue";
+import { useRouter } from "vue-router";
+const router = useRouter();
+
+const type = ref(1);
+
+const formRef = ref(null);
+
+const form = reactive({
+  shopName: "",
+  phone: "",
+  code: "",
+  password: "",
+  repassword: "",
+});
+const repasswordPass = (rule, value, callback) => {
+  if (!form.repassword) {
+    callback(new Error("请重复输入登录密码"));
+  } else if (form.password !== form.repassword) {
+    callback(new Error("两次密码输入不一致"));
+  } else {
+    callback();
+  }
+};
+const rules = reactive({
+  shopName: [
+    {
+      required: true,
+      message: "请输入店铺名称",
+      trigger: "blur",
+    },
+  ],
+  phone: [
+    {
+      required: true,
+      message: "请输入注册手机号",
+      trigger: "blur",
+    },
+  ],
+  code: [
+    {
+      required: true,
+      message: "请输入验证码",
+      trigger: "blur",
+    },
+  ],
+  password: [
+    {
+      required: true,
+      message: "请输入登录密码",
+      trigger: "blur",
+    },
+  ],
+  repassword: [
+    {
+      validator: repasswordPass,
+      trigger: "blur",
+    },
+  ],
+});
+
+// 提交
+const submitHandle = () => {
+  formRef.value.validate((valid) => {
+    if (valid) {
+    }
+  });
+};
+</script>
+
+<style scoped lang="scss">
+.login-container {
+  display: flex;
+  height: 100vh;
+  .logo {
+    flex: 1;
+    height: inherit;
+    background-color: var(--el-color-primary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .form-wrap {
+    flex: 1;
+    height: inherit;
+    padding: 50px;
+  }
+  .reg-wrap {
+    display: flex;
+    justify-content: flex-end;
+    padding-bottom: 100px;
+  }
+  .header {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 50px;
+    .t1 {
+      font-size: 52px;
+      color: #999;
+    }
+    .t2 {
+      font-size: 24px;
+      color: #999;
+    }
+  }
+}
+.version {
+  padding-top: 50px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..289540b
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,21 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import electron from "vite-plugin-electron";
+import electronRender from "vite-plugin-electron-renderer";
+import path from "path";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    electron({
+      entry: "electron/main.js",
+    }),
+    electronRender(),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+});