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> |
<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> |
</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