refactor: 统一组件导入与消息提示方式

- 将多个组件中的 require 替换为 import，提升代码一致性。
- 更新消息提示方式，使用统一的 Message 和 Modal 组件，增强用户体验。
- 调整部分组件的样式和逻辑，确保界面一致性与可读性。

buyer/src/components/header/Header.vue

@@ -91,11 +91,12 @@
 </template>
 
 <script>
+import { Modal } from "@/utils/message";
 import { ShoppingCart } from '@element-plus/icons-vue';
 import storage from '@/plugins/storage.js';
 import {cartGoodsAll} from '@/api/cart.js';
 import {logout} from '@/api/account.js';
-
+import config from '@/config';
 
 export default {
   components: { ShoppingCart },
@@ -108,7 +109,7 @@ export default {
 
   data() {
     return {
-      config: require('@/config'),
+      config,
       userInfo: {}, // 用户信息
       shoppingCart: [], // 购物车
       cartLoading: false,
@@ -150,7 +151,7 @@ export default {
       if (this.userInfo.username) {
         this.$router.push({path: path});
       } else {
-        this.$Modal.confirm({
+        Modal.confirm({
           title: '请登录',
           content: '请登录后执行此操作',
           okText: '立即登录',