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

- 将多个组件中的 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

View File

@@ -219,6 +219,7 @@
</template>
<script>
import { ElMessage } from "element-plus";
import * as API_Setting from "@/api/setting.js";
export default {
@@ -290,7 +291,7 @@ export default {
if (!(res && res.success && res.result)) {
this.memberRows = [];
this.total = 0;
this.$Message.error((res && res.message) || "加载消息模板失败");
ElMessage.error((res && res.message) || "加载消息模板失败");
return;
}
const records = res.result.records || [];
@@ -332,9 +333,9 @@ export default {
const res = await API_Setting.wechatMessageSync();
if (res && res.success) {
await this.loadMemberPage();
this.$Message.success("服务号模板同步成功");
ElMessage.success("服务号模板同步成功");
} else {
this.$Message.error((res && res.message) || "服务号模板同步失败");
ElMessage.error((res && res.message) || "服务号模板同步失败");
}
} finally {
this.syncOaLoading = false;
@@ -346,9 +347,9 @@ export default {
const res = await API_Setting.wechatMPMessageSync();
if (res && res.success) {
await this.loadMemberPage();
this.$Message.success("小程序模板同步成功");
ElMessage.success("小程序模板同步成功");
} else {
this.$Message.error((res && res.message) || "小程序模板同步失败");
ElMessage.error((res && res.message) || "小程序模板同步失败");
}
} finally {
this.syncMpLoading = false;
@@ -402,9 +403,9 @@ export default {
const res = await API_Setting.updateMessageStatus(row.id, this.toOpenClose(v));
if (!(res && res.success)) {
this.updateRowStatus(row, "noticeStatus", old);
this.$Message.error((res && res.message) || "站内信开关更新失败");
ElMessage.error((res && res.message) || "站内信开关更新失败");
} else {
this.$Message.success("站内信开关更新成功");
ElMessage.success("站内信开关更新成功");
}
},
async toggleOaChannel(v, row) {
@@ -416,13 +417,13 @@ export default {
const res = await API_Setting.editWechatMessageTemplate(row.oaId, params);
if (!(res && res.success)) {
this.updateRowStatus(row, "oaStatus", old);
this.$Message.error((res && res.message) || "服务号开关更新失败");
ElMessage.error((res && res.message) || "服务号开关更新失败");
} else {
this.$Message.success("服务号开关更新成功");
ElMessage.success("服务号开关更新成功");
}
} catch (e) {
this.updateRowStatus(row, "oaStatus", old);
this.$Message.error((e && e.message) || "服务号开关更新失败");
ElMessage.error((e && e.message) || "服务号开关更新失败");
}
},
async toggleMpChannel(v, row) {
@@ -433,9 +434,9 @@ export default {
const res = await API_Setting.editWechatMPMessageTemplate(row.mpId, params);
if (!(res && res.success)) {
this.updateRowStatus(row, "mpStatus", old);
this.$Message.error((res && res.message) || "小程序开关更新失败");
ElMessage.error((res && res.message) || "小程序开关更新失败");
} else {
this.$Message.success("小程序开关更新成功");
ElMessage.success("小程序开关更新成功");
}
},
async toggleEmailChannel(v, row) {
@@ -444,9 +445,9 @@ export default {
const res = await API_Setting.updateNoticeMessageEmailStatus(row.id, this.toOpenClose(v));
if (!(res && res.success)) {
this.updateRowStatus(row, "emailStatus", old);
this.$Message.error((res && res.message) || "邮箱开关更新失败");
ElMessage.error((res && res.message) || "邮箱开关更新失败");
} else {
this.$Message.success("邮箱开关更新成功");
ElMessage.success("邮箱开关更新成功");
}
},
},

View File

@@ -354,6 +354,7 @@
</template>
<script>
import { ElMessage, ElMessageBox } from "element-plus";
import * as API_Setting from "@/api/setting.js";
import * as API_Other from "@/api/other.js";
import * as API_Shop from "@/api/shops.js";
@@ -545,18 +546,14 @@ export default {
});
},
removeMessage(id) {
this.$Modal.confirm({
title: "确认删除",
content: "您确认删除此站内信 ?",
onOk: () => {
ElMessageBox.confirm("您确认删除此站内信 ?", "确认删除", { type: "warning" }).then(() => {
API_Setting.deleteMessage(id).then((res) => {
if (res.success) {
this.$Message.success("删除成功");
ElMessage.success("删除成功");
}
this.getMessage();
});
},
});
}).catch(() => {});
},
sendMessage() {
this.messageModalVisible = true;
@@ -586,7 +583,7 @@ export default {
}
if (this.messageSendForm.userIds.length <= 0 && this.messageSendForm.messageRange == "APPOINT") {
this.$Message.error("请选择发送对象");
ElMessage.error("请选择发送对象");
return;
}
this.$refs["messageSendForm"].validate((valid) => {
@@ -594,7 +591,7 @@ export default {
API_Other.sendMessage(this.messageSendForm).then((res) => {
this.loading = false;
if (res.success) {
this.$Message.success("发送成功");
ElMessage.success("发送成功");
this.messageModalVisible = false;
this.getMessage();
}
@@ -656,7 +653,7 @@ export default {
API_Setting.editNoticeMessage(this.form.id, params).then((res) => {
this.submitLoading = false;
if (res.success) {
this.$Message.success("修改成功");
ElMessage.success("修改成功");
this.modalVisible = false;
this.getNoticeMessage();
}
@@ -704,7 +701,7 @@ export default {
disable(v) {
API_Setting.updateMessageStatus(v.id, "CLOSE").then((res) => {
if (res.success) {
this.$Message.success("禁用成功");
ElMessage.success("禁用成功");
this.getNoticeMessage();
}
});
@@ -712,7 +709,7 @@ export default {
enable(v) {
API_Setting.updateMessageStatus(v.id, "OPEN").then((res) => {
if (res.success) {
this.$Message.success("启用成功");
ElMessage.success("启用成功");
this.getNoticeMessage();
}
});

View File

@@ -129,19 +129,10 @@ methodItem h4 {
.scroll-card {
margin: 5px 0;
}
.ivu-card-body {
padding: 1px;
margin-left: 7px;
}
.checkbox-tag {
height: 35px;
width: 100%;
}
.ivu-tag-border.ivu-tag-closable .ivu-icon-ios-close {
margin-right: 68px !important;
left: 7px;
top: 0px;
}
.message-title{
background-color: #fff5eb;

View File

@@ -287,6 +287,7 @@
</template>
<script>
import { ElMessage, ElMessageBox } from "element-plus";
import * as API_Setting from "@/api/setting.js";
import * as API_Member from "@/api/member.js";
@@ -405,7 +406,7 @@ export default {
},
moveMember(index, item) {
if (!item.mobile) {
this.$Message.error("当前用户暂无手机号绑定");
ElMessage.error("当前用户暂无手机号绑定");
return false;
}
item.____selected = true;
@@ -505,20 +506,14 @@ export default {
this.smsForm.context = this.smsTemplateContent;
},
deleteSmsTemplate(v) {
this.$Modal.confirm({
title: "确认删除",
content: "您确认要删除此短信模板?",
loading: true,
onOk: () => {
ElMessageBox.confirm("您确认要删除此短信模板?", "确认删除", { type: "warning" }).then(() => {
API_Setting.deleteSmsTemplatePage({ templateCode: v.templateCode }).then((res) => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("删除成功");
ElMessage.success("删除成功");
this.getSmsTemplate();
}
});
},
});
}).catch(() => {});
},
sendSms() {
this.$refs.smsForm.validate((valid) => {
@@ -526,7 +521,7 @@ export default {
this.smsForm.mobile = this.alreadyCheck;
API_Setting.sendSms(this.smsForm).then((res) => {
if (res.success) {
this.$Message.success("发送成功");
ElMessage.success("发送成功");
this.getSms();
this.sendSmsModal = false;
}
@@ -553,7 +548,7 @@ export default {
API_Setting.syncSign().then((res) => {
this.loading = false;
if (res.success) {
this.$Message.success("同步成功");
ElMessage.success("同步成功");
this.getSmsSign();
}
});
@@ -570,7 +565,7 @@ export default {
.then((res) => {
this.submitLoading = false;
if (res.success) {
this.$Message.success(this.modalType == 0 ? "添加成功" : "修改成功");
ElMessage.success(this.modalType == 0 ? "添加成功" : "修改成功");
this.templateModalVisible = false;
this.getSmsTemplate();
}
@@ -581,27 +576,21 @@ export default {
});
},
deleteSmsSign(v) {
this.$Modal.confirm({
title: "确认删除",
content: "您确认要删除此短信签名?",
loading: true,
onOk: () => {
ElMessageBox.confirm("您确认要删除此短信签名?", "确认删除", { type: "warning" }).then(() => {
API_Setting.deleteSign(v.id).then((res) => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("删除成功");
ElMessage.success("删除成功");
this.getSmsSign();
}
});
},
});
}).catch(() => {});
},
syncTemplate() {
this.loading = true;
API_Setting.syncTemplate().then((res) => {
this.loading = false;
if (res.success) {
this.$Message.success("同步成功");
ElMessage.success("同步成功");
this.getSmsTemplate();
}
});

View File

@@ -61,6 +61,7 @@
</template>
<script>
import { ElMessage } from "element-plus";
import * as API_Setting from "@/api/setting.js";
import uploadPicThumb from "@/components/lili/upload-pic-thumb";
@@ -97,11 +98,11 @@ export default {
},
addSignSubmit() {
if (this.form.businessLicense == "" || this.form.license == "") {
this.$Message.error("请完善证件信息");
ElMessage.error("请完善证件信息");
return;
}
if (this.form.signSource === "" || this.form.signSource === null || this.form.signSource === undefined) {
this.$Message.error("请选择签名来源");
ElMessage.error("请选择签名来源");
return;
}
this.$refs.form.validate((valid) => {
@@ -112,7 +113,7 @@ export default {
.then((res) => {
this.loading = false;
if (res.success) {
this.$Message.success("添加成功");
ElMessage.success("添加成功");
this.$router.back();
}
})
@@ -124,7 +125,7 @@ export default {
.then((res) => {
this.loading = false;
if (res.success) {
this.$Message.success("修改成功");
ElMessage.success("修改成功");
this.$router.back();
}
})