初始化地区合伙人
This commit is contained in:
wangxiaowei
131
src/views/message/notice/edit.vue
Normal file
131
src/views/message/notice/edit.vue
Normal file
@ -0,0 +1,131 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-page-header content="编辑通知设置" @back="$router.back()" />
|
||||
</el-card>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
label-width="120px"
|
||||
:rules="rules"
|
||||
v-loading="loading"
|
||||
>
|
||||
<el-card class="!border-none mt-4" shadow="never">
|
||||
<div class="font-medium mb-7">通知名称</div>
|
||||
<el-form-item label="通知名称"> {{ formData.scene_name }} </el-form-item>
|
||||
<el-form-item label="通知类型"> {{ formData.type }} </el-form-item>
|
||||
<el-form-item label="通知业务"> {{ formData.scene_desc }} </el-form-item>
|
||||
</el-card>
|
||||
<el-card class="!border-none mt-4" shadow="never">
|
||||
<div class="font-medium mb-7">短信通知</div>
|
||||
<el-form-item label="开启状态" prop="sms_notice.status" required>
|
||||
<el-radio-group v-model="formData.sms_notice.status">
|
||||
<el-radio value="0">关闭</el-radio>
|
||||
<el-radio value="1">开启</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板ID" prop="sms_notice.template_id">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model="formData.sms_notice.template_id"
|
||||
placeholder="请输入模板ID"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="短信内容" prop="sms_notice.content">
|
||||
<div class="flex-1">
|
||||
<div class="w-full max-w-[320px]">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 6, maxRows: 6 }"
|
||||
v-model="formData.sms_notice.content"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-tips">
|
||||
<div v-for="(item, index) in formData.sms_notice.tips" :key="index">
|
||||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-form>
|
||||
<footer-btns>
|
||||
<el-button type="primary" @click="handleSave">保存</el-button>
|
||||
</footer-btns>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="noticeEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import { pick } from 'lodash'
|
||||
|
||||
import { noticeDetail, setNoticeConfig } from '@/api/message'
|
||||
import useMultipleTabs from '@/hooks/useMultipleTabs'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
|
||||
const loading = ref(false)
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
scene_name: '',
|
||||
type: '',
|
||||
scene_desc: '',
|
||||
sms_notice: {
|
||||
status: 0,
|
||||
template_id: '',
|
||||
content: '',
|
||||
tips: []
|
||||
},
|
||||
oa_notice: {},
|
||||
mnp_notice: {},
|
||||
system_notice: {}
|
||||
})
|
||||
|
||||
const rules = {
|
||||
'sms_notice.template_id': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入模板ID',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
'sms_notice.content': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入短信内容',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
}
|
||||
const { removeTab } = useMultipleTabs()
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
|
||||
const getDetails = async () => {
|
||||
loading.value = true
|
||||
const data = await noticeDetail({
|
||||
id: route.query.id
|
||||
})
|
||||
Object.keys(data).forEach((key) => {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
})
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
const handleSave = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = {
|
||||
id: formData.id,
|
||||
template: pick(formData, ['sms_notice', 'oa_notice', 'mnp_notice', 'system_notice'])
|
||||
}
|
||||
await setNoticeConfig(data)
|
||||
feedback.msgSuccess('操作成功')
|
||||
removeTab()
|
||||
router.back()
|
||||
}
|
||||
|
||||
route.query.id && getDetails()
|
||||
</script>
|
||||
86
src/views/message/notice/index.vue
Normal file
86
src/views/message/notice/index.vue
Normal file
@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-alert
|
||||
type="warning"
|
||||
title="温馨提示：平台配置在各个场景下的通知发送方式和内容模板"
|
||||
:closable="false"
|
||||
show-icon
|
||||
></el-alert>
|
||||
</el-card>
|
||||
<el-card class="!border-none mt-4" shadow="never">
|
||||
<el-tabs v-model="tabsActive" @tab-change="getLists">
|
||||
<el-tab-pane
|
||||
v-for="(item, index) in tabsMap"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:name="item.type"
|
||||
lazy
|
||||
></el-tab-pane>
|
||||
</el-tabs>
|
||||
<el-table size="large" :data="pager.lists" v-loading="pager.loading">
|
||||
<el-table-column label="通知场景" prop="scene_name" min-width="120" />
|
||||
<el-table-column label="通知类型" prop="type_desc" min-width="160" />
|
||||
<el-table-column label="短信通知" min-width="80">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.sms_notice?.status == 1">开启</el-tag>
|
||||
<el-tag type="danger" v-else>关闭</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" min-width="80" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['notice.notice/set']" type="primary" link>
|
||||
<router-link
|
||||
:to="{
|
||||
path: getRoutePath('notice.notice/set'),
|
||||
query: {
|
||||
id: row.id
|
||||
}
|
||||
}"
|
||||
>
|
||||
设置
|
||||
</router-link>
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup name="notice">
|
||||
import { noticeLists } from '@/api/message'
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { getRoutePath } from '@/router'
|
||||
|
||||
enum NoticeEnums {
|
||||
USER = 1,
|
||||
PLATFORM = 2
|
||||
}
|
||||
|
||||
const tabsActive = ref(NoticeEnums.USER)
|
||||
const tabsMap = [
|
||||
{
|
||||
name: '通知用户',
|
||||
type: NoticeEnums.USER
|
||||
},
|
||||
{
|
||||
name: '通知平台',
|
||||
type: NoticeEnums.PLATFORM
|
||||
}
|
||||
]
|
||||
|
||||
// 列表数据
|
||||
const params = reactive({
|
||||
recipient: tabsActive
|
||||
})
|
||||
const { pager, getLists } = usePaging({
|
||||
fetchFun: noticeLists,
|
||||
params
|
||||
})
|
||||
|
||||
onActivated(() => {
|
||||
getLists()
|
||||
})
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
130
src/views/message/short_letter/edit.vue
Normal file
130
src/views/message/short_letter/edit.vue
Normal file
@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
title="设置短信"
|
||||
:async="true"
|
||||
width="550px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||
<el-form-item label="短信渠道">
|
||||
<div>
|
||||
{{ formData.name }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="短信签名" prop="sign">
|
||||
<el-input v-model="formData.sign" placeholder="请输入短信签名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="APP_KEY" prop="app_key" v-if="formData.type == 'ali'">
|
||||
<el-input v-model="formData.app_key" placeholder="请输入APP_KEY" />
|
||||
</el-form-item>
|
||||
<el-form-item label="APP_ID" prop="app_id" v-if="formData.type == 'tencent'">
|
||||
<el-input v-model="formData.app_id" placeholder="请输入APP_ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="SECRET_ID" prop="secret_id" v-if="formData.type == 'tencent'">
|
||||
<el-input v-model="formData.secret_id" placeholder="请输入SECRET_ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="SECRET_KEY" prop="secret_key">
|
||||
<el-input v-model="formData.secret_key" placeholder="请输入SECRET_KEY" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-radio-group v-model="formData.status">
|
||||
<el-radio :value="0">关闭</el-radio>
|
||||
<el-radio :value="1">开启</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
import { setSmsConfig, smsDetail } from '@/api/message'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
|
||||
const emit = defineEmits(['success'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const formData = reactive({
|
||||
name: '',
|
||||
type: '',
|
||||
sign: '',
|
||||
app_key: '',
|
||||
app_id: '',
|
||||
secret_key: '',
|
||||
secret_id: '',
|
||||
status: 0
|
||||
})
|
||||
|
||||
const formRules = {
|
||||
sign: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入短信签名',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
app_id: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入APP_ID',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
app_key: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入APP_KEY',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
secret_key: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入SECRET_KEY',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
secret_id: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入SECRET_ID',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
await setSmsConfig(formData)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
const getDetail = async () => {
|
||||
const data = await smsDetail({
|
||||
type: formData.type
|
||||
})
|
||||
for (const key in data) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
const open = (type: string) => {
|
||||
formData.type = type
|
||||
popupRef.value?.open()
|
||||
getDetail()
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
58
src/views/message/short_letter/index.vue
Normal file
58
src/views/message/short_letter/index.vue
Normal file
@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never" v-loading="state.loading">
|
||||
<el-table size="large" :data="state.lists">
|
||||
<el-table-column label="短信渠道" prop="name" min-width="120" />
|
||||
<el-table-column label="状态" min-width="120">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.status == 1">开启</el-tag>
|
||||
<el-tag type="danger" v-else>关闭</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" min-width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['notice.sms_config/setConfig']"
|
||||
type="primary"
|
||||
link
|
||||
@click="handleSet(row.type)"
|
||||
>
|
||||
设置
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<edit-popup ref="editRef" @success="getLists" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup name="shortLetter">
|
||||
import { smsLists } from '@/api/message'
|
||||
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
|
||||
// 列表数据
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
lists: []
|
||||
})
|
||||
|
||||
// 获取存储引擎列表数据
|
||||
const getLists = async () => {
|
||||
try {
|
||||
state.loading = true
|
||||
state.lists = await smsLists()
|
||||
state.loading = false
|
||||
} catch (error) {
|
||||
state.loading = false
|
||||
}
|
||||
}
|
||||
|
||||
const handleSet = (alias: string) => {
|
||||
editRef.value?.open(alias)
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
Reference in New Issue
Block a user