mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-08-06 02:47:29 +08:00
28a857249a
- 在 App.vue 中重构站点信息的获取与应用逻辑，提升代码可读性与维护性。 - 更新 Search.vue 组件，优化搜索框的样式与结构，增强用户体验。 - 在 element.scss 中注释掉不再使用的样式，并新增确认收货按钮的样式。 - 改进多个页面的布局与样式，确保响应式设计的一致性与美观性。 - 更新订单相关组件的按钮样式，提升视觉一致性与可用性。
711 lines
24 KiB
Vue
711 lines
24 KiB
Vue
<template>
|
||
<div class="search">
|
||
<el-card>
|
||
<el-tabs v-model="activeTab" class="sms-tabs" @tab-change="paneChange">
|
||
<el-tab-pane label="发送任务列表" name="LIST">
|
||
<div class="operation" style="margin-bottom: 10px">
|
||
<el-button type="primary" @click="sendBatchSmsModal">发送短信</el-button>
|
||
</div>
|
||
<el-table v-loading="loading" border :data="smsData" style="width: 100%">
|
||
<el-table-column prop="smsName" label="模板名称" width="250" />
|
||
<el-table-column prop="signName" label="签名" width="150" />
|
||
<el-table-column prop="context" label="短信内容" min-width="300" show-overflow-tooltip />
|
||
<el-table-column prop="num" label="预计发送条数" width="140" />
|
||
<el-table-column label="操作" width="120" align="center" fixed="right">
|
||
<template #default="{ row }">
|
||
<a v-if="row" class="link-text" @click="detail(row)">详细</a>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<div class="mt_10" style="display: flex; justify-content: flex-end">
|
||
<el-pagination
|
||
v-model:current-page="smsSearchForm.pageNumber"
|
||
v-model:page-size="smsSearchForm.pageSize"
|
||
:total="smsTotal"
|
||
:page-sizes="[20, 50, 100]"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
size="small"
|
||
@current-change="smsChangePage"
|
||
@size-change="smsChangePageSize"
|
||
/>
|
||
</div>
|
||
</el-tab-pane>
|
||
|
||
<el-tab-pane label="短信模板" name="TEMPLATE">
|
||
<div class="operation" style="margin-bottom: 10px">
|
||
<el-button type="primary" @click="addTemplate">添加短信模板</el-button>
|
||
<el-button type="info" @click="syncTemplate">同步</el-button>
|
||
</div>
|
||
<el-table v-loading="loading" border :data="templateData" style="width: 100%">
|
||
<el-table-column prop="templateCode" label="模板code" min-width="120" />
|
||
<el-table-column prop="templateName" label="模板名称" min-width="140" />
|
||
<el-table-column prop="templateContent" label="模板内容" min-width="200" show-overflow-tooltip />
|
||
<el-table-column label="状态" width="120" align="center">
|
||
<template #default="{ row }">
|
||
<span v-if="row">{{ templateStatusText(row.templateStatus) }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||
<template #default="{ row }">
|
||
<template v-if="row">
|
||
<a
|
||
class="link-text"
|
||
:class="{ disabled: row.templateStatus != 2 }"
|
||
@click="row.templateStatus == 2 && editTemplate(row)"
|
||
>
|
||
编辑
|
||
</a>
|
||
<span class="op-split">|</span>
|
||
<a
|
||
class="link-text"
|
||
:class="{ disabled: row.templateStatus == 0 }"
|
||
@click="row.templateStatus != 0 && deleteSmsTemplate(row)"
|
||
>
|
||
删除
|
||
</a>
|
||
</template>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<div class="mt_10" style="display: flex; justify-content: flex-end">
|
||
<el-pagination
|
||
v-model:current-page="templateSearchForm.pageNumber"
|
||
v-model:page-size="templateSearchForm.pageSize"
|
||
:total="templateTotal"
|
||
:page-sizes="[20, 50, 100]"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
size="small"
|
||
@current-change="templateChangePage"
|
||
@size-change="templateChangePageSize"
|
||
/>
|
||
</div>
|
||
</el-tab-pane>
|
||
|
||
<el-tab-pane label="短信签名" name="SIGN">
|
||
<div class="operation" style="margin-bottom: 10px">
|
||
<el-button type="primary" @click="addSign">添加短信签名</el-button>
|
||
<el-button type="info" @click="syncSign">同步</el-button>
|
||
</div>
|
||
<el-table v-loading="loading" border :data="signData" style="width: 100%">
|
||
<el-table-column prop="signName" label="签名名称" min-width="140" />
|
||
<el-table-column prop="remark" label="申请说明" min-width="160" show-overflow-tooltip />
|
||
<el-table-column label="状态" width="160" align="center">
|
||
<template #default="{ row }">
|
||
<template v-if="row">
|
||
<template v-if="row.signStatus == 2">
|
||
审核拒绝
|
||
<el-popover trigger="hover" :content="row.reason" placement="top-start" width="200">
|
||
<template #reference>
|
||
<span style="color: #ed3f14; cursor: pointer">【原因】</span>
|
||
</template>
|
||
</el-popover>
|
||
</template>
|
||
<span v-else-if="row.signStatus == 0">审核中</span>
|
||
<span v-else-if="row.signStatus == 1">审核通过</span>
|
||
</template>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||
<template #default="{ row }">
|
||
<template v-if="row">
|
||
<a
|
||
class="link-text"
|
||
:class="{ disabled: row.signStatus != 2 }"
|
||
@click="row.signStatus == 2 && editSign(row)"
|
||
>
|
||
编辑
|
||
</a>
|
||
<span class="op-split">|</span>
|
||
<a
|
||
class="link-text"
|
||
:class="{ disabled: row.signStatus == 0 }"
|
||
@click="row.signStatus != 0 && deleteSmsSign(row)"
|
||
>
|
||
删除
|
||
</a>
|
||
</template>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<div class="mt_10" style="display: flex; justify-content: flex-end">
|
||
<el-pagination
|
||
v-model:current-page="signSearchForm.pageNumber"
|
||
v-model:page-size="signSearchForm.pageSize"
|
||
:total="signTotal"
|
||
:page-sizes="[20, 50, 100]"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
size="small"
|
||
@current-change="signChangePage"
|
||
@size-change="signChangePageSize"
|
||
/>
|
||
</div>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</el-card>
|
||
|
||
<el-dialog
|
||
v-model="templateModalVisible"
|
||
:title="templateModalTitle"
|
||
width="520px"
|
||
:close-on-click-modal="false"
|
||
destroy-on-close
|
||
>
|
||
<el-form ref="templateForm" :model="templateForm" label-width="100px" :rules="templateFormValidate">
|
||
<el-form-item label="模板名称" prop="templateName">
|
||
<el-input v-model="templateForm.templateName" maxlength="30" clearable placeholder="请输入模板名称，不超过30字符" />
|
||
</el-form-item>
|
||
<el-form-item label="模板内容" prop="templateContent">
|
||
<el-input
|
||
v-model="templateForm.templateContent"
|
||
type="textarea"
|
||
maxlength="200"
|
||
:rows="5"
|
||
show-word-limit
|
||
placeholder="请输入短信内容"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="申请说明" prop="remark">
|
||
<el-input
|
||
v-model="templateForm.remark"
|
||
type="textarea"
|
||
maxlength="150"
|
||
:rows="4"
|
||
show-word-limit
|
||
placeholder="请描述您的业务使用场景"
|
||
/>
|
||
</el-form-item>
|
||
</el-form>
|
||
<template #footer>
|
||
<el-button @click="templateModalVisible = false">取消</el-button>
|
||
<el-button type="primary" :loading="submitLoading" @click="templateSubmit">提交</el-button>
|
||
</template>
|
||
</el-dialog>
|
||
|
||
<el-dialog
|
||
v-model="sendSmsModal"
|
||
:title="sendSmsModalTitle"
|
||
width="1100px"
|
||
:close-on-click-modal="false"
|
||
destroy-on-close
|
||
>
|
||
<div class="send-setting">
|
||
<div class="left-show" v-html="smsContent"></div>
|
||
<div class="sms">效果预览</div>
|
||
<div class="send-form">
|
||
<el-form ref="smsForm" :model="smsForm" label-width="100px" :rules="smsFormValidate">
|
||
<el-form-item label="短信签名" prop="signName">
|
||
<el-select v-model="smsForm.signName" style="width: 35%" @change="selectSmsSign">
|
||
<el-option
|
||
v-for="item in smsSigns"
|
||
:key="item.signName"
|
||
:label="item.signName"
|
||
:value="item.signName"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="短信模板" prop="messageCode">
|
||
<el-select v-model="smsForm.messageCode" style="width: 35%" @change="selectSmsTemplate">
|
||
<el-option
|
||
v-for="(item, index) in smsTemplates"
|
||
:key="index"
|
||
:label="item.templateName"
|
||
:value="item.templateCode"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="短信内容" prop="context">
|
||
<el-input
|
||
v-model="smsForm.context"
|
||
type="textarea"
|
||
maxlength="50"
|
||
:rows="4"
|
||
show-word-limit
|
||
disabled
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="接收人" prop="smsRange">
|
||
<p>
|
||
已选<span style="color: #f56c1d"> {{ memberNum }}</span>人，预计耗费条数<span style="color: #f56c1d">
|
||
{{ smsForm.num }}条</span
|
||
>
|
||
</p>
|
||
<el-radio-group v-model="smsForm.smsRange" @change="smsRangeChange">
|
||
<el-radio value="1">全部会员</el-radio>
|
||
<el-radio value="2">自定义选择</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item v-if="customSms" label-width="0" class="choose-member-item">
|
||
<div class="choose-member">
|
||
<div class="source-member">
|
||
<el-input
|
||
v-model="memberSearchParam.mobile"
|
||
placeholder="请输入手机号码"
|
||
clearable
|
||
@keyup.enter="memberSearch"
|
||
@blur="memberSearch"
|
||
>
|
||
<template #append>
|
||
<el-button @click="memberSearch">搜索</el-button>
|
||
</template>
|
||
</el-input>
|
||
<el-scrollbar height="280px" class="member-scroll" @scroll="onMemberScroll">
|
||
<div v-for="(item, index) in members" :key="index" class="scroll-card">
|
||
<el-button
|
||
class="btns"
|
||
:class="{ active: item.____selected }"
|
||
style="width: 100%; text-align: left"
|
||
@click="moveMember(index, item)"
|
||
>
|
||
<span v-if="item.mobile" class="mobile">{{ item.mobile }}</span>
|
||
<span class="nickname">{{ item.nickName }}</span>
|
||
</el-button>
|
||
</div>
|
||
</el-scrollbar>
|
||
</div>
|
||
<div class="traget-member">
|
||
<el-tag
|
||
v-for="(item, index) in alreadyCheckShow"
|
||
:key="index"
|
||
closable
|
||
class="checkbox-tag"
|
||
@close="alreadyCheckClose(item, index)"
|
||
>
|
||
{{ item.mobile || item.nickName }}
|
||
</el-tag>
|
||
</div>
|
||
</div>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
</div>
|
||
<template #footer>
|
||
<el-button @click="sendSmsModal = false">取消</el-button>
|
||
<el-button type="primary" :loading="submitLoading" @click="sendSms">发送</el-button>
|
||
</template>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import * as API_Setting from "@/api/setting.js";
|
||
import * as API_Member from "@/api/member.js";
|
||
|
||
export default {
|
||
name: "sms",
|
||
data() {
|
||
return {
|
||
activeTab: "LIST",
|
||
loading: false,
|
||
customSms: false,
|
||
alreadyCheck: [],
|
||
alreadyCheckShow: [],
|
||
memberPage: 0,
|
||
members: [],
|
||
smsTemplateContent: "",
|
||
memberNum: 0,
|
||
smsContent: "<div class='sms'>效果预览</div>",
|
||
smsTemplates: [],
|
||
smsSigns: [],
|
||
sendSmsModal: false,
|
||
sendSmsModalTitle: "短信发送",
|
||
modalType: 0,
|
||
templateModalVisible: false,
|
||
templateModalTitle: "",
|
||
templateForm: {},
|
||
submitLoading: false,
|
||
signSearchForm: { pageNumber: 1, pageSize: 20 },
|
||
templateSearchForm: { pageNumber: 1, pageSize: 20 },
|
||
memberSearchFrom: { disabled: "OPEN" },
|
||
memberSearchParam: {
|
||
pageNumber: 1,
|
||
pageSize: 8,
|
||
disabled: "OPEN",
|
||
},
|
||
smsSearchForm: {
|
||
sort: "createTime",
|
||
order: "desc",
|
||
pageNumber: 1,
|
||
pageSize: 20,
|
||
},
|
||
smsForm: {
|
||
smsName: "",
|
||
signName: "",
|
||
context: "",
|
||
smsRange: "1",
|
||
num: 0,
|
||
messageCode: "",
|
||
},
|
||
smsFormValidate: {
|
||
signName: [{ required: true, message: "请选择短信签名", trigger: "change" }],
|
||
messageCode: [{ required: true, message: "请选择短信模板", trigger: "change" }],
|
||
},
|
||
templateFormValidate: {
|
||
templateName: [{ required: true, message: "请输入短信模板名称", trigger: "blur" }],
|
||
templateContent: [{ required: true, message: "请输入短信模板内容", trigger: "blur" }],
|
||
remark: [{ required: true, message: "请输入短信模板申请说明", trigger: "blur" }],
|
||
},
|
||
smsData: [],
|
||
smsTotal: 0,
|
||
templateData: [],
|
||
templateTotal: 0,
|
||
signData: [],
|
||
signTotal: 0,
|
||
memberLoadingMore: false,
|
||
};
|
||
},
|
||
methods: {
|
||
templateStatusText(status) {
|
||
const map = { 0: "审核中", 1: "审核通过", 2: "审核失败" };
|
||
return map[status] ?? map[String(status)] ?? "-";
|
||
},
|
||
init() {
|
||
this.getSms();
|
||
this.getMemberNum();
|
||
},
|
||
getMemberNum() {
|
||
API_Member.getMemberNum(this.memberSearchFrom).then((res) => {
|
||
if (res.success) {
|
||
this.memberNum = res.result;
|
||
this.smsForm.num = this.memberNum;
|
||
}
|
||
});
|
||
},
|
||
alreadyCheckClose(val, index) {
|
||
this.alreadyCheck.splice(index, 1);
|
||
this.alreadyCheckShow.splice(index, 1);
|
||
this.members.forEach((item) => {
|
||
if (item.____selected && item.mobile == val.mobile) {
|
||
item.____selected = false;
|
||
}
|
||
});
|
||
this.smsForm.num--;
|
||
this.memberNum--;
|
||
},
|
||
detail() {},
|
||
smsRangeChange(v) {
|
||
this.memberNum = 0;
|
||
this.smsForm.num = 0;
|
||
if (v == 1) {
|
||
this.alreadyCheck = [];
|
||
this.alreadyCheckShow = [];
|
||
this.customSms = false;
|
||
this.getMemberNum();
|
||
}
|
||
if (v == 2) {
|
||
this.customSms = true;
|
||
this.members = [];
|
||
this.memberSearchParam.pageNumber = 1;
|
||
this.getMembers();
|
||
}
|
||
},
|
||
memberSearch() {
|
||
this.memberSearchParam.pageNumber = 1;
|
||
this.members = [];
|
||
this.getMembers();
|
||
},
|
||
moveMember(index, item) {
|
||
if (!item.mobile) {
|
||
this.$Message.error("当前用户暂无手机号绑定");
|
||
return false;
|
||
}
|
||
item.____selected = true;
|
||
if (this.alreadyCheck.length == 0) {
|
||
this.alreadyCheck.push(item.mobile);
|
||
this.alreadyCheckShow.push(item);
|
||
this.smsForm.num++;
|
||
this.memberNum++;
|
||
} else {
|
||
const result = this.alreadyCheck.indexOf(item.mobile);
|
||
if (result < 0) {
|
||
this.smsForm.num++;
|
||
this.memberNum++;
|
||
this.alreadyCheck.push(item.mobile);
|
||
this.alreadyCheckShow.push(item);
|
||
}
|
||
}
|
||
},
|
||
onMemberScroll({ scrollTop }) {
|
||
const wrap = document.querySelector(".member-scroll .el-scrollbar__wrap");
|
||
if (!wrap || this.memberLoadingMore) return;
|
||
const nearBottom = scrollTop + wrap.clientHeight >= wrap.scrollHeight - 20;
|
||
if (nearBottom && this.memberPage != this.memberSearchParam.pageNumber) {
|
||
this.memberLoadingMore = true;
|
||
this.memberSearchParam.pageNumber++;
|
||
this.getMembers(true);
|
||
}
|
||
},
|
||
getMembers(append = false) {
|
||
API_Member.getMemberListData(this.memberSearchParam).then((res) => {
|
||
this.memberLoadingMore = false;
|
||
if (res.success) {
|
||
res.result.records.forEach((item) => {
|
||
item.____selected = false;
|
||
this.members.push(item);
|
||
});
|
||
this.memberPage = res.result.pages;
|
||
}
|
||
});
|
||
},
|
||
sendBatchSmsModal() {
|
||
this.templateSearchForm.templateStatus = 1;
|
||
API_Setting.getSmsTemplatePage(this.templateSearchForm).then((res) => {
|
||
if (res.success) {
|
||
this.smsTemplates = res.result.records;
|
||
}
|
||
});
|
||
this.signSearchForm.signStatus = 1;
|
||
API_Setting.getSmsSignPage(this.signSearchForm).then((res) => {
|
||
if (res.success) {
|
||
this.smsSigns = res.result.records;
|
||
}
|
||
});
|
||
this.smsContent = "<div class='sms'>效果预览</div>";
|
||
this.alreadyCheck = [];
|
||
this.alreadyCheckShow = [];
|
||
this.smsTemplateContent = "效果预览";
|
||
this.smsForm = {
|
||
smsName: "",
|
||
signName: "",
|
||
context: "",
|
||
smsRange: "1",
|
||
num: 0,
|
||
messageCode: "",
|
||
};
|
||
this.getMemberNum();
|
||
this.sendSmsModal = true;
|
||
},
|
||
paneChange(name) {
|
||
if (name == "TEMPLATE") {
|
||
this.getSmsTemplate();
|
||
}
|
||
if (name == "SIGN") {
|
||
this.getSmsSign();
|
||
}
|
||
},
|
||
selectSmsSign(v) {
|
||
if (v != undefined) {
|
||
this.smsContent = "<div class='sms'>【" + v + "】" + " " + this.smsTemplateContent + "</div>";
|
||
} else {
|
||
this.smsContent = "<div class='sms'>效果预览" + this.smsTemplateContent + "</div>";
|
||
}
|
||
},
|
||
selectSmsTemplate() {
|
||
this.smsTemplates.forEach((e) => {
|
||
if (this.smsForm.messageCode == e.templateCode) {
|
||
this.smsTemplateContent = e.templateContent;
|
||
this.smsForm.smsName = e.templateName;
|
||
}
|
||
});
|
||
if (this.smsForm.signName) {
|
||
this.smsContent =
|
||
"<div class='sms'>【" + this.smsForm.signName + "】" + this.smsTemplateContent + "</div>";
|
||
} else {
|
||
this.smsContent = "<div class='sms'>" + this.smsTemplateContent + "</div>";
|
||
}
|
||
this.smsForm.context = this.smsTemplateContent;
|
||
},
|
||
deleteSmsTemplate(v) {
|
||
this.$Modal.confirm({
|
||
title: "确认删除",
|
||
content: "您确认要删除此短信模板？",
|
||
loading: true,
|
||
onOk: () => {
|
||
API_Setting.deleteSmsTemplatePage({ templateCode: v.templateCode }).then((res) => {
|
||
this.$Modal.remove();
|
||
if (res.success) {
|
||
this.$Message.success("删除成功");
|
||
this.getSmsTemplate();
|
||
}
|
||
});
|
||
},
|
||
});
|
||
},
|
||
sendSms() {
|
||
this.$refs.smsForm.validate((valid) => {
|
||
if (!valid) return;
|
||
this.smsForm.mobile = this.alreadyCheck;
|
||
API_Setting.sendSms(this.smsForm).then((res) => {
|
||
if (res.success) {
|
||
this.$Message.success("发送成功");
|
||
this.getSms();
|
||
this.sendSmsModal = false;
|
||
}
|
||
});
|
||
});
|
||
},
|
||
addSign() {
|
||
this.$router.push({ name: "add-sms-sign" });
|
||
},
|
||
addTemplate() {
|
||
this.templateModalVisible = true;
|
||
this.templateModalTitle = "添加短信模板";
|
||
this.templateForm = {};
|
||
this.modalType = 0;
|
||
},
|
||
editTemplate(v) {
|
||
this.templateModalVisible = true;
|
||
this.templateModalTitle = "修改短信模板";
|
||
this.templateForm = { ...v };
|
||
this.modalType = 1;
|
||
},
|
||
syncSign() {
|
||
this.loading = true;
|
||
API_Setting.syncSign().then((res) => {
|
||
this.loading = false;
|
||
if (res.success) {
|
||
this.$Message.success("同步成功");
|
||
this.getSmsSign();
|
||
}
|
||
});
|
||
},
|
||
templateSubmit() {
|
||
this.$refs.templateForm.validate((valid) => {
|
||
if (!valid) return;
|
||
this.submitLoading = true;
|
||
const req =
|
||
this.modalType == 0
|
||
? API_Setting.addSmsTemplatePage(this.templateForm)
|
||
: API_Setting.editSmsTemplatePage(this.templateForm);
|
||
req
|
||
.then((res) => {
|
||
this.submitLoading = false;
|
||
if (res.success) {
|
||
this.$Message.success(this.modalType == 0 ? "添加成功" : "修改成功");
|
||
this.templateModalVisible = false;
|
||
this.getSmsTemplate();
|
||
}
|
||
})
|
||
.catch(() => {
|
||
this.submitLoading = false;
|
||
});
|
||
});
|
||
},
|
||
deleteSmsSign(v) {
|
||
this.$Modal.confirm({
|
||
title: "确认删除",
|
||
content: "您确认要删除此短信签名？",
|
||
loading: true,
|
||
onOk: () => {
|
||
API_Setting.deleteSign(v.id).then((res) => {
|
||
this.$Modal.remove();
|
||
if (res.success) {
|
||
this.$Message.success("删除成功");
|
||
this.getSmsSign();
|
||
}
|
||
});
|
||
},
|
||
});
|
||
},
|
||
syncTemplate() {
|
||
this.loading = true;
|
||
API_Setting.syncTemplate().then((res) => {
|
||
this.loading = false;
|
||
if (res.success) {
|
||
this.$Message.success("同步成功");
|
||
this.getSmsTemplate();
|
||
}
|
||
});
|
||
},
|
||
smsChangePage(v) {
|
||
this.smsSearchForm.pageNumber = v;
|
||
this.getSms();
|
||
},
|
||
smsChangePageSize(v) {
|
||
this.smsSearchForm.pageNumber = 1;
|
||
this.smsSearchForm.pageSize = v;
|
||
this.getSms();
|
||
},
|
||
templateChangePage(v) {
|
||
this.templateSearchForm.pageNumber = v;
|
||
this.getSmsTemplate();
|
||
},
|
||
templateChangePageSize(v) {
|
||
this.templateSearchForm.pageNumber = 1;
|
||
this.templateSearchForm.pageSize = v;
|
||
this.getSmsTemplate();
|
||
},
|
||
getSmsTemplate() {
|
||
this.loading = true;
|
||
API_Setting.getSmsTemplatePage(this.templateSearchForm)
|
||
.then((res) => {
|
||
if (res.success) {
|
||
this.templateData = res.result.records;
|
||
this.templateTotal = res.result.total;
|
||
}
|
||
})
|
||
.finally(() => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
getSms() {
|
||
this.loading = true;
|
||
API_Setting.getSmsPage(this.smsSearchForm)
|
||
.then((res) => {
|
||
if (res.success) {
|
||
this.smsData = res.result.records;
|
||
this.smsTotal = res.result.total;
|
||
}
|
||
})
|
||
.finally(() => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
signChangePage(v) {
|
||
this.signSearchForm.pageNumber = v;
|
||
this.getSmsSign();
|
||
},
|
||
signChangePageSize(v) {
|
||
this.signSearchForm.pageNumber = 1;
|
||
this.signSearchForm.pageSize = v;
|
||
this.getSmsSign();
|
||
},
|
||
editSign(v) {
|
||
this.$router.push({ name: "add-sms-sign", query: { id: v.id } });
|
||
},
|
||
getSmsSign() {
|
||
this.loading = true;
|
||
API_Setting.getSmsSignPage(this.signSearchForm)
|
||
.then((res) => {
|
||
if (res.success) {
|
||
this.signData = res.result.records;
|
||
this.signTotal = res.result.total;
|
||
}
|
||
})
|
||
.finally(() => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
},
|
||
mounted() {
|
||
this.init();
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import "sms.scss";
|
||
|
||
.link-text {
|
||
color: #409eff;
|
||
cursor: pointer;
|
||
text-decoration: none;
|
||
&.disabled {
|
||
color: #c5c8ce;
|
||
cursor: not-allowed;
|
||
}
|
||
}
|
||
.op-split {
|
||
margin: 0 8px;
|
||
color: #dcdee2;
|
||
}
|
||
.mt_10 {
|
||
margin-top: 10px;
|
||
}
|
||
.sms-tabs {
|
||
min-height: 500px;
|
||
}
|
||
.checkbox-tag {
|
||
margin: 4px;
|
||
}
|
||
</style>
|