bestlee/moc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

详情页-风险评估方法显示修改

Browse Source
This commit is contained in:
bestlee
2026-10-13 10:00:18 +08:00
parent f355f6fe11
commit 842f7f0941
4 changed files with 2089 additions and 2019 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/details/approval/index.vue
+40 -18
View File
@@ -185,7 +185,7 @@ const opinion = ref<string>("");
// 已阅 AI 建议 // 已阅 AI 建议
const readSuggest = () => { const readSuggest = () => {
aiRead.value = true; aiRead.value = true;
window.$message?.success(`${roleName} 已阅 AI 建议，时间与操作已写入审批留痕`); window.$message?.success(`${roleName.value} 已阅 AI 建议，时间与操作已写入审批留痕`);
} }
// 采纳为行动项 // 采纳为行动项
const acceptSuggest = (s: any) => { const acceptSuggest = (s: any) => {
@@ -456,7 +456,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>变更申请表</p> >
变更申请表
</p>
<NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton> <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
</div> </div>
<div <div
@@ -527,7 +529,12 @@ onMounted(() => {
<div class="grid border-b grid-cols-[100px_1fr]"> <div class="grid border-b grid-cols-[100px_1fr]">
<p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p> <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
<div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800"> <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
{{currentInfo?.apply_form?.risk_tools?.join('、')}} <template v-for="(item,index) in currentInfo?.apply_form?.risk_tools" :key="index">
<span v-if="index!==0">、</span>
<span v-if="item==='RISK'">风险预分析</span>
<span v-else-if="item==='RISK_CHECK'">风险检查表</span>
<span v-else>{{ item }}</span>
</template>
</div> </div>
</div> </div>
<div class="grid border-b grid-cols-[100px_1fr]"> <div class="grid border-b grid-cols-[100px_1fr]">
@@ -554,7 +561,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>变更附带资料</p> >
变更附带资料
</p>
<NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton> <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -594,7 +603,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>风险分析记录表</p> >
风险分析记录表
</p>
<NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton> <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -643,7 +654,7 @@ onMounted(() => {
<span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span> <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
</div> </div>
<div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}"> <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
<div v-for="(pssr,index) in pssrlist" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}"> <div v-for="(pssr,index) in pssrlist" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
<div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div> <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div>
<div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6"> <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
<p class="flex-1">{{ item.content }}</p> <p class="flex-1">{{ item.content }}</p>
@@ -685,7 +696,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>审批记录</p> >
审批记录
</p>
</div> </div>
<NTable size="small"> <NTable size="small">
<thead> <thead>
@@ -713,8 +726,10 @@ onMounted(() => {
<template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name"> <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" /> <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
<div class="rounded-lg border px-3 py-2 text-center" <div
:class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"> class="rounded-lg border px-3 py-2 text-center"
:class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"
>
<p class="text-xs font-medium"> <p class="text-xs font-medium">
{{ n.name }} {{ n.name }}
</p> </p>
@@ -776,7 +791,9 @@ onMounted(() => {
textColor: tagTextColor(matchLabel(levelList,level)?.color), textColor: tagTextColor(matchLabel(levelList,level)?.color),
borderColor: tagBorderColor(matchLabel(levelList,level)?.color), borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
}" }"
>{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}</NTag> >
{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}
</NTag>
<span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span> <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -906,7 +923,9 @@ onMounted(() => {
<div <div
class="mt-0.5 text-[11px] leading-snug" class="mt-0.5 text-[11px] leading-snug"
:class="d.over ? 'text-[var(--error-color)]' : 'text-slate-400'" :class="d.over ? 'text-[var(--error-color)]' : 'text-slate-400'"
>{{ d.note }}</div> >
{{ d.note }}
</div>
</div> </div>
</div> </div>
<!-- AI 审批建议（版本冻结 · 建议分级 · 已阅留痕 · 无感审计） --> <!-- AI 审批建议（版本冻结 · 建议分级 · 已阅留痕 · 无感审计） -->
@@ -947,12 +966,16 @@ onMounted(() => {
<div class="leading-relaxed text-slate-700">{{ s.text }}</div> <div class="leading-relaxed text-slate-700">{{ s.text }}</div>
<div class="mt-1.5"> <div class="mt-1.5">
<div v-if="s.st === '待定'" class="flex gap-3"> <div v-if="s.st === '待定'" class="flex gap-3">
<NButton text type="success" class="text-xs hover:underline" <NButton
@click="acceptSuggest(s)"> text type="success" class="text-xs hover:underline"
@click="acceptSuggest(s)"
>
采纳为行动项 采纳为行动项
</NButton> </NButton>
<NButton text class="text-xs hover:underline" <NButton
@click="rejectSuggest(s)"> text class="text-xs hover:underline"
@click="rejectSuggest(s)"
>
已知悉，不采纳 已知悉，不采纳
</NButton> </NButton>
</div> </div>
@@ -980,7 +1003,6 @@ onMounted(() => {
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</NDrawerContent> </NDrawerContent>
</NDrawer> </NDrawer>
@@ -1004,7 +1026,7 @@ onMounted(() => {
<span>上传时间：{{ previewFile?.created_at }}</span> <span>上传时间：{{ previewFile?.created_at }}</span>
<span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span> <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
</div> </div>
<previewComponent v-if="previewFile" :previewFile="previewFile" /> <PreviewComponent v-if="previewFile" :preview-file="previewFile" />
</div> </div>
</template> </template>
</NModal> </NModal>
@@ -1027,8 +1049,8 @@ onMounted(() => {
<NTag v-for="item in rejectQuick" :key="item" class="cursor-pointer" size="small" type="error" @click="rejectReason += item + '；'">{{ item }}</NTag> <NTag v-for="item in rejectQuick" :key="item" class="cursor-pointer" size="small" type="error" @click="rejectReason += item + '；'">{{ item }}</NTag>
</div> </div>
<NInput <NInput
class="mt-3"
v-model:value="rejectReason" v-model:value="rejectReason"
class="mt-3"
type="textarea" type="textarea"
:autosize="{ minRows: 3 }" :autosize="{ minRows: 3 }"
placeholder="驳回意见（必填），将退回至申请人/指定节点…" placeholder="驳回意见（必填），将退回至申请人/指定节点…"
src/views/details/disposal/index.vue
+44 -23
View File
@@ -376,7 +376,7 @@ const getDetail = async () => {
flowList.value = data?.disposal_approval_flow?.steps || []; flowList.value = data?.disposal_approval_flow?.steps || [];
steps.value = data?.disposal_approval_flow?.steps || []; steps.value = data?.disposal_approval_flow?.steps || [];
}else{ }else{
let template = templateList.value.find((item: any) => const template = templateList.value.find((item: any) =>
item.level === data?.apply_form?.change_level && item.level === data?.apply_form?.change_level &&
item.category === data?.apply_form?.change_type && item.category === data?.apply_form?.change_type &&
item.duration === data?.apply_form?.duration_type item.duration === data?.apply_form?.duration_type
@@ -553,7 +553,7 @@ const togglePicker = (s: any) => {
// 添加审批步骤人员 // 添加审批步骤人员
const addMember = (s: any, v: string | null) => { const addMember = (s: any, v: string | null) => {
if (v && !s.members.some((m:any) => m.user_name === v)){ if (v && !s.members.some((m:any) => m.user_name === v)){
let info = findUserInTree(memberList.value, v); const info = findUserInTree(memberList.value, v);
s.members.push({ user_id: Number(v), user_name: info?.user_name || '', org_id: info?.org_id || '', org_name: info?.org_name || '', specialty: "", is_sign: 0 }); s.members.push({ user_id: Number(v), user_name: info?.user_name || '', org_id: info?.org_id || '', org_name: info?.org_name || '', specialty: "", is_sign: 0 });
pick.value = null; pick.value = null;
pickerStepId.value = null; pickerStepId.value = null;
@@ -665,7 +665,9 @@ onMounted(async () => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>变更申请表</p> >
变更申请表
</p>
<NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton> <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
</div> </div>
<div <div
@@ -736,7 +738,12 @@ onMounted(async () => {
<div class="grid border-b grid-cols-[100px_1fr]"> <div class="grid border-b grid-cols-[100px_1fr]">
<p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p> <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
<div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800"> <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
{{currentInfo?.apply_form?.risk_tools?.join('、')}} <template v-for="(item,index) in currentInfo?.apply_form?.risk_tools" :key="index">
<span v-if="index!==0">、</span>
<span v-if="item==='RISK'">风险预分析</span>
<span v-else-if="item==='RISK_CHECK'">风险检查表</span>
<span v-else>{{ item }}</span>
</template>
</div> </div>
</div> </div>
<div class="grid border-b grid-cols-[100px_1fr]"> <div class="grid border-b grid-cols-[100px_1fr]">
@@ -763,7 +770,9 @@ onMounted(async () => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>变更附带资料</p> >
变更附带资料
</p>
<NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton> <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -803,7 +812,9 @@ onMounted(async () => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>风险分析记录表</p> >
风险分析记录表
</p>
<NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton> <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -852,7 +863,7 @@ onMounted(async () => {
<span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span> <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
</div> </div>
<div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}"> <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
<div v-for="(pssr,index) in pssrList" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}"> <div v-for="(pssr,index) in pssrList" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
<div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div> <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div>
<div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6"> <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
<p class="flex-1">{{ item.content }}</p> <p class="flex-1">{{ item.content }}</p>
@@ -894,7 +905,9 @@ onMounted(async () => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>审批记录</p> >
审批记录
</p>
</div> </div>
<NTable size="small"> <NTable size="small">
<thead> <thead>
@@ -922,8 +935,10 @@ onMounted(async () => {
<template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name"> <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" /> <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
<div class="rounded-lg border px-3 py-2 text-center" <div
:class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"> class="rounded-lg border px-3 py-2 text-center"
:class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"
>
<p class="text-xs font-medium"> <p class="text-xs font-medium">
{{ n.name }} {{ n.name }}
</p> </p>
@@ -951,7 +966,8 @@ onMounted(async () => {
</template> </template>
{{ m.user_name }} {{ m.user_name }}
</NTag> </NTag>
<div v-if="m.status === 'PENDING'" <div
v-if="m.status === 'PENDING'"
class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100" class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100"
@click="handleReminder(m)" @click="handleReminder(m)"
> >
@@ -961,7 +977,6 @@ onMounted(async () => {
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</NCard> </NCard>
</NGi> </NGi>
@@ -1055,7 +1070,7 @@ onMounted(async () => {
<p class="text-xs text-slate-400">{{ confirmedPssr }}/{{ totalPssr }} 已确认</p> <p class="text-xs text-slate-400">{{ confirmedPssr }}/{{ totalPssr }} 已确认</p>
</div> </div>
<div class="p-2 space-y-2"> <div class="p-2 space-y-2">
<div v-for="(pssr,index) in pssrList" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}"> <div v-for="(pssr,index) in pssrList" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
<div class="bg-slate-100 px-2 py-1.5 font-medium text-xs text-slate-600 flex items-center justify-between"> <div class="bg-slate-100 px-2 py-1.5 font-medium text-xs text-slate-600 flex items-center justify-between">
{{ pssr.g }} {{ pssr.g }}
<NButton text size="small" type="primary" class="text-xs" @click="addItem(index)"> <NButton text size="small" type="primary" class="text-xs" @click="addItem(index)">
@@ -1064,10 +1079,10 @@ onMounted(async () => {
</div> </div>
<div v-for="(item,subIndex) in pssr.items" :key="subIndex" class="flex items-center border-t px-2 py-1 gap-2"> <div v-for="(item,subIndex) in pssr.items" :key="subIndex" class="flex items-center border-t px-2 py-1 gap-2">
<NInput v-if="!item.id" v-model:value="item.content" size="small" type="textarea" :autosize="{minRows: 1}" placeholder="填写检查项内容" class="w-full text-xs"></NInput> <NInput v-if="!item.id" v-model:value="item.content" size="small" type="textarea" :autosize="{minRows: 1}" placeholder="填写检查项内容" class="w-full text-xs"></NInput>
<NButton v-if="!item.id" text type="success" @click="saveItem(index, subIndex)" title="保存检查项"> <NButton v-if="!item.id" text type="success" title="保存检查项" @click="saveItem(index, subIndex)">
<Icon icon="boxicons:save" class="size-16px" /> <Icon icon="boxicons:save" class="size-16px" />
</NButton> </NButton>
<NButton v-if="!item.id" text type="error" @click="pssrList[index].items.splice(subIndex, 1)" title="删除"> <NButton v-if="!item.id" text type="error" title="删除" @click="pssrList[index].items.splice(subIndex, 1)">
<Icon icon="ep:delete" class="size-14px" /> <Icon icon="ep:delete" class="size-14px" />
</NButton> </NButton>
<p v-if="item.id" class="flex-1 text-xs">{{ item.content }}</p> <p v-if="item.id" class="flex-1 text-xs">{{ item.content }}</p>
@@ -1143,7 +1158,9 @@ onMounted(async () => {
textColor: tagTextColor(matchLabel(levelList,level)?.color), textColor: tagTextColor(matchLabel(levelList,level)?.color),
borderColor: tagBorderColor(matchLabel(levelList,level)?.color), borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
}" }"
>{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}</NTag> >
{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}
</NTag>
<span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span> <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -1180,7 +1197,7 @@ onMounted(async () => {
<NCheckbox :checked="s.countersign" size="small" @update:checked="(v) => setStepCountersign(s, v)"> <NCheckbox :checked="s.countersign" size="small" @update:checked="(v) => setStepCountersign(s, v)">
<span class="text-xs text-slate-500">专业会签步骤</span> <span class="text-xs text-slate-500">专业会签步骤</span>
</NCheckbox> </NCheckbox>
<NButton ghost type="primary" size="tiny" @click="togglePicker(s)" title="添加预设人员" class="ml-auto"> <NButton ghost type="primary" size="tiny" title="添加预设人员" class="ml-auto" @click="togglePicker(s)">
<Icon icon="ic:round-plus" class="size-16px" /> <Icon icon="ic:round-plus" class="size-16px" />
</NButton> </NButton>
</div> </div>
@@ -1192,11 +1209,13 @@ onMounted(async () => {
<span class="shrink-0 truncate text-xs font-medium text-slate-700">{{ m.user_name }}</span> <span class="shrink-0 truncate text-xs font-medium text-slate-700">{{ m.user_name }}</span>
<template v-if="s.countersign"> <template v-if="s.countersign">
<span class="text-xs text-slate-400"><span class="text-red-500">*</span>专业:</span> <span class="text-xs text-slate-400"><span class="text-red-500">*</span>专业:</span>
<NSelect :value="m.specialty || null" clearable size="small" placeholder="请选择专业" class="w-28" <NSelect
:value="m.specialty || null" clearable size="small" placeholder="请选择专业" class="w-28"
:options="SPECIALTIES" :options="SPECIALTIES"
@update:value="(v) => selectSpecialty(Number(idx), Number(mIdx), v)" @update:value="(v) => selectSpecialty(Number(idx), Number(mIdx), v)"
/> />
<NCheckbox :checked="m.is_sign" size="small" <NCheckbox
:checked="m.is_sign" size="small"
:checked-value="1" :checked-value="1"
:unchecked-value="0" :unchecked-value="0"
@update:checked="(v) => selectSign(Number(idx), Number(mIdx), v)" @update:checked="(v) => selectSign(Number(idx), Number(mIdx), v)"
@@ -1204,16 +1223,18 @@ onMounted(async () => {
<span class="text-xs text-slate-500">必须参与会签</span> <span class="text-xs text-slate-500">必须参与会签</span>
</NCheckbox> </NCheckbox>
</template> </template>
<NButton text type="error" @click="delMember(s, m.user_id)" title="删除该人员"> <NButton text type="error" title="删除该人员" @click="delMember(s, m.user_id)">
<Icon icon="iconamoon:trash" class="size-16px" /> <Icon icon="iconamoon:trash" class="size-16px" />
</NButton> </NButton>
</div> </div>
<p v-if="s.countersign && s.members.length" class="text-[11px] leading-5 text-slate-400"> <p v-if="s.countersign && s.members.length" class="text-[11px] leading-5 text-slate-400">
必须参与会签：勾选的人员必须参与专业会签，未勾选的人员为可选会签（按需参加） 必须参与会签：勾选的人员必须参与专业会签，未勾选的人员为可选会签（按需参加）
</p> </p>
<NCascader v-if="pickerStepId === s.id" :value="pick" :options="memberList" <NCascader
v-if="pickerStepId === s.id" :value="pick" :options="memberList"
placeholder="请选择人员" size="small" check-strategy="child" :show-path="false" expand-trigger="click" placeholder="请选择人员" size="small" check-strategy="child" :show-path="false" expand-trigger="click"
class="w-56" :on-update:value="(v) => addMember(s, v)" /> class="w-56" :on-update:value="(v) => addMember(s, v)"
/>
<span v-if="s.members.length === 0" class="text-xs leading-7 text-slate-300">未预设</span> <span v-if="s.members.length === 0" class="text-xs leading-7 text-slate-300">未预设</span>
</div> </div>
@@ -1245,7 +1266,7 @@ onMounted(async () => {
<span>上传时间：{{ previewFile?.created_at }}</span> <span>上传时间：{{ previewFile?.created_at }}</span>
<span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span> <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
</div> </div>
<previewComponent v-if="previewFile" :previewFile="previewFile" /> <PreviewComponent v-if="previewFile" :preview-file="previewFile" />
</div> </div>
</template> </template>
</NModal> </NModal>
src/views/details/index/index.vue
+29 -12
View File
@@ -342,7 +342,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>变更申请表</p> >
变更申请表
</p>
<NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton> <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
</div> </div>
<div <div
@@ -413,7 +415,12 @@ onMounted(() => {
<div class="grid border-b grid-cols-[100px_1fr]"> <div class="grid border-b grid-cols-[100px_1fr]">
<p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p> <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
<div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800"> <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
{{currentInfo?.apply_form?.risk_tools?.join('、')}} <template v-for="(item,index) in currentInfo?.apply_form?.risk_tools" :key="index">
<span v-if="index!==0">、</span>
<span v-if="item==='RISK'">风险预分析</span>
<span v-else-if="item==='RISK_CHECK'">风险检查表</span>
<span v-else>{{ item }}</span>
</template>
</div> </div>
</div> </div>
<div class="grid border-b grid-cols-[100px_1fr]"> <div class="grid border-b grid-cols-[100px_1fr]">
@@ -440,7 +447,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>变更附带资料</p> >
变更附带资料
</p>
<NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton> <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -480,7 +489,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>风险分析记录表</p> >
风险分析记录表
</p>
<NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton> <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -529,7 +540,7 @@ onMounted(() => {
<span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span> <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
</div> </div>
<div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}"> <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
<div v-for="(pssr,index) in pssrlist" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}"> <div v-for="(pssr,index) in pssrlist" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
<div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div> <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div>
<div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6"> <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
<p class="flex-1">{{ item.content }}</p> <p class="flex-1">{{ item.content }}</p>
@@ -571,7 +582,9 @@ onMounted(() => {
<p <p
class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white" class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
:style="{'--theme-color': themeStore.themeColor}" :style="{'--theme-color': themeStore.themeColor}"
>审批记录</p> >
审批记录
</p>
</div> </div>
<NTable size="small"> <NTable size="small">
<thead> <thead>
@@ -599,8 +612,10 @@ onMounted(() => {
<template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name"> <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" /> <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
<div class="rounded-lg border px-3 py-2 text-center" <div
:class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"> class="rounded-lg border px-3 py-2 text-center"
:class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"
>
<p class="text-xs font-medium"> <p class="text-xs font-medium">
{{ n.name }} {{ n.name }}
</p> </p>
@@ -628,7 +643,8 @@ onMounted(() => {
</template> </template>
{{ m.user_name }} {{ m.user_name }}
</NTag> </NTag>
<div v-if="m.status === 'PENDING'" <div
v-if="m.status === 'PENDING'"
class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100" class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100"
@click="handleReminder(m)" @click="handleReminder(m)"
> >
@@ -638,7 +654,6 @@ onMounted(() => {
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</NCard> </NCard>
<!-- 变更类型判定说明（右侧抽屉） --> <!-- 变更类型判定说明（右侧抽屉） -->
@@ -681,7 +696,9 @@ onMounted(() => {
textColor: tagTextColor(matchLabel(levelList,level)?.color), textColor: tagTextColor(matchLabel(levelList,level)?.color),
borderColor: tagBorderColor(matchLabel(levelList,level)?.color), borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
}" }"
>{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}</NTag> >
{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}
</NTag>
<span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span> <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
</div> </div>
<NTable size="small"> <NTable size="small">
@@ -723,7 +740,7 @@ onMounted(() => {
<span>上传时间：{{ previewFile?.created_at }}</span> <span>上传时间：{{ previewFile?.created_at }}</span>
<span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span> <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
</div> </div>
<previewComponent v-if="previewFile" :previewFile="previewFile" /> <PreviewComponent v-if="previewFile" :preview-file="previewFile" />
</div> </div>
</template> </template>
</NModal> </NModal>
src/views/home/modules/template7.vue
+23 -13
View File
@@ -288,18 +288,19 @@ onUnmounted(() => {
</div> </div>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<template v-if="homeData?.todo_approvals?.total > 0"> <template v-if="homeData?.todo_approvals?.total > 0">
<div v-for="row in homeData?.todo_approvals?.items || []" :key="row.change_id" @click="jumpTo('details_approval',row.change_id)" <div
class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition" v-for="row in homeData?.todo_approvals?.items || []" :key="row.change_id" class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition"
:style="{ :style="{
borderRadius: themeStore.themeRadius + 'px', borderRadius: themeStore.themeRadius + 'px',
borderColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.25):getColorWithOpacity(themeStore.themeColor, 0.25), borderColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.25):getColorWithOpacity(themeStore.themeColor, 0.25),
backgroundColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.05):getColorWithOpacity(themeStore.themeColor, 0.05), backgroundColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.05):getColorWithOpacity(themeStore.themeColor, 0.05),
}" }"
@click="jumpTo('details_approval',row.change_id)"
> >
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<div class="flex flex-wrap items-center gap-2"> <div class="flex flex-wrap items-center gap-2">
<span class="font-mono text-[11px] text-slate-400">{{ row.change_no }}</span> <span class="font-mono text-[11px] text-slate-400">{{ row.change_no }}</span>
<NTag class="text-[11px]" v-if="row.urgent===1" type="error" size="small">紧急</NTag> <NTag v-if="row.urgent===1" class="text-[11px]" type="error" size="small">紧急</NTag>
<!-- 变更等级 --> <!-- 变更等级 -->
<NTag <NTag
size="small" size="small"
@@ -308,7 +309,9 @@ onUnmounted(() => {
textColor: tagTextColor(matchObj(levelList,row.change_level)?.color), textColor: tagTextColor(matchObj(levelList,row.change_level)?.color),
borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color), borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color),
}" }"
>{{matchObj(levelList,row.change_level)?.label}}</NTag> >
{{ matchObj(levelList,row.change_level)?.label }}
</NTag>
<!-- 变更类型 --> <!-- 变更类型 -->
<NTag <NTag
size="small" size="small"
@@ -317,10 +320,12 @@ onUnmounted(() => {
textColor: tagTextColor(matchObj(typeList,row.change_type)?.color), textColor: tagTextColor(matchObj(typeList,row.change_type)?.color),
borderColor: tagBorderColor(matchObj(typeList,row.change_type)?.color), borderColor: tagBorderColor(matchObj(typeList,row.change_type)?.color),
}" }"
>{{matchObj(typeList,row.change_type)?.label}}</NTag> >
{{ matchObj(typeList,row.change_type)?.label }}
</NTag>
<NTag class="text-[11px]" v-if="row.duration_type===2" type="warning" size="small">临时</NTag> <NTag v-if="row.duration_type===2" class="text-[11px]" type="warning" size="small">临时</NTag>
<NTag class="text-[11px]" v-else type="info" size="small">永久</NTag> <NTag v-else class="text-[11px]" type="info" size="small">永久</NTag>
<span v-if="row.overdue_status===2" class="text-xs" :style="{ color: themeStore.otherColor.error }">已超期 {{ row.overdue_days }} 天</span> <span v-if="row.overdue_status===2" class="text-xs" :style="{ color: themeStore.otherColor.error }">已超期 {{ row.overdue_days }} 天</span>
</div> </div>
<div class="mt-1 flex items-center gap-2"> <div class="mt-1 flex items-center gap-2">
@@ -360,13 +365,14 @@ onUnmounted(() => {
</div> </div>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<template v-if="homeData?.unclosed_progress?.total > 0"> <template v-if="homeData?.unclosed_progress?.total > 0">
<div v-for="row in homeData?.unclosed_progress?.items || []" :key="row.change_id" @click="jumpTo('details_index',row.change_id)" <div
class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition hover:border-[var(--hover-border)] hover:bg-[var(--hover-bg)]" v-for="row in homeData?.unclosed_progress?.items || []" :key="row.change_id" class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition hover:border-[var(--hover-border)] hover:bg-[var(--hover-bg)]"
:style="{ :style="{
borderRadius: themeStore.themeRadius + 'px', borderRadius: themeStore.themeRadius + 'px',
'--hover-border': getColorWithOpacity(themeStore.themeColor, 0.25), '--hover-border': getColorWithOpacity(themeStore.themeColor, 0.25),
'--hover-bg': getColorWithOpacity(themeStore.themeColor, 0.05) '--hover-bg': getColorWithOpacity(themeStore.themeColor, 0.05)
}" }"
@click="jumpTo('details_index',row.change_id)"
> >
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<div class="flex flex-wrap items-center gap-2"> <div class="flex flex-wrap items-center gap-2">
@@ -387,7 +393,9 @@ onUnmounted(() => {
textColor: tagTextColor(matchObj(levelList,row.change_level)?.color), textColor: tagTextColor(matchObj(levelList,row.change_level)?.color),
borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color), borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color),
}" }"
>{{matchObj(levelList,row.change_level)?.label}}</NTag> >
{{ matchObj(levelList,row.change_level)?.label }}
</NTag>
</div> </div>
<div class="mt-1 flex items-center gap-2 font-mono text-[11px] text-slate-400"> <div class="mt-1 flex items-center gap-2 font-mono text-[11px] text-slate-400">
<span>{{ row.change_no }}</span> <span>{{ row.change_no }}</span>
@@ -433,7 +441,8 @@ onUnmounted(() => {
</div> </div>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<template v-if="homeData?.temp_after_use?.total > 0"> <template v-if="homeData?.temp_after_use?.total > 0">
<div v-for="row in homeData?.temp_after_use?.items || []" :key="row.change_id" <div
v-for="row in homeData?.temp_after_use?.items || []" :key="row.change_id"
class="flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition" class="flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition"
:style="{ :style="{
borderRadius: themeStore.themeRadius + 'px', borderRadius: themeStore.themeRadius + 'px',
@@ -484,15 +493,16 @@ onUnmounted(() => {
</div> </div>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<template v-if="homeData?.key_attention?.total > 0"> <template v-if="homeData?.key_attention?.total > 0">
<div v-for="row in homeData?.key_attention?.items || []" :key="row.change_id" <div
v-for="row in homeData?.key_attention?.items || []" :key="row.change_id"
class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition !hover:border-[var(--hover-border)]" class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition !hover:border-[var(--hover-border)]"
@click="jumpTo('details_index',row.change_id)"
:style="{ :style="{
borderRadius: themeStore.themeRadius + 'px', borderRadius: themeStore.themeRadius + 'px',
'--hover-border': getColorWithOpacity(themeStore.otherColor.error, 0.3), '--hover-border': getColorWithOpacity(themeStore.otherColor.error, 0.3),
backgroundColor: getColorWithOpacity(themeStore.otherColor.error, 0.05), backgroundColor: getColorWithOpacity(themeStore.otherColor.error, 0.05),
borderColor: getColorWithOpacity(themeStore.otherColor.error, 0.05), borderColor: getColorWithOpacity(themeStore.otherColor.error, 0.05),
}" }"
@click="jumpTo('details_index',row.change_id)"
> >
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<div class="flex flex-wrap items-center gap-2"> <div class="flex flex-wrap items-center gap-2">