Compare commits
8 Commits
acdcc670de
...
5c6c3df4d0
| Author | SHA1 | Date |
|---|---|---|
 caolin
|
5c6c3df4d0 | 3 months ago |
qsh
|
ecc89f47bb | 3 months ago |
|
qsh
|
41e256aabb | 3 months ago |
|
qsh
|
0555c0e42e | 3 months ago |
|
qsh
|
7665389a8d | 3 months ago |
|
qsh
|
71f6dacba4 | 3 months ago |
|
qsh
|
735d638b49 | 3 months ago |
|
qsh
|
f7980cf66a | 3 months ago |
@ -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,192 @@ |
||||
<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="messageType" 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> |
||||
<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.getNotifyMessagePage(queryParams) |
||||
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() |
||||
} |
||||
|
||||
function handleDetail(row: any) { |
||||
if (!row.readStatus) { |
||||
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 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 handleReadOne = async (id: number) => { |
||||
await NotifyMessageApi.updateNotifyMessageRead({ |
||||
ids: [id], |
||||
roleId: userStore.getUser?.currentRole |
||||
}) |
||||
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,65 @@ |
||||
<template> |
||||
<div class="p-20px"> |
||||
<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 } 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 |
||||
}) |
||||
} |
||||
|
||||
onMounted(() => { |
||||
init() |
||||
}) |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
: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