feat: 生产部署 + 会议全链路 (执行方分配/费用结算/签到脱敏/H5相机)

- 生产 nginx 三路径: ry-vue3 /hg/, ry-h5 /camera/, API /hg-api, .env 分环境
- 签约链接/摄像头 base-url 走 yml, 不再硬编码 /hg 与 localhost
- 新增 biz_project_executor_assign (镜像 sponsor_assign) 执行方项目级分配
- 会议费用后台汇总 FeeCalcScheduler + 结算回写项目金额 + 状态流转调度
- 签到表拍照高斯模糊脱敏 extra_oss_url, 新增 PosterService/StageDeriver
- 清理 biz_support_intent 旧表 (6 Java/XML 删除)
- ry-h5 相机黑屏修复: 显式 video.play() + 动态 apiBase 上传
- 资源: simhei 字体 / logo.png / qrcode_1.png / favicon.ico

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
郭庆泰
2026-08-24 01:00:09 +08:00
co-authored by Claude
parent 80a276e661
commit 904e28710f
123 changed files with 6008 additions and 1706 deletions
+2
View File
@@ -0,0 +1,2 @@
# 开发环境 API 基路径 (Vite dev server proxy 前缀)
VITE_APP_BASE_API = '/dev-api'
+5
View File
@@ -0,0 +1,5 @@
# 生产环境 API 基路径 (nginx 反向代理前缀)
VITE_APP_BASE_API = '/hg-api'
# 生产环境静态资源子路径 (nginx 部署在 /hg/)
VITE_BASE = '/hg/'
Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

+10 -2
View File
@@ -1,13 +1,21 @@
import request from '@/utils/request'
/**
* 当前登录用户的"待签署"会议列表 (handsign 或 labor_protocol 任一为空)
* 返回 [{id, meetingId, meetingName, startTime, ...}, ...]
* 当前登录用户的"待签署协议"会议列表 (已推送电子签 is_esigned=1 且 任一未签)
* 返回 [{id, meetingId, meetingName, startTime, isEsigned, ...}, ...]
*/
export function listUnsignedMeetingProtocols() {
return request({ url: '/business/meetingAttendee/unsigned', method: 'get' })
}
/**
* 当前登录用户的"待参加"会议列表 (已邀请参会 is_invited=1)
* 返回 [{id, meetingId, meetingName, startTime, ...}, ...]
*/
export function listInvitedMeetings() {
return request({ url: '/business/meetingAttendee/invited', method: 'get' })
}
/**
* 更新手写签名 (Base64 字符串, 直接存 DB longtext)
* @param {number|string} id 中间表主键
+27
View File
@@ -23,6 +23,33 @@ export function sponsorAssignProject(data) {
return request({ url: '/business/project/sponsorAssign', method: 'post', data })
}
/**
* 执行方分配执行人 (写 biz_project_executor_assign)
* POST /business/project/executorAssign
* body: { projectId, staffUserIds: [Long, ...] }
*/
export function executorAssignProject(data) {
return request({ url: '/business/project/executorAssign', method: 'post', data })
}
/**
* 查询项目已分配的执行人列表 (dialog 重开回显用)
* GET /business/project/{projectId}/executorAssigns
* 返回 BizProjectExecutorAssign[] 含 { staffUserId, staffUserName, ... }
*/
export function getExecutorAssigns(projectId) {
return request({ url: `/business/project/${projectId}/executorAssigns`, method: 'get' })
}
/**
* 查询项目已分配的监察员列表 (dialog 重开回显用)
* GET /business/project/{projectId}/sponsorAssigns
* 返回 BizProjectSponsorAssign[] 含 { monitorUserId, monitorUserName, ... }
*/
export function getSponsorAssigns(projectId) {
return request({ url: `/business/project/${projectId}/sponsorAssigns`, method: 'get' })
}
/**
* 支持方批量分配 (多个项目同一个监察员 + 同一份说明)
* body: [{projectId, monitorUserId, assignDesc, assignPoints}, ...]
+3
View File
@@ -8,6 +8,9 @@ import request from '@/utils/request'
export function getSignInfo(attendeeId) {
return request({ url: '/business/sign/info', method: 'get', params: { attendeeId } })
}
export function resolveSign(meetingId) {
return request({ url: '/business/sign/resolve', method: 'get', params: { meetingId }, __silentError: true })
}
export function saveSignProfile(attendeeId, form) {
return request({ url: '/business/sign/saveProfile', method: 'post', params: { attendeeId }, data: form, __silentError: true })
}
+166
View File
@@ -0,0 +1,166 @@
<!--
扫码拍照上传控件 (会议现场照片: 签到表 / 前全景 / 后全景)
区别于 OssFileUploader: 不本地选文件, 而是点按钮弹出二维码,
手机扫二维码进入 ry-h5 相机页拍照, 拍照后直传 OSS 并回传 URL 到后端
(后端 upsert biz_meeting_material), 本控件轮询 material 列表,
一旦该 subType ossUrl 出现即回写 v-model (同步到页面 r.url).
用法:
<CameraQrUpload
v-model="r.url"
:meeting-id="meetingId"
:sub-type="r.subType"
:label="r.label"
:readonly="isSponsor"
class="file-uploader"
/>
-->
<template>
<div class="camera-qr-upload" :class="{ readonly }">
<div class="camera-row">
<el-button type="primary" size="small" :disabled="readonly" @click="openDialog">
<el-icon><CameraFilled /></el-icon>&nbsp;扫码拍照
</el-button>
<a v-if="modelValue" :href="modelValue" target="_blank" class="cam-link">查看照片</a>
<span v-else class="cam-empty">未上传</span>
<span v-if="polling" class="cam-polling">等待手机回传</span>
</div>
<el-dialog
v-model="visible"
:title="`扫码拍照 - ${label}`"
width="400px"
align-center
:close-on-click-modal="false"
@closed="onClosed"
>
<div class="qr-wrap">
<div v-if="qrLoading" class="qr-loading" v-loading="true"></div>
<img v-else-if="qrUrl" :src="qrUrl" class="qr-img" />
<div v-else class="qr-error">二维码生成失败, 请关闭重试</div>
<div class="qr-tip">用手机相机扫一扫, 进入{{ label }}拍照页</div>
<div class="qr-tip-sub">拍完点使用, 照片自动回传到本会议</div>
<div v-if="polling" class="qr-status">等待照片回传, 请保持本弹窗打开</div>
</div>
</el-dialog>
</div>
</template>
<script setup>
import { ref, onBeforeUnmount } from 'vue'
import request from '@/utils/request'
import { ElMessage } from 'element-plus'
import { CameraFilled } from '@element-plus/icons-vue'
import QRCode from 'qrcode'
const props = defineProps({
modelValue: { type: String, default: '' },
meetingId: { type: [Number, String], default: '' },
subType: { type: String, required: true },
label: { type: String, default: '现场照片' },
readonly: { type: Boolean, default: false }
})
const emit = defineEmits(['update:modelValue'])
/** subType → ry-h5 页面路由 (ry-h5 hash router, base=/camera/) */
const PAGE_PATH = {
L_SIGN_IN: '/pages/signin/index',
L_PANORAMA_FRONT: '/pages/panorama/index',
L_PANORAMA_BACK: '/pages/panorama/index'
}
const visible = ref(false)
const qrUrl = ref('')
const qrLoading = ref(false)
const polling = ref(false)
let pollTimer = null
let baseline = ''
/**
* 生成二维码并开始轮询.
* 目标 URL = baseUrl (后端 yml ruoyi.camera.base-url) + '#' + ry-h5 路由 + query.
* apiBase 用当前站点 origin + VITE_APP_BASE_API (与 request.js 一致), 手机端据此调后端接口.
* ⚠️ 开发环境要求: 执行方须用「局域网 IP」打开 ry-vue3 (如 http://192.168.x.x:5173),
* 否则二维码里的 apiBase 是 localhost, 手机扫出来 localhost 指向手机自身, 无法回传.
*/
async function openDialog() {
baseline = props.modelValue || ''
visible.value = true
qrLoading.value = true
qrUrl.value = ''
try {
const cfg = await request.get('/common/camera/config')
const base = (cfg && cfg.baseUrl) || ''
if (!base) throw new Error('相机网页地址未配置 (ruoyi.camera.base-url)')
const page = PAGE_PATH[props.subType] || '/pages/index/index'
const apiBase = encodeURIComponent(window.location.origin + import.meta.env.VITE_APP_BASE_API)
const target = `${base}#${page}?meetingId=${props.meetingId}&subType=${props.subType}&apiBase=${apiBase}`
qrUrl.value = await QRCode.toDataURL(target, {
width: 240, margin: 2, color: { dark: '#1a1a1a', light: '#ffffff' }
})
startPolling()
} catch (e) {
console.error('[camera-qr] gen qr failed', e)
ElMessage.error(e?.msg || e?.message || '二维码生成失败')
visible.value = false
} finally {
qrLoading.value = false
}
}
function startPolling() {
stopPolling()
polling.value = true
pollTimer = setInterval(pollOnce, 3000)
pollOnce()
}
/** 拉 material 列表, 该 subType 出现新 ossUrl (≠ 打开时基线) 即回写并关闭 */
async function pollOnce() {
try {
const resp = await request.get(`/business/meetingMaterial/${props.meetingId}`)
const list = (resp && (resp.data || resp)) || []
const row = (Array.isArray(list) ? list : []).find(m => m.subType === props.subType)
const url = row && row.ossUrl ? row.ossUrl : ''
if (url && url !== baseline) {
emit('update:modelValue', url)
ElMessage.success(`${props.label}已回传`)
stopPolling()
visible.value = false
}
} catch (e) {
/* 静默重试, 弹窗保持打开 */
}
}
function stopPolling() {
if (pollTimer) { clearInterval(pollTimer); pollTimer = null }
polling.value = false
}
function onClosed() {
stopPolling()
}
onBeforeUnmount(stopPolling)
</script>
<style scoped>
.camera-qr-upload { width: 100%; min-width: 0; }
.camera-row {
display: flex; align-items: center; gap: 12px;
min-height: 36px;
}
.cam-link { color: var(--brand-primary); text-decoration: none; font-size: 13px; }
.cam-link:hover { text-decoration: underline; }
.cam-empty { color: #c0c4cc; font-size: 13px; }
.cam-polling { color: #e6a23c; font-size: 12px; }
.qr-wrap { text-align: center; padding: 8px 0 4px; }
.qr-loading { width: 240px; height: 240px; margin: 0 auto; }
.qr-img { width: 240px; height: 240px; }
.qr-error { width: 240px; height: 240px; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #f56c6c; font-size: 13px; }
.qr-tip { font-size: 14px; color: #1a1a1a; margin-top: 14px; }
.qr-tip-sub { font-size: 12px; color: #999; margin-top: 6px; }
.qr-status { font-size: 12px; color: #e6a23c; margin-top: 10px; }
</style>
+2 -2
View File
@@ -64,8 +64,8 @@ const props = defineProps({
modelValue: { type: String, default: '' },
dir: { type: String, default: 'ry8080/idcard/' },
readonly: { type: Boolean, default: false },
frontPlaceholder: { type: String, default: '/images/id-front.png' },
backPlaceholder: { type: String, default: '/images/id-back.png' }
frontPlaceholder: { type: String, default: import.meta.env.BASE_URL + 'images/id-front.png' },
backPlaceholder: { type: String, default: import.meta.env.BASE_URL + 'images/id-back.png' }
})
const emit = defineEmits(['update:modelValue'])
+297
View File
@@ -0,0 +1,297 @@
<!--
共享通知列表组件
------------------------------------------------------------
自包含: 数据拉取 / SSE 实时刷新 / 详情弹窗 / 全部已读 全部封装在内.
任何角色页面 (workbench / home / 独立 messages ) 只需:
<NoticeList :limit="5" /> // 嵌入式小列表 (默认有"全部已读"顶部按钮)
<NoticeList :limit="50" :show-category="true" /> // 完整页列表 (显示分类标签)
<NoticeList :limit="5" :show-header="false" /> // 嵌入式,父 section-title 自己带按钮
Props:
limit Number 拉取条数,默认 5
showCategory Boolean 是否显示 [通知/待办/系统] 分类标签,默认 false
showHeader Boolean 是否显示组件自己的"全部已读"顶部按钮,默认 true
emptyText String 空列表文案,默认 '暂无通知'
复用: 调用方不再写 notice-item / dot / SSE 订阅 / 详情 dialog,3 处变 1 .
-->
<template>
<div class="notice-list-wrap">
<div v-if="showHeader" class="notice-list-header">
<el-button v-if="hasUnread" link size="small" type="primary" @click="markAllRead">全部已读</el-button>
</div>
<ul class="notice-list">
<li
v-for="n in rows"
:key="n.id"
class="notice-item"
:class="{ read: n.read }"
@click="openDetail(n)"
>
<div class="dot"></div>
<div class="body">
<div class="title">
<span v-if="showCategory && n.category" class="cat" :class="catClass(n)">{{ n.category }}</span>
{{ n.title }}
</div>
<div class="text">{{ n.text }}</div>
</div>
<span class="time">{{ n.time }}</span>
</li>
<li v-if="!rows.length" class="empty">{{ emptyText }}</li>
</ul>
<el-dialog
v-model="detailOpen"
:title="detail.title || '消息详情'"
width="520px"
align-center
destroy-on-close
>
<div class="detail-body">
<div class="meta">
<span v-if="detail.category" class="cat" :class="catClass(detail)">{{ detail.category }}</span>
<span class="time">{{ detail.time }}</span>
</div>
<div class="text">{{ detail.content || detail.text || '-' }}</div>
<div v-if="detailLink" class="detail-link">
<img v-if="detailQrUrl" :src="detailQrUrl" class="detail-qr" alt="链接二维码" />
<div class="detail-link-row">
<el-link type="primary" :href="detailLink" target="_blank" :underline="false">打开链接</el-link>
<el-link type="primary" :underline="false" @click="copyDetailLink">复制链接</el-link>
</div>
</div>
</div>
<template #footer>
<el-button type="primary" @click="detailOpen = false">关闭</el-button>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { ref, computed, onMounted, onBeforeUnmount } from 'vue'
import { ElMessage } from 'element-plus'
import QRCode from 'qrcode'
import { listMyMessages, markMessageRead, markAllMessagesRead } from '@/api/public'
import { onGlobal } from '@/utils/sseClient'
const props = defineProps({
limit: { type: Number, default: 5 },
showCategory: { type: Boolean, default: false },
showHeader: { type: Boolean, default: true },
emptyText: { type: String, default: '暂无通知' }
})
const rows = ref([])
const detailOpen = ref(false)
const detail = ref({})
const detailLink = ref('')
const detailQrUrl = ref('')
const hasUnread = computed(() => rows.value.some(n => !n.read))
let unsubscribeNewMessage = null
async function load() {
try {
const r = await listMyMessages({ limit: props.limit })
rows.value = r.rows || []
} catch (e) {
rows.value = []
}
}
/** SSE 触发的静默重拉 (失败不打扰用户, 下次手动刷新可见) */
async function refresh() {
try {
const r = await listMyMessages({ limit: props.limit })
rows.value = r.rows || []
} catch (e) { /* swallow */ }
}
/** 从消息正文里抽取第一个 http(s) 链接, 去尾随标点 */
function extractLink(content) {
if (!content) return ''
const m = String(content).match(/https?:\/\/[^\s"'<>]+/)
if (!m) return ''
return m[0].replace(/[。,、;:,.!?;:)\]]+$/, '')
}
/** 点列表项: 打开详情 + 乐观本地标已读 + 后端 markRead (后端会再推 SSE, navbar 角标自动减) */
function openDetail(n) {
detail.value = n
detailOpen.value = true
const link = extractLink(n.content)
detailLink.value = link
detailQrUrl.value = ''
if (link) {
QRCode.toDataURL(link, { width: 200, margin: 2, color: { dark: '#1a1a1a', light: '#ffffff' } })
.then(url => { detailQrUrl.value = url })
.catch(() => { detailQrUrl.value = '' })
}
if (!n.read) {
n.read = true
markMessageRead(n.id).catch(() => { n.read = false })
}
}
/** 复制消息正文中的链接 */
async function copyDetailLink() {
if (!detailLink.value) return
try {
if (navigator.clipboard && window.isSecureContext) {
await navigator.clipboard.writeText(detailLink.value)
} else {
const ta = document.createElement('textarea')
ta.value = detailLink.value
ta.style.position = 'fixed'
ta.style.opacity = '0'
document.body.appendChild(ta)
ta.select()
document.execCommand('copy')
document.body.removeChild(ta)
}
ElMessage.success('链接已复制')
} catch (e) {
ElMessage.error('复制失败, 请手动复制')
}
}
/** 全部已读: 后端 markAllRead (后端会推 silent=true SSE, 角标自动清零) + 本地乐观更新 */
async function markAllRead() {
try {
await markAllMessagesRead()
rows.value = rows.value.map(n => ({ ...n, read: true }))
} catch (e) {
ElMessage.error('全部已读失败, 请重试')
}
}
/** type 字段 (后端 BizMessage.msgType): '1'通知 '2'待办 '3'系统 */
function catClass(n) {
if (n.type === '1') return 'cat-notif'
if (n.type === '2') return 'cat-todo'
if (n.type === '3') return 'cat-sys'
return ''
}
onMounted(() => {
load()
// SSE 全局总线 (AdminLayout 维护连接, 这里订阅刷新本组件列表即可)
// toast 由 AdminLayout 统一弹, 这里只负责本组件 list 实时刷新
unsubscribeNewMessage = onGlobal(() => {
refresh()
})
})
onBeforeUnmount(() => {
if (unsubscribeNewMessage) unsubscribeNewMessage()
})
</script>
<style scoped>
.notice-list-wrap { display: flex; flex-direction: column; }
.notice-list-header {
display: flex;
justify-content: flex-end;
padding: 4px 0 8px;
}
/* 列表 (跟 doctor/Home.vue 旧内联样式保持像素一致) */
.notice-list { list-style: none; border-top: 1px solid #f0f0f0; }
.notice-item {
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.notice-item:last-child { border-bottom: none; }
.notice-item:hover .title { color: var(--brand-primary); }
.notice-item .dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--brand-primary);
flex-shrink: 0;
}
.notice-item.read .dot { background: transparent; border: 1px solid #d9d9d9; }
.notice-item .body { flex: 1; min-width: 0; }
.notice-item .title {
font-size: 13px;
color: #1a1a1a;
display: flex;
align-items: center;
gap: 8px;
}
.notice-item.read .title { color: #8c8c8c; }
.notice-item .text {
font-size: 12px;
color: #595959;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 2px;
}
.notice-item .time {
font-size: 12px;
color: #bfbfbf;
flex-shrink: 0;
}
/* 分类标签 (按后端 msgType 染色: 1=通知蓝 2=待办橙 3=系统紫) */
.cat {
display: inline-block;
font-size: 11px;
padding: 1px 6px;
border-radius: 2px;
background: #f0f0f0;
color: #595959;
flex-shrink: 0;
}
.cat-sys { background: #f9f0ff; color: #722ed1; }
.cat-todo { background: #fff7e6; color: #fa8c16; }
.cat-notif { background: #e6f7ff; color: var(--brand-primary); }
.empty {
padding: 24px 0;
text-align: center;
color: #bfbfbf;
font-size: 13px;
}
/* 详情 dialog */
.detail-body .meta {
display: flex;
gap: 12px;
align-items: center;
margin-bottom: 12px;
}
.detail-body .meta .time {
font-size: 12px;
color: #8c8c8c;
}
.detail-body .text {
font-size: 14px;
color: #1a1a1a;
line-height: 1.6;
white-space: pre-wrap;
}
.detail-link {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #f0f0f0;
text-align: center;
}
.detail-link .detail-qr {
width: 200px;
height: 200px;
display: block;
margin: 0 auto 12px;
}
.detail-link-row {
display: flex;
gap: 20px;
justify-content: center;
}
</style>
@@ -15,6 +15,9 @@
<span class="placeholder-text">{{ placeholder }}</span>
<span class="placeholder-hint" v-if="hint">{{ hint }}</span>
</div>
<div v-else-if="!modelValue && readonly" class="ht-file-placeholder readonly-empty">
<span class="placeholder-text">未上传</span>
</div>
<div v-else-if="modelValue" class="ht-file-info">
<el-icon class="file-icon" :size="22"><svg viewBox="0 0 24 24" fill="currentColor">
<path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13z"/>
+1 -3
View File
@@ -78,9 +78,7 @@
</div>
<div class="footer-qr">
<div class="qr-image">
<svg width="52" height="52" viewBox="0 0 24 24" fill="currentColor">
<path d="M3 11h8V3H3v8zm2-6h4v4H5V5zm8-2v8h8V3h-8zm6 6h-4V5h4v4zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm13-2h-2v2h2v-2zm-2 2h-2v2h2v-2zm2 2h-2v2h2v-2zm2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm0 0h-2v2h2v-2z"/>
</svg>
<img src="/qrcode_1.png" alt="公众号二维码" style="width:100%;height:100%;object-fit:contain;" />
</div>
<div class="qr-label">公众号二维码</div>
</div>
@@ -0,0 +1,128 @@
<template>
<!--
项目级角色多选控件 ("其他"逃生口)
数据来源: 父组件传入 props.roles (biz_project.role_labor JSON, 形如 [{role, customName, amount}])
v-model = 逗号分隔字符串 ( "主席,主持,特约嘉宾"), "其他"自定义角色作为普通项存储.
行为契约:
- 勾选项目角色 该项进入 modelValue (用角色名 label)
- 勾选 "其他" (控件自己虚拟追加) 下方 el-input 出现 输入内容作为普通项进入 modelValue
- 回填: modelValue 里不在项目角色列表里的项 自动按 "其他 + input" 显示
- 兼容旧数据: modelValue 若为 JSON 数组字符串 (["主席","__other__:xx"]) 也能解析
用法:
<project-role-multi-select v-model="attendeeDialog.form.laborForm" :roles="projectRoles" />
-->
<div class="project-role-multi">
<el-checkbox-group v-model="selectedKeys" @change="onToggle">
<el-checkbox v-for="o in displayOptions" :key="o.key" :value="o.key" :label="o.label" />
</el-checkbox-group>
<el-input
v-if="showOtherInput"
v-model="otherText"
placeholder="请输入其他角色"
class="other-input"
maxlength="50"
@input="emitValue"
/>
</div>
</template>
<script setup>
import { ref, computed, watch } from 'vue'
const props = defineProps({
modelValue: { type: String, default: '' },
/** 项目级角色数组: [{role, customName, amount}] (来自 biz_project.role_labor JSON 解析) */
roles: { type: Array, default: () => [] }
})
const emit = defineEmits(['update:modelValue', 'change'])
// "其他" 虚拟项内部 key — 不暴露给父组件, 仅用于区分选中状态
const OTHER_KEY = '__other__'
// 把 props.roles 投影成 {key, label} 数组 (label = role 或"其他"的 customName)
const projectOptions = computed(() => {
return (props.roles || [])
.filter(r => r && (r.role || r.customName))
.map(r => {
if (r.role === '其他') {
const customName = (r.customName || '').trim()
return { key: customName, label: customName || '其他' }
}
return { key: r.role, label: r.role }
})
// 同 key 去重 (防御性: 项目里手填了两个相同 role)
.filter((o, i, arr) => arr.findIndex(x => x.key === o.key) === i)
// 去掉与 OTHER_KEY 冲突的 (理论上不会, 但防御)
.filter(o => o.key !== OTHER_KEY)
})
const selectedKeys = ref([])
const otherText = ref('')
const showOtherInput = computed(() => selectedKeys.value.includes(OTHER_KEY))
const displayOptions = computed(() => [...projectOptions.value, { key: OTHER_KEY, label: '其他' }])
/** 构建逗号分隔字符串 ("其他"自定义内容作为普通项) */
function buildValue() {
return selectedKeys.value
.map(k => (k === OTHER_KEY ? (otherText.value || '').trim() : k))
.filter(x => x !== '')
.join(',')
}
/** 解析 modelValue (兼容 JSON 数组 + 逗号分隔) → selectedKeys + otherText */
function syncFromModelValue(v) {
let items = []
if (typeof v === 'string' && v.trim().startsWith('[')) {
try { const p = JSON.parse(v); if (Array.isArray(p)) items = p } catch (e) { items = [v] }
} else if (v) {
items = String(v).split(',').map(s => s.trim()).filter(Boolean)
}
const selected = []
let other = ''
const known = new Set(projectOptions.value.map(o => o.key))
items.forEach(it => {
const s = String(it)
if (s === OTHER_KEY || s.startsWith(OTHER_KEY + ':')) {
if (!selected.includes(OTHER_KEY)) selected.push(OTHER_KEY)
if (s.startsWith(OTHER_KEY + ':')) other = s.substring((OTHER_KEY + ':').length)
} else if (known.has(s)) {
if (!selected.includes(s)) selected.push(s)
} else {
// 不在项目角色列表里 → "其他"自定义
if (!selected.includes(OTHER_KEY)) selected.push(OTHER_KEY)
other = s
}
})
selectedKeys.value = selected
otherText.value = other
}
const lastEmitted = ref('')
function emitValue() {
const v = buildValue()
lastEmitted.value = v
emit('update:modelValue', v)
emit('change', v)
}
function onToggle() { emitValue() }
// 初始化 + 响应外部变化 (跳过自己 emit 的回显, 避免重解析覆盖用户输入)
syncFromModelValue(props.modelValue)
watch(() => props.modelValue, v => {
if (v === lastEmitted.value) return
syncFromModelValue(v)
})
// 项目角色列表变化后重做一次同步 (例如 load() 后异步拿到 roles)
watch(() => props.roles, () => syncFromModelValue(props.modelValue), { deep: true })
</script>
<style scoped>
.project-role-multi { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.other-input { width: 100%; }
</style>
@@ -1,153 +0,0 @@
<template>
<!--
项目级角色下拉控件 ("其他"逃生口)
数据来源: 父组件传入 props.roles (来自 biz_project.role_labor JSON, 形如 [{role, customName, amount}])
- role === '其他' 显示 customName 作为 label
- role !== '其他' 显示 role 作为 label
行为契约 (前端控件自管理, 父组件无感知):
- 标准项目角色: 用户从下拉选 v-model = 该角色名
- "其他" (控件自己虚拟追加, 不来自项目定义): 下方出现 el-input v-model = input 内容
- 回填: modelValue 不在项目角色列表里 自动按 "其他 + input" 显示, input 预填原值
用法:
<project-role-select v-model="attendeeDialog.form.laborForm" :roles="projectRoles" />
-->
<div class="project-role-select">
<el-select
v-model="selectedKey"
:placeholder="placeholder"
:disabled="disabled"
:clearable="clearable"
:filterable="filterable"
style="width: 100%"
@change="handleSelectChange"
@clear="handleClear"
>
<el-option
v-for="o in displayOptions"
:key="o.key"
:label="o.label"
:value="o.key"
/>
</el-select>
<el-input
v-if="showOtherInput"
v-model="otherText"
:placeholder="otherPlaceholder"
class="other-input"
maxlength="50"
@input="emitValue"
/>
</div>
</template>
<script setup>
import { ref, computed, watch } from 'vue'
const props = defineProps({
modelValue: { type: String, default: '' },
/** 项目级角色数组: [{role, customName, amount}] (来自 biz_project.role_labor JSON 解析) */
roles: { type: Array, default: () => [] },
placeholder: { type: String, default: '请选择角色' },
otherPlaceholder: { type: String, default: '请输入角色名' },
disabled: { type: Boolean, default: false },
clearable: { type: Boolean, default: true },
filterable: { type: Boolean, default: true }
})
const emit = defineEmits(['update:modelValue', 'change'])
// "其他" 虚拟项的内部 key — 不暴露给父组件, 仅用于区分 selectedKey 状态
const OTHER_KEY = '__other_role__'
// 把 props.roles 投影成 {key, label} 数组
// - role === '其他' → label = customName (项目里实际填的"自定义角色名")
// - role !== '其他' → label = role
const projectOptions = computed(() => {
return (props.roles || [])
.filter(r => r && (r.role || r.customName))
.map(r => {
if (r.role === '其他') {
const customName = (r.customName || '').trim()
return { key: customName, label: customName || '其他' }
}
return { key: r.role, label: r.role }
})
// 同 key 去重 (防御性: 项目里手填了两个相同 role)
.filter((o, i, arr) => arr.findIndex(x => x.key === o.key) === i)
// 去掉与 OTHER_KEY 冲突的 (理论上不会, 但防御)
.filter(o => o.key !== OTHER_KEY)
})
const selectedKey = ref(props.modelValue || null)
const otherText = ref(props.modelValue || '')
const showOtherInput = computed(() => selectedKey.value === OTHER_KEY)
// 给 el-select 渲染的 options = 项目角色 + 末尾虚拟"其他"
const displayOptions = computed(() => [
...projectOptions.value,
{ key: OTHER_KEY, label: '其他' }
])
function isValueInOptions(v) {
if (v == null || v === '') return false
return projectOptions.value.some(o => o.key === v)
}
function syncFromModelValue(v) {
if (v == null || v === '') {
selectedKey.value = null
otherText.value = ''
return
}
if (isValueInOptions(v)) {
selectedKey.value = v
otherText.value = ''
} else {
// 不在项目角色列表里 → 走 "其他" 路径
selectedKey.value = OTHER_KEY
otherText.value = v
}
}
function emitValue() {
let v
if (selectedKey.value === OTHER_KEY) {
v = otherText.value || ''
} else if (selectedKey.value == null) {
v = ''
} else {
v = selectedKey.value
}
emit('update:modelValue', v)
emit('change', v)
}
function handleSelectChange(key) {
if (key === OTHER_KEY && selectedKey.value !== OTHER_KEY) {
otherText.value = ''
}
selectedKey.value = key
emitValue()
}
function handleClear() {
selectedKey.value = null
otherText.value = ''
emitValue()
}
// 初始化 + 响应外部变化
syncFromModelValue(props.modelValue)
watch(() => props.modelValue, v => syncFromModelValue(v))
// 项目角色列表变化后重做一次同步 (例如 load() 后异步拿到 roles)
watch(() => props.roles, () => syncFromModelValue(props.modelValue), { deep: true })
</script>
<style scoped>
.project-role-select { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.other-input { width: 100%; }
</style>
+8 -4
View File
@@ -94,11 +94,11 @@ async function loadInitialUnread() {
/** 各角色点 bell 跳到自己的消息页 */
const NOTICE_PATH = {
admin: '/admin/workbench', // admin 暂未建独立消息页, 落工作台
manager: '/manager/workbench', // manager 同上 (Phase 7 补 /manager/messages)
admin: '/admin/messages',
manager: '/manager/messages',
doctor: '/doctor/messages',
executor: '/executor/overview', // executor 同 admin/manager 暂用工作台
sponsor: '/sponsor/home' // sponsor 同上
executor: '/executor/messages',
sponsor: '/sponsor/messages'
}
function goNotice() {
const p = NOTICE_PATH[role.value] || '/'
@@ -177,6 +177,7 @@ const MENU = {
{ path: '/admin/special-plan', title: '专项计划管理', icon: Compass },
{ path: '/admin/labor-protocol', title: '劳务协议配置', icon: Document }
]},
{ path: '/admin/messages', title: '消息通知', icon: Bell },
{ path: '/admin/account', title: '账号信息', icon: User }
],
manager: [
@@ -189,6 +190,7 @@ const MENU = {
{ path: '/manager/executor-orgs', title: '服务机构管理', icon: OfficeBuilding },
{ path: '/manager/support-intent', title: '支持意向', icon: Tickets },
{ path: '/manager/exec-intent', title: '执行意向', icon: Tickets },
{ path: '/manager/messages', title: '消息通知', icon: Bell },
{ path: '/manager/accounts', title: '账号管理', icon: Setting }
],
doctor: [
@@ -206,6 +208,7 @@ const MENU = {
{ path: '/executor/projects', title: '项目列表', icon: Document },
{ path: '/executor/people', title: '人员管理', icon: User, requireMain: true },
{ path: '/executor/labor', title: '劳务凭证', icon: EditPen },
{ path: '/executor/messages', title: '消息通知', icon: Bell },
{ path: '/executor/account', title: '账号信息', icon: Setting }
],
sponsor: [
@@ -213,6 +216,7 @@ const MENU = {
{ path: '/sponsor/my-projects', title: '我的项目', icon: Document },
{ path: '/sponsor/meetings', title: '会议列表', icon: Calendar },
{ path: '/sponsor/people', title: '人员管理', icon: User, requireMain: true },
{ path: '/sponsor/messages', title: '消息通知', icon: Bell },
{ path: '/sponsor/account', title: '账号信息', icon: Setting }
]
}
+15 -4
View File
@@ -53,6 +53,7 @@ const routes = [
{ path: 'labor-protocol', name: 'admin-labor-protocol', component: () => import('@/views/admin/LaborProtocol.vue'), meta: { title: '劳务协议配置' } },
{ path: 'labor-protocol/new', name: 'admin-labor-protocol-new', component: () => import('@/views/admin/LaborProtocolEdit.vue'), meta: { title: '新建劳务协议模板' } },
{ path: 'labor-protocol/edit/:id', name: 'admin-labor-protocol-edit', component: () => import('@/views/admin/LaborProtocolEdit.vue'), meta: { title: '编辑劳务协议模板' } },
{ path: 'messages', name: 'admin-messages', component: () => import('@/views/messages/Messages.vue'), meta: { title: '消息通知' } },
{ path: 'account', name: 'admin-account', component: () => import('@/views/admin/Account.vue'), meta: { title: '账号信息' } }
]
},
@@ -84,6 +85,7 @@ const routes = [
{ path: 'executor-people/view/:id', name: 'manager-executor-people-view', component: () => import('@/views/executor-people/ExecutorPersonDetail.vue'), meta: { title: '人员详情' } },
{ path: 'support-intent', name: 'manager-support-intent', component: () => import('@/views/manager/SupportIntent.vue'), meta: { title: '支持意向' } },
{ path: 'exec-intent', name: 'manager-exec-intent', component: () => import('@/views/manager/ExecIntent.vue'), meta: { title: '执行意向' } },
{ path: 'messages', name: 'manager-messages', component: () => import('@/views/messages/Messages.vue'), meta: { title: '消息通知' } },
{ path: 'accounts', name: 'manager-accounts', component: () => import('@/views/manager/Accounts.vue'), meta: { title: '账号管理' } }
]
},
@@ -92,7 +94,7 @@ const routes = [
{ path: 'home', name: 'doctor-home', component: () => import('@/views/doctor/Home.vue'), meta: { title: '首页' } },
{ path: 'meetings', name: 'doctor-meetings', component: () => import('@/views/doctor/Meetings.vue'), meta: { title: '我参与的会议' } },
{ path: 'projects', name: 'doctor-projects', component: () => import('@/views/doctor/Projects.vue'), meta: { title: '我报名的项目' } },
{ path: 'messages', name: 'doctor-messages', component: () => import('@/views/doctor/Messages.vue'), meta: { title: '消息通知' } },
{ path: 'messages', name: 'doctor-messages', component: () => import('@/views/messages/Messages.vue'), meta: { title: '消息通知' } },
{ path: 'submissions', name: 'doctor-submissions', component: () => import('@/views/doctor/Submissions.vue'), meta: { title: '我的项目设计投稿' } },
{ path: 'submission/new', name: 'doctor-submission-new', component: () => import('@/views/doctor/SubmissionNew.vue'), meta: { title: '新建项目设计投稿' } },
{ path: 'submission/detail/:planId', name: 'doctor-submission-detail', component: () => import('@/views/doctor/SubmissionDetail.vue'), meta: { title: '投稿详情' } },
@@ -107,13 +109,17 @@ const routes = [
{ path: '', redirect: { name: 'executor-overview' } },
{ path: 'overview', name: 'executor-overview', component: () => import('@/views/executor/Overview.vue'), meta: { title: '首页' } },
{ path: 'meetings', name: 'executor-meetings', component: () => import('@/views/executor/Meetings.vue'), meta: { title: '会议执行' } },
{ path: 'meetings/new', name: 'executor-meetings-new', component: () => import('@/views/meetings/MeetingNew.vue'), meta: { title: '新建会议' } },
{ path: 'meetings/detail/:meetingId', name: 'executor-meetings-detail', component: () => import('@/views/meetings/MeetingDetail.vue'), meta: { title: '会议详情' } },
{ path: 'projects', name: 'executor-projects', component: () => import('@/views/executor/Projects.vue'), meta: { title: '项目列表' } },
{ path: 'projects/detail/:projectId', name: 'executor-projects-detail', component: () => import('@/views/manager/ManagerProjectDetail.vue'), meta: { title: '项目详情' } },
{ path: 'people', name: 'executor-people', component: () => import('@/views/executor/People.vue'), meta: { title: '人员管理' } },
{ path: 'people/new', name: 'executor-people-new', component: () => import('@/views/executor/NewPerson.vue'), meta: { title: '新建人员' } },
{ path: 'people/edit/:id', name: 'executor-people-edit', component: () => import('@/views/executor/NewPerson.vue'), meta: { title: '编辑人员' } },
{ path: 'people/detail/:id', name: 'executor-people-detail', component: () => import('@/views/executor/PersonDetail.vue'), meta: { title: '人员详情' } },
{ path: 'account', name: 'executor-account', component: () => import('@/views/executor/Account.vue'), meta: { title: '账号信息' } },
{ path: 'labor', name: 'executor-labor', component: () => import('@/views/executor/Labor.vue'), meta: { title: '劳务凭证' } }
{ path: 'labor', name: 'executor-labor', component: () => import('@/views/executor/Labor.vue'), meta: { title: '劳务凭证' } },
{ path: 'messages', name: 'executor-messages', component: () => import('@/views/messages/Messages.vue'), meta: { title: '消息通知' } }
]
},
{ path: '/sponsor', component: AdminLayout, meta: { role: 'sponsor' }, children: [
@@ -121,12 +127,15 @@ const routes = [
{ path: 'home', name: 'sponsor-home', component: () => import('@/views/sponsor/Home.vue'), meta: { title: '首页' } },
{ path: 'projects', name: 'sponsor-projects', component: () => import('@/views/sponsor/Projects.vue'), meta: { title: '项目管理' } },
{ path: 'my-projects', name: 'sponsor-my-projects', component: () => import('@/views/sponsor/SponsorProjects.vue'), meta: { title: '我的项目' } },
{ path: 'meetings', name: 'sponsor-meetings', component: () => import('@/views/sponsor/Meetings.vue'), meta: { title: '会议列表' } },
{ path: 'projects/detail/:projectId', name: 'sponsor-projects-detail', component: () => import('@/views/manager/ManagerProjectDetail.vue'), meta: { title: '项目详情' } },
{ path: 'meetings', name: 'sponsor-meetings', component: () => import('@/views/meetings/Meetings.vue'), meta: { title: '会议列表' } },
{ path: 'meetings/detail/:meetingId', name: 'sponsor-meetings-detail', component: () => import('@/views/meetings/MeetingDetail.vue'), meta: { title: '会议详情' } },
{ path: 'people', name: 'sponsor-people', component: () => import('@/views/sponsor/SponsorPeople.vue'), meta: { title: '人员管理' } },
{ path: 'people/new', name: 'sponsor-people-new', component: () => import('@/views/sponsor/NewPerson.vue'), meta: { title: '新建人员' } },
{ path: 'people/edit/:id', name: 'sponsor-people-edit', component: () => import('@/views/sponsor/NewPerson.vue'), meta: { title: '编辑人员' } },
{ path: 'people/detail/:id', name: 'sponsor-people-detail', component: () => import('@/views/sponsor/PersonDetail.vue'), meta: { title: '人员详情' } },
{ path: 'account', name: 'sponsor-account', component: () => import('@/views/sponsor/Account.vue'), meta: { title: '账号信息' } }
{ path: 'account', name: 'sponsor-account', component: () => import('@/views/sponsor/Account.vue'), meta: { title: '账号信息' } },
{ path: 'messages', name: 'sponsor-messages', component: () => import('@/views/messages/Messages.vue'), meta: { title: '消息通知' } }
]
},
{ path: '/:pathMatch(.*)*', redirect: '/' }
@@ -143,6 +152,8 @@ router.beforeEach((to, from, next) => {
if (!to.meta?.role) return next()
// 需要登录的路由: 未登录跳登录 (带 redirect)
const user = JSON.parse(localStorage.getItem('ry_user') || 'null')
// 扫码带 token 直登 (签劳务): 放行, 由页面 onMounted 用 token 完成登录
if (!user && to.query?.token) return next()
if (!user) return next({ name: 'login', query: { redirect: to.fullPath } })
// 已登录: role 不匹配由后端 401 拦截, 不在前端强跳 (避免误判让用户卡死)
next()
+131
View File
@@ -0,0 +1,131 @@
/**
* 会议阶段显示 (事实驱动, 与后端 StageDeriver 镜像).
*
* biz_meeting 现在存「事实」: is_executed / is_frozen / is_settled / is_finished
* + material_audit_stage / voucher_audit_stage (4 值: NOT_SUBMITTED/SUBMITTED/APPROVED/REJECTED)
* + material/voucher_compliance_approved (区分两级审核) + 审核时间.
*
* 各角色看到的「阶段名称」由这些事实实时推导, 不再是单一 current_stage 枚举投影.
* current_stage 仍是物理阶段缓存 (10 值), 仅供列表筛选精确匹配.
*/
const H24 = 24 * 3600 * 1000
function isTrue(v) {
return v === 1 || v === '1' || v === true
}
/** 待结算: 材料+凭证都通过 且 最晚审核时间已超 24h */
function settlementReady(row) {
if (row.voucherAuditStage !== 'APPROVED') return false
const mat = row.materialAuditTime ? new Date(row.materialAuditTime).getTime() : 0
const vch = row.voucherAuditTime ? new Date(row.voucherAuditTime).getTime() : 0
const later = Math.max(mat, vch)
if (!later) return false
return Date.now() - later >= H24
}
/**
* 10 值物理阶段 (镜像后端 StageDeriver.derivePhysicalStage), 用于颜色/筛选.
*/
export function derivePhysicalStage(row) {
if (!row) return 'NOT_STARTED'
if (isTrue(row.isFrozen)) return 'FROZEN'
if (isTrue(row.isFinished)) return 'FINISHED'
if (isTrue(row.isSettled)) return 'SETTLED'
const material = row.materialAuditStage
if (material === 'REJECTED') return 'RECTIFYING'
if (material === 'APPROVED') return settlementReady(row) ? 'AWAITING_SETTLEMENT' : 'SUPERVISION_APPROVED'
if (material === 'SUBMITTED') return isTrue(row.materialComplianceApproved) ? 'AWAITING_SUPERVISION' : 'AWAITING_COMPLIANCE'
return isTrue(row.isExecuted) ? 'RUNNING' : 'NOT_STARTED'
}
/**
* 各角色展示阶段名 (镜像后端 StageDeriver.deriveDisplay).
* role ∈ {executor, sponsor, manager, admin, doctor, expert}; 非流程角色回退 admin 中性.
*/
export function deriveStage(role, row) {
if (!row) return '-'
if (isTrue(row.isFrozen)) return '冻结中'
if (isTrue(row.isFinished)) return '已完结'
if (isTrue(row.isSettled)) return '已结算'
const material = row.materialAuditStage
// 退回: 执行方看「已退回」, 其他方看「待整改」
if (material === 'REJECTED') {
return role === 'executor' ? '已退回' : '待整改'
}
// 材料已支持方通过
if (material === 'APPROVED') {
return settlementReady(row) ? '待结算' : '审核通过'
}
// 材料在审 (SUBMITTED)
if (material === 'SUBMITTED') {
if (isTrue(row.materialComplianceApproved)) {
// 支持方审中
return role === 'manager' ? '审核通过' : '待审核'
}
// 合规审中
return role === 'sponsor' ? '已执行未传材料' : '待审核'
}
// 未提交
if (isTrue(row.isExecuted)) {
return role === 'executor' ? '执行中' : '已执行未传材料'
}
return '未执行'
}
/**
* 兼容旧签名: stageLabel(role, row) — row 现在传完整会议对象 (含事实字段).
*/
export function stageLabel(role, row) {
return deriveStage(role, row)
}
/** 颜色 class (业务专用 tag), 基于物理阶段 */
export function stageClass(row) {
const s = derivePhysicalStage(row)
if (s === 'NOT_STARTED') return 'pending'
if (s === 'RUNNING') return 'running'
if (s === 'AWAITING_COMPLIANCE' || s === 'AWAITING_SUPERVISION') return 'reviewing'
if (s === 'SUPERVISION_APPROVED') return 'done'
if (s === 'RECTIFYING') return 'waiting'
if (s === 'AWAITING_SETTLEMENT') return 'waiting'
if (s === 'SETTLED') return 'done'
if (s === 'FINISHED') return 'done'
if (s === 'FROZEN') return 'frozen'
return 'default'
}
/** el-tag type (doctor 列表用), 基于物理阶段 */
export function stageTag(row) {
const s = derivePhysicalStage(row)
if (s === 'NOT_STARTED') return 'info'
if (s === 'RUNNING' || s === 'RECTIFYING') return 'primary'
if (s === 'AWAITING_COMPLIANCE' || s === 'AWAITING_SUPERVISION') return 'warning'
if (s === 'SUPERVISION_APPROVED' || s === 'SETTLED' || s === 'FINISHED') return 'success'
if (s === 'AWAITING_SETTLEMENT') return 'warning'
if (s === 'FROZEN') return 'info'
return 'info'
}
/**
* 物理状态机全量 10 值 (用于筛选下拉: label=中性名, value=physical code).
* 筛选按物理状态精确匹配, 显示层才按角色折叠, 避免多值 IN 复杂化.
*/
export const STAGE_OPTIONS = [
{ label: '未执行', value: 'NOT_STARTED' },
{ label: '执行中', value: 'RUNNING' },
{ label: '待合规审核', value: 'AWAITING_COMPLIANCE' },
{ label: '待支持方审核', value: 'AWAITING_SUPERVISION' },
{ label: '审核通过', value: 'SUPERVISION_APPROVED' },
{ label: '待整改', value: 'RECTIFYING' },
{ label: '待结算', value: 'AWAITING_SETTLEMENT' },
{ label: '已结算', value: 'SETTLED' },
{ label: '已完结', value: 'FINISHED' },
{ label: '冻结中', value: 'FROZEN' },
]
+2 -2
View File
@@ -2,7 +2,7 @@ import axios from 'axios'
import { ElMessage } from 'element-plus'
const request = axios.create({
baseURL: '/dev-api',
baseURL: import.meta.env.VITE_APP_BASE_API,
timeout: 15000
})
@@ -34,7 +34,7 @@ request.interceptors.response.use(
localStorage.removeItem('ry_user')
// 带 redirect 跳登录, 登录成功后回跳原页面
const redirect = window.location.hash.slice(1) || ''
window.location.href = '/#/login' + (redirect ? '?redirect=' + encodeURIComponent(redirect) : '')
window.location.href = import.meta.env.BASE_URL + '#/login' + (redirect ? '?redirect=' + encodeURIComponent(redirect) : '')
}
// __silentError: 调用方已经接管错误 toast (如把红错改成黄警), 拦截器不再重复弹
if (!res.config?.__silentError) {
+1 -1
View File
@@ -8,7 +8,7 @@
import { fetchEventSource } from '@microsoft/fetch-event-source'
const SSE_PATH = '/dev-api/business/message/stream'
const SSE_PATH = import.meta.env.VITE_APP_BASE_API + '/business/message/stream'
// 监听器表 (允许多组件订阅)
const listeners = { new_message: new Set(), connected: new Set() }
+1 -1
View File
@@ -88,7 +88,7 @@ function reset() {
function preview(row) {
// 启用的文章才允许预览(实际注册页只看启用的), 这里做软拦截
window.open(`/#/article/${row.type}`, '_blank')
window.open(`${import.meta.env.BASE_URL}#/article/${row.type}`, '_blank')
}
onMounted(load)
@@ -88,7 +88,7 @@ function reset() {
}
function preview(row) {
window.open(`/#/special-plan/${row.id}`, '_blank')
window.open(`${import.meta.env.BASE_URL}#/special-plan/${row.id}`, '_blank')
}
onMounted(load)
+4
View File
@@ -513,7 +513,11 @@ onUnmounted(() => {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
text-decoration: none;
transition: opacity 0.2s;
}
.login-page .logo:hover{ opacity: 0.7; }
.login-page .logo-icon{
width: 36px;
+22 -125
View File
@@ -37,52 +37,32 @@
<a class="more" @click.prevent="$router.push('/doctor/submissions')">更多 </a>
</h2>
<ul class="simple-list">
<li class="simple-item" v-for="(s, idx) in pendingAgreements" :key="s.id" @click="showQrcode(s, idx)">
<li
class="simple-item"
:class="{ disabled: s.isEsigned !== 1 }"
v-for="(s, idx) in pendingAgreements"
:key="s.id"
@click="s.isEsigned === 1 && showQrcode(s, idx)"
>
<div class="item-main">
<span class="item-title">{{ s.meetingName || ('会议 #' + s.meetingId) }}</span>
</div>
<span class="item-status">待签署</span>
<span class="item-status">{{ s.isEsigned === 1 ? '待签署' : '未推送' }}</span>
</li>
<li v-if="!pendingAgreements.length" class="empty">暂无待签协议</li>
</ul>
</div>
</div>
<!-- 通知消息 -->
<!-- 通知消息 (NoticeList 组件内部已含 SSE 实时刷新 + 详情 dialog + 全部已读) -->
<section class="section">
<h2 class="section-title">
通知消息
<span class="title-actions">
<el-button v-if="hasUnread" link size="small" type="primary" @click="markAllRead">全部已读</el-button>
<a class="more" @click.prevent="$router.push('/doctor/messages')">更多 </a>
</span>
<a class="more" @click.prevent="$router.push('/doctor/messages')">更多 </a>
</h2>
<ul class="notice-list">
<li class="notice-item" :class="{ read: n.read }" v-for="n in notices" :key="n.id" @click="openDetail(n)">
<div class="dot"></div>
<div class="body">
<div class="title">{{ n.title }}</div>
<div class="text">{{ n.text }}</div>
</div>
<span class="time">{{ n.time }}</span>
</li>
<li v-if="!notices.length" class="empty">暂无通知</li>
</ul>
<NoticeList :limit="5" :show-header="false" />
</section>
<!-- 消息详情 dialog (点列表项触发) -->
<el-dialog v-model="detailOpen" :title="detail.title || '消息详情'" width="520px" align-center destroy-on-close>
<div class="detail-body">
<div class="meta">
<span class="time">{{ detail.time }}</span>
</div>
<div class="text">{{ detail.text || detail.content || '-' }}</div>
</div>
<template #footer>
<el-button type="primary" @click="detailOpen = false">关闭</el-button>
</template>
</el-dialog>
<!-- 二维码弹窗 -->
<el-dialog v-model="qrcodeOpen" title="扫码签署劳务协议" width="380px" align-center destroy-on-close>
<div class="qrcode-wrap">
@@ -106,16 +86,14 @@ import { ref, computed, onMounted, onBeforeUnmount } from 'vue'
import { useUserStore } from '@/store/user'
import { ElMessage } from 'element-plus'
import QRCode from 'qrcode'
import { bizList, listMyMessages, markMessageRead, markAllMessagesRead } from '@/api/public'
import { getMyExpertProfile } from '@/api/business/expert'
import { listUnsignedMeetingProtocols } from '@/api/business/meetingAttendee'
import { onGlobal } from '@/utils/sseClient'
import { listUnsignedMeetingProtocols, listInvitedMeetings } from '@/api/business/meetingAttendee'
import NoticeList from '@/components/NoticeList.vue'
const store = useUserStore()
const upcomingMeetings = ref([])
const pendingAgreements = ref([])
const notices = ref([])
// 专家真实姓名 (从 biz_expert.name 拿, 不显示 sys_user.userName (登录账号/手机号))
const expertName = ref('')
// 兜底显示名: 优先专家真实姓名 > nickName > userName > '专家'
@@ -140,7 +118,7 @@ async function showQrcode(row, idx) {
try {
// 二维码内容 = 该会议对应的填写页 URL (扫码直达, 医生已登录后直接进入)
// Vue Router hash 模式: URL 必须带 #/ (如 http://localhost:5173/#/doctor/sign-fill?attendeeId=3)
const fullUrl = window.location.origin + '/#/doctor/sign-fill?attendeeId=' + row.id
const fullUrl = window.location.origin + import.meta.env.BASE_URL + '#/doctor/sign-fill?attendeeId=' + row.id
qrcodeMobileUrl.value = fullUrl
qrcodeUrl.value = await QRCode.toDataURL(fullUrl, {
width: 240,
@@ -202,8 +180,8 @@ async function load() {
// 待参加会议 + 待签署协议: 仅审核通过的医生才拉 (未通过时 2 个 pannel 隐藏)
if (store.expertAuditApproved) {
try {
const { data } = await bizList('meeting', { pageNum: 1, pageSize: 5 })
upcomingMeetings.value = (data?.rows || []).slice(0, 5)
const { data } = await listInvitedMeetings()
upcomingMeetings.value = (Array.isArray(data) ? data : []).slice(0, 5)
} catch (e) { upcomingMeetings.value = [] }
try {
@@ -212,91 +190,24 @@ async function load() {
id: s.id,
meetingId: s.meetingId,
meetingName: s.meetingName,
startTime: s.startTime
startTime: s.startTime,
isEsigned: s.isEsigned
}))
} catch (e) { pendingAgreements.value = [] }
} else {
upcomingMeetings.value = []
pendingAgreements.value = []
}
// 通知
try {
notices.value = (await listMyMessages({ limit: 5 })).rows.map((a, i) => ({
id: a.id,
title: a.title,
text: a.text,
time: a.time,
read: a.read // 严格按 DB is_read, 不再用 i>=2 硬编码"第3条算旧"误导用户
}))
} catch (e) { notices.value = [] }
// 通知列表已抽到 <NoticeList> 组件, 本页不再处理
}
/** 仅重拉通知列表 (SSE new_message 事件触发, AdminLayout 已统一弹 toast, 这里只刷新本页面 list) */
async function refreshNotices() {
try {
notices.value = (await listMyMessages({ limit: 5 })).rows.map((a, i) => ({
id: a.id,
title: a.title,
text: a.text,
time: a.time,
read: a.read
}))
} catch (e) { /* SSE 重拉失败静默, 用户下次手动刷新可见 */ }
}
// SSE 订阅句柄, 卸载时解订阅避免内存泄漏
let unsubscribeNewMessage = null
// ===== 消息详情 dialog =====
const detailOpen = ref(false)
const detail = ref({})
/** 点通知项: 打开 dialog + 调 markRead (后端会再触发 SSE 推新未读, navbar 角标自动减) */
async function openDetail(n) {
detail.value = n
detailOpen.value = true
if (!n.read) {
try {
await markMessageRead(n.id)
n.read = true // 本地乐观更新, 避免再调 refreshNotices 闪屏
} catch (e) {
// markRead 失败不阻塞 dialog, 用户下次点还会重试
}
}
}
/** 全部已读: 调后端 markAllRead (后端会推 silent=true 的 SSE, 角标自动清零) */
async function markAllRead() {
try {
await markAllMessagesRead()
// 乐观本地全标已读, 不等 SSE 推送 (push 过来后 refreshNotices 也会全 read)
notices.value = notices.value.map(n => ({ ...n, read: true }))
} catch (e) {
ElMessage.error('全部已读失败, 请重试')
}
}
/** 列表里只要有未读就显示"全部已读"按钮 */
const hasUnread = computed(() => notices.value.some(n => !n.read))
onMounted(() => {
updateClock()
timer = setInterval(updateClock, 60000)
load()
// 订阅全局总线 (AdminLayout 把 SSE 事件扇出到这里), 跨路由不掉, 但页面 unmount 时仍需解订阅
// toast 弹窗由 AdminLayout 统一处理 (silent flag), 这里只做本页 list 刷新 + 医生审核状态联动
unsubscribeNewMessage = onGlobal(() => {
refreshNotices()
// manager 审核通过事件过来: 重新拉 store 触发的 audit 状态, 若刚转 approved, 把 pannel 数据拉出来
if (!store.expertAuditApproved && store.role === 'doctor') {
load()
}
})
})
onBeforeUnmount(() => {
if (timer) clearInterval(timer)
if (unsubscribeNewMessage) unsubscribeNewMessage()
})
</script>
@@ -312,7 +223,6 @@ onBeforeUnmount(() => {
.section-title { font-size: 15px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px; display: flex; align-items: center; justify-content: space-between; }
.more { font-size: 12px; color: var(--brand-primary); text-decoration: none; font-weight: normal; cursor: pointer; }
.more:hover { text-decoration: underline; }
.title-actions { display: inline-flex; align-items: center; gap: 12px; font-weight: normal; }
.cols-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cols-row .section { margin-bottom: 16px; }
.simple-list { list-style: none; border-top: 1px solid #f0f0f0; }
@@ -323,17 +233,9 @@ onBeforeUnmount(() => {
.item-title { font-size: 13px; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.item-status { flex-shrink: 0; font-size: 12px; color: #8c8c8c; }
.item-status.done { color: #52c41a; }
.notice-list { list-style: none; border-top: 1px solid #f0f0f0; }
.notice-item { padding: 12px 0; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.notice-item:last-child { border-bottom: none; }
.notice-item:hover .title { color: var(--brand-primary); }
.notice-item .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-primary); flex-shrink: 0; }
.notice-item.read .dot { background: transparent; border: 1px solid #d9d9d9; }
.notice-item .body { flex: 1; min-width: 0; }
.notice-item .title { font-size: 13px; color: #1a1a1a; }
.notice-item.read .title { color: #8c8c8c; }
.notice-item .text { font-size: 12px; color: #595959; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-item .time { font-size: 12px; color: #bfbfbf; flex-shrink: 0; }
.simple-item.disabled { cursor: default; }
.simple-item.disabled .item-title { color: #bfbfbf; }
.simple-item.disabled:hover .item-title { color: #bfbfbf; }
.empty { padding: 16px 0; text-align: center; color: #bfbfbf; font-size: 13px; }
@media (max-width: 768px) { .cols-row { grid-template-columns: 1fr; } }
@@ -344,9 +246,4 @@ onBeforeUnmount(() => {
.qrcode-tip { font-size: 14px; color: #1a1a1a; margin-top: 16px; }
.qrcode-hint { font-size: 12px; color: #999; margin-top: 6px; }
.qrcode-copy { display: inline-block; margin-top: 16px; font-size: 13px; }
/* 消息详情 dialog */
.detail-body .meta { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.detail-body .time { font-size: 12px; color: #8c8c8c; }
.detail-body .text { font-size: 14px; color: #1a1a1a; line-height: 1.6; white-space: pre-wrap; }
</style>
+64 -82
View File
@@ -7,9 +7,7 @@
<el-form-item label="会议名称"><el-input v-model="q.meetingName" placeholder="输入会议名称" clearable /></el-form-item>
<el-form-item label="当前阶段">
<el-select v-model="q.currentStage" placeholder="请选择" clearable>
<el-option label="未开始" value="未开始" />
<el-option label="执行中" value="执行中" />
<el-option label="已结束" value="已结束" />
<el-option v-for="o in STAGE_OPTIONS" :key="o.value" :label="o.label" :value="o.value" />
</el-select>
</el-form-item>
<el-form-item><el-button type="primary" @click="load">查找</el-button><el-button @click="reset">重置</el-button></el-form-item>
@@ -18,16 +16,16 @@
<el-table :data="rows" v-loading="loading" stripe border>
<el-table-column prop="projectNo" label="项目编号" width="160" />
<el-table-column prop="meetingName" label="会议名称" min-width="280" show-overflow-tooltip />
<el-table-column prop="currentStage" label="当前阶段" width="120">
<el-table-column prop="currentStage" label="当前阶段" width="140">
<template #default="{ row }">
<el-tag :type="stageTag(row.currentStage)" size="small">{{ row.currentStage || '-' }}</el-tag>
<el-tag :type="stageTag(row)" size="small">{{ stageLabel('doctor', row) }}</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" width="240" fixed="right">
<template #default="{ row }">
<el-button link type="primary" @click="onView(row)">查看</el-button>
<el-button link type="primary" :disabled="!row.invitationUrl" @click="onDownloadFile(row)">下载</el-button>
<el-button v-if="row.laborSigned !== '1'" link type="primary" @click="onSign(row)">签署劳务</el-button>
<el-button v-if="!row.attendeeLaborProtocol" link type="primary" @click="onSign(row)">签署劳务</el-button>
<el-button v-else link type="primary" @click="onViewLabor(row)">查看劳务</el-button>
</template>
</el-table-column>
@@ -44,30 +42,16 @@
style="margin-top: 12px; text-align: right;"
/>
<!-- 签署劳务 dialog: 未签状态显示, PDF 上传 -->
<el-dialog v-model="signOpen" title="签署劳务" width="560px">
<el-form label-width="100px">
<el-form-item label="项目编号">{{ signForm.projectNo }}</el-form-item>
<el-form-item label="会议名称">{{ signForm.meetingName }}</el-form-item>
<el-form-item label="签字 PDF">
<el-upload
drag
action="#"
:before-upload="beforeSignUpload"
:http-request="uploadSignPdf"
:file-list="signFileList"
:on-remove="onSignRemove"
accept=".pdf"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将签字 PDF 拖到此处<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">仅支持 PDF, 20MB</div>
</el-upload>
</el-form-item>
</el-form>
<!-- 签署劳务 dialog: 二维码 ( token, 手机扫码可直接登录填写) -->
<el-dialog v-model="signOpen" title="签署劳务" width="380px" align-center destroy-on-close>
<div class="sign-qr-wrap">
<div v-if="signQrLoading" v-loading="true" class="sign-qr-loading"></div>
<img v-else-if="signQrUrl" :src="signQrUrl" class="sign-qr-img" />
<div class="sign-link-tip">会议{{ signForm.meetingName }}</div>
<el-link type="primary" :underline="false" class="sign-copy" @click="copySignLink">复制链接</el-link>
</div>
<template #footer>
<el-button @click="signOpen=false">取消</el-button>
<el-button type="primary" :loading="submitting" :disabled="!signForm.signedPdfUrl" @click="submitSign">签署劳务</el-button>
<el-button @click="signOpen=false">关闭</el-button>
</template>
</el-dialog>
@@ -80,11 +64,11 @@
<el-descriptions-item label="签署时间">{{ detail.updateTime || '-' }}</el-descriptions-item>
</el-descriptions>
<div class="pdf-preview">
<iframe v-if="detail.signedPdfUrl" :src="detail.signedPdfUrl" style="width:100%;height:420px;border:1px solid #ebeef5"></iframe>
<iframe v-if="detail.attendeeLaborProtocol" :src="detail.attendeeLaborProtocol" style="width:100%;height:420px;border:1px solid #ebeef5"></iframe>
<div v-else style="padding:24px;color:#909399;text-align:center">暂无签字 PDF</div>
</div>
<template #footer>
<el-button v-if="detail.signedPdfUrl" link type="primary" @click="downloadPdf(detail.signedPdfUrl, detail.meetingName)">下载</el-button>
<el-button v-if="detail.attendeeLaborProtocol" link type="primary" @click="downloadPdf(detail.attendeeLaborProtocol, detail.meetingName)">下载</el-button>
<el-button @click="laborOpen=false">关闭</el-button>
</template>
</el-dialog>
@@ -94,8 +78,9 @@
<script setup>
import { reactive, ref } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { bizList, bizUpdate } from '@/api/public'
import { uploadToOss } from '@/utils/oss'
import QRCode from 'qrcode'
import { bizList } from '@/api/public'
import { stageLabel, stageTag, STAGE_OPTIONS } from '@/utils/meetingStage'
const q = reactive({ projectNo: '', meetingName: '', currentStage: '' })
const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
@@ -104,9 +89,10 @@ const loading = ref(false)
const detail = ref({})
const laborOpen = ref(false)
const signOpen = ref(false)
const signForm = reactive({ meetingId: '', projectNo: '', meetingName: '', signedPdfUrl: '' })
const signFileList = ref([])
const submitting = ref(false)
const signForm = reactive({ meetingName: '' })
const signLink = ref('')
const signQrUrl = ref('')
const signQrLoading = ref(false)
async function load() {
loading.value = true
@@ -128,12 +114,6 @@ function reset() {
load()
}
function stageTag(s) {
if (s === '已结束') return 'info'
if (s === '执行中') return 'success'
return 'warning'
}
function onViewLabor(row) {
detail.value = row
laborOpen.value = true
@@ -144,7 +124,7 @@ function onView(row) {
// 复用 detail dialog: 复用 meetingInfo 字段直接展示
// 这里直接展示一个只读 dialog, 没有劳务签署按钮
ElMessageBox.alert(
`项目编号: ${row.projectNo || '-'}\n会议名称: ${row.meetingName || '-'}\n当前阶段: ${row.currentStage || '-'}`,
`项目编号: ${row.projectNo || '-'}\n会议名称: ${row.meetingName || '-'}\n当前阶段: ${stageLabel('doctor', row)}`,
'会议详情',
{ confirmButtonText: '关闭' }
)
@@ -161,54 +141,49 @@ function onDownloadFile(row) {
document.body.removeChild(a)
}
function onSign(row) {
signForm.meetingId = row.meetingId
signForm.projectNo = row.projectNo || ''
async function onSign(row) {
signForm.meetingName = row.meetingName || ''
signForm.signedPdfUrl = ''
signFileList.value = []
const attendeeId = row.attendeeId
if (!attendeeId) { ElMessage.warning('缺少参会记录, 无法生成签署链接'); return }
const token = localStorage.getItem('ry_token') || ''
const url = window.location.origin + import.meta.env.BASE_URL + '#/doctor/sign-fill?attendeeId=' + attendeeId
+ (row.meetingId != null ? '&meetingId=' + row.meetingId : '')
+ '&token=' + encodeURIComponent(token)
signLink.value = url
signOpen.value = true
}
function beforeSignUpload(file) {
const max = 20 * 1024 * 1024
if (file.size > max) { ElMessage.error('文件不能超过 20MB'); return false }
if (!file.name.toLowerCase().endsWith('.pdf')) { ElMessage.error('仅支持 PDF 格式'); return false }
return true
}
async function uploadSignPdf(opts) {
signQrUrl.value = ''
signQrLoading.value = true
try {
const url = await uploadToOss(opts.file, 'ry8080/labor/signed/')
signForm.signedPdfUrl = url
ElMessage.success('签字 PDF 上传成功')
signQrUrl.value = await QRCode.toDataURL(url, {
width: 240,
margin: 2,
color: { dark: '#1a1a1a', light: '#ffffff' }
})
} catch (e) {
ElMessage.error('上传失败: ' + (e?.message || e))
ElMessage.error('生成二维码失败')
} finally {
signQrLoading.value = false
}
}
function onSignRemove() {
signForm.signedPdfUrl = ''
signFileList.value = []
}
async function submitSign() {
if (!signForm.signedPdfUrl) return ElMessage.warning('请先上传签字 PDF')
submitting.value = true
function copySignLink() {
if (!signLink.value) return
try {
await bizUpdate('meeting', {
meetingId: signForm.meetingId,
laborSigned: '1',
signedPdfUrl: signForm.signedPdfUrl,
signedTime: new Date().toISOString().slice(0, 19).replace('T', ' ')
})
ElMessage.success('签署成功')
signOpen.value = false
load()
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(signLink.value)
} else {
const ta = document.createElement('textarea')
ta.value = signLink.value
ta.style.position = 'fixed'
ta.style.opacity = '0'
document.body.appendChild(ta)
ta.select()
document.execCommand('copy')
document.body.removeChild(ta)
}
ElMessage.success('已复制链接')
} catch (e) {
ElMessage.error(e?.msg || '签署失败')
} finally {
submitting.value = false
ElMessage.error('复制失败, 请手动复制')
}
}
@@ -231,6 +206,13 @@ load()
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
.filter-form { display: flex; flex-wrap: wrap; gap: 0 16px; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; margin-bottom: 12px; }
.pdf-preview { margin-top: 12px; }
.sign-link-tip { font-size: 13px; color: #606266; margin-bottom: 10px; }
.sign-link-hint { font-size: 12px; color: #909399; margin-top: 10px; }
.sign-qr-wrap { text-align: center; padding: 12px 0; }
.sign-qr-loading { width: 240px; height: 240px; margin: 0 auto; }
.sign-qr-img { width: 240px; height: 240px; }
.sign-qr-wrap .sign-link-tip { margin-top: 16px; }
.sign-copy { display: inline-block; margin-top: 16px; font-size: 13px; }
:deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; }
:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); }
:deep(.el-table .el-button) { border-radius: 4px; }
-126
View File
@@ -1,126 +0,0 @@
<template>
<div class="page-card">
<div class="breadcrumb">
首页 / 消息通知
<el-button v-if="hasUnread" link size="small" type="primary" class="mark-all" @click="markAllRead">全部已读</el-button>
</div>
<ul class="notice-list">
<li v-for="n in rows" :key="n.id" class="notice-item" :class="{ read: n.read }">
<div class="dot"></div>
<div class="body" @click="openDetail(n)">
<div class="title"><span class="cat" :class="catClass(n.category)">{{ n.category }}</span>{{ n.title }}</div>
<div class="text">{{ n.text }}</div>
</div>
<span class="time">{{ n.time }}</span>
</li>
<li v-if="!rows.length" class="empty">暂无消息</li>
</ul>
<el-dialog v-model="detailOpen" :title="detail.title || '消息详情'" width="520px">
<div class="detail-body">
<div class="meta">
<span class="cat" :class="catClass(detail.category)">{{ detail.category }}</span>
<span class="time">{{ detail.time }}</span>
</div>
<div class="text">{{ detail.text || '-' }}</div>
</div>
<template #footer><el-button @click="detailOpen=false">关闭</el-button></template>
</el-dialog>
</div>
</template>
<script setup>
import { ref, computed, onMounted } from 'vue'
import { ElMessage } from 'element-plus'
import { listMyMessages, markMessageRead, markAllMessagesRead } from '@/api/public'
const rows = ref([])
const detail = ref({})
const detailOpen = ref(false)
const hasUnread = computed(() => rows.value.some(n => !n.read))
async function load() {
try {
const r = await listMyMessages({ limit: 50 }); const list = (r.data && r.data.rows) || r.rows || []
rows.value = list.map(a => ({
id: a.id,
category: a.category,
title: a.title,
text: a.text,
time: a.time,
read: a.read
}))
} catch (e) { rows.value = [] }
}
function mapCategory(t) {
if (t === 'system') return '系统通知'
if (t === 'audit') return '审核结果'
if (t === 'project') return '项目动态'
if (t === 'meeting') return '会议提醒'
return '通知'
}
function catClass(c) {
if (c === '系统通知') return 'sys'
if (c === '审核结果') return 'audit'
if (c === '项目动态') return 'proj'
if (c === '会议提醒') return 'meet'
return ''
}
function formatAgo(t) {
const diff = (Date.now() - new Date(t).getTime()) / 1000
if (diff < 3600) return `${Math.floor(diff / 60)} 分钟前`
if (diff < 86400) return `${Math.floor(diff / 3600)} 小时前`
if (diff < 604800) return `${Math.floor(diff / 86400)} 天前`
return new Date(t).toLocaleDateString('zh-CN')
}
function openDetail(n) {
detail.value = n
detailOpen.value = true
if (!n.read) {
// 乐观本地置已读 + 后端 markRead (后端触发 SSE 推新未读, navbar 角标自动减)
n.read = true
markMessageRead(n.id).catch(() => { n.read = false })
}
}
async function markAllRead() {
try {
await markAllMessagesRead()
rows.value = rows.value.map(n => ({ ...n, read: true }))
} catch (e) {
ElMessage.error('全部已读失败, 请重试')
}
}
onMounted(load)
</script>
<style scoped>
.page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; }
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; }
.mark-all { font-size: 13px; }
.notice-list { list-style: none; }
.notice-item { padding: 14px 0; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 12px; }
.notice-item:last-child { border-bottom: none; }
.notice-item .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-primary); flex-shrink: 0; }
.notice-item.read .dot { background: transparent; border: 1px solid #d9d9d9; }
.notice-item .body { flex: 1; min-width: 0; cursor: pointer; }
.notice-item .title { font-size: 13px; color: #1a1a1a; display: flex; align-items: center; gap: 8px; }
.notice-item.read .title { color: #8c8c8c; }
.notice-item .text { font-size: 12px; color: #595959; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-item .time { font-size: 12px; color: #bfbfbf; flex-shrink: 0; }
.notice-item:hover .title { color: var(--brand-primary); }
.cat { display: inline-block; font-size: 11px; padding: 1px 6px; border-radius: 2px; background: #f0f0f0; color: #595959; }
.cat.sys { background: #e6f7ff; color: var(--brand-primary); }
.cat.audit { background: #f9f0ff; color: #722ed1; }
.cat.proj { background: #fff7e6; color: #fa8c16; }
.cat.meet { background: #f6ffed; color: #52c41a; }
.empty { padding: 24px; text-align: center; color: #bfbfbf; font-size: 13px; }
.detail-body .meta { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.detail-body .text { font-size: 14px; color: #1a1a1a; line-height: 1.6; white-space: pre-wrap; }
</style>
+150 -50
View File
@@ -1,9 +1,16 @@
<template>
<div class="sign-fill">
<div v-loading="loading">
<div v-if="notInvited" class="not-invited">
<div class="not-invited-text">您暂未被邀请请联系执会人员</div>
<el-button type="primary" @click="goBack">返回</el-button>
</div>
<div v-else v-loading="loading">
<el-form :model="form" :rules="rules" ref="formRef" label-position="top" class="sign-fill-form">
<!-- 参会人信息 -->
<div class="section-title">参会人信息</div>
<!-- 大标题: 会议名称 + 期数 -->
<div class="sign-header">
<div class="sign-header-title">{{ meetingName || '劳务协议签署' }}</div>
<div class="sign-header-period">期数{{ periodDisplay || '-' }}</div>
</div>
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" maxlength="11" />
</el-form-item>
@@ -16,9 +23,15 @@
<el-form-item label="科室" prop="department">
<el-input v-model="form.department" placeholder="请输入科室" maxlength="100" />
</el-form-item>
<!-- 银行账户 -->
<div class="section-title">银行账户</div>
<el-form-item label="医务职称">
<el-select v-model="form.title" placeholder="请选择" clearable filterable style="width: 100%">
<el-option v-for="t in titleOptions" :key="t" :value="t" :label="t" />
<template #footer>
<el-input v-if="showTitleOther" v-model="titleOther" placeholder="其他职称" maxlength="50" @blur="form.title = titleOther" />
<el-button v-else link type="primary" @click="showTitleOther = true">+ 其他</el-button>
</template>
</el-select>
</el-form-item>
<el-form-item label="账户名称(持卡人姓名)" prop="accountName">
<el-input v-model="form.accountName" placeholder="请输入持卡人姓名" maxlength="100" />
</el-form-item>
@@ -53,8 +66,6 @@
/>
</el-form-item>
<!-- 劳务信息 (只读, admin 预填) -->
<div class="section-title">本次劳务</div>
<el-form-item label="劳务形式">
<div class="labor-form-cell">
<el-checkbox-group v-model="laborFormSelected">
@@ -65,15 +76,6 @@
</div>
</div>
</el-form-item>
<el-form-item label="医务职称">
<el-select v-model="form.title" placeholder="请选择" clearable filterable style="width: 240px">
<el-option v-for="t in titleOptions" :key="t" :value="t" :label="t" />
<template #footer>
<el-input v-if="showTitleOther" v-model="titleOther" placeholder="其他职称" maxlength="50" @blur="form.title = titleOther" />
<el-button v-else link type="primary" @click="showTitleOther = true">+ 其他</el-button>
</template>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" :loading="submitting" @click="onSubmit">下一步</el-button>
@@ -88,13 +90,18 @@
import { ref, reactive, computed, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
import { getSignInfo, saveSignProfile } from '@/api/business/sign'
import { getSignInfo, saveSignProfile, resolveSign } from '@/api/business/sign'
import { getInfo } from '@/api/auth'
import { useUserStore } from '@/store/user'
import IdCardUploader from '@/components/IdCardUploader.vue'
import AreaCascader from '@/components/AreaCascader.vue'
const route = useRoute()
const router = useRouter()
const attendeeId = computed(() => Number(route.query.attendeeId) || null)
const userStore = useUserStore()
const attendeeId = ref(null)
const meetingId = computed(() => route.query.meetingId ? Number(route.query.meetingId) : null)
const notInvited = ref(false)
const loading = ref(false)
const submitting = ref(false)
@@ -120,6 +127,19 @@ const form = reactive({
})
const feeDisplay = reactive({ preTax: '—', tax: '—', fee: '—' })
// 会议大标题 (会议名称 + 期数), 由后端 getSignInfo 返回
const meetingName = ref('')
const periodNo = ref(null)
const totalPeriods = ref(null)
const periodDisplay = computed(() => {
const p = periodNo.value
const t = totalPeriods.value
if (p == null && t == null) return ''
if (p == null) return `${t}`
if (t == null) return `${p}`
return `${p}/${t}`
})
const rules = {
name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
phone: [
@@ -135,6 +155,73 @@ const rules = {
bankBranch: [{ required: true, message: '请输入开户行支行', trigger: 'blur' }]
}
/** 扫码带 token 直登 / 无 token 校验登录; 返回 true 表示已就绪 */
async function ensureLogin() {
const token = route.query.token
if (token) {
// 扫码带 token: 用新 token 重新登录 (覆盖本地已登录态)
userStore.setToken(token)
try {
const info = await getInfo()
const u = info.user || {}
const role = u.roleType
if (!role) {
ElMessage.error('账号角色未配置, 请联系管理员')
router.replace({ name: 'login' })
return false
}
userStore.setUser({
userId: u.userId,
userName: u.userName || u.nickName || '',
nickName: u.nickName || u.userName || '',
phonenumber: u.phonenumber || '',
accountType: u.accountType || 'MAIN',
parentUserId: u.parentUserId || null,
role
})
return true
} catch (e) {
ElMessage.error('登录已失效, 请重新登录')
router.replace({ name: 'login' })
return false
}
}
// 无 token: 必须已登录
if (userStore.user) return true
ElMessage.error('请先登录')
router.replace({ name: 'login', query: { redirect: route.fullPath } })
return false
}
async function init() {
loading.value = true
const ok = await ensureLogin()
if (!ok) return
// 解析 attendeeId: 优先 URL 里的 attendeeId; 没有则按 meetingId 查
let aid = route.query.attendeeId ? Number(route.query.attendeeId) : null
if (!aid && meetingId.value) {
try {
const { data } = await resolveSign(meetingId.value)
if (!data || !data.attendeeId) {
notInvited.value = true
loading.value = false
return
}
aid = data.attendeeId
// 标题: 有 meetingId → 按 meetingId 查 (resolve 已返回会议名/期数)
meetingName.value = data.meetingName || ''
periodNo.value = data.periodNo ?? null
totalPeriods.value = data.totalPeriods ?? null
} catch (e) {
ElMessage.error(e?.msg || '加载失败')
loading.value = false
return
}
}
attendeeId.value = aid
await load()
}
async function load() {
if (!attendeeId.value) {
ElMessage.error('参数缺失, 请从工作台进入')
@@ -162,25 +249,43 @@ async function load() {
idCardAttachments: cur.idCardAttachments || '',
title: cur.title || def.title || ''
})
// 先设置选项 (项目角色 + "其他"), 解析劳务形式需要用它区分"项目角色"和"其他自定义"
laborFormOptions.value = (data.laborFormOptions || []).map(o => ({ value: o.value, label: o.label }))
titleOptions.value = data.titleOptions || []
// 劳务形式回显: 兼容旧 JSON 数组 (["主席","__other__:xx"]) + 新逗号分隔 ("主席,主持,xx")
laborFormSelected.value = []
laborFormOther.value = ''
if (cur.laborForm) {
try {
const parsed = JSON.parse(cur.laborForm)
if (Array.isArray(parsed)) {
laborFormSelected.value = parsed.filter(x => x !== '__other__' && !x.startsWith('__other__:'))
const otherItem = parsed.find(x => x === '__other__' || x.startsWith('__other__:'))
if (otherItem) {
laborFormSelected.value.push('__other__')
laborFormOther.value = otherItem.startsWith('__other__:') ? otherItem.substring('__other__:'.length) : ''
}
let items = []
if (typeof cur.laborForm === 'string' && cur.laborForm.trim().startsWith('[')) {
try { const p = JSON.parse(cur.laborForm); if (Array.isArray(p)) items = p } catch (e) { items = [cur.laborForm] }
} else {
items = String(cur.laborForm).split(',').map(s => s.trim()).filter(Boolean)
}
const known = new Set(laborFormOptions.value.map(o => o.value))
items.forEach(it => {
const s = String(it)
if (s === '__other__' || s.startsWith('__other__:')) {
if (!laborFormSelected.value.includes('__other__')) laborFormSelected.value.push('__other__')
if (s.startsWith('__other__:')) laborFormOther.value = s.substring('__other__:'.length)
} else if (known.has(s)) {
if (!laborFormSelected.value.includes(s)) laborFormSelected.value.push(s)
} else {
// 不在项目角色里 → 当作"其他"自定义
if (!laborFormSelected.value.includes('__other__')) laborFormSelected.value.push('__other__')
laborFormOther.value = s
}
} catch (e) { /* ignore */ }
})
}
feeDisplay.preTax = cur.feePreTax || '—'
feeDisplay.tax = cur.tax || '—'
feeDisplay.fee = cur.fee || '—'
laborFormOptions.value = (data.laborFormOptions || []).map(o => ({ value: o.value, label: o.label }))
titleOptions.value = data.titleOptions || []
meetingName.value = data.meetingName || ''
periodNo.value = data.periodNo ?? null
totalPeriods.value = data.totalPeriods ?? null
} catch (e) {
ElMessage.error(e?.msg || '加载失败')
} finally {
@@ -195,16 +300,13 @@ async function onSubmit() {
ElMessage.warning('请上传身份证正反面')
return
}
// 劳务形式序列化 (JSON 数组字符串, 含 __other__ + 自定义内容)
// 劳务形式序列化: 逗号分隔字符串, "其他"自定义内容作为普通项
let laborForm = ''
if (laborFormSelected.value.length) {
const arr = laborFormSelected.value.map(x => {
if (x === '__other__' && laborFormOther.value) {
return '__other__:' + laborFormOther.value
}
return x
})
laborForm = JSON.stringify(arr)
laborForm = laborFormSelected.value
.map(x => (x === '__other__' ? (laborFormOther.value || '').trim() : x))
.filter(x => x !== '' && x !== '__other__')
.join(',')
}
submitting.value = true
@@ -228,23 +330,21 @@ function goBack() {
router.push('/doctor/home')
}
onMounted(load)
onMounted(init)
</script>
<style scoped>
/* 手机端全屏表单 (无 navbar / 无 page-card) */
.sign-fill { padding: 16px; }
/* 章节标题: 左边 3px 蓝竖线 */
.section-title {
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
margin: 16px 0 12px;
padding-left: 10px;
border-left: 3px solid var(--brand-primary);
line-height: 1;
}
/* 标题: 会议名称 + 期数 */
.sign-header { margin: 4px 0 20px; padding-bottom: 14px; border-bottom: 1px solid #f0f0f0; }
.sign-header-title { font-size: 20px; font-weight: 600; color: #1a1a1a; line-height: 1.4; }
.sign-header-period { margin-top: 6px; font-size: 14px; color: #595959; }
/* 未受邀提示 */
.not-invited { padding: 60px 20px; text-align: center; }
.not-invited-text { font-size: 16px; color: #606266; margin-bottom: 20px; }
/* 开户地址 3 列布局 */
.region-row {
+32 -65
View File
@@ -1,7 +1,7 @@
<template>
<div class="page-card executor-meetings">
<div class="breadcrumb">首页 / 会议列表</div>
<p class="page-sub">查看执行方参与的会议, 提交监督意见</p>
<p class="page-sub">查看执行方参与的会议</p>
<!-- ========== 筛选区 ( People.vue 风格一致) ========== -->
<el-form inline :model="q" class="filter-form">
@@ -19,6 +19,11 @@
<el-option label="未结题" value="0" />
</el-select>
</el-form-item>
<el-form-item label="当前阶段">
<el-select v-model="q.currentStage" clearable placeholder="请选择" style="width:140px">
<el-option v-for="o in STAGE_OPTIONS" :key="o.value" :label="o.label" :value="o.value" />
</el-select>
</el-form-item>
<el-form-item label="期数"><el-input v-model="q.sessionNo" clearable placeholder="输入期数" style="width:100px" /></el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查找</el-button>
@@ -42,9 +47,9 @@
<el-table-column label="期数/总期数" width="110" align="center">
<template #default="{ row }">{{ row.periodNo || 0 }}/{{ row.totalPeriods || 0 }}</template>
</el-table-column>
<el-table-column prop="currentStage" label="当前阶段" width="100" align="center">
<el-table-column prop="currentStage" label="当前阶段" width="140" align="center">
<template #default="{ row }">
<el-tag :type="row.currentStage === '执行中' ? 'success' : 'info'" size="small">{{ row.currentStage || '-' }}</el-tag>
<el-tag :type="row.currentStage === 'RUNNING' ? 'success' : 'info'" size="small">{{ stageLabel('executor', row) }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="isFinished" label="是否结题" width="90" align="center">
@@ -67,53 +72,26 @@
@current-change="load" @size-change="load" />
</div>
<!-- 监督意见 弹窗 -->
<!-- 监督意见 (只读: 由支持方/监察员在审批时填写, 执行方仅可查看) -->
<el-dialog v-model="supOpen" title="监督意见" width="560px">
<el-form label-width="100px">
<el-form-item label="会议名称">
<span>{{ supRow.meetingName }}</span>
</el-form-item>
<el-form-item label="监督结论">
<el-radio-group v-model="supForm.rating">
<el-radio value="good">满意</el-radio>
<el-radio value="normal">一般</el-radio>
<el-radio value="bad">存在需整改的问题</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="监督意见">
<el-input v-model="supForm.opinion" type="textarea" :rows="4" maxlength="500" show-word-limit placeholder="请输入监督意见(0/500" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="supOpen=false">取消</el-button>
<el-button type="primary" @click="onSaveSup">确定</el-button>
</template>
<el-descriptions :column="1" border>
<el-descriptions-item label="会议名称">{{ supRow.meetingName }}</el-descriptions-item>
<el-descriptions-item label="当前阶段">{{ stageLabel('executor', supRow) }}</el-descriptions-item>
<el-descriptions-item label="监督意见">{{ supRow.supervisionOpinion || '暂无' }}</el-descriptions-item>
</el-descriptions>
<template #footer><el-button @click="supOpen=false">关闭</el-button></template>
</el-dialog>
<el-dialog v-model="viewOpen" title="会议详情" width="640px">
<el-descriptions :column="2" border>
<el-descriptions-item label="项目编号">{{ view.projectNo }}</el-descriptions-item>
<el-descriptions-item label="会议ID">{{ view.meetingId }}</el-descriptions-item>
<el-descriptions-item label="会议名称" :span="2">{{ view.meetingName }}</el-descriptions-item>
<el-descriptions-item label="项目形式">{{ view.projectForm }}</el-descriptions-item>
<el-descriptions-item label="当前阶段">{{ view.currentStage }}</el-descriptions-item>
<el-descriptions-item label="期数/总期数">{{ view.periodNo }}/{{ view.totalPeriods }}</el-descriptions-item>
<el-descriptions-item label="是否系列会">{{ view.isSeries }}</el-descriptions-item>
<el-descriptions-item label="开始时间" :span="2">{{ view.startTime || '-' }}</el-descriptions-item>
<el-descriptions-item label="结束时间" :span="2">{{ view.endTime || '-' }}</el-descriptions-item>
<el-descriptions-item label="监督意见" :span="2">{{ view.supervisionOpinion || '暂无' }}</el-descriptions-item>
</el-descriptions>
<template #footer><el-button @click="viewOpen=false">关闭</el-button></template>
</el-dialog>
</div>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { bizList, bizUpdate } from '@/api/public'
import { useRoute, useRouter } from 'vue-router'
import { bizList } from '@/api/public'
import { stageLabel, STAGE_OPTIONS } from '@/utils/meetingStage'
const q = ref({ projectNo: '', meetingName: '', isSeries: '', isFinished: '', sessionNo: '' })
const q = ref({ projectNo: '', meetingName: '', isSeries: '', isFinished: '', sessionNo: '', currentStage: '' })
const rows = ref([])
const loading = ref(false)
const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
@@ -121,10 +99,6 @@ const selected = ref([])
const supOpen = ref(false)
const supRow = ref({})
const supForm = reactive({ rating: 'good', opinion: '' })
const viewOpen = ref(false)
const view = ref({})
async function load() {
loading.value = true
@@ -136,39 +110,32 @@ async function load() {
finally { loading.value = false }
}
// 读 URL query 写入 q (Overview KPI 卡跳转时带 ?currentStage=RUNNING/NOT_STARTED + ?isFinished=1, 让列表页自动应用筛选)
// 只读不改 URL — Overview 是 source of truth, 列表页内 reset()/search 不反向写 URL
const route = useRoute()
const router = useRouter()
function readQueryFromRoute() {
const q2 = route.query
if (q2.currentStage != null && q2.currentStage !== '') q.value.currentStage = String(q2.currentStage)
if (q2.isFinished != null && q2.isFinished !== '') q.value.isFinished = String(q2.isFinished)
}
function reset() {
q.value = { projectNo: '', meetingName: '', isSeries: '', isFinished: '', sessionNo: '' }
q.value = { projectNo: '', meetingName: '', isSeries: '', isFinished: '', sessionNo: '', currentStage: '' }
page.pageNum = 1
load()
}
function onSelect(arr) { selected.value = arr }
function onView(row) { view.value = row; viewOpen.value = true }
function onView(row) { router.push(`/executor/meetings/detail/${row.meetingId}`) }
function onSupervision(row) {
supRow.value = row
supForm.rating = 'good'
supForm.opinion = row.supervisionOpinion || ''
supOpen.value = true
}
async function onSaveSup() {
try {
await bizUpdate('meeting', {
meetingId: supRow.value.meetingId,
supervisionOpinion: supForm.opinion,
supervisionRating: supForm.rating
})
ElMessage.success('已保存监督意见')
supOpen.value = false
load()
} catch (e) {
ElMessage.error(e?.msg || '保存失败')
}
}
onMounted(load)
onMounted(() => { readQueryFromRoute(); load() })
</script>
<style scoped>
+14 -51
View File
@@ -2,57 +2,47 @@
<div class="page-card executor-overview">
<div class="breadcrumb">首页 / 工作台</div>
<!-- 5 KPI ( manager/Workbench 风格一致) -->
<!-- 5 KPI (点击跳列表页 + 自动应用筛选, 字段名跟 Projects.vue / Meetings.vue q 一致) -->
<div class="stats-grid">
<router-link class="stat-card" to="/executor/projects">
<div class="stat-label">项目总数量</div>
<div class="stat-value">{{ stats.totalProjects }}</div>
</router-link>
<router-link class="stat-card" to="/executor/projects">
<router-link class="stat-card" to="/executor/projects?isSettled=Y">
<div class="stat-label">已结算数量</div>
<div class="stat-value">{{ stats.settledProjects }}</div>
</router-link>
<router-link class="stat-card" to="/executor/projects">
<router-link class="stat-card" to="/executor/projects?isFinished=1">
<div class="stat-label">已结题数量</div>
<div class="stat-value">{{ stats.completedProjects }}</div>
</router-link>
<router-link class="stat-card" to="/executor/meetings">
<router-link class="stat-card" to="/executor/meetings?currentStage=RUNNING">
<div class="stat-label">已执行会议</div>
<div class="stat-value">{{ stats.executedMeetings }}</div>
</router-link>
<router-link class="stat-card" to="/executor/meetings">
<router-link class="stat-card" to="/executor/meetings?currentStage=NOT_STARTED">
<div class="stat-label">未执行会议</div>
<div class="stat-value">{{ stats.pendingMeetings }}</div>
</router-link>
</div>
<!-- 消息通知 -->
<!-- 消息通知 (NoticeList 组件内部已含 SSE 实时刷新 + 详情 dialog + 全部已读) -->
<section class="section">
<div class="section-title">消息通知<a class="more" href="javascript:void(0)">更多 </a></div>
<ul class="notice-list">
<li class="notice-item" v-for="n in notices" :key="n.id" :class="{ read: n.read }">
<div class="dot"></div>
<div class="body">
<div class="title">{{ n.title }}</div>
<div class="text">{{ n.text }}</div>
</div>
<span class="time">{{ n.time }}</span>
</li>
<li v-if="notices.length === 0" class="empty">暂无消息</li>
</ul>
<div class="section-title">消息通知<a class="more" @click.prevent="$router.push('/executor/messages')">更多 </a></div>
<NoticeList :limit="50" />
</section>
</div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { bizList, listMyMessages } from '@/api/public'
import { bizList } from '@/api/public'
import NoticeList from '@/components/NoticeList.vue'
const stats = ref({
totalProjects: 0, settledProjects: 0, completedProjects: 0,
executedMeetings: 0, pendingMeetings: 0
})
const notices = ref([])
async function loadStats() {
try {
@@ -65,8 +55,8 @@ async function loadStats() {
// 会议总数量
const ms = await bizList('meeting', { pageNum: 1, pageSize: 1 })
const meetingTotal = ms.total || ms.data?.total || 0
// 已执行会议
const em = await bizList('meeting', { pageNum: 1, pageSize: 1, status: '已执行' })
// 已执行会议 = currentStage='RUNNING' (阶段已过开始时间, 执行方未提交)
const em = await bizList('meeting', { pageNum: 1, pageSize: 1, currentStage: 'RUNNING' })
stats.value.executedMeetings = em.total || em.data?.total || 0
stats.value.pendingMeetings = Math.max(0, meetingTotal - stats.value.executedMeetings)
// 已结算项目
@@ -77,23 +67,7 @@ async function loadStats() {
}
}
async function loadNotices() {
try {
const r = await listMyMessages({ limit: 50 })
const list = r.rows || []
notices.value = list.map(n => ({
id: n.id,
title: n.title,
text: n.text,
time: n.time,
read: n.read
}))
} catch (e) {
console.warn('loadNotices failed', e)
}
}
onMounted(() => { loadStats(); loadNotices() })
onMounted(() => { loadStats() })
</script>
<style scoped>
@@ -145,17 +119,6 @@ onMounted(() => { loadStats(); loadNotices() })
display: flex;
justify-content: space-between;
}
.more { font-size: 12px; color: var(--brand-primary); text-decoration: none; }
.more { font-size: 12px; color: var(--brand-primary); text-decoration: none; cursor: pointer; }
.more:hover { text-decoration: underline; }
.notice-list { list-style: none; border-top: 1px solid #f0f0f0; }
.notice-item { padding: 12px 0; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 12px; }
.notice-item:last-child { border-bottom: none; }
.notice-item .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-primary); flex-shrink: 0; }
.notice-item.read .dot { background: transparent; border: 1px solid #d9d9d9; }
.notice-item .body { flex: 1; min-width: 0; }
.notice-item .title { font-size: 13px; color: #1a1a1a; }
.notice-item.read .title { color: #8c8c8c; }
.notice-item .text { font-size: 12px; color: #595959; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }
.notice-item .time { font-size: 12px; color: #bfbfbf; flex-shrink: 0; }
.empty { padding: 24px; text-align: center; color: #909399; }
</style>
+131 -62
View File
@@ -1,7 +1,6 @@
<template>
<div class="page-card executor-projects">
<div class="breadcrumb">首页 / 项目列表</div>
<p class="page-sub">查看执行方承接的项目, 进行项目分配与评价</p>
<!-- ========== 筛选区 ( People.vue 风格一致) ========== -->
<el-form inline :model="query" class="filter-form">
@@ -16,21 +15,27 @@
<el-option label="未结题" value="0" />
</el-select>
</el-form-item>
<el-form-item label="是否结算">
<el-select v-model="query.isSettled" clearable placeholder="请选择" style="width:140px">
<el-option label="已结算" value="Y" />
<el-option label="未结算" value="N" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="loadList">查询</el-button>
<el-button @click="reset">重置</el-button>
</el-form-item>
</el-form>
<!-- ========== 批量按钮 ( People.vue 风格一致) ========== -->
<div class="batch-bar">
<!-- ========== 批量按钮 (仅主账号; 执行人 SUB 只查看) ========== -->
<div v-if="!isSub" class="batch-bar">
<el-button type="primary" :disabled="!selected.length" @click="onAssign">项目分配</el-button>
<span class="filter-tip">已选 {{ selected.length }} </span>
</div>
<!-- ========== 表格 ( People.vue 风格一致) ========== -->
<el-table :data="list" border stripe v-loading="loading" @selection-change="sel=>selected=sel">
<el-table-column type="selection" width="48" />
<el-table-column v-if="!isSub" type="selection" width="48" />
<el-table-column prop="projectNo" label="项目编号" width="120" />
<el-table-column prop="projectName" label="项目名称" min-width="200" show-overflow-tooltip />
<el-table-column label="总场次/总期数" width="110" align="center">
@@ -71,10 +76,11 @@
</el-table-column>
<el-table-column prop="startTime" label="项目开始时间" width="150" />
<el-table-column prop="endTime" label="项目结束时间" width="150" />
<el-table-column label="操作" width="180" fixed="right">
<el-table-column label="操作" width="250" fixed="right">
<template #default="{ row }">
<el-button link type="primary" :disabled="atCap(row)" :title="atCap(row) ? '已建会议数已达分配场次上限' : ''" @click="onCreateMeeting(row)">建会</el-button>
<el-button link type="primary" @click="viewDetail(row)">查看</el-button>
<el-button link type="primary" @click="onAssign(row)">分配</el-button>
<el-button v-if="!isSub" link type="primary" @click="onAssign(row)">分配</el-button>
</template>
</el-table-column>
</el-table>
@@ -84,52 +90,42 @@
@current-change="loadList" @size-change="loadList" />
</div>
<!-- 项目分配 弹窗 -->
<el-dialog v-model="assignOpen" title="项目分配" width="520px">
<el-form label-width="100px">
<el-form-item label="项目名称">
<span>{{ assignRow.projectName }}</span>
</el-form-item>
<el-form-item label="分配给">
<el-select v-model="assignForm.assignee" placeholder="请选择监察员" filterable style="width:100%">
<el-option v-for="p in people" :key="p.userId" :label="p.name" :value="p.userId" />
<!-- 项目分配 (执行人) 弹窗: 仿 sponsor/SponsorProjects.vue, 多选 + 批量 -->
<el-dialog v-model="assignOpen" :title="assignBatchMode ? `批量项目分配 (${assignBatchRows.length} 个项目)` : '项目分配'" width="600px" append-to-body destroy-on-close>
<div v-if="!assignBatchMode" class="assign-project-info">
<div><span class="lbl">项目编号</span><span>{{ assignForm.projectNo }}</span></div>
<div><span class="lbl">项目名称</span><span>{{ assignForm.projectName }}</span></div>
</div>
<div v-else class="assign-project-info">
<div><span class="lbl">已选项目数</span><span>{{ assignBatchRows.length }}</span></div>
<div><span class="lbl">项目编号预览</span><span style="color:#606266;font-size:12px">{{ assignBatchRows.slice(0,5).map(r=>r.projectNo).join('、') }}{{ assignBatchRows.length > 5 ? ' 等' : '' }}</span></div>
</div>
<el-form :model="assignForm" label-width="110px">
<el-form-item label="分配给执行人">
<el-select v-model="assignForm.staffUserIds" multiple collapse-tags collapse-tags-tooltip filterable placeholder="请选择执行人 (可多选)" style="width:100%">
<el-option v-for="s in allStaff" :key="s.userId" :label="s.name + (s.phone ? ' (' + s.phone + ')' : '')" :value="s.userId" />
</el-select>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="assignOpen=false">取消</el-button>
<el-button type="primary" @click="onSaveAssign">确定</el-button>
<el-button type="primary" :loading="assignSubmitting" :disabled="!assignForm.staffUserIds.length" @click="saveAssign">确定</el-button>
</template>
</el-dialog>
<!-- 评分弹窗已移除: executor 不可评分 -->
<el-dialog v-model="detailOpen" title="项目详情" width="720px">
<el-descriptions :column="2" border>
<el-descriptions-item label="项目编号">{{ detail.projectNo }}</el-descriptions-item>
<el-descriptions-item label="项目形式">{{ detail.projectForm }}</el-descriptions-item>
<el-descriptions-item label="项目名称" :span="2">{{ detail.projectName }}</el-descriptions-item>
<el-descriptions-item label="支持方负责人" :span="2">{{ detail.sponsorAdminUserName || '-' }}</el-descriptions-item>
<el-descriptions-item label="总场次/总期数">{{ detail.totalSessions }}/{{ detail.totalPeriods }}</el-descriptions-item>
<el-descriptions-item label="已执行">{{ detail.doneSessions || 0 }}</el-descriptions-item>
<el-descriptions-item label="未执行">{{ detail.todoSessions || 0 }}</el-descriptions-item>
<el-descriptions-item label="总金额">¥ {{ formatNum(detail.totalAmount) }}</el-descriptions-item>
<el-descriptions-item label="可用金额" :span="2">¥ {{ formatNum(detail.availableAmount) }}</el-descriptions-item>
<el-descriptions-item label="已支付劳务费">¥ {{ formatNum(detail.paidLaborAmount) }}</el-descriptions-item>
<el-descriptions-item label="已支付会务费">¥ {{ formatNum(detail.paidMeetingAmount) }}</el-descriptions-item>
<el-descriptions-item label="开始时间" :span="2">{{ detail.startTime || '-' }}</el-descriptions-item>
<el-descriptions-item label="结束时间" :span="2">{{ detail.endTime || '-' }}</el-descriptions-item>
</el-descriptions>
<template #footer><el-button @click="detailOpen=false">关闭</el-button></template>
</el-dialog>
<!-- 项目详情已迁到公共页 /executor/projects/detail/:projectId (复用 manager/ManagerProjectDetail.vue) -->
</div>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { ref, reactive, computed, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import request from '@/utils/request'
import { bizUpdate } from '@/api/public'
import { listExecutorPerson } from '@/api/business/person'
import { executorAssignProject, getExecutorAssigns } from '@/api/business/project'
import { useUserStore } from '@/store/user'
// executor 专属: 只查分给当前用户 (主账号 biz_org.org_id 或 子账号 exec_user_id) 的项目
async function listExecutorProjects(params) {
@@ -139,17 +135,22 @@ async function listExecutorProjects(params) {
const list = ref([])
const loading = ref(false)
const query = reactive({ projectNo: '', projectName: '', isFinished: '' })
const query = reactive({ projectNo: '', projectName: '', isFinished: '', isSettled: '' })
const dateRange = ref([])
const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
const selected = ref([])
const people = ref([])
const detail = ref({})
const detailOpen = ref(false)
// 项目分配 (执行人): 仿 sponsor/SponsorProjects.vue
const assignOpen = ref(false)
const assignBatchMode = ref(false)
const assignBatchRows = ref([])
const assignSubmitting = ref(false)
const assignRow = ref({})
const assignForm = reactive({ assignee: '' })
const assignForm = reactive({ projectId: null, projectNo: '', projectName: '', staffUserIds: [] })
const allStaff = ref([])
const userStore = useUserStore()
const isSub = computed(() => userStore.isSub)
function formatNum(n) {
if (n == null) return '0.00'
@@ -171,43 +172,108 @@ async function loadList() {
finally { loading.value = false }
}
// 读 URL query 写入 query (Overview KPI 卡跳转时带 ?isSettled=Y / ?isFinished=1, 让列表页自动应用筛选)
// 只读不改 URL — Overview 是 source of truth, 列表页内 reset()/search 不反向写 URL
const route = useRoute()
const router = useRouter()
function readQueryFromRoute() {
const q2 = route.query
if (q2.isFinished != null && q2.isFinished !== '') query.isFinished = String(q2.isFinished)
if (q2.isSettled != null && q2.isSettled !== '') query.isSettled = String(q2.isSettled)
}
function reset() {
query.projectNo = ''
query.projectName = ''
query.isFinished = ''
query.isSettled = ''
dateRange.value = []
page.pageNum = 1
loadList()
}
function viewDetail(row) { detail.value = row; detailOpen.value = true }
function viewDetail(row) { router.push(`/executor/projects/detail/${row.projectId}`) }
async function loadPeople() {
try { const r = await bizList('person', { pageNum: 1, pageSize: 200 }); people.value = ((r.data && r.data.rows) || r.rows || []).map(p => ({ userId: p.personId, name: p.name })) }
catch { people.value = [] }
}
function onAssign(row) {
const target = row || selected.value[0]
if (!target) return
assignRow.value = target
assignForm.assignee = ''
assignOpen.value = true
}
async function onSaveAssign() {
if (!assignForm.assignee) { ElMessage.warning('请选择分配人'); return }
async function loadStaff() {
// 执行方自己的执行人 (role=meetingExecutor), 走 listExecutorPerson (后端强制 unit_type='executor' + 当前主账号隔离)
try {
await bizUpdate('project', { projectId: assignRow.value.projectId, supervisorId: assignForm.assignee })
ElMessage.success('分配成功')
const res = await listExecutorPerson({ role: 'meetingExecutor', pageNum: 1, pageSize: 100 })
allStaff.value = res.rows || []
} catch { allStaff.value = [] }
}
/** 拉项目当前已分配执行人 → 回显 staffUserIds (单选模式) */
async function loadCurrentAssigns(projectId) {
try {
const resp = await getExecutorAssigns(projectId)
const arr = (resp && resp.data) || []
assignForm.staffUserIds = (Array.isArray(arr) ? arr : []).map(x => x.staffUserId).filter(Boolean)
} catch (e) { assignForm.staffUserIds = [] }
}
function openAssign(row) {
assignBatchMode.value = false
assignBatchRows.value = []
assignRow.value = row
assignForm.projectId = row.projectId
assignForm.projectNo = row.projectNo
assignForm.projectName = row.projectName
assignForm.staffUserIds = []
assignOpen.value = true
loadStaff()
loadCurrentAssigns(row.projectId)
}
function openAssignBatch(rows) {
assignBatchMode.value = true
assignBatchRows.value = rows.map(r => ({ projectId: r.projectId, projectNo: r.projectNo, projectName: r.projectName }))
assignForm.staffUserIds = []
assignOpen.value = true
loadStaff()
}
function onAssign(row) {
if (row) { openAssign(row); return }
// 批量按钮入口 (无 row): 单选走 openAssign, 多选走批量
if (!selected.value.length) return ElMessage.warning('请先选择项目')
if (selected.value.length === 1) openAssign(selected.value[0])
else openAssignBatch(selected.value)
}
async function saveAssign() {
if (!assignForm.staffUserIds.length) return ElMessage.warning('请至少选择一位执行人')
assignSubmitting.value = true
try {
if (assignBatchMode.value) {
let ok = 0, errs = []
for (const r of assignBatchRows.value) {
try {
await executorAssignProject({ projectId: r.projectId, staffUserIds: [...assignForm.staffUserIds] })
ok++
} catch (e) { errs.push(`${r.projectNo}: ${e?.msg || e.message}`) }
}
if (errs.length) ElMessageBox.alert(`批量分配: 成功 ${ok}/${assignBatchRows.value.length}\n\n失败:\n${errs.join('\n')}`, '分配结果', { type: 'warning' })
else ElMessage.success(`批量分配成功 (${ok}/${assignBatchRows.value.length})`)
} else {
await executorAssignProject({ projectId: assignForm.projectId, staffUserIds: [...assignForm.staffUserIds] })
ElMessage.success('分配成功')
}
assignOpen.value = false
loadList()
} catch (e) { ElMessage.error(e?.msg || '分配失败') }
} finally {
assignSubmitting.value = false
}
}
// 评价相关函数已移除: executor 不可评分
onMounted(() => { loadList(); loadPeople() })
// 建会: 执行机构人员 (MAIN/SUB 只要能看到项目) 都可建会, 跳共享 MeetingNew 页 (与 manager/admin 同页), 限额由后端 BizMeetingController.add 校验
function atCap(row) {
const assigned = row.assignedSessions || 0
const built = row.meetingCount || 0
return built >= assigned
}
function onCreateMeeting(row) {
router.push(`/executor/meetings/new?projectId=${row.projectId}`)
}
onMounted(() => { readQueryFromRoute(); loadList() })
</script>
<style scoped>
@@ -219,4 +285,7 @@ onMounted(() => { loadList(); loadPeople() })
.filter-tip { color: #909399; font-size: 12px; }
.pager { display: flex; justify-content: flex-end; margin-top: 12px; }
.filter-form { margin-bottom: 12px; }
.assign-project-info { background: #f5f7fa; padding: 12px 16px; border-radius: 4px; margin-bottom: 12px; }
.assign-project-info > div { display: flex; line-height: 22px; }
.assign-project-info .lbl { color: #909399; width: 90px; flex-shrink: 0; }
</style>
+2 -2
View File
@@ -367,7 +367,7 @@ const uploadRef = ref(null)
// el-upload 用原生 XHR, 不走 axios interceptor, 必须显式带 Authorization
const importHeaders = computed(() => ({ Authorization: 'Bearer ' + (localStorage.getItem('ry_token') || '') }))
// 后端 baseURL 与 request.js 一致 (/dev-api), 拼绝对路径给 :action
const importAction = computed(() => '/dev-api/business/expert/importData?updateSupport=false')
const importAction = computed(() => import.meta.env.VITE_APP_BASE_API + '/business/expert/importData?updateSupport=false')
function openImport() {
importResult.value = null
@@ -376,7 +376,7 @@ function openImport() {
// 模板下载: 3 行 fetch + blob (后端 /business/expert/importTemplate)
function downloadImportTpl() {
fetch('/dev-api/business/expert/importTemplate', { headers: importHeaders.value })
fetch(import.meta.env.VITE_APP_BASE_API + '/business/expert/importTemplate', { headers: importHeaders.value })
.then(r => r.blob())
.then(blob => {
const a = document.createElement('a')
@@ -1,8 +1,12 @@
<template>
<div class="page-card">
<!-- 面包屑 -->
<!-- 面包屑 (按角色显示: sponsor 我的项目; manager/admin 项目管理) -->
<div class="breadcrumb">
首页 / 项目管理 / <span class="current">项目详情</span>
首页 /
<span v-if="userStore?.user?.roleType === 'sponsor'">我的项目</span>
<span v-else-if="userStore?.user?.roleType === 'executor'">项目列表</span>
<span v-else>项目管理</span>
/ <span class="current">项目详情</span>
</div>
<!-- ================= 1. 项目信息 (11 字段, 两列, 只读) ================= -->
@@ -32,11 +36,27 @@
<el-col :span="12"><el-form-item label="支持公司"><span class="info-value">{{ row.sponsorAdminUserName || '-' }}</span></el-form-item></el-col>
<el-col :span="12"><el-form-item label="项目评价"><span class="info-value">{{ fmtScore(row.managerScore) }}</span></el-form-item></el-col>
</el-row>
<el-row :gutter="12">
<el-col :span="24">
<el-form-item label="服务公司">
<el-table :data="assigns" border size="small" class="assign-table-el">
<el-table-column type="index" label="#" width="48" align="center" />
<el-table-column prop="orgName" label="名称" min-width="160" show-overflow-tooltip />
<el-table-column prop="sessions" label="场次" width="90" align="right" />
<el-table-column label="金额" width="130" align="right">
<template #default="{ row }">¥ {{ fmtMoney(row.amount) }}</template>
</el-table-column>
<template #empty>
<span style="color:#c0c4cc">暂无分配 ( 项目管理 / 项目分配 添加)</span>
</template>
</el-table>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- ================= 2. 角色劳务设置 (只读) ================= -->
<div class="new-card-title">角色劳务设置</div>
<p class="hint-text">*角色劳务设置针对该项目所有会议生效</p>
<table class="info-table role-labor-table">
<colgroup>
<col style="width:120px">
@@ -59,7 +79,6 @@
<!-- ================= 3. 支持单位监督员 (只读) ================= -->
<div class="new-card-title">支持单位监督员</div>
<p class="hint-text">*增加只显示已点支持意向的</p>
<div class="monitor-list">
<div v-for="(m, idx) in monitors" :key="idx" class="monitor-row">
<span class="monitor-num">{{ idx + 1 }}.</span>
@@ -68,6 +87,8 @@
<div v-if="!monitors.length" class="empty-hint">暂无监督员</div>
</div>
<!-- (已分配执行方 已折叠进上方"项目信息"section, 此处不再重复) -->
<!-- ================= 4. 已发布公告 (只读, 仅查看) ================= -->
<div class="new-card-title">已发布公告</div>
<el-table v-loading="loading" :data="announcements" border>
@@ -90,16 +111,23 @@
import { ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { bizGet, bizList } from '@/api/public'
import { listExecutorOrgs } from '@/api/system'
import request from '@/utils/request'
import Preview from '@/components/Preview.vue'
import { useUserStore } from '@/store/user'
const route = useRoute()
const router = useRouter()
const userStore = useUserStore()
// ===================== 状态 =====================
const projectId = ref('')
const row = ref({})
const loading = ref(false)
// 已分配执行方 (服务公司) — 数据源: GET /business/project/{id}/assigns + listExecutorOrgs 补 org_name
const assigns = ref([])
// 角色劳务 (从 biz_project.role_labor JSON 字段读; 空数组 → 模板 "暂无角色" 行兜底)
const form = reactive({
roleRows: []
@@ -149,11 +177,7 @@ async function loadProject() {
const rl = JSON.parse(row.value.roleLabor || '[]')
if (Array.isArray(rl) && rl.length) form.roleRows = rl
} catch (e) { /* keep empty */ }
// 监督员 (JSON 字段)
try {
const mn = JSON.parse(row.value.monitors || '[]')
if (Array.isArray(mn)) monitors.value = mn
} catch (e) { /* keep empty */ }
// 监督员 (走 /sponsorAssigns 端点, 不在 loadProject 里)
} catch (e) {
console.error('[project-detail] load failed', e)
row.value = {}
@@ -173,8 +197,68 @@ async function loadAnnouncements() {
}
}
// ===================== 已分配执行方 (服务公司) =====================
/**
* 数据源同 manager/projects/edit/{id} 的 loadAssigns:
* 1) GET /business/project/{id}/assigns 拿原始分配行 (assignId, execUserId, sessions, amount)
* 2) 对每个 execUserId 调 listExecutorOrgs({ userId }) 补 org_name
* (后端 SQL 已限定 parent_user_id IS NULL, 自动取 MAIN 账号对应的执行公司)
* N+1 但项目分配数一般 < 10, 简单可控; 真要优化再加聚合 JOIN 接口
*/
async function loadAssigns() {
try {
const resp = await request({ url: `/business/project/${projectId.value}/assigns`, method: 'get' })
const list = (resp && resp.data) || []
if (!Array.isArray(list) || !list.length) { assigns.value = []; return }
// 并发查每个执行方公司名
const enriched = await Promise.all(list.map(async (a) => {
let orgName = '-'
try {
const opts = await listExecutorOrgs({ userId: a.execUserId })
const org = (opts && opts.data && opts.data[0]) || null
if (org && org.orgName) orgName = org.orgName
} catch (e) { /* 单条失败不影响其它, 默认显示 '-' */ }
return {
assignId: a.assignId,
execUserId: a.execUserId,
orgName,
sessions: a.sessions || 0,
amount: a.amount || 0
}
}))
assigns.value = enriched
} catch (e) {
console.error('[project-detail] assigns load failed', e)
assigns.value = []
}
}
// ===================== 监督员 (sponsor 视角的监察员) =====================
// 数据源: GET /business/project/{id}/sponsorAssigns (返回 [{monitorUserId, monitorUserName, ...}])
// 注: 不再读 biz_project.monitors — 该字段在 biz_project 表不存在 (历史 bug)
async function loadMonitors() {
if (!projectId.value) return
try {
const resp = await request({ url: `/business/project/${projectId.value}/sponsorAssigns`, method: 'get' })
const list = (resp && resp.data) || []
monitors.value = (Array.isArray(list) ? list : []).map(x => ({
userId: x.monitorUserId,
userName: x.monitorUserName || ('(userId=' + x.monitorUserId + ')')
}))
} catch (e) {
console.error('[project-detail] monitors load failed', e)
monitors.value = []
}
}
// ===================== 导航 =====================
function goBack() { router.push('/manager/projects') }
// 按角色回退: sponsor → 我的项目, manager → 项目管理, admin → 项目管理
function goBack() {
const role = userStore?.role || userStore?.user?.roleType
if (role === 'sponsor') router.push('/sponsor/my-projects')
else if (role === 'executor') router.push('/executor/projects')
else router.push('/manager/projects')
}
function goEdit() { router.push(`/manager/projects/edit/${projectId.value}`) }
// ===================== 预览 =====================
@@ -188,6 +272,7 @@ function openPreview(url, title) {
// ===================== 初始化 =====================
onMounted(async () => {
await loadProject()
await Promise.all([loadAssigns(), loadMonitors()])
await loadAnnouncements()
})
</script>
@@ -235,6 +320,9 @@ onMounted(async () => {
.role-labor-table td { border-right: 1px solid #ebeef5; }
.role-labor-table th:last-child,
.role-labor-table td:last-child { border-right: none; }
/* 服务公司表格 (el-table in form): 紧凑, 不要撑满整张卡片 */
.assign-table-el { width: auto; max-width: 560px; }
.assign-table-el :deep(.el-table__empty-block) { min-height: 48px; }
.info-table th { background: #fafafa; padding: 10px 12px; text-align: left; color: #1a1a1a; font-weight: 600; border-bottom: 1px solid #f0f0f0; white-space: nowrap; }
.info-table td { padding: 10px 12px; border-bottom: 1px solid #f5f5f5; color: #595959; vertical-align: middle; }
.empty-row { text-align: center; color: #c0c4cc; }
+1 -1
View File
@@ -294,7 +294,7 @@ async function submitSettle() {
function proxyUrl(url) {
if (!url) return url
if (url.includes('hwtossbamlorgcn.oss-cn-beijing.aliyuncs.com')) {
return '/dev-api/common/oss/proxy?url=' + encodeURIComponent(url) + '#toolbar=0&zoom=page-width'
return import.meta.env.VITE_APP_BASE_API + '/common/oss/proxy?url=' + encodeURIComponent(url) + '#toolbar=0&zoom=page-width'
}
return url
}
+11 -2
View File
@@ -337,6 +337,14 @@ async function onBatchDelete() {
function reset() { q.value = { sponsorAdminUserIds:[], execAdminUserIds:[], projectNo:'', projectName:'', projectForm:'', startTime:'', endTime:'', isFinished:'', isSettled:'', managerScore:'' }; page.pageNum = 1; load() }
// 读 URL query 写入 q (Workbench KPI 卡跳转时带 ?isFinished=1 / ?isSettled=Y 等, 让列表页自动应用筛选)
// 注意: 只读不改 URL — 列表页内 reset()/search 不反向写 URL, Workbench 是 source of truth
function readQueryFromRoute() {
const q2 = route.query
if (q2.isFinished != null && q2.isFinished !== '') q.value.isFinished = String(q2.isFinished)
if (q2.isSettled != null && q2.isSettled !== '') q.value.isSettled = String(q2.isSettled)
}
// 导出
function exportProjects() { ElMessage.info('导出项目功能开发中') }
function exportEval() { ElMessage.info('项目评价导出功能开发中') }
@@ -673,10 +681,11 @@ const previewUrl = ref('')
const previewTitle = ref('附件预览')
function openPreview(url, title) { previewUrl.value = url; previewTitle.value = title || '附件预览'; previewOpen.value = true }
onMounted(load)
// 监听路由变化 (从 /manager/projects/new 跳回时强制重载)
onMounted(() => { readQueryFromRoute(); load() })
// 监听路由变化 (从 /manager/projects/new 跳回时强制重载, query 变了也重新应用筛选)
watch(() => route.fullPath, (newPath, oldPath) => {
if (newPath === '/manager/projects') {
readQueryFromRoute()
load()
}
})
+14 -50
View File
@@ -2,57 +2,47 @@
<div class="page-card manager-workbench">
<div class="breadcrumb">首页 / 工作台</div>
<!-- 5 KPI -->
<!-- 5 KPI (点击跳到列表页 + 自动应用筛选, 字段名跟 Projects.vue / Meetings.vue q 一致) -->
<div class="stats-grid">
<router-link class="stat-card" to="/manager/projects">
<div class="stat-label">项目总数量</div>
<div class="stat-value">{{ stats.totalProjects }}</div>
</router-link>
<router-link class="stat-card" to="/manager/meetings">
<router-link class="stat-card" to="/manager/projects?isSettled=Y">
<div class="stat-label">已结算数量</div>
<div class="stat-value">{{ stats.settledProjects }}</div>
</router-link>
<router-link class="stat-card" to="/manager/projects">
<router-link class="stat-card" to="/manager/projects?isFinished=1">
<div class="stat-label">已结题数量</div>
<div class="stat-value">{{ stats.completedProjects }}</div>
</router-link>
<router-link class="stat-card" to="/manager/meetings">
<router-link class="stat-card" to="/manager/meetings?currentStage=RUNNING">
<div class="stat-label">已执行会议</div>
<div class="stat-value">{{ stats.executedMeetings }}</div>
</router-link>
<router-link class="stat-card" to="/manager/meetings">
<router-link class="stat-card" to="/manager/meetings?currentStage=NOT_STARTED">
<div class="stat-label">未执行会议</div>
<div class="stat-value">{{ stats.pendingMeetings }}</div>
</router-link>
</div>
<!-- 消息通知 -->
<!-- 消息通知 (NoticeList 组件内部已含 SSE 实时刷新 + 详情 dialog + 全部已读) -->
<section class="section">
<h2 class="section-title">消息通知<a class="more" href="javascript:void(0)">更多 </a></h2>
<ul class="notice-list">
<li class="notice-item" v-for="n in notices" :key="n.id" :class="{ read: n.read }">
<div class="dot"></div>
<div class="body">
<div class="title">{{ n.title }}</div>
<div class="text">{{ n.text }}</div>
</div>
<span class="time">{{ n.time }}</span>
</li>
<li v-if="notices.length === 0" class="empty">暂无消息</li>
</ul>
<h2 class="section-title">消息通知<a class="more" @click.prevent="$router.push('/manager/messages')">更多 </a></h2>
<NoticeList :limit="50" />
</section>
</div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { bizList, listMyMessages } from '@/api/public'
import { bizList } from '@/api/public'
import NoticeList from '@/components/NoticeList.vue'
const stats = ref({
totalProjects: 0, settledProjects: 0, completedProjects: 0,
executedMeetings: 0, pendingMeetings: 0
})
const notices = ref([])
async function loadStats() {
try {
@@ -65,8 +55,8 @@ async function loadStats() {
// 会议总数量
const ms = await bizList('meeting', { pageNum: 1, pageSize: 1 })
const meetingTotal = ms.total || ms.data?.total || 0
// 已执行会议
const em = await bizList('meeting', { pageNum: 1, pageSize: 1, status: '已执行' })
// 已执行会议 = currentStage='RUNNING' (阶段已过开始时间, 执行方未提交)
const em = await bizList('meeting', { pageNum: 1, pageSize: 1, currentStage: 'RUNNING' })
stats.value.executedMeetings = em.total || em.data?.total || 0
stats.value.pendingMeetings = meetingTotal - stats.value.executedMeetings
// 已结算项目
@@ -77,22 +67,7 @@ async function loadStats() {
}
}
async function loadNotices() {
try {
const r = await listMyMessages({ limit: 50 }); const list = r.rows
notices.value = list.map(n => ({
id: n.id,
title: n.title,
text: n.text,
time: n.time,
read: n.read
}))
} catch (e) {
console.warn('loadNotices failed', e)
}
}
onMounted(() => { loadStats(); loadNotices() })
onMounted(() => { loadStats() })
</script>
<style scoped>
@@ -144,17 +119,6 @@ onMounted(() => { loadStats(); loadNotices() })
display: flex;
justify-content: space-between;
}
.more { font-size: 12px; color: var(--brand-primary); text-decoration: none; }
.more { font-size: 12px; color: var(--brand-primary); text-decoration: none; cursor: pointer; }
.more:hover { text-decoration: underline; }
.notice-list { list-style: none; border-top: 1px solid #f0f0f0; }
.notice-item { padding: 12px 0; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 12px; }
.notice-item:last-child { border-bottom: none; }
.notice-item .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-primary); flex-shrink: 0; }
.notice-item.read .dot { background: transparent; border: 1px solid #d9d9d9; }
.notice-item .body { flex: 1; min-width: 0; }
.notice-item .title { font-size: 13px; color: #1a1a1a; }
.notice-item.read .title { color: #8c8c8c; }
.notice-item .text { font-size: 12px; color: #595959; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }
.notice-item .time { font-size: 12px; color: #bfbfbf; flex-shrink: 0; }
.empty { padding: 24px; text-align: center; color: #909399; }
</style>
File diff suppressed because it is too large Load Diff
+23 -27
View File
@@ -5,41 +5,36 @@
<!-- el-form 包裹 + label-width 110px (跟原型一致) -->
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
<!-- 2 列布局 (跟原型 .form-grid 一致: grid-auto-flow: column 让左 6 5 对齐) -->
<!-- 只读快照 (直接显示, 放上面) -->
<div class="form-grid">
<!-- 左列 6 项只读快照 (来自 biz_project 派生) -->
<el-form-item label="项目编号">
<span class="form-value code">{{ snap.projectNo }}</span>
</el-form-item>
<el-form-item label="项目名称">
<span class="form-value">{{ snap.projectName }}</span>
</el-form-item>
<el-form-item label="总场次/总期数">
<span class="form-value">{{ snap.totalSessions }}</span>
<el-form-item label="会议名称">
<span class="form-value">{{ form.meetingName }}</span>
</el-form-item>
<el-form-item label="支持单位">
<span class="form-value">{{ snap.sponsorOrgName }}</span>
</el-form-item>
<el-form-item label="创建时间">
<span class="form-value">{{ snap.createTime }}</span>
</el-form-item>
<el-form-item label="创建人员">
<span class="form-value">{{ snap.createUserName }}</span>
<el-form-item label="总场次/总期数">
<span class="form-value">{{ snap.totalSessions }}</span>
</el-form-item>
</div>
<!-- 右列 5 : 1 只读 (会议名称 = 项目名) + 4 输入 -->
<el-form-item label="会议名称">
<span class="form-value">{{ form.meetingName }}</span>
</el-form-item>
<el-form-item label="期数" prop="periodNo">
<el-input v-model="form.periodNo" placeholder="请填写第几期" />
</el-form-item>
<!-- 待填写 (放下面) -->
<div class="form-grid form-grid-inputs">
<el-form-item label="会议开始时间" prop="startTime">
<el-date-picker v-model="form.startTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择开始时间" />
</el-form-item>
<el-form-item label="会议结束时间" prop="endTime">
<el-date-picker v-model="form.endTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择结束时间" />
</el-form-item>
<el-form-item label="期数" prop="periodNo">
<el-input v-model="form.periodNo" placeholder="请填写第几期" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
@@ -87,14 +82,12 @@ const pageTitle = computed(() => ({ new: '新建会议', edit: '修改会议', c
const formRef = ref(null)
const submitting = ref(false)
// ========== 项目只读快照 (左列 6 项) ==========
// ========== 项目只读快照 (左列 4 项) ==========
const snap = reactive({
projectNo: '',
projectName: '',
totalSessions: '',
sponsorOrgName: '',
createTime: '',
createUserName: ''
sponsorOrgName: ''
})
// ========== 表单 (右列 5 项: meetingName 只读 + 4 输入) ==========
@@ -125,8 +118,6 @@ async function loadProjectSnapshot(pid) {
snap.projectName = d.projectName || ''
snap.totalSessions = d.totalSessions ?? ''
snap.sponsorOrgName = d.sponsorOrgName || ''
snap.createTime = d.createTime || ''
snap.createUserName = d.createUserName || d.createBy || ''
} catch (e) { /* 静默, 不阻塞主流程 */ }
}
@@ -147,7 +138,7 @@ async function loadMeeting(mid) {
// 左列快照 projectNo/projectName 用 meeting 冗余字段 (即使 project_id 为 NULL 也能显示)
snap.projectNo = d.projectNo || ''
snap.projectName = d.projectName || ''
// 总场次/支持单位/创建时间/创建人员 优先用 URL projectId, 其次 meeting.projectId
// 总场次/支持单位 优先用 URL projectId, 其次 meeting.projectId
const pid = urlProjectId || d.projectId
if (pid) {
await loadProjectSnapshot(pid)
@@ -180,7 +171,8 @@ async function onSave() {
await bizAdd('meeting', payload, { __silentError: true })
ElMessage.success(mode.value === 'copy' ? '复制成功' : '会议创建成功')
}
goBack()
// 建会/修改/复制成功 → 跳会议列表 (不再返回项目列表, executor/manager 一致)
router.push(meetingsBase.value)
} catch (e) {
ElMessage.error(e?.msg || (mode.value === 'edit' ? '修改失败' : '保存失败'))
} finally {
@@ -234,15 +226,19 @@ onMounted(async () => {
margin-bottom: 24px;
}
/* === 2 列布局 (跟原型 .form-grid 一致, grid-auto-flow: column 让左 6 右 5 对齐) === */
/* === 2 列布局 (只读区/填写区 各一个 grid, 行优先流) === */
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
grid-template-rows: repeat(6, auto);
gap: 20px 32px;
max-width: 900px;
}
/* 填写区: 与上方只读区分隔 */
.form-grid-inputs {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #f0f0f0;
}
/* grid 内的 el-form-item 不再加默认 margin-bottom (由 grid 控制间距) */
.form-grid :deep(.el-form-item) {
margin-bottom: 0;
+116 -54
View File
@@ -23,10 +23,7 @@
</el-form-item>
<el-form-item label="当前阶段">
<el-select v-model="q.currentStage" placeholder="请选择" clearable style="width:140px">
<el-option label="未执行" value="未执行" />
<el-option label="执行中" value="执行中" />
<el-option label="已执行" value="已执行" />
<el-option label="已完结" value="已完结" />
<el-option v-for="o in STAGE_OPTIONS" :key="o.value" :label="o.label" :value="o.value" />
</el-select>
</el-form-item>
<el-form-item label="备注"><el-input v-model="q.remark" placeholder="请输入备注" clearable style="width:140px" /></el-form-item>
@@ -36,16 +33,15 @@
</el-form-item>
</el-form>
<!-- ========== 批量按钮 (admin/manager 共用: 批量提交 + 批量删除) ========== -->
<div class="batch-bar">
<el-button type="primary" :disabled="!selectedIds.length" @click="onBatchSubmit">批量提交</el-button>
<!-- ========== 批量按钮 (admin/manager 共用: 批量提交 + 批量删除; sponsor 隐藏) ========== -->
<div v-if="isRole('admin', 'manager')" class="batch-bar">
<el-button type="danger" :disabled="!selectedIds.length" @click="onBatchDelete">批量删除</el-button>
<span v-if="selectedIds.length" class="filter-tip">已选 {{ selectedIds.length }} </span>
</div>
<!-- ========== 表格 ( People.vue 风格一致, page-card 包裹) ========== -->
<el-table :data="rows" v-loading="loading" stripe border @selection-change="onSelectionChange">
<el-table-column type="selection" width="44" />
<el-table-column v-if="isRole('admin', 'manager')" type="selection" width="44" />
<el-table-column prop="projectNo" label="项目编号" width="130" fixed />
<el-table-column prop="meetingId" label="会议ID" width="120" align="center" />
<el-table-column prop="projectForm" label="项目形式" width="100" align="center" />
@@ -60,19 +56,21 @@
<el-table-column label="期数" width="80" align="center">
<template #default="{ row }">{{ row.periodNo ? '第 ' + row.periodNo + ' 期' : '-' }}</template>
</el-table-column>
<el-table-column prop="currentStage" label="当前阶段" width="100" align="center">
<el-table-column prop="currentStage" label="当前阶段" width="140" align="center">
<template #default="{ row }">
<span :class="['stage-tag', 'stage-' + stageClass(row.currentStage)]">{{ row.currentStage }}</span>
<span :class="['stage-tag', 'stage-' + stageClass(row)]">{{ stageLabel(roleSegment, row) }}</span>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip />
<el-table-column label="操作" width="300" fixed="right">
<el-table-column label="操作" width="340" fixed="right">
<template #default="{ row }">
<el-button link type="primary" @click="viewDetail(row)">查看</el-button>
<el-button link type="primary" @click="onEdit(row)">修改</el-button>
<el-button link type="primary" @click="onSubmit(row)">提交</el-button>
<el-button link type="primary" @click="onCopy(row)">复制</el-button>
<el-button link type="danger" @click="onDelete(row)">删除</el-button>
<el-button v-if="isRole('admin', 'manager')" link type="primary" @click="onEdit(row)">修改</el-button>
<el-button v-if="isRole('admin', 'manager')" link type="primary" @click="onCopy(row)">复制</el-button>
<el-button v-if="isRole('admin', 'manager') && canSettleRow(row)" link type="success" @click="onSettle(row)">结算</el-button>
<el-button v-if="isRole('admin', 'manager') && canFinishRow(row)" link type="primary" @click="onFinish(row)">完结</el-button>
<el-button v-if="isRole('admin', 'manager')" link type="danger" @click="onDelete(row)">删除</el-button>
<el-button v-if="isRole('sponsor') && derivePhysicalStage(row) === 'AWAITING_SUPERVISION'" link type="warning" @click="onApproval(row)">审批</el-button>
</template>
</el-table-column>
</el-table>
@@ -90,20 +88,46 @@
<!-- 修改 / 复制: 按角色跳 admin-meetings-new / manager-meetings-new (MeetingNew.vue ) -->
<!-- 查看: 按角色跳 /admin/meetings/detail/:id /manager/meetings/detail/:id -->
<!-- 支持方(监察员) 审批 dialog: sponsor current_stage=AWAITING_SUPERVISION 时可见 -->
<el-dialog v-model="approvalOpen" title="支持方审批" width="560px">
<el-form label-width="100px">
<el-form-item label="会议名称"><span>{{ approvalRow.meetingName }}</span></el-form-item>
<el-form-item label="审批结果">
<el-radio-group v-model="approvalForm.approved">
<el-radio :label="true">通过</el-radio>
<el-radio :label="false">退回</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审批意见">
<el-input v-model="approvalForm.opinion" type="textarea" :rows="4" maxlength="500" show-word-limit placeholder="退回时意见必填, 将通知执行方整改" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="approvalOpen = false">取消</el-button>
<el-button type="primary" :loading="approvalSaving" @click="onApprovalConfirm">确定</el-button>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { ref, reactive, computed, onMounted } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { bizList, bizUpdate, bizDelete } from '@/api/public'
import { bizList, bizDelete } from '@/api/public'
import request from '@/utils/request'
import { stageLabel, STAGE_OPTIONS, derivePhysicalStage, stageClass } from '@/utils/meetingStage'
import { ElMessage, ElMessageBox } from 'element-plus'
// ========== 角色感知 (admin/manager 共用此页, 按 URL 第 1 段识别) ==========
const router = useRouter()
const route = useRoute()
const roleSegment = computed(() => route.path.split('/')[1]) // 'admin' | 'manager'
const isAdmin = computed(() => roleSegment.value === 'admin')
const roleSegment = computed(() => route.path.split('/')[1]) // 'admin' | 'manager' | 'sponsor'
// 角色判断工具: 传一个或多个角色, 命中返回 true. 后续所有按角色显隐/分支统一走这里
function isRole(...roles) {
return roles.includes(roleSegment.value)
}
const isAdmin = computed(() => isRole('admin'))
// 面包屑: admin 多一层 "项目管理" (跟其它 admin 页对齐)
const breadcrumb = computed(() =>
isAdmin.value ? '首页 / 项目管理 / 会议管理' : '首页 / 会议管理'
@@ -137,17 +161,6 @@ function fmtTime(d) {
return `${dt.getFullYear()}.${pad(dt.getMonth() + 1)}.${pad(dt.getDate())} ${pad(dt.getHours())}:${pad(dt.getMinutes())}`
}
// ========== 工具: 当前阶段颜色 class ==========
function stageClass(s) {
if (s === '未执行') return 'pending'
if (s === '执行中') return 'running'
if (s === '已完结' || s === '已执行') return 'done'
if (s === '待审核') return 'reviewing'
if (s === '待结算') return 'waiting'
if (s === '冻结中') return 'frozen'
return 'default'
}
// ========== 加载 ==========
async function load() {
loading.value = true
@@ -168,6 +181,13 @@ function reset() {
load()
}
// 读 URL query 写入 q (Workbench/Overview/Home KPI 卡跳转时带 ?currentStage=RUNNING/NOT_STARTED, 让列表页自动应用筛选)
// 只读不改 URL — KPI 是 source of truth, 列表页内 reset()/search 不反向写 URL
function readQueryFromRoute() {
const q2 = route.query
if (q2.currentStage != null && q2.currentStage !== '') q.value.currentStage = String(q2.currentStage)
}
// ========== 路由跳转 ==========
// 查看: 按角色跳 detail 页 (admin/manager 走各自路由, 复用 manager/MeetingDetail.vue)
function viewDetail(row) {
@@ -181,30 +201,6 @@ function onCopy(row) {
router.push({ name: newRouteName.value, query: { meetingId: row.meetingId, projectId: row.projectId || '', mode: 'copy' } })
}
// ========== 提交 (单条) ==========
async function onSubmit(row) {
try { await ElMessageBox.confirm(`确定提交会议「${row.meetingName}」吗?`, '提交确认', { type: 'warning' }) } catch { return }
try {
await bizUpdate('meeting', { meetingId: row.meetingId, currentStage: '执行中' }, { __silentError: true })
ElMessage.success('提交成功')
load()
} catch (e) { ElMessage.error(e?.msg || '提交失败') }
}
// ========== 批量提交 ==========
async function onBatchSubmit() {
if (!selectedIds.value.length) return
try { await ElMessageBox.confirm(`确定对选中的 ${selectedIds.value.length} 个会议执行批量提交吗?`, '批量提交', { type: 'warning' }) } catch { return }
try {
// 逐条更新 (无批量接口)
for (const id of selectedIds.value) {
await bizUpdate('meeting', { meetingId: id, currentStage: '执行中' }, { __silentError: true })
}
ElMessage.success('批量提交成功')
load()
} catch (e) { ElMessage.error(e?.msg || '批量提交失败') }
}
// ========== 删除会议 (软删除, 后端强校验 admin/manager) ==========
async function onDelete(row) {
try {
@@ -244,7 +240,73 @@ async function onBatchDelete() {
} catch (e) { ElMessage.error(e?.msg || '批量删除失败') }
}
onMounted(load)
// ========== 结算 (合规/管理员 手动点击, 后端强校验 role) ==========
function isOneVal(v) { return v === 1 || v === '1' || v === true }
// 列表结算按钮显隐: 与 MeetingDetail.canSettle 一致 (材料+凭证都 APPROVED 且未结算)
function canSettleRow(row) {
return row.materialAuditStage === 'APPROVED' && row.voucherAuditStage === 'APPROVED' && !isOneVal(row.isSettled)
}
async function onSettle(row) {
try {
await ElMessageBox.confirm(`确认结算会议「${row.meetingName}」?`, '结算确认', { type: 'warning' })
} catch { return }
try {
await request.post(`/business/meeting/${row.meetingId}/settle`, null, { __silentError: true })
ElMessage.success('已结算')
load()
} catch (e) { ElMessage.error(e?.msg || e?.message || '结算失败') }
}
// 列表完结按钮显隐: 已结算 且 未完结
function canFinishRow(row) {
return isOneVal(row.isSettled) && !isOneVal(row.isFinished)
}
async function onFinish(row) {
try {
await ElMessageBox.confirm(`确认完结会议「${row.meetingName}」? 完结后流程终止`, '完结确认', { type: 'warning' })
} catch { return }
try {
await request.post(`/business/meeting/${row.meetingId}/finish`, null, { __silentError: true })
ElMessage.success('已完结')
load()
} catch (e) { ElMessage.error(e?.msg || e?.message || '完结失败') }
}
// ========== 支持方(监察员) 审批 ==========
const approvalOpen = ref(false)
const approvalSaving = ref(false)
const approvalRow = ref({})
const approvalForm = reactive({ approved: true, opinion: '' })
function onApproval(row) {
approvalRow.value = row
approvalForm.approved = true
approvalForm.opinion = ''
approvalOpen.value = true
}
async function onApprovalConfirm() {
if (!approvalForm.approved && !approvalForm.opinion.trim()) {
ElMessage.warning('退回时意见不能为空')
return
}
approvalSaving.value = true
try {
await request.post(`/business/meeting/${approvalRow.value.meetingId}/audit-supervision`, {
auditType: 'MATERIAL',
approved: approvalForm.approved,
opinion: approvalForm.opinion
})
ElMessage.success(approvalForm.approved ? '已通过 → 审核通过' : '已退回 → 待整改')
approvalOpen.value = false
load()
} catch (e) {
ElMessage.error(e?.msg || e?.message || '审批失败')
} finally {
approvalSaving.value = false
}
}
onMounted(() => { readQueryFromRoute(); load() })
</script>
<style scoped>
+31
View File
@@ -0,0 +1,31 @@
<!--
共享消息通知页 (5 角色复用)
------------------------------------------------------------
/admin/messages /manager/messages /doctor/messages
/executor/messages /sponsor/messages .
没有任何 role 区分, 列表数据由后端按当前登录用户自动隔离.
-->
<template>
<div class="page-card">
<div class="breadcrumb">首页 / 消息通知</div>
<NoticeList :limit="50" :show-category="true" />
</div>
</template>
<script setup>
import NoticeList from '@/components/NoticeList.vue'
</script>
<style scoped>
.page-card {
background: #fff;
padding: 16px 20px;
border-radius: 6px;
border: 1px solid #f0f0f0;
}
.breadcrumb {
font-size: 13px;
color: #8c8c8c;
margin-bottom: 12px;
}
</style>
+1 -3
View File
@@ -81,9 +81,7 @@
</div>
<div class="footer-qr">
<div class="qr-image">
<svg width="52" height="52" viewBox="0 0 24 24" fill="currentColor">
<path d="M3 11h8V3H3v8zm2-6h4v4H5V5zm8-2v8h8V3h-8zm6 6h-4V5h4v4zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm13-2h-2v2h2v-2zm-2 2h-2v2h2v-2zm2 2h-2v2h2v-2zm2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm0 0h-2v2h2v-2z"/>
</svg>
<img src="/qrcode_1.png" alt="公众号二维码" style="width:100%;height:100%;object-fit:contain;" />
</div>
<div class="qr-label">公众号二维码</div>
</div>
+2 -4
View File
@@ -126,9 +126,7 @@
</div>
<div class="footer-qr">
<div class="qr-image">
<svg width="52" height="52" viewBox="0 0 24 24" fill="currentColor">
<path d="M3 11h8V3H3v8zm2-6h4v4H5V5zm8-2v8h8V3h-8zm6 6h-4V5h4v4zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm13-2h-2v2h2v-2zm-2 2h-2v2h2v-2zm2 2h-2v2h2v-2zm2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm0 0h-2v2h2v-2z"/>
</svg>
<img src="/qrcode_1.png" alt="公众号二维码" style="width:100%;height:100%;object-fit:contain;" />
</div>
<div class="qr-label">公众号二维码</div>
</div>
@@ -166,7 +164,7 @@ async function loadSpecialPlans() {
}
function openPlan(id) {
window.open(`/#/special-plan/${id}`, '_blank')
window.open(`${import.meta.env.BASE_URL}#/special-plan/${id}`, '_blank')
}
const topNavClass = computed(() => isScrolled.value ? 'is-scrolled' : '')
const loggedIn = computed(() => !!userStore.token)
+90 -6
View File
@@ -52,13 +52,20 @@
<div style="padding: 40px 0; text-align: center; color: #9ca3af; font-size: 13px;">暂无数据</div>
</template>
<template v-else>
<div class="notice-header">
<span class="notice-header-no">序号</span>
<span class="notice-header-title">项目</span>
<span class="notice-header-date">开始日期</span>
<span class="notice-header-end">截止日期</span>
</div>
<div v-for="(n, i) in pageItems" :key="n.annId || i" class="notice-item" @click="goDetail(n)">
<span class="notice-item-no">{{ String((currentPage - 1) * PAGE_SIZE + i + 1).padStart(3, '0') }}</span>
<span class="notice-date">{{ fmtDate(n.date) }}</span>
<span class="notice-title">
<span v-if="n.projectNo" style="color:#909399;margin-right:8px;font-size:13px">{{ n.projectNo }}</span>
{{ n.title }}
</span>
<span class="notice-date">{{ fmtDate(n.date) }}</span>
<span class="notice-end">{{ fmtDate(n.endTime) }}</span>
</div>
</template>
</div>
@@ -111,9 +118,7 @@
</div>
<div class="footer-qr">
<div class="qr-image">
<svg width="52" height="52" viewBox="0 0 24 24" fill="currentColor">
<path d="M3 11h8V3H3v8zm2-6h4v4H5V5zm8-2v8h8V3h-8zm6 6h-4V5h4v4zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm13-2h-2v2h2v-2zm-2 2h-2v2h2v-2zm2 2h-2v2h2v-2zm2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm0 0h-2v2h2v-2z"/>
</svg>
<img src="/qrcode_1.png" alt="公众号二维码" style="width:100%;height:100%;object-fit:contain;" />
</div>
<div class="qr-label">公众号二维码</div>
</div>
@@ -168,7 +173,8 @@ async function load() {
}
return {
annId: r.projectId,
date: r.publishTime,
date: r.startTime,
endTime: r.endTime,
type,
projectNo: r.projectNo || '',
projectName: r.projectName,
@@ -257,7 +263,6 @@ function fmtDate(d) {
const day = String(date.getDate()).padStart(2, '0')
return `${y}-${m}-${day}`
}
function handleScroll() { isScrolled.value = window.scrollY > 10 }
onMounted(() => window.addEventListener('scroll', handleScroll, { passive: true }))
onBeforeUnmount(() => window.removeEventListener('scroll', handleScroll))
@@ -304,7 +309,11 @@ a { color: inherit; text-decoration: none; }
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
text-decoration: none;
transition: opacity 0.2s;
}
.logo:hover { opacity: 0.85; }
.logo-icon {
width: 36px;
@@ -393,6 +402,21 @@ a { color: inherit; text-decoration: none; }
gap: 16px;
}
/* 已登录: 右上角人员信息 (用户名 + 头像图标) — 深色 navbar 上必须白色 */
.user-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #fff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
transition: opacity 0.2s;
}
.user-link:hover { opacity: 0.85; }
.user-link svg { stroke: currentColor; }
.login-btn {
padding: 7px 20px;
background: #fff;
@@ -408,6 +432,20 @@ a { color: inherit; text-decoration: none; }
background: #f3f4f6;
}
/* ========== 页面骨架 (sticky footer: 内容少时底部仍贴屏幕底) ========== */
.pub-page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main.container {
flex: 1 0 auto;
/* flex item 的 width:auto 会塌成 fit-content (margin:0 auto 覆盖 align-items:stretch),
导致版心宽度丢失; 显式 width:100% 配合 max-width:1354px + margin:auto 恢复居中版心 */
width: 100%;
}
/* ========== 主体容器 ========== */
.container {
max-width: 1354px;
@@ -528,11 +566,57 @@ a { color: inherit; text-decoration: none; }
color: #1f2937;
line-height: 1.7;
transition: color 0.2s;
min-width: 0;
}
/* 表头: 与 notice-item 相同的 flex + gap + 列宽, 保证列对齐 */
.notice-header {
display: flex;
align-items: center;
gap: 24px;
padding: 12px 0;
border-bottom: 1px solid #e5e7eb;
background: #f9fafb;
font-size: 13px;
font-weight: 600;
color: #4b5563;
}
.notice-header-no {
flex-shrink: 0;
width: 32px;
text-align: center;
}
.notice-header-date {
flex-shrink: 0;
width: 100px;
}
.notice-header-title {
flex: 1;
min-width: 0;
}
.notice-header-end {
flex-shrink: 0;
width: 100px;
}
/* 右侧截止时间: 等宽数字 + 灰色, 与日期列同宽对齐 */
.notice-end {
flex-shrink: 0;
width: 100px;
font-size: 13px;
color: #6b7280;
font-family: ui-monospace, "Courier New", monospace;
padding-top: 2px;
}
.notice-item-no {
flex-shrink: 0;
width: 32px;
text-align: center;
font-size: 12px;
color: #9ca3af;
font-family: ui-monospace, "Courier New", monospace;
+2 -4
View File
@@ -148,9 +148,7 @@
</div>
<div class="footer-qr">
<div class="qr-image">
<svg width="52" height="52" viewBox="0 0 24 24" fill="currentColor">
<path d="M3 11h8V3H3v8zm2-6h4v4H5V5zm8-2v8h8V3h-8zm6 6h-4V5h4v4zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm13-2h-2v2h2v-2zm-2 2h-2v2h2v-2zm2 2h-2v2h2v-2zm2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm0 0h-2v2h2v-2z"/>
</svg>
<img src="/qrcode_1.png" alt="公众号二维码" style="width:100%;height:100%;object-fit:contain;" />
</div>
<div class="qr-label">公众号二维码</div>
</div>
@@ -324,7 +322,7 @@ function isImg(url) {
function proxyUrl(url) {
if (!url) return url
if (url.includes('hwtossbamlorgcn.oss-cn-beijing.aliyuncs.com')) {
return '/dev-api/common/oss/proxy?url=' + encodeURIComponent(url) + '#toolbar=0&zoom=page-width'
return import.meta.env.VITE_APP_BASE_API + '/common/oss/proxy?url=' + encodeURIComponent(url) + '#toolbar=0&zoom=page-width'
}
return url
}
@@ -102,9 +102,7 @@
</div>
<div class="footer-qr">
<div class="qr-image">
<svg width="52" height="52" viewBox="0 0 24 24" fill="currentColor">
<path d="M3 11h8V3H3v8zm2-6h4v4H5V5zm8-2v8h8V3h-8zm6 6h-4V5h4v4zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm13-2h-2v2h2v-2zm-2 2h-2v2h2v-2zm2 2h-2v2h2v-2zm2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm-2-2h-2v2h2v-2zm0 0h-2v2h2v-2z"/>
</svg>
<img src="/qrcode_1.png" alt="公众号二维码" style="width:100%;height:100%;object-fit:contain;" />
</div>
<div class="qr-label">公众号二维码</div>
</div>
@@ -172,7 +170,7 @@ function isImg(url) {
function proxyUrl(url) {
if (!url) return url
if (url.includes('hwtossbamlorgcn.oss-cn-beijing.aliyuncs.com')) {
return '/dev-api/common/oss/proxy?url=' + encodeURIComponent(url) + '#toolbar=0&zoom=page-width'
return import.meta.env.VITE_APP_BASE_API + '/common/oss/proxy?url=' + encodeURIComponent(url) + '#toolbar=0&zoom=page-width'
}
return url
}
+31 -61
View File
@@ -8,95 +8,82 @@
<div class="page-card sponsor-home">
<div class="breadcrumb">首页</div>
<!-- KPI: 5 个数字面板, 1 行展示 -->
<!-- KPI: 5 个数字面板, 1 行展示 (跳转 + 自动应用筛选, 字段名跟 Projects.vue / Meetings.vue q 一致) -->
<div class="stats-grid stats-grid-5">
<router-link class="stat-card" to="/sponsor/projects">
<div class="stat-label">项目总数量</div>
<div class="stat-value">{{ stats.totalProjects }}</div>
<div class="stat-desc">查看全部项目</div>
</router-link>
<router-link class="stat-card" to="/sponsor/meetings?isSettled=Y">
<div class="stat-label">已结算的会议</div>
<div class="stat-value">{{ stats.settledMeetings }}</div>
<div class="stat-desc">查看已结算会议</div>
<router-link class="stat-card" to="/sponsor/projects?isSettled=Y">
<div class="stat-label">已结算的项目</div>
<div class="stat-value">{{ stats.settledProjects }}</div>
<div class="stat-desc">查看已结算项目</div>
</router-link>
<router-link class="stat-card" to="/sponsor/projects?isFinished=1">
<div class="stat-label">已结题的项目</div>
<div class="stat-value">{{ stats.completedProjects }}</div>
<div class="stat-desc">查看已结题项目</div>
</router-link>
<router-link class="stat-card" to="/sponsor/meetings?currentStage=已执行">
<router-link class="stat-card" to="/sponsor/meetings?currentStage=RUNNING">
<div class="stat-label">已执行会议</div>
<div class="stat-value">{{ stats.executedMeetings }}</div>
<div class="stat-desc">查看已执行会议</div>
</router-link>
<router-link class="stat-card" to="/sponsor/meetings?currentStage=未执行">
<router-link class="stat-card" to="/sponsor/meetings?currentStage=NOT_STARTED">
<div class="stat-label">未执行会议</div>
<div class="stat-value">{{ stats.pendingMeetings }}</div>
<div class="stat-desc">查看未执行会议</div>
</router-link>
</div>
<!-- 消息通知 -->
<!-- 消息通知 (NoticeList 组件内部已含 SSE 实时刷新 + 详情 dialog + 全部已读) -->
<section class="section">
<h2 class="section-title">消息通知<router-link class="more" to="/sponsor/messages">更多 </router-link></h2>
<ul class="notice-list">
<li class="notice-item" v-for="n in notices" :key="n.title" :class="{ read: n.read }">
<div class="dot"></div>
<div class="body">
<div class="title">{{ n.title }}</div>
<div class="text">{{ n.text }}</div>
</div>
<span class="time">{{ n.time }}</span>
</li>
<li v-if="notices.length === 0" class="empty">暂无消息</li>
</ul>
<NoticeList :limit="50" />
</section>
</div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { bizList, listMyMessages } from '@/api/public'
import { bizList } from '@/api/public'
import NoticeList from '@/components/NoticeList.vue'
// 字段名跟 Projects.vue / Meetings.vue q 一致, 之前 3/5 卡 stats 不更新或用错字段名 (status 后端不认, settledMeetings 误指项目级 isSettled)
const stats = ref({
totalProjects: 0,
settledMeetings: 0,
completedProjects: 0,
executedMeetings: 0,
pendingMeetings: 0
settledProjects: 0, // 项目级 isSettled=Y
completedProjects: 0, // 项目级 isFinished=1
executedMeetings: 0, // 会议 currentStage=RUNNING (字段名跟 Meetings.vue q 一致, 之前误用 status= 后端不认, 数字一直是错的)
pendingMeetings: 0 // 总会议 - 已执行
})
const notices = ref([])
async function loadStats() {
try {
// 项目总数量 (跟 manager/executor 一样调普通 list, 后续若需要按 sponsor 隔离再换 sponsorList 接口)
const ps = await bizList('project', { pageNum: 1, pageSize: 1 })
stats.value.totalProjects = ps.total || 0
stats.value.totalProjects = ps.total || ps.data?.total || 0
// 已结算项目
const sp = await bizList('project', { pageNum: 1, pageSize: 1, isSettled: 'Y' })
stats.value.settledProjects = sp.total || sp.data?.total || 0
// 已结题项目
const cp = await bizList('project', { pageNum: 1, pageSize: 1, isFinished: '1' })
stats.value.completedProjects = cp.total || cp.data?.total || 0
// 会议总数量
const ms = await bizList('meeting', { pageNum: 1, pageSize: 1 })
stats.value.executedMeetings = ms.total || 0
const meetingTotal = ms.total || ms.data?.total || 0
// 已执行会议 = currentStage='RUNNING' (阶段已过开始时间, 执行方未提交)
const em = await bizList('meeting', { pageNum: 1, pageSize: 1, currentStage: 'RUNNING' })
stats.value.executedMeetings = em.total || em.data?.total || 0
stats.value.pendingMeetings = Math.max(0, meetingTotal - stats.value.executedMeetings)
} catch (e) {
console.warn('loadStats failed', e)
}
}
async function loadNotices() {
try {
const r = await listMyMessages({ limit: 50 }); const list = r.rows
notices.value = list.map(n => ({
id: n.id,
title: n.title,
text: n.text,
time: n.time,
read: n.read
}))
} catch (e) {
console.warn('loadNotices failed', e)
}
}
onMounted(() => {
loadStats()
loadNotices()
})
</script>
@@ -146,25 +133,8 @@ onMounted(() => {
line-height: 1;
display: flex; justify-content: space-between;
}
.more { font-size: 12px; color: var(--brand-primary); text-decoration: none; }
.more { font-size: 12px; color: var(--brand-primary); text-decoration: none; cursor: pointer; }
.more:hover { text-decoration: underline; }
.notice-list { list-style: none; border-top: 1px solid #f0f0f0; }
.notice-item {
padding: 12px 0; border-bottom: 1px solid #f0f0f0;
display: flex; align-items: center; gap: 12px;
}
.notice-item:last-child { border-bottom: none; }
.notice-item .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-primary); flex-shrink: 0; }
.notice-item.read .dot { background: transparent; border: 1px solid #d9d9d9; }
.notice-item .body { flex: 1; min-width: 0; }
.notice-item .title { font-size: 13px; color: #1a1a1a; }
.notice-item.read .title { color: #8c8c8c; }
.notice-item .text {
font-size: 12px; color: #595959;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px;
}
.notice-item .time { font-size: 12px; color: #bfbfbf; flex-shrink: 0; }
.empty { padding: 24px; text-align: center; color: #909399; }
@media (max-width: 768px) {
.stats-grid-3 { grid-template-columns: repeat(2, 1fr); }
+22 -9
View File
@@ -30,10 +30,14 @@
</el-select>
</el-form-item>
<el-form-item label="当前阶段">
<el-select v-model="q.currentStage" clearable placeholder="全部" style="width:120px">
<el-option label="执行" value="已执行" />
<el-option label="执行" value="未执行" />
<el-option label="执行中" value="执行中" />
<el-select v-model="q.currentStage" clearable placeholder="全部" style="width:140px">
<el-option label="执行" value="NOT_STARTED" />
<el-option label="执行" value="RUNNING" />
<el-option label="待合规审核" value="AWAITING_COMPLIANCE" />
<el-option label="待支持方审核" value="AWAITING_SPONSOR" />
<el-option label="待结算" value="AWAITING_SETTLEMENT" />
<el-option label="已完结" value="SETTLED" />
<el-option label="冻结中" value="FROZEN" />
</el-select>
</el-form-item>
<el-form-item label="备注">
@@ -74,7 +78,7 @@
<el-button size="small" link type="primary" @click="onAudit(row)">审核</el-button>
<el-button size="small" link @click="onDownload(row, 'labor')">劳务下载</el-button>
<el-button size="small" link @click="onDownload(row, 'meeting')">会务下载</el-button>
<el-button size="small" link type="danger" :disabled="row.currentStage !== '冻结中'" @click="onUnfreeze(row)">解冻</el-button>
<el-button size="small" link type="danger" :disabled="row.currentStage !== 'FROZEN'" @click="onUnfreeze(row)">解冻</el-button>
</template>
</el-table-column>
</el-table>
@@ -160,6 +164,7 @@
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import { bizList, bizUpdate } from '@/api/public'
import { ElMessage, ElMessageBox } from 'element-plus'
@@ -185,6 +190,14 @@ const unfreezeOpen = ref(false)
const unfreezeRow = ref(null)
const unfreezeSubmitting = ref(false)
// 读 URL query 写入 q (Home KPI 卡跳转时带 ?currentStage=RUNNING/NOT_STARTED, 让列表页自动应用筛选)
// 只读不改 URL — Home 是 source of truth, 列表页内 reset()/search 不反向写 URL
const route = useRoute()
function readQueryFromRoute() {
const q2 = route.query
if (q2.currentStage != null && q2.currentStage !== '') q.currentStage = String(q2.currentStage)
}
async function loadList() {
loading.value = true
try {
@@ -253,12 +266,12 @@ async function submitAudit() {
}
function canSettle(row) {
return row && ['未执行', '执行中'].includes(row.currentStage)
return row && ['NOT_STARTED', 'RUNNING'].includes(row.currentStage)
}
function onSettle(row) {
ElMessageBox.confirm(`确定发起「${row.meetingName}」结算吗?`, '结算', { type: 'warning' })
.then(async () => {
await bizUpdate('meeting', { meetingId: row.meetingId, currentStage: '已完结' })
await bizUpdate('meeting', { meetingId: row.meetingId, currentStage: 'SETTLED' })
ElMessage.success('已发起结算')
loadList()
}).catch(() => {})
@@ -278,7 +291,7 @@ async function submitUnfreeze() {
if (!unfreezeRow.value) return
unfreezeSubmitting.value = true
try {
await bizUpdate('meeting', { meetingId: unfreezeRow.value.meetingId, currentStage: '执行中' })
await bizUpdate('meeting', { meetingId: unfreezeRow.value.meetingId, currentStage: 'RUNNING' })
ElMessage.success('解冻成功')
unfreezeOpen.value = false
loadList()
@@ -304,7 +317,7 @@ function calcRemain(row) {
return h > 24 ? `${Math.floor(h/24)}${h%24}小时` : `${h}小时`
}
onMounted(loadList)
onMounted(() => { readQueryFromRoute(); loadList() })
</script>
<style scoped>
+19 -3
View File
@@ -34,6 +34,12 @@
<el-option label="未结题" value="0" />
</el-select>
</el-form-item>
<el-form-item label="是否结算">
<el-select v-model="q.isSettled" placeholder="全部" clearable style="width: 120px">
<el-option label="已结算" value="Y" />
<el-option label="未结算" value="N" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查找</el-button>
<el-button @click="reset">重置</el-button>
@@ -206,13 +212,14 @@
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import { bizList, bizAdd, bizUpdate } from '@/api/public'
import request from '@/utils/request'
import { ElMessage, ElMessageBox } from 'element-plus'
const rows = ref([])
const loading = ref(false)
const q = reactive({ projectNo: '', projectName: '', projectForm: '', isFinished: '' })
const q = reactive({ projectNo: '', projectName: '', projectForm: '', isFinished: '', isSettled: '' })
const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
const selected = ref([])
@@ -257,8 +264,17 @@ async function loadPersons() {
} catch (e) { personList.value = [] }
}
// 读 URL query 写入 q (Home KPI 卡跳转时带 ?isSettled=Y / ?isFinished=1, 让列表页自动应用筛选)
// 只读不改 URL — Home 是 source of truth, 列表页内 reset()/search 不反向写 URL
const route = useRoute()
function readQueryFromRoute() {
const q2 = route.query
if (q2.isFinished != null && q2.isFinished !== '') q.isFinished = String(q2.isFinished)
if (q2.isSettled != null && q2.isSettled !== '') q.isSettled = String(q2.isSettled)
}
function reset() {
Object.assign(q, { projectNo: '', projectName: '', projectForm: '', isFinished: '' })
Object.assign(q, { projectNo: '', projectName: '', projectForm: '', isFinished: '', isSettled: '' })
page.pageNum = 1
load()
}
@@ -427,7 +443,7 @@ async function submitAssign() {
} catch (e) { ElMessage.error(e?.msg || '分配失败') }
}
onMounted(() => { load(); loadPersons() })
onMounted(() => { readQueryFromRoute(); load(); loadPersons() })
</script>
<style scoped>
@@ -44,6 +44,7 @@
<el-table :data="rows" v-loading="loading" stripe border @selection-change="onSelectionChange">
<el-table-column type="selection" width="48" :selectable="(row) => row.userId !== store.user?.userId" />
<el-table-column prop="account" label="账号" width="120" show-overflow-tooltip />
<el-table-column prop="name" label="姓名" width="100" />
<el-table-column prop="phone" label="手机号" width="130" />
<el-table-column prop="orgName" label="所属公司" min-width="180" show-overflow-tooltip />
+48 -56
View File
@@ -41,12 +41,14 @@
</el-form-item>
</el-form>
<div class="toolbar">
<!-- SUB 子账号: 仅查看被分配的项目, 不参与重新分配, 隐藏"项目分配"按钮 -->
<div v-if="!isSub" class="toolbar">
<el-button type="primary" @click="onAssignBatch">项目分配</el-button>
</div>
<el-table :data="rows" v-loading="loading" stripe border @selection-change="onSelectionChange">
<el-table-column type="selection" width="40" />
<!-- SUB 子账号无需勾选 (不参与分配) -->
<el-table-column v-if="!isSub" type="selection" width="40" />
<el-table-column label="项目编号" width="160">
<template #default="{ row }">
<a class="link">{{ row.projectNo }}</a>
@@ -88,7 +90,8 @@
<el-table-column label="操作" width="240" fixed="right">
<template #default="{ row }">
<el-button link type="primary" @click="openSingleScore(row)">项目评价</el-button>
<el-button link type="primary" @click="openAssign(row)">分配</el-button>
<!-- SUB 子账号仅查看, 不参与分配 -->
<el-button v-if="!isSub" link type="primary" @click="openAssign(row)">分配</el-button>
<el-button link type="primary" @click="onView(row)">查看</el-button>
</template>
</el-table-column>
@@ -140,39 +143,38 @@
</div>
<el-form :model="assignForm" label-width="100px" class="modal-form">
<el-form-item label="分配给监察员">
<el-input v-model="assignForm.monitorInput" placeholder="输入监察员姓名筛选" clearable style="width: 240px" @input="filterMonitors" />
</el-form-item>
<el-form-item label="候选监察员">
<div class="chip-list">
<el-tag v-for="m in candidateMonitors" :key="m.userId" class="chip" type="info" effect="plain" @click="pickMonitor(m)">{{ m.name }}</el-tag>
<span v-if="!candidateMonitors.length" style="color:#909399">无可分配监察员</span>
</div>
</el-form-item>
<el-form-item label="分配说明">
<el-input v-model="assignForm.assignDesc" type="textarea" :rows="3" placeholder="请输入分配说明" />
</el-form-item>
<el-form-item label="监察要点">
<el-input v-model="assignForm.assignPoints" type="textarea" :rows="3" placeholder="请输入监察要点" />
<el-select v-model="assignForm.monitorUserIds" multiple collapse-tags collapse-tags-tooltip filterable placeholder="请选择监察员 (姓名 / 手机号, 可多选)" style="width: 100%">
<el-option
v-for="m in allMonitors"
:key="m.userId"
:label="m.name + ' (' + m.phone + ')'"
:value="m.userId" />
</el-select>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="assignVisible = false">取消</el-button>
<el-button type="primary" :loading="assignSubmitting" @click="saveAssign">确定</el-button>
<el-button type="primary" :loading="assignSubmitting" :disabled="!assignForm.monitorUserIds.length" @click="saveAssign">确定</el-button>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { ref, reactive, onMounted, computed } from 'vue'
import { useRouter } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import request from '@/utils/request'
import { listSponsorProjects, rateProject, sponsorAssignProject, sponsorAssignBatch } from '@/api/business/project'
import { listSponsorProjects, rateProject, sponsorAssignProject, sponsorAssignBatch, getSponsorAssigns } from '@/api/business/project'
import { bizUpdate } from '@/api/public'
import { listBizPerson } from '@/api/business/person'
import { listSponsorPerson } from '@/api/business/person'
import { useUserStore } from '@/store/user'
const userStore = useUserStore()
const router = useRouter()
// SUB 子账号: 只能看被分配的项目, 不能修改分配
const isSub = computed(() => userStore.isSub)
const loading = ref(false)
const rows = ref([])
@@ -228,7 +230,8 @@ function reset() {
function onSelectionChange(val) { selected.value = val }
function onView(row) {
ElMessageBox.alert(`项目编号: ${row.projectNo}\n项目名称: ${row.projectName}`, '项目详情', { confirmButtonText: '确定' })
// 跳项目详情页 (复用 manager/ManagerProjectDetail.vue, goBack 自动按角色回退)
router.push(`/sponsor/projects/detail/${row.projectId}`)
}
// ========== 执行单位评分 (与 manager/Projects.vue 完全相同的样式和逻辑) ==========
@@ -299,26 +302,25 @@ const assignBatchRows = ref([]) // 批量模式下被分配的项目列
const assignSubmitting = ref(false)
const assignForm = reactive({
projectId: null, projectNo: '', projectName: '',
monitorInput: '', monitorUserId: null, monitorUserName: '',
assignDesc: '', assignPoints: ''
monitorUserIds: []
})
const allMonitors = ref([])
const candidateMonitors = ref([])
async function loadMonitors() {
// 业务隔离: 仅查 login 主账号创建的人员 (parent_user_id = mainUserId)
const mainUid = userStore.id
const res = await listBizPerson({ parentUserId: mainUid, role: 'supervisor', pageNum: 1, pageSize: 100 })
// 跟 sponsor/people (人员管理) 完全一致: 走 sponsorList, SQL 硬编码 unit_type='sponsor'
// + (u.parent_user_id = mainUid OR u.user_id = mainUid), 自动取当前主账号
// 仅筛 role='supervisor' (监察员候选人)
const res = await listSponsorPerson({ role: 'supervisor', pageNum: 1, pageSize: 100 })
allMonitors.value = res.rows || []
candidateMonitors.value = allMonitors.value.slice()
}
function filterMonitors() {
const kw = assignForm.monitorInput.trim()
candidateMonitors.value = kw ? allMonitors.value.filter(m => m.name.includes(kw)) : allMonitors.value.slice()
}
function pickMonitor(m) {
assignForm.monitorUserId = m.userId
assignForm.monitorUserName = m.name
assignForm.monitorInput = m.name
/** 拉项目当前已分配监察员 → 回显 monitorUserIds (单选模式) */
async function loadCurrentAssigns(projectId) {
try {
const resp = await getSponsorAssigns(projectId)
const list = (resp && resp.data) || []
assignForm.monitorUserIds = (Array.isArray(list) ? list : []).map(x => x.monitorUserId).filter(Boolean)
} catch (e) {
assignForm.monitorUserIds = []
}
}
function openAssign(row) {
assignBatchMode.value = false
@@ -326,40 +328,32 @@ function openAssign(row) {
assignForm.projectId = row.projectId
assignForm.projectNo = row.projectNo
assignForm.projectName = row.projectName
assignForm.monitorInput = ''
assignForm.monitorUserId = null
assignForm.monitorUserName = ''
assignForm.assignDesc = ''
assignForm.assignPoints = ''
assignForm.monitorUserIds = []
assignVisible.value = true
loadMonitors()
// 异步回显当前已分配 (等候选加载好, 让 el-select 找得到 option)
loadCurrentAssigns(row.projectId)
}
function openAssignBatch(rows) {
assignBatchMode.value = true
assignBatchRows.value = rows.map(r => ({ projectId: r.projectId, projectNo: r.projectNo, projectName: r.projectName }))
assignForm.monitorInput = ''
assignForm.monitorUserId = null
assignForm.monitorUserName = ''
assignForm.assignDesc = ''
assignForm.assignPoints = ''
// 批量模式: 不同项目原监察员可能不同, 不回显 (提交时按当前多选覆盖全部)
assignForm.monitorUserIds = []
assignVisible.value = true
loadMonitors()
}
async function saveAssign() {
if (!assignForm.monitorUserId) return ElMessage.warning('请选择监察员')
if (!assignForm.assignDesc) return ElMessage.warning('请填写分配说明')
if (!assignForm.monitorUserIds.length) return ElMessage.warning('请至少选择一位监察员')
assignSubmitting.value = true
try {
if (assignBatchMode.value) {
// 批量模式: 循环逐条 POST (后端先删后插, 每个项目都会被覆盖)
// 批量模式: 每个项目都按当前多选覆盖 (后端先删后插 N 条)
let ok = 0, errs = []
for (const r of assignBatchRows.value) {
try {
await sponsorAssignProject({
projectId: r.projectId,
monitorUserId: assignForm.monitorUserId,
assignDesc: assignForm.assignDesc,
assignPoints: assignForm.assignPoints
monitorUserIds: [...assignForm.monitorUserIds]
})
ok++
} catch (e) { errs.push(`${r.projectNo}: ${e?.msg || e.message}`) }
@@ -367,12 +361,10 @@ async function saveAssign() {
if (errs.length) ElMessageBox.alert(`批量分配: 成功 ${ok}/${assignBatchRows.value.length}\n\n失败:\n${errs.join('\n')}`, '分配结果', { type: 'warning' })
else ElMessage.success(`批量分配成功 (${ok}/${assignBatchRows.value.length})`)
} else {
// 单条模式
// 单条模式: 多选一次提交
await sponsorAssignProject({
projectId: assignForm.projectId,
monitorUserId: assignForm.monitorUserId,
assignDesc: assignForm.assignDesc,
assignPoints: assignForm.assignPoints
monitorUserIds: [...assignForm.monitorUserIds]
})
ElMessage.success('分配成功')
}
+29 -22
View File
@@ -1,31 +1,38 @@
import { defineConfig } from 'vite'
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import path from 'path'
export default defineConfig({
plugins: [
vue(),
AutoImport({ resolvers: [ElementPlusResolver()] }),
Components({ resolvers: [ElementPlusResolver()] })
],
resolve: {
alias: { '@': path.resolve(__dirname, 'src') }
},
build: {
// 老浏览器兼容: 把 ?. / ?? / 箭头函数等 ES2020+ 语法降级到 es2015
target: 'es2015'
},
server: {
port: 5173,
host: '0.0.0.0',
proxy: {
'/dev-api': {
target: 'http://127.0.0.1:8080',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '')
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd(), '')
// 开发 API 前缀 = /dev-api (Vite dev proxy), 生产 = /hg-api (nginx 反代)
const apiPath = env.VITE_APP_BASE_API || '/dev-api'
return {
// 生产部署在 nginx /hg/ 子路径下 (.env.production 设 VITE_BASE=/hg/), 开发默认 /
base: env.VITE_BASE || '/',
plugins: [
vue(),
AutoImport({ resolvers: [ElementPlusResolver()] }),
Components({ resolvers: [ElementPlusResolver()] })
],
resolve: {
alias: { '@': path.resolve(__dirname, 'src') }
},
build: {
// 老浏览器兼容: 把 ?. / ?? / 箭头函数等 ES2020+ 语法降级到 es2015
target: 'es2015'
},
server: {
port: 5173,
host: '0.0.0.0',
proxy: {
[apiPath]: {
target: 'http://127.0.0.1:8080',
changeOrigin: true,
rewrite: (p) => p.replace(new RegExp('^' + apiPath), '')
}
}
}
}