code-image-backup-public/lilishop-ui
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2026-08-07 03:15:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
- 将多个组件中的 require 替换为 import，提升代码一致性。
- 更新上传组件中的回调函数，简化图片选择逻辑。
- 调整样式以适配 Element Plus 组件，确保界面一致性。
- 删除不再使用的样式，优化项目结构。
This commit is contained in:
田香琪
2026-07-08 16:22:44 +08:00
parent cf92d9d939
commit a4659ed1a2
84 changed files with 1038 additions and 1468 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
manager/src/views/member/advance/withdrawApply.vue
View File

@@ -171,6 +171,7 @@
<script>
import { getUserWithdrawApply, withdrawApply } from "@/api/member";
import { ElMessage } from "element-plus";
export default {
name: "withdrawApply",
@@ -242,7 +243,7 @@ export default {
params.result = res;
params.remark = this.audit;
if (res === false && params.remark === "") {
this.$Message.error("审核备注不能为空");
ElMessage.error("审核备注不能为空");
return;
}
this.submitLoading = true;
@@ -250,7 +251,7 @@ export default {
.then((result) => {
const success = result === true || (result && result.success === true);
if (success) {
this.$Message.success("操作成功");
ElMessage.success("操作成功");
this.roleModalVisible = false;
this.queryModalVisible = false;
this.audit = "";

83
manager/src/views/member/benefit/index.vue
View File

@@ -349,6 +349,7 @@ import { getPlatformCoupon } from "@/api/promotion";
import { formatPromotionCouponValidityHtml } from "@/utils/promotions";
import couponTemplate from "@/views/promotions/coupon/coupon.vue";
import uploadPicInput from "@/components/lili/upload-pic-input.vue";
import { ElMessage, ElMessageBox } from "element-plus";
const GIFT_POINT = "GIFT_POINT";
const COUPON_PACKAGE = "COUPON_PACKAGE";
@@ -641,7 +642,7 @@ export default {
confirmCouponPicker() {
const list = this.$refs.couponPicker?.getSelection?.() || [];
if (!list.length) {
this.$Message.warning("请至少选择一张优惠券");
ElMessage.warning("请至少选择一张优惠券");
return;
}
this.onCouponTemplateSelected(list);
@@ -712,7 +713,7 @@ export default {
},
submitAdd() {
if (!this.$refs.addForm) {
this.$Message.warning("表单未就绪，请稍后重试");
ElMessage.warning("表单未就绪，请稍后重试");
return;
}
this.$refs.addForm.validate((valid) => {
@@ -730,17 +731,17 @@ export default {
API_Member.addMemberBenefit(payload).then((res) => {
this.submitAddLoading = false;
if (res && res.success) {
this.$Message.success("添加成功");
ElMessage.success("添加成功");
this.addFlag = false;
this.getData();
} else if (res && res.message) {
this.$Message.error(res.message);
ElMessage.error(res.message);
} else {
this.$Message.error("添加失败");
ElMessage.error("添加失败");
}
}).catch(() => {
this.submitAddLoading = false;
this.$Message.error("网络异常，请稍后重试");
ElMessage.error("网络异常，请稍后重试");
});
});
},
@@ -786,7 +787,7 @@ export default {
},
submitEdit() {
if (!this.$refs.editForm) {
this.$Message.warning("表单未就绪，请稍后重试");
ElMessage.warning("表单未就绪，请稍后重试");
return;
}
this.$refs.editForm.validate((valid) => {
@@ -804,17 +805,17 @@ export default {
API_Member.updateMemberBenefit(id, payload).then((res) => {
this.submitEditLoading = false;
if (res && res.success) {
this.$Message.success("修改成功");
ElMessage.success("修改成功");
this.editFlag = false;
this.getData();
} else if (res && res.message) {
this.$Message.error(res.message);
ElMessage.error(res.message);
} else {
this.$Message.error("修改失败");
ElMessage.error("修改失败");
}
}).catch(() => {
this.submitEditLoading = false;
this.$Message.error("网络异常，请稍后重试");
ElMessage.error("网络异常，请稍后重试");
});
});
},
@@ -823,42 +824,34 @@ export default {
const prevState = row.benefitState;
if (nextState === prevState) return;
const text = checked ? "开启" : "关闭";
this.$Modal.confirm({
title: "提示",
content: `确定${text}该客户权益？`,
onOk: () => {
row._benefitStateLoading = true;
return API_Member.updateMemberBenefitState(row.id, nextState)
.then((res) => {
row._benefitStateLoading = false;
if (res && res.success) {
this.$Message.success(`${text}成功`);
row.benefitState = nextState;
} else {
this.getData();
}
})
.catch(() => {
row._benefitStateLoading = false;
});
},
});
ElMessageBox.confirm(`确定${text}该客户权益？`, "提示", { type: "warning" }).then(() => {
row._benefitStateLoading = true;
return API_Member.updateMemberBenefitState(row.id, nextState)
.then((res) => {
row._benefitStateLoading = false;
if (res && res.success) {
ElMessage.success(`${text}成功`);
row.benefitState = nextState;
} else {
this.getData();
}
})
.catch(() => {
row._benefitStateLoading = false;
});
}).catch(() => {});
},
remove(row) {
this.$Modal.confirm({
title: "提示",
content: "确定删除该客户权益？",
onOk: () => {
API_Member.deleteMemberBenefit(row.id).then((res) => {
if (res && res.success) {
this.$Message.success("删除成功");
this.getData();
} else if (res && res.message) {
this.$Message.error(res.message);
}
});
},
});
ElMessageBox.confirm("确定删除该客户权益？", "提示", { type: "warning" }).then(() => {
API_Member.deleteMemberBenefit(row.id).then((res) => {
if (res && res.success) {
ElMessage.success("删除成功");
this.getData();
} else if (res && res.message) {
ElMessage.error(res.message);
}
});
}).catch(() => {});
},
},
mounted() {

5
manager/src/views/member/grade/experience-setting.vue
View File

@@ -239,6 +239,7 @@
<script>
import { getSetting, setSetting } from "@/api/index";
import { ElMessage } from "element-plus";
const RULE_OPTIONS = [
{ ruleKey: "CONSUME", ruleName: "消费" },
@@ -407,7 +408,7 @@ export default {
return false;
});
if (invalid) {
this.$Message.error("请检查经验值配置，经验值范围为1-100，限额需为正整数");
ElMessage.error("请检查经验值配置，经验值范围为1-100，限额需为正整数");
return false;
}
return true;
@@ -428,7 +429,7 @@ export default {
setSetting("EXPERIENCE_SETTING", payload)
.then((res) => {
if (res && res.success) {
this.$Message.success("保存成功");
ElMessage.success("保存成功");
}
})
.finally(() => {

65
manager/src/views/member/grade/index.vue
View File

@@ -181,6 +181,7 @@
<script>
import * as API_Member from "@/api/member.js";
import uploadPicInput from "@/components/lili/upload-pic-input";
import { ElMessage, ElMessageBox } from "element-plus";
const buildDefaultForm = () => ({
id: "",
@@ -358,7 +359,7 @@ export default {
API_Member.addMemberGrade(payload).then((res) => {
this.submitAddLoading = false;
if (res && res.success) {
this.$Message.success("添加成功");
ElMessage.success("添加成功");
this.addFlag = false;
this.getData();
}
@@ -410,7 +411,7 @@ export default {
API_Member.updateMemberGrade(id, payload).then((res) => {
this.submitEditLoading = false;
if (res && res.success) {
this.$Message.success("修改成功");
ElMessage.success("修改成功");
this.editFlag = false;
this.getData();
}
@@ -422,42 +423,34 @@ export default {
const prevState = row.gradeState;
if (nextState === prevState) return;
const text = checked ? "开启" : "关闭";
this.$Modal.confirm({
title: "提示",
content: `<p>确定${text}该客户等级？</p>`,
onOk: () => {
row._gradeStateLoading = true;
return API_Member.updateMemberGradeState(row.id, nextState)
.then((res) => {
row._gradeStateLoading = false;
if (res && res.success) {
this.$Message.success(`${text}成功`);
row.gradeState = nextState;
} else {
this.getData();
}
})
.catch(() => {
row._gradeStateLoading = false;
});
},
});
ElMessageBox.confirm(`确定${text}该客户等级？`, "提示", { type: "warning" }).then(() => {
row._gradeStateLoading = true;
return API_Member.updateMemberGradeState(row.id, nextState)
.then((res) => {
row._gradeStateLoading = false;
if (res && res.success) {
ElMessage.success(`${text}成功`);
row.gradeState = nextState;
} else {
this.getData();
}
})
.catch(() => {
row._gradeStateLoading = false;
});
}).catch(() => {});
},
remove(row) {
this.$Modal.confirm({
title: "提示",
content: "<p>确定删除该客户等级？</p>",
onOk: () => {
API_Member.deleteMemberGrade(row.id).then((res) => {
if (res && res.success) {
this.$Message.success("删除成功");
this.getData();
} else if (res && res.message) {
this.$Message.error(res.message);
}
});
},
});
ElMessageBox.confirm("确定删除该客户等级？", "提示", { type: "warning" }).then(() => {
API_Member.deleteMemberGrade(row.id).then((res) => {
if (res && res.success) {
ElMessage.success("删除成功");
this.getData();
} else if (res && res.message) {
ElMessage.error(res.message);
}
});
}).catch(() => {});
},
},
mounted() {

29
manager/src/views/member/group/index.vue
View File

@@ -72,6 +72,7 @@
<script>
import * as API_Member from "@/api/member.js";
import { ElMessage, ElMessageBox } from "element-plus";
export default {
name: "memberGroup",
@@ -142,7 +143,7 @@ export default {
API_Member.addMemberGroup(this.formAdd).then((res) => {
this.submitAddLoading = false;
if (res && res.success) {
this.$Message.success("添加成功");
ElMessage.success("添加成功");
this.addFlag = false;
this.getData();
}
@@ -176,7 +177,7 @@ export default {
API_Member.updateMemberGroup(id, { groupName, description }).then((res) => {
this.submitEditLoading = false;
if (res && res.success) {
this.$Message.success("修改成功");
ElMessage.success("修改成功");
this.editFlag = false;
this.getData();
}
@@ -184,20 +185,16 @@ export default {
});
},
remove(row) {
this.$Modal.confirm({
title: "提示",
content: "确定删除该分组？",
onOk: () => {
API_Member.deleteMemberGroup(row.id).then((res) => {
if (res && res.success) {
this.$Message.success("删除成功");
this.getData();
} else if (res && res.message) {
this.$Message.error(res.message);
}
});
},
});
ElMessageBox.confirm("确定删除该分组？", "提示", { type: "warning" }).then(() => {
API_Member.deleteMemberGroup(row.id).then((res) => {
if (res && res.success) {
ElMessage.success("删除成功");
this.getData();
} else if (res && res.message) {
ElMessage.error(res.message);
}
});
}).catch(() => {});
},
},
mounted() {

45
manager/src/views/member/list/index.vue
View File

@@ -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();
}

25
manager/src/views/member/list/memberDetail.vue
View File

@@ -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;

26
manager/src/views/member/list/memberRecycle.vue
View File

@@ -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();
}

87
manager/src/views/member/message-manage/weChatMessageManager.vue
View File

@@ -116,6 +116,7 @@ import {
editWechatMPMessageTemplate,
delWechatMPMessageTemplate,
} from "@/api/setting";
import { ElMessage, ElMessageBox } from "element-plus";
export default {
title: "wechat-message-manage",
@@ -166,30 +167,23 @@ export default {
this.wechatModal = true;
},
weChatSync(mp) {
this.$Modal.confirm({
title: "提示",
content: "确认要初始化微信小程序消息订阅?",
loading: true,
onOk: () => {
if (mp === "mp") {
wechatMPMessageSync().then((res) => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("微信小程序消息订阅初始化");
this.getWechatMPMessagePage();
}
});
} else {
wechatMessageSync().then((res) => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("微信消息模板初始化成功");
this.getWechatMessagePage();
}
});
}
},
});
ElMessageBox.confirm("确认要初始化微信小程序消息订阅?", "提示", { type: "warning" }).then(() => {
if (mp === "mp") {
wechatMPMessageSync().then((res) => {
if (res.success) {
ElMessage.success("微信小程序消息订阅初始化");
this.getWechatMPMessagePage();
}
});
} else {
wechatMessageSync().then((res) => {
if (res.success) {
ElMessage.success("微信消息模板初始化成功");
this.getWechatMessagePage();
}
});
}
}).catch(() => {});
},
wechatFormDataEdit() {
this.$refs.wechatFormData.validate((valid) => {
@@ -199,7 +193,7 @@ export default {
}
editWechatMessageTemplate(this.id, this.wechatFormData).then((res) => {
if (res.message === "success") {
this.$Message.success("微信模板修改成功");
ElMessage.success("微信模板修改成功");
this.wechatModal = false;
this.getWechatMessagePage();
}
@@ -212,7 +206,7 @@ export default {
if (valid) {
editWechatMPMessageTemplate(this.id, this.wechatMPFormData).then((res) => {
if (res.message === "success") {
this.$Message.success("微信消息订阅模板修改成功");
ElMessage.success("微信消息订阅模板修改成功");
this.wechatModal = false;
this.getWechatMPMessagePage();
}
@@ -221,30 +215,23 @@ export default {
});
},
delWeChat(v) {
this.$Modal.confirm({
title: "提示",
content: "确定删除此模板?",
loading: true,
onOk: () => {
if (this.tab === "WECHAT") {
delWechatMessageTemplate(v.id).then((res) => {
if (res.success) {
this.$Modal.remove();
this.$Message.success("微信模板删除成功");
this.getWechatMessagePage();
}
});
} else {
delWechatMPMessageTemplate(v.id).then((res) => {
if (res.success) {
this.$Modal.remove();
this.$Message.success("微信消息订阅删除成功");
this.getWechatMPMessagePage();
}
});
}
},
});
ElMessageBox.confirm("确定删除此模板?", "提示", { type: "warning" }).then(() => {
if (this.tab === "WECHAT") {
delWechatMessageTemplate(v.id).then((res) => {
if (res.success) {
ElMessage.success("微信模板删除成功");
this.getWechatMessagePage();
}
});
} else {
delWechatMPMessageTemplate(v.id).then((res) => {
if (res.success) {
ElMessage.success("微信消息订阅删除成功");
this.getWechatMPMessagePage();
}
});
}
}).catch(() => {});
},
getDataList() {
this.getWechatMessagePage();

3
manager/src/views/member/point/point.vue
View File

@@ -205,6 +205,7 @@
<script>
import * as API_Member from "@/api/member.js";
import { customRouterPush } from "@/utils/filters";
export default {
name: "point",
@@ -241,7 +242,7 @@ export default {
this.$emit("callback", val);
},
detail(row) {
this.$filters.customRouterPush({ name: "member-detail", query: { id: row.id } });
customRouterPush({ name: "member-detail", query: { id: row.id } });
},
init() {
this.getStatistics();