fixbug: 修改bug: 🐛 发送请求时主体颜色改变

auto-imports.d.ts

@@ -5,5 +5,5 @@
 // Generated by unplugin-auto-import
 export {}
 declare global {
-
+	const ElMessage: typeof import('element-plus/es')['ElMessage'];
 }

components.d.ts

@@ -7,21 +7,27 @@ export {}
 
 declare module 'vue' {
 	export interface GlobalComponents {
-    ElAside: typeof import('element-plus/es')['ElAside']
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElContainer: typeof import('element-plus/es')['ElContainer']
-    ElHeader: typeof import('element-plus/es')['ElHeader']
-    ElIcon: typeof import('element-plus/es')['ElIcon']
-    ElMain: typeof import('element-plus/es')['ElMain']
-    ElMenu: typeof import('element-plus/es')['ElMenu']
-    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
-    ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
-    ElRow: typeof import('element-plus/es')['ElRow']
-    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
-    ElText: typeof import('element-plus/es')['ElText']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
+		ElAside: typeof import('element-plus/es')['ElAside'];
+		ElButton: typeof import('element-plus/es')['ElButton'];
+		ElContainer: typeof import('element-plus/es')['ElContainer'];
+		ElDialog: typeof import('element-plus/es')['ElDialog'];
+		ElDropdown: typeof import('element-plus/es')['ElDropdown'];
+		ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem'];
+		ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu'];
+		ElForm: typeof import('element-plus/es')['ElForm'];
+		ElFormItem: typeof import('element-plus/es')['ElFormItem'];
+		ElHeader: typeof import('element-plus/es')['ElHeader'];
+		ElIcon: typeof import('element-plus/es')['ElIcon'];
+		ElInput: typeof import('element-plus/es')['ElInput'];
+		ElMain: typeof import('element-plus/es')['ElMain'];
+		ElMenu: typeof import('element-plus/es')['ElMenu'];
+		ElMenuItem: typeof import('element-plus/es')['ElMenuItem'];
+		ElRadio: typeof import('element-plus/es')['ElRadio'];
+		ElRadioButton: typeof import('element-plus/es')['ElRadioButton'];
+		ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup'];
+		ElTable: typeof import('element-plus/es')['ElTable'];
+		ElTableColumn: typeof import('element-plus/es')['ElTableColumn'];
+		RouterLink: typeof import('vue-router')['RouterLink'];
+		RouterView: typeof import('vue-router')['RouterView'];
 	}
 }

craco.config.js

@@ -1,26 +0,0 @@
-const path = require('path');
-
-module.exports = {
-	webpack: {
-		alias: {
-			'@': path.join(__dirname, 'src'),
-		},
-	},
-	style: {
-		postcss: {
-			mode: 'extends',
-			loaderOptions: {
-				postcssOptions: {
-					ident: 'postcss',
-					plugins: [
-						// require('postcss-mobile-forever', {
-						// 	viewportWidth: 2560,
-						// 	appSelector: '#root',
-						// 	maxDisplayWidth: 1920,
-						// }),
-					],
-				},
-			},
-		},
-	},
-};

src/api/employee.ts

@@ -10,10 +10,10 @@ export const reqLogin = (data: any) => {
 
 /**
  * 员工分页查询
- * @param data
+ * @param params
  */
-export const reqGetEmployeePage = (data: any) => {
-	return Request({ url: '/admin/employee/page', method: 'GET', params: data });
+export const reqGetEmployeePage = (params: any) => {
+	return Request({ url: '/admin/employee/page', method: 'GET', params });
 };
 
 /**

src/commpent/aside.vue

@@ -41,7 +41,7 @@ const store = headerStore();
 	max-width: 200px;
 	min-width: 63px;
 	height: 100%;
-	background: #343744;
+	background: #343744 !important;
 
 	.el-menu-item {
 		color: #bfcbd9;

src/commpent/table/table-plus.vue

@@ -1,4 +1,3 @@
-<!-- tablePlus:二次封装table -->
 <template>
 	<el-table :data="tableData" v-bind="$attrs">
 		<el-table-column v-for="item in column" :key="item.prop" v-bind="item">
@@ -28,5 +27,3 @@ defineProps<{
 	column: Column[];
 }>();
 </script>
-
-<style lang="scss" scoped></style>

src/main.ts

@@ -5,7 +5,6 @@ import { createPinia } from 'pinia';
 import ElementPlus from 'element-plus';
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
 import './assets/css/reset.css';
-import './assets/css/index.scss';
 import * as ElementPlusIconsVue from '@element-plus/icons-vue';
 import '@/config/globalProperties';
 

src/store/employee.ts

@@ -15,6 +15,7 @@ export const employeeStore = defineStore('employeeStore', {
 		 * @param data
 		 */
 		async login(data: any) {
+			try {
 				const response: any = await reqLogin(data);
 				if (response.code === 1) {
 					Cookies.set('token', response.data.token);
@@ -24,14 +25,21 @@ export const employeeStore = defineStore('employeeStore', {
 				} else {
 					ElMessage.error(response.msg);
 				}
+			} catch (e: any) {
+				ElMessage.error(e.message);
+			}
 		},
 		/**
 		 * 员工分页查询
 		 * @param data
 		 */
 		async getEmployeePage(data: any) {
+			try {
 				const response: any = await reqGetEmployeePage(data);
 				this.employeeList = response.data.records;
+			} catch (e: any) {
+				ElMessage.error(e.message);
+			}
 		},
 
 		/**

src/views/employee/index.vue

@@ -8,9 +8,9 @@
 </template>
 
 <script lang="ts" setup>
-import TablePlus from '@/commpent/table/table-plus.vue';
 import { employeeStore } from '@/store/employee';
 import { onMounted, reactive, toRaw } from 'vue';
+import TablePlus from '@/commpent/table/table-plus.vue';
 
 const store = employeeStore();
 const requestData = reactive({

vue.config.js

@@ -2,7 +2,7 @@ const {defineConfig} = require('@vue/cli-service');
 const AutoImport = require('unplugin-auto-import/webpack');
 const Components = require('unplugin-vue-components/webpack');
 const { ElementPlusResolver } = require('unplugin-vue-components/resolvers');
-const ElementPlus = require('unplugin-element-plus/webpack')
+const ElementPlus = require('unplugin-element-plus/webpack');
 
 module.exports = defineConfig({
 	transpileDependencies: true,
@@ -16,23 +16,23 @@ module.exports = defineConfig({
 		},
 	},
 
-	chainWebpack: (config) => {
-		config.plugin('define').tap((definitions) => {
+	chainWebpack: config => {
+		config.plugin('define').tap(definitions => {
 			Object.assign(definitions[0], {
 				__VUE_OPTIONS_API__: 'true',
 				__VUE_PROD_DEVTOOLS__: 'false',
-				__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
-			})
-			return definitions
-		})
+				__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false',
+			});
+			return definitions;
+		});
+	},
+	css: {
+		loaderOptions: {
+			scss: {
+				additionalData: `@use "~@/assets/css/index.scss" as *;`,
+			},
+		},
 	},
-	// css: {
-	// 	loaderOptions: {
-	// 		scss: {
-	// 			additionalData: `@use "~@/styles/index.scss" as *;`,
-	// 		},
-	// 	},
-	// },
 	configureWebpack: {
 		plugins: [
 			AutoImport({