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

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

buyer/src/pages/CouponCenter.vue

@@ -43,11 +43,12 @@
             <i class="circle-bottom"></i>
           </li>
         </ul>
-        <el-pagination           :total="total"
+        <el-pagination           v-model:current-page="params.pageNumber"
+          v-model:page-size="params.pageSize"
+          :total="total"
           @current-change="changePageNum"
           class="pageration"
           @size-change="changePageSize"
-          :page-size="params.pageSize"
          layout="total, sizes, prev, pager, next"></el-pagination>
       </div>
     </div>
@@ -55,6 +56,7 @@
   </div>
 </template>
 <script>
+import { Modal } from "@/utils/message";
 import { couponList, receiveCoupon } from "@/api/member.js";
 export default {
   data() {
@@ -116,7 +118,7 @@ export default {
       receiveCoupon(item.id)
         .then((res) => {
           if (!res || !res.success) return;
-          this.$Modal.confirm({
+          Modal.confirm({
             title: "领取优惠券",
             content: "优惠券领取成功，可到我的优惠券页面查看",
             okText: "我的优惠券",