refactor: 统一组件导入方式与样式调整

- 将多个组件中的 require 替换为 import，提升代码一致性。
- 更新上传组件中的回调函数，简化图片选择逻辑。
- 调整样式以适配 Element Plus 组件，确保界面一致性。
- 删除不再使用的样式，优化项目结构。

manager/src/views/member/list/index.vue

@@ -300,6 +300,9 @@ import multipleMap from "@/components/map/multiple-map";
 import * as API_Member from "@/api/member.js";
 import ossManage from "@/views/sys/oss-manage/ossManage";
 import * as RegExp from "@/libs/RegExp.js";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { customRouterPush } from "@/utils/filters";
+import defaultPic from "@/assets/default.png";
 
 export default {
   name: "member",
@@ -320,7 +323,7 @@ export default {
   },
   data() {
     return {
-      defaultPic: require("@/assets/default.png"),
+      defaultPic,
       descTitle: "",
       descFlag: false,
       loading: true,
@@ -459,7 +462,7 @@ export default {
     },
     submitSetMemberGroup() {
       if (this.selectedRows.length === 0) {
-        this.$Message.warning("请先选择会员");
+        ElMessage.warning("请先选择会员");
         return;
       }
       this.$refs.memberGroupForm.validate((valid) => {
@@ -469,12 +472,12 @@ export default {
         API_Member.addMemberGroupUsers(this.memberGroupForm.groupId, memberIds).then((res) => {
           this.memberGroupLoading = false;
           if (res && res.success) {
-            this.$Message.success("设置成功");
+            ElMessage.success("设置成功");
             this.memberGroupFlag = false;
             this.selectedRows = [];
             this.clearSelection();
           } else if (res && res.message) {
-            this.$Message.error(res.message);
+            ElMessage.error(res.message);
           }
         });
       });
@@ -579,7 +582,7 @@ export default {
             if (res.result) {
               this.$refs.addMemberForm.resetFields();
               this.getData();
-              this.$Message.success("添加成功！");
+              ElMessage.success("添加成功！");
               this.addFlag = false;
             }
           });
@@ -598,25 +601,21 @@ export default {
       }
     },
     detail(row) {
-      this.$filters.customRouterPush({ name: "member-detail", query: { id: row.id } });
+      customRouterPush({ name: "member-detail", query: { id: row.id } });
     },
     disabled(v) {
       let params = {
         memberIds: [v.id],
         disabled: false,
       };
-      this.$Modal.confirm({
-        title: "提示",
-        content: "<p>确认禁用此会员？</p>",
-        onOk: () => {
-          API_Member.updateMemberStatus(params).then((res) => {
-            if (res.success) {
-              this.$Message.success("禁用成功");
-              this.getData();
-            }
-          });
-        },
-      });
+      ElMessageBox.confirm("确认禁用此会员？", "提示", { type: "warning" }).then(() => {
+        API_Member.updateMemberStatus(params).then((res) => {
+          if (res.success) {
+            ElMessage.success("禁用成功");
+            this.getData();
+          }
+        });
+      }).catch(() => {});
     },
     openWalletIncrease(row) {
       this.walletIncreaseLoading = false;
@@ -636,11 +635,11 @@ export default {
         })
           .then((res) => {
             if (res && res.success) {
-              this.$Message.success("充值成功");
+              ElMessage.success("充值成功");
               this.walletIncreaseFlag = false;
               this.getData();
             } else {
-              this.$Message.error((res && res.message) || "充值失败");
+              ElMessage.error((res && res.message) || "充值失败");
             }
           })
           .finally(() => {
@@ -667,11 +666,11 @@ export default {
         })
           .then((res) => {
             if (res && res.success) {
-              this.$Message.success("修改成功");
+              ElMessage.success("修改成功");
               this.memberPointFlag = false;
               this.getData();
             } else {
-              this.$Message.error((res && res.message) || "修改失败");
+              ElMessage.error((res && res.message) || "修改失败");
             }
           })
           .finally(() => {
@@ -700,7 +699,7 @@ export default {
       }
       API_Member.updateMember(submit).then((res) => {
         if (res.result) {
-          this.$Message.success("修改成功！");
+          ElMessage.success("修改成功！");
           this.descFlag = false;
           this.getData();
         }

manager/src/views/member/list/memberDetail.vue

@@ -418,6 +418,7 @@ import ossManage from "@/views/sys/oss-manage/ossManage";
 import multipleMap from "@/components/map/multiple-map";
 import * as RegExp from "@/libs/RegExp.js";
 import * as API_Order from "@/api/order.js";
+import { ElMessage, ElMessageBox } from "element-plus";
 
 export default {
   name: "memberDetail",
@@ -677,7 +678,7 @@ export default {
             API_Member.editMemberAddress(submit).then((res) => {
               this.submitLoading = false;
               if (res && res.success) {
-                this.$Message.success("修改成功");
+                ElMessage.success("修改成功");
                 this.addressModalVisible = false;
                 this.getAddressData();
               }
@@ -686,7 +687,7 @@ export default {
             API_Member.addMemberAddress(submit).then((res) => {
               this.submitLoading = false;
               if (res && res.success) {
-                this.$Message.success("添加成功");
+                ElMessage.success("添加成功");
                 this.addressModalVisible = false;
                 this.getAddressData();
               }
@@ -714,18 +715,14 @@ export default {
       }
     },
     memberAddressRemove(v) {
-      this.$Modal.confirm({
-        title: "删除",
-        content: "<p>确定要删除此收货地址？</p>",
-        onOk: () => {
-          API_Member.removeMemberAddress(v.id).then((res) => {
-            if (res.success) {
-              this.$Message.success("删除成功");
-              this.getAddressData();
-            }
-          });
-        },
-      });
+      ElMessageBox.confirm("确定要删除此收货地址？", "删除", { type: "warning" }).then(() => {
+        API_Member.removeMemberAddress(v.id).then((res) => {
+          if (res.success) {
+            ElMessage.success("删除成功");
+            this.getAddressData();
+          }
+        });
+      }).catch(() => {});
     },
     getAddressData() {
       this.addressLoading = true;

manager/src/views/member/list/memberRecycle.vue

@@ -148,6 +148,8 @@
 import * as API_Member from "@/api/member.js";
 import ossManage from "@/views/sys/oss-manage/ossManage";
 import multipleMap from "@/components/map/multiple-map";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { customRouterPush } from "@/utils/filters";
 
 export default {
   name: "memberRecycle",
@@ -242,25 +244,21 @@ export default {
       }
     },
     detail(row) {
-      this.$filters.customRouterPush({ name: "member-detail", query: { id: row.id } });
+      customRouterPush({ name: "member-detail", query: { id: row.id } });
     },
     enable(v) {
       let params = {
         memberIds: [v.id],
         disabled: true,
       };
-      this.$Modal.confirm({
-        title: "提示",
-        content: "<p>确定启用此会员？</p>",
-        onOk: () => {
-          API_Member.updateMemberStatus(params).then((res) => {
-            if (res.success) {
-              this.$Message.success("启用成功");
-              this.getData();
-            }
-          });
-        },
-      });
+      ElMessageBox.confirm("确定启用此会员？", "提示", { type: "warning" }).then(() => {
+        API_Member.updateMemberStatus(params).then((res) => {
+          if (res.success) {
+            ElMessage.success("启用成功");
+            this.getData();
+          }
+        });
+      }).catch(() => {});
     },
     handleSubmitModal() {
       const { nickName, sex, username, face, newPassword, id, regionId, region } = this.formValidate;
@@ -280,7 +278,7 @@ export default {
       }
       API_Member.updateMember(submit).then((res) => {
         if (res.result) {
-          this.$Message.success("修改成功！");
+          ElMessage.success("修改成功！");
           this.descFlag = false;
           this.init();
         }