第二次提交代码

tax-asst-client/.env.development

@@ -0,0 +1,2 @@
+# 开发环境 API 地址（Vite 会通过 proxy 代理）
+VITE_API_BASE_URL=/tax

tax-asst-client/.env.production

@@ -0,0 +1,2 @@
+# 生产环境 API 地址（打包后使用）
+VITE_API_BASE_URL=http://192.168.0.117:8092/tax

tax-asst-client/electron.vite.config.ts

@@ -21,7 +21,7 @@ export default defineConfig({
     server: {
       proxy: {
         '/tax': {
-          target: 'http://192.168.0.117:8092/',
+          target: 'http://192.168.0.117:8092',
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/tax/, '/tax')
         }

tax-asst-client/package.json

@@ -24,6 +24,7 @@
   "dependencies": {
     "@electron-toolkit/preload": "^3.0.0",
     "@electron-toolkit/utils": "^3.0.0",
+    "@vicons/ionicons5": "^0.13.0",
     "axios": "^1.11.0",
     "naive-ui": "^2.42.0",
     "pinia": "^3.0.3",

tax-asst-client/src/main/index.ts

@@ -6,8 +6,8 @@ import icon from '../../resources/icon.png?asset'
 function createWindow(): void {
   // Create the browser window.
   const mainWindow = new BrowserWindow({
-    width: 1920,
+    width: 800,
-    height: 1080,
+    height: 600,
     show: false,
     // frame: false,
     resizable: false,

tax-asst-client/src/renderer/src/api/api.ts

@@ -1,4 +1,4 @@
-import request from '@utils/request'
+import request from '@renderer/utils/request'
 
 export function loginByJson(data) {
   return request({

tax-asst-client/src/renderer/src/components/HomeHeader.vue

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { NGrid, NGridItem, NButton, NIcon } from 'naive-ui'
+import { HomeOutline } from '@vicons/ionicons5'
+</script>
+
+<template>
+  <div class="header-bg">
+    <n-grid x-gap="15" :cols="6">
+      <n-grid-item class="col-center" >
+        <NButton color="#fff" ghost size="tiny" :strong="true">
+          <template #icon>
+            <n-icon>
+              <HomeOutline />
+            </n-icon>
+          </template>返回菜单
+        </NButton>
+      </n-grid-item>
+      <n-grid-item></n-grid-item>
+      <n-grid-item></n-grid-item>
+      <n-grid-item></n-grid-item>
+      <n-grid-item class="col-center">
+        <NButton color="#fff" ghost size="tiny" :strong="true">
+          <template #icon>
+            <n-icon>
+              <HomeOutline />
+            </n-icon>
+          </template>人工客服
+        </NButton>
+      </n-grid-item>
+      <n-grid-item class="col-center">
+        <NButton color="#fff" ghost size="tiny" :strong="true">
+          <template #icon>
+            <n-icon>
+              <HomeOutline />
+            </n-icon>
+          </template>退出登录
+        </NButton>
+      </n-grid-item>
+    </n-grid>
+  </div>
+</template>
+
+<style lang="scss">
+.col-center{
+  display: flex;
+  justify-content: center;
+}
+
+.header-bg{
+  display: flex;
+  align-items: center;
+  height: 8vh;
+  width: 100vw;
+  background-color: #FFD39B;
+}
+</style>

tax-asst-client/src/renderer/src/router/index.ts

@@ -1,6 +1,11 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import Login from '@renderer/views/Login.vue'
+import Home from '@renderer/views/Home..vue'
+
 export default createRouter({
   history: createWebHashHistory(), // hash模式
-  routes: [{ path: '/', component: Login }]
+  routes: [
+    { path: '/', component: Login },
+    { path:'/home', component: Home}
+  ]
 })

tax-asst-client/src/renderer/src/utils/request.ts

@@ -1,7 +1,9 @@
 import axios from 'axios'
 
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL
+
 const instance = axios.create({
-  baseURL: 'tax/',
+  baseURL: API_BASE_URL,
   timeout: 1000
 })
 

tax-asst-client/src/renderer/src/views/Home..vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import HomeHeader from '@renderer/components/HomeHeader.vue';
+
+</script>
+
+<template>
+  <div class="home-bg">
+    <HomeHeader />
+  </div>
+</template>
+
+<style lang="css">
+.home-bg{
+  height: 100vh;
+  width: 100vw;
+  background-color: #66ccff;
+}
+</style>

tax-asst-client/src/renderer/src/views/Login.vue

@@ -1,35 +1,41 @@
-<script setup>
+<script setup lang="ts">
-import { loginByJson } from '@api/api'
+import { loginByJson } from '@renderer/api/api'
+import router from '@renderer/router'
 import { NFlex, NInput, NButton } from 'naive-ui'
+
 const login = async () => {
   let res = await loginByJson({
     ticketNumber: 'A0001',
     phoneNumber: '13312341234'
   })
   console.log(res)
+  if (res.data.code == 200) {
+    router.push('/home')
+  }
 }
 </script>
 
 <template>
   <div class="login-bg">
-    <n-flex justify="center">
       <div class="login-div">
-        <n-flex vertical="true">
+        <n-flex :vertical="true">
           <p class="login-form-title">辅助报税系统</p>
           <p class="login-from-p">叫号码</p>
           <n-input size="large" placeholder="请输入叫号码"/>
           <p class="login-from-p">手机号码</p>
           <n-input size="large" placeholder="请输入手机号码"/>
           <p class="login-from-p"></p>
-          <n-button strong="true" color="#3366ff" size="large">登录</n-button>
+          <n-button :strong="true" color="#3366ff" size="large" @click="login">登录</n-button>
         </n-flex>
       </div>
-    </n-flex>
   </div>
 </template>
 
 <style lang="scss">
 .login-bg{
+  display: flex;
+  align-items: center; 
+  justify-content: center; 
   width: 100vw;
   height: 100vh;
   background-color: #66ccff;
@@ -37,7 +43,7 @@ const login = async () => {
   .login-div{
   width: 400px;
   height: 450px;
-  margin-top: 300px;
+  // margin-top: 300px;
   padding: 20px 50px;
   background-color: rgba($color: #fff, $alpha: 1);
 

tax-asst-client/yarn.lock

@@ -948,6 +948,11 @@
   resolved "https://registry.npmmirror.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz#d06bbb384ebcf6c505fde1c3d0ed4ddffe0aaff8"
   integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
 
+"@vicons/ionicons5@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.npmmirror.com/@vicons/ionicons5/-/ionicons5-0.13.0.tgz#86856b21807f9e2340c31e7b596f7f42567a88b1"
+  integrity sha512-zvZKBPjEXKN7AXNo2Na2uy+nvuv6SP4KAMQxpKL2vfHMj0fSvuw7JZcOPCjQC3e7ayssKnaoFVAhbYcW6v41qQ==
+
 "@vitejs/plugin-vue@^5.0.3":
   version "5.2.4"
   resolved "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz#9e8a512eb174bfc2a333ba959bbf9de428d89ad8"