commit
a81d21dd3b
@ -0,0 +1,25 @@ |
|||||||
|
import request from '@/config/axios' |
||||||
|
|
||||||
|
// 获取角色快报配置
|
||||||
|
export const getRoleDaliyReport = async (roleId) => { |
||||||
|
return await request.get({ |
||||||
|
url: '/admin-api/system/role-message-setting/get', |
||||||
|
params: { roleId } |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
// 保存角色每日快报配置
|
||||||
|
export const updateRoleDaliyReport = async (data) => { |
||||||
|
return await request.post({ |
||||||
|
url: '/admin-api/system/role-message-setting/save', |
||||||
|
data, |
||||||
|
isSubmitForm: true |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
// 获取每日快报发送内容
|
||||||
|
export const getDaliyReportContent = async () => { |
||||||
|
return await request.get({ |
||||||
|
url: '/admin-api/system/message-item/list-all-simple' |
||||||
|
}) |
||||||
|
} |
||||||
@ -0,0 +1,133 @@ |
|||||||
|
<template> |
||||||
|
<Dialog v-model="dialogVisible" :title="dialogTitle" width="800px"> |
||||||
|
<el-form ref="formRef" :model="formData" label-width="130px"> |
||||||
|
<el-form-item label="每日跟进指标数"> |
||||||
|
<el-input-number v-model="formData.targetNum" :controls="false" style="width: 150px" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="跟进指标生效日期"> |
||||||
|
<el-date-picker |
||||||
|
v-model="formData.startDate" |
||||||
|
type="date" |
||||||
|
placeholder="选择日期时间" |
||||||
|
format="YYYY-MM-DD" |
||||||
|
value-format="YYYY-MM-DD" |
||||||
|
style="width: 150px" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<el-divider direction="horizontal" content-position="left">成交额指标</el-divider> |
||||||
|
<el-button class="mb-10px" type="primary" @click="handleAddPrice"> 添加年份 </el-button> |
||||||
|
<el-table :data="formData.deptSignPriceTargetVOList" border> |
||||||
|
<el-table-column label="年份" width="120"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-date-picker |
||||||
|
v-model="row.year" |
||||||
|
type="year" |
||||||
|
placeholder="选择年份" |
||||||
|
size="small" |
||||||
|
format="YYYY" |
||||||
|
value-format="YYYY" |
||||||
|
style="width: 100%" |
||||||
|
/> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column v-for="col in 12" :key="col" :label="`${col}月`" width="100px"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-input-number |
||||||
|
v-model="row.monthTargetVOList[col - 1].targetPrice" |
||||||
|
size="small" |
||||||
|
:controls="false" |
||||||
|
style="width: 100%" |
||||||
|
/> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<template #footer> |
||||||
|
<el-button type="primary" @click="submitForm">确 定</el-button> |
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button> |
||||||
|
</template> |
||||||
|
</Dialog> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup name="DialogTarget"> |
||||||
|
import * as DeptApi from '@/api/system/dept' |
||||||
|
|
||||||
|
const message = useMessage() // 消息弹窗 |
||||||
|
|
||||||
|
const dialogVisible = ref(false) // 弹窗的是否展示 |
||||||
|
const dialogTitle = ref('') // 弹窗的标题 |
||||||
|
|
||||||
|
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
||||||
|
const formData = ref({ |
||||||
|
remark: undefined |
||||||
|
}) |
||||||
|
|
||||||
|
/** 打开弹窗 */ |
||||||
|
const open = async (deptId) => { |
||||||
|
dialogVisible.value = true |
||||||
|
dialogTitle.value = '业绩指标' |
||||||
|
resetForm() |
||||||
|
// 修改时，设置数据 |
||||||
|
if (deptId) { |
||||||
|
formLoading.value = true |
||||||
|
try { |
||||||
|
formData.value = await DeptApi.getDeptTarget(deptId) |
||||||
|
formData.value.deptId = deptId |
||||||
|
if (formData.value?.deptSignPriceTargetVOList) { |
||||||
|
formData.value.deptSignPriceTargetVOList.forEach((it) => { |
||||||
|
it.year = it.year + '' |
||||||
|
}) |
||||||
|
} |
||||||
|
} finally { |
||||||
|
formLoading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
defineExpose({ open }) // 提供 open 方法，用于打开弹窗 |
||||||
|
|
||||||
|
/** 提交表单 */ |
||||||
|
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调 |
||||||
|
const formRef = ref() // 表单 Ref |
||||||
|
const submitForm = async () => { |
||||||
|
// 提交请求 |
||||||
|
formLoading.value = true |
||||||
|
try { |
||||||
|
await DeptApi.updateDeptTarget(formData.value) |
||||||
|
message.success('修改成功') |
||||||
|
dialogVisible.value = false |
||||||
|
// 发送操作成功的事件 |
||||||
|
emit('success') |
||||||
|
} finally { |
||||||
|
formLoading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** 重置表单 */ |
||||||
|
const resetForm = () => { |
||||||
|
formData.value = { |
||||||
|
targetNum: undefined, |
||||||
|
startDate: undefined, |
||||||
|
deptSignPriceTargetVOList: [] |
||||||
|
} |
||||||
|
formRef.value?.resetFields() |
||||||
|
} |
||||||
|
|
||||||
|
function handleAddPrice() { |
||||||
|
const obj = { |
||||||
|
year: undefined, |
||||||
|
monthTargetVOList: [] |
||||||
|
} |
||||||
|
for (let i = 1; i <= 12; i++) { |
||||||
|
obj.monthTargetVOList.push({ |
||||||
|
month: i, |
||||||
|
targetPrice: undefined |
||||||
|
}) |
||||||
|
} |
||||||
|
if (!formData.value.deptSignPriceTargetVOList) { |
||||||
|
formData.value.deptSignPriceTargetVOList = [] |
||||||
|
} |
||||||
|
formData.value.deptSignPriceTargetVOList.push(obj) |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
@ -1,7 +1,149 @@ |
|||||||
<template> |
<template> |
||||||
<div> 每日快报 </div> |
<div class="pl-20px pr-20px"> |
||||||
|
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto" v-loading="formLoading"> |
||||||
|
<el-form-item label="开启通知"> |
||||||
|
<el-radio-group v-model="form.status"> |
||||||
|
<el-radio :label="0"> 开启 </el-radio> |
||||||
|
<el-radio :label="1"> 关闭 </el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<el-form-item label="发送途径"> |
||||||
|
<el-checkbox-group v-model="form.sendType"> |
||||||
|
<el-checkbox v-for="(item, index) in sendTypeOptions" :key="index" :label="item.value"> |
||||||
|
{{ item.label }} |
||||||
|
</el-checkbox> |
||||||
|
</el-checkbox-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="发送时间"> |
||||||
|
<el-time-picker |
||||||
|
v-model="form.sendTime" |
||||||
|
placeholder="任意时间点" |
||||||
|
format="HH:mm" |
||||||
|
value-format="HH:mm" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="发送内容"> |
||||||
|
<el-tree |
||||||
|
ref="treeRef" |
||||||
|
:data="contentOptions" |
||||||
|
:props="defaultProps" |
||||||
|
empty-text="加载中，请稍候" |
||||||
|
node-key="id" |
||||||
|
show-checkbox |
||||||
|
default-expand-all |
||||||
|
style="width: 100%" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button :disabled="formLoading" type="primary" @click="submitForm"> 保 存 </el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script setup name="ReportDaily"></script> |
<script setup name="ReportDaily"> |
||||||
|
import * as DaliyReportApi from '@/api/system/role/daliyReport' |
||||||
|
import { defaultProps, handleTree } from '@/utils/tree' |
||||||
|
import { getGeneralSysDictData } from '@/api/system/dict/dict.data' |
||||||
|
|
||||||
|
const message = useMessage() // 消息弹窗 |
||||||
|
const props = defineProps({ |
||||||
|
roleId: { |
||||||
|
type: Number |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
const formLoading = ref(false) |
||||||
|
const form = ref({ |
||||||
|
sendItem: [] |
||||||
|
}) |
||||||
|
|
||||||
|
watch( |
||||||
|
() => props.roleId, |
||||||
|
() => { |
||||||
|
getReportInfo() |
||||||
|
} |
||||||
|
) |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
init() |
||||||
|
}) |
||||||
|
|
||||||
|
const formRef = ref() |
||||||
|
|
||||||
|
const rules = {} |
||||||
|
|
||||||
|
const contentOptions = ref([]) |
||||||
|
|
||||||
|
async function init() { |
||||||
|
getOptions() |
||||||
|
getReportInfo() |
||||||
|
} |
||||||
|
|
||||||
|
const sendTypeOptions = ref([]) |
||||||
|
const treeRef = ref() |
||||||
|
function getOptions() { |
||||||
|
getGeneralSysDictData('message_send_type').then((data) => { |
||||||
|
sendTypeOptions.value = data |
||||||
|
}) |
||||||
|
DaliyReportApi.getDaliyReportContent().then((data) => { |
||||||
|
contentOptions.value = handleTree(data) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
async function getReportInfo() { |
||||||
|
try { |
||||||
|
formLoading.value = true |
||||||
|
const data = await DaliyReportApi.getRoleDaliyReport(props.roleId) |
||||||
|
form.value = { ...data } |
||||||
|
|
||||||
|
if (!form.value.sendType) { |
||||||
|
form.value.sendType = [] |
||||||
|
} |
||||||
|
|
||||||
|
if (!form.value.sendTime) { |
||||||
|
form.value.sendTime = '22:00' |
||||||
|
} |
||||||
|
|
||||||
|
if (!form.value.sendItem) { |
||||||
|
form.value.sendItem = [] |
||||||
|
} |
||||||
|
treeRef.value.setCheckedKeys([], false) |
||||||
|
// 设置选中 |
||||||
|
form.value.sendItem.forEach((menuId) => { |
||||||
|
treeRef.value.setChecked(menuId, true, false) |
||||||
|
}) |
||||||
|
formLoading.value = false |
||||||
|
} catch (error) { |
||||||
|
console.log(error) |
||||||
|
formLoading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** 提交表单 */ |
||||||
|
const submitForm = async () => { |
||||||
|
// 提交请求 |
||||||
|
formLoading.value = true |
||||||
|
try { |
||||||
|
const data = { |
||||||
|
id: form.value.id, |
||||||
|
roleId: props.roleId, |
||||||
|
sendType: form.value.sendType, |
||||||
|
sendTime: form.value.sendTime, |
||||||
|
status: form.value.status, |
||||||
|
sendItem: [ |
||||||
|
...treeRef.value.getCheckedKeys(false), // 获得当前选中节点 |
||||||
|
...treeRef.value.getHalfCheckedKeys() // 获得半选中的父节点 |
||||||
|
] |
||||||
|
} |
||||||
|
await DaliyReportApi.updateRoleDaliyReport(data) |
||||||
|
message.success('保存成功') |
||||||
|
getReportInfo() |
||||||
|
} finally { |
||||||
|
formLoading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
<style lang="scss" scoped></style> |
<style lang="scss" scoped></style> |
||||||
|
|||||||
@ -0,0 +1,86 @@ |
|||||||
|
<template> |
||||||
|
<div class="p-20px"> |
||||||
|
<p class="mb-30px font-bold text-20px">微信授权登陆</p> |
||||||
|
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto"> |
||||||
|
<el-form-item label="用户名" prop="username"> |
||||||
|
<el-input v-model="form.username" placeholder="请输入用户名" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="密码" prop="password"> |
||||||
|
<el-input v-model="form.password" placeholder="请输入密码" show-password type="password" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<el-button type="primary" :disabled="formLoading" class="w-full" @click="onSubmit"> |
||||||
|
授权登陆 |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup name="MPLogin"> |
||||||
|
import { bindWx } from '@/api/login' |
||||||
|
|
||||||
|
const message = useMessage() // 消息弹窗 |
||||||
|
|
||||||
|
const form = ref({ |
||||||
|
code: undefined, |
||||||
|
username: undefined, |
||||||
|
password: undefined |
||||||
|
}) |
||||||
|
const formRef = ref() |
||||||
|
const rules = { |
||||||
|
username: { required: true, message: '用户名不可为空', trigger: 'blur' }, |
||||||
|
password: { required: true, message: '密码不可为空', trigger: 'blur' } |
||||||
|
} |
||||||
|
|
||||||
|
// 微信授权登陆地址 |
||||||
|
const WX_AUTH_URL = 'https://open.weixin.qq.com/connect/oauth2/authorize?' |
||||||
|
// 重定向参数-固定写法 |
||||||
|
const REDIRECT = '#wechat_redirect' |
||||||
|
|
||||||
|
const params = ref({ |
||||||
|
appid: 'wxf87aa1f474c0494f', // 公众号 APP ID |
||||||
|
redirect_uri: ``, // 授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理 |
||||||
|
response_type: 'code', // 固定写法 |
||||||
|
scope: 'snsapi_base' // snsapi_base 静默授权获取 open id ；snsapi_userinfo 需要用户授权，获取详细信息 |
||||||
|
// state:'code', // a-zA-Z0-9的参数值，最多128字节 |
||||||
|
}) |
||||||
|
|
||||||
|
const formLoading = ref(false) |
||||||
|
async function onSubmit() { |
||||||
|
// 这些需要判断没有 code 情况拉起授权登陆，有就结束放在重复拉起授权登陆 |
||||||
|
if (!form.value.code) { |
||||||
|
const access_url = WX_AUTH_URL + `${new URLSearchParams(params.value)}` + REDIRECT |
||||||
|
location.href = access_url |
||||||
|
} else { |
||||||
|
// 校验表单 |
||||||
|
if (!formRef.value) return |
||||||
|
const valid = await formRef.value.validate() |
||||||
|
if (!valid) return |
||||||
|
// 提交请求 |
||||||
|
formLoading.value = true |
||||||
|
try { |
||||||
|
await bindWx(form.value) |
||||||
|
message.success('绑定成功') |
||||||
|
window.close() |
||||||
|
} catch (error) { |
||||||
|
console.log(error) |
||||||
|
} finally { |
||||||
|
formLoading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
const uri = location.origin + location.pathname |
||||||
|
params.value.redirect_uri = encodeURI(uri) |
||||||
|
// 获取地址参数 |
||||||
|
const param = new URLSearchParams(location.search) |
||||||
|
form.value.code = param.get('code') |
||||||
|
|
||||||
|
if (!form.value.code) { |
||||||
|
const access_url = WX_AUTH_URL + `${new URLSearchParams(params.value)}` + REDIRECT |
||||||
|
location.href = access_url |
||||||
|
} |
||||||
|
}) |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
@ -1,7 +1,193 @@ |
|||||||
<template> |
<template> |
||||||
<div> 站内信 </div> |
<!-- 搜索工作栏 --> |
||||||
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="0"> |
||||||
|
<el-form-item> |
||||||
|
<el-select |
||||||
|
v-model="queryParams.messageType" |
||||||
|
placeholder="消息类型" |
||||||
|
clearable |
||||||
|
filterable |
||||||
|
@change="handleQuery" |
||||||
|
> |
||||||
|
<el-option |
||||||
|
v-for="item in typeOptions" |
||||||
|
:key="item.value" |
||||||
|
:label="item.label" |
||||||
|
:value="item.value" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-select |
||||||
|
v-model="queryParams.readStatus" |
||||||
|
placeholder="状态" |
||||||
|
clearable |
||||||
|
filterable |
||||||
|
@change="handleQuery" |
||||||
|
> |
||||||
|
<el-option label="已读" :value="true" /> |
||||||
|
<el-option label="未读" :value="false" /> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button :disabled="selectedIds.length == 0" @click="handleUpdateList"> |
||||||
|
标记已读 |
||||||
|
</el-button> |
||||||
|
<el-button @click="handleUpdateAll"> 全部已读 </el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
|
||||||
|
<el-text class="mb-10px" type="danger">tips: 双击展示消息详情</el-text> |
||||||
|
|
||||||
|
<!-- 列表 --> |
||||||
|
<el-table |
||||||
|
ref="tableRef" |
||||||
|
v-loading="loading" |
||||||
|
:data="list" |
||||||
|
row-key="id" |
||||||
|
@selection-change="handleSelectionChange" |
||||||
|
@row-dblclick="handleDetail" |
||||||
|
> |
||||||
|
<el-table-column type="selection" :selectable="selectable" reserve-selection width="60px" /> |
||||||
|
<el-table-column label="类型" align="left" prop="messageTypeName" width="200px" /> |
||||||
|
<el-table-column label="标题" align="left" prop="title" /> |
||||||
|
<el-table-column |
||||||
|
label="时间" |
||||||
|
align="left" |
||||||
|
prop="createTime" |
||||||
|
width="180" |
||||||
|
:formatter="dateFormatter" |
||||||
|
/> |
||||||
|
<el-table-column label="状态" align="left" width="100px"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-tag :type="row.readStatus ? 'success' : 'info'"> |
||||||
|
{{ row.readStatus ? '已读' : '未读' }} |
||||||
|
</el-tag> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<!-- 分页 --> |
||||||
|
<Pagination |
||||||
|
:total="total" |
||||||
|
v-model:page="queryParams.pageNo" |
||||||
|
v-model:limit="queryParams.pageSize" |
||||||
|
@pagination="getList" |
||||||
|
/> |
||||||
</template> |
</template> |
||||||
|
<script lang="ts" setup name="NotifyMessage"> |
||||||
|
import { dateFormatter } from '@/utils/formatTime' |
||||||
|
import * as NotifyMessageApi from '@/api/system/notify/message' |
||||||
|
import { useUserStore } from '@/store/modules/user' |
||||||
|
import { getGeneralSysDictData } from '@/api/system/dict/dict.data' |
||||||
|
|
||||||
|
const router = useRouter() |
||||||
|
|
||||||
|
const userStore = useUserStore() |
||||||
|
const message = useMessage() // 消息 |
||||||
|
|
||||||
|
const loading = ref(true) // 列表的加载中 |
||||||
|
const total = ref(0) // 列表的总页数 |
||||||
|
const list = ref<any[]>([]) // 列表的数据 |
||||||
|
const queryParams = reactive({ |
||||||
|
pageNo: 1, |
||||||
|
pageSize: 20, |
||||||
|
messageType: undefined, |
||||||
|
readStatus: undefined |
||||||
|
}) |
||||||
|
const queryFormRef = ref() // 搜索的表单 |
||||||
|
|
||||||
|
/** 查询列表 */ |
||||||
|
const getList = async () => { |
||||||
|
loading.value = true |
||||||
|
try { |
||||||
|
const data = await NotifyMessageApi.getMyNotifyMessagePage({ |
||||||
|
...queryParams, |
||||||
|
roleId: userStore.getUser?.currentRole |
||||||
|
}) |
||||||
|
list.value = data.list |
||||||
|
total.value = data.total |
||||||
|
} finally { |
||||||
|
loading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** 某一行，是否允许选中 */ |
||||||
|
const selectable = (row: any) => { |
||||||
|
return !row.readStatus |
||||||
|
} |
||||||
|
|
||||||
|
/** 搜索按钮操作 */ |
||||||
|
const handleQuery = () => { |
||||||
|
queryParams.pageNo = 1 |
||||||
|
getList() |
||||||
|
} |
||||||
|
|
||||||
|
async function handleDetail(row: any) { |
||||||
|
if (!row.readStatus) { |
||||||
|
await handleReadOne(row.id) |
||||||
|
} |
||||||
|
const url = router.resolve({ |
||||||
|
path: '/nm-detail', |
||||||
|
query: { id: row.id } |
||||||
|
}) |
||||||
|
window.open(url.href, '_blank') |
||||||
|
} |
||||||
|
|
||||||
|
const tableRef = ref() // 表格的 Ref |
||||||
|
const selectedIds = ref<number[]>([]) // 表格的选中 ID 数组 |
||||||
|
|
||||||
|
/** 标记一条站内信已读 */ |
||||||
|
const handleReadOne = async (id: number) => { |
||||||
|
await NotifyMessageApi.updateNotifyMessageRead({ |
||||||
|
ids: [id] |
||||||
|
}) |
||||||
|
await getList() |
||||||
|
} |
||||||
|
|
||||||
|
/** 标记全部站内信已读 **/ |
||||||
|
const handleUpdateAll = async () => { |
||||||
|
await NotifyMessageApi.updateAllNotifyMessageRead({ |
||||||
|
roleId: userStore.getUser?.currentRole |
||||||
|
}) |
||||||
|
message.success('全部已读成功！') |
||||||
|
tableRef.value.clearSelection() |
||||||
|
await getList() |
||||||
|
} |
||||||
|
|
||||||
|
/** 标记一些站内信已读 **/ |
||||||
|
const handleUpdateList = async () => { |
||||||
|
if (selectedIds.value.length === 0) { |
||||||
|
return |
||||||
|
} |
||||||
|
await NotifyMessageApi.updateNotifyMessageRead({ |
||||||
|
ids: selectedIds.value, |
||||||
|
roleId: userStore.getUser?.currentRole |
||||||
|
}) |
||||||
|
message.success('批量已读成功！') |
||||||
|
tableRef.value.clearSelection() |
||||||
|
await getList() |
||||||
|
} |
||||||
|
|
||||||
|
/** 当表格选择项发生变化时会触发该事件 */ |
||||||
|
const handleSelectionChange = (array: NotifyMessageApi.NotifyMessageVO[]) => { |
||||||
|
selectedIds.value = [] |
||||||
|
if (!array) { |
||||||
|
return |
||||||
|
} |
||||||
|
array.forEach((row) => selectedIds.value.push(row.id)) |
||||||
|
} |
||||||
|
|
||||||
|
const typeOptions = ref<any[]>([]) |
||||||
|
|
||||||
<script setup name="NotifyMessage"></script> |
function getOptions() { |
||||||
|
getGeneralSysDictData('message_type').then((data) => { |
||||||
|
typeOptions.value = data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
<style lang="scss" scoped></style> |
/** 初始化 **/ |
||||||
|
onMounted(() => { |
||||||
|
getOptions() |
||||||
|
getList() |
||||||
|
}) |
||||||
|
</script> |
||||||
|
|||||||
@ -0,0 +1,89 @@ |
|||||||
|
<!-- |
||||||
|
* @Author: riverQiu |
||||||
|
* @Date: 2024-09-11 18:42:37 |
||||||
|
* @LastEditors: riverQiu |
||||||
|
* @LastEditTime: 2024-09-11 19:03:23 |
||||||
|
* @Description: |
||||||
|
--> |
||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<ContentWrap style="max-width: 1000px; margin: 0 auto"> |
||||||
|
<div class="text-center"> |
||||||
|
<div class="mb-10px" style="font-size: 24px; letter-spacing: 2px"> |
||||||
|
{{ info.title }} |
||||||
|
</div> |
||||||
|
<el-text> |
||||||
|
{{ formatDate(info.createTime, 'YYYY-MM-DD hh:mm:ss') }} |
||||||
|
</el-text> |
||||||
|
</div> |
||||||
|
<el-divider direction="horizontal" /> |
||||||
|
|
||||||
|
<div v-dompurify-html="info.content"></div> |
||||||
|
</ContentWrap> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup name="NMDetail"> |
||||||
|
import { getNotifyMessageDetail, updateNotifyMessageRead } from '@/api/system/notify/message' |
||||||
|
import { formatDate } from '@/utils/formatTime' |
||||||
|
|
||||||
|
const route = useRoute() |
||||||
|
const info = ref({}) |
||||||
|
|
||||||
|
function init() { |
||||||
|
getNotifyMessageDetail(route.query.id).then((data) => { |
||||||
|
info.value = data |
||||||
|
if (!data.readStatus) { |
||||||
|
handleReadOne(data.id) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** 标记一条站内信已读 */ |
||||||
|
const handleReadOne = async (id) => { |
||||||
|
await updateNotifyMessageRead({ |
||||||
|
ids: [id] |
||||||
|
// roleId: userStore.getUser?.currentRole |
||||||
|
}) |
||||||
|
await getList() |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
init() |
||||||
|
}) |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.container { |
||||||
|
padding: 20px; |
||||||
|
max-height: 100%; |
||||||
|
overflow-y: auto; |
||||||
|
} |
||||||
|
:deep(p) { |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
:deep(table) { |
||||||
|
margin-top: 10px; |
||||||
|
border-collapse: separate; |
||||||
|
text-indent: initial; |
||||||
|
border-spacing: 1px; |
||||||
|
text-align: left; |
||||||
|
border-width: 1px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
:deep(th) { |
||||||
|
font-size: 14px; |
||||||
|
text-align: left; |
||||||
|
border-width: 1px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
:deep(td) { |
||||||
|
font-size: 12px; |
||||||
|
text-align: left; |
||||||
|
border-width: 1px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
:deep(.el-card__body) { |
||||||
|
padding: 20px 10px; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue