Skip to content

I
Ifar-Xml-Edtor
Commit f42329fe by pangchong
Options

style: 优化签字表与 SUBTASK 标题在暗色模式下的适配效果

parent 8f143277
Showing with 17 additions and 17 deletions
src/views/editor/components/DocNodeRenderer/index.vue
...@@ -1181,26 +1181,26 @@ ...@@ -1181,26 +1181,26 @@
<template v-else-if="node.tagName === 'SIGNOFF'"> <template v-else-if="node.tagName === 'SIGNOFF'">
<component v-if="CustomSignoff" :is="CustomSignoff" :node="node" /> <component v-if="CustomSignoff" :is="CustomSignoff" :node="node" />
<div v-else class="my-3 overflow-x-auto select-none"> <div v-else class="my-3 overflow-x-auto select-none">
<table class="min-w-[400px] border-collapse border border-black text-xs"> <table class="min-w-[400px] border-collapse border border-black dark:border-white/40 text-xs bg-card text-color1">
<tbody> <tbody>
<tr class="h-8"> <tr class="h-8">
<!-- 标签 --> <!-- 标签 -->
<td class="px-2 border border-black font-bold text-center bg-fill-2 min-w-[60px]"> <td class="px-2 border border-black dark:border-white/40 font-bold text-center bg-fill-2 min-w-[60px]">
{{ node.attributes.TAG || '签字' }} {{ node.attributes.TAG || '签字' }}
</td> </td>
<!-- Mech 栏 --> <!-- Mech 栏 -->
<td class="px-2 border border-black font-bold text-center bg-fill-2 w-20">操作人 MECH</td> <td class="px-2 border border-black dark:border-white/40 font-bold text-center bg-fill-2/50 w-20">操作人 MECH</td>
<td class="px-2 border border-black text-center w-28 font-mono"> <td class="px-2 border border-black dark:border-white/40 text-center w-28 font-mono">
{{ node.attributes.mech ? `${node.attributes.mech} ${node.attributes.mechName || ''}` : '——' }} {{ node.attributes.mech ? `${node.attributes.mech} ${node.attributes.mechName || ''}` : '——' }}
</td> </td>
<!-- Insp 栏 (若有) --> <!-- Insp 栏 (若有) -->
<template v-if="['B', 'D', 'E', 'C'].includes(node.attributes['CK-LEVEL'] || 'B')"> <template v-if="['B', 'D', 'E', 'C'].includes(node.attributes['CK-LEVEL'] || 'B')">
<td class="px-2 border border-black font-bold text-center bg-fill-2 w-20"> <td class="px-2 border border-black dark:border-white/40 font-bold text-center bg-fill-2/50 w-20">
{{ node.attributes['CK-LEVEL'] === 'C' ? '确认人 VERF' : '检验员 INSP' }} {{ node.attributes['CK-LEVEL'] === 'C' ? '确认人 VERF' : '检验员 INSP' }}
</td> </td>
<td class="px-2 border border-black text-center w-28 font-mono"> <td class="px-2 border border-black dark:border-white/40 text-center w-28 font-mono">
<template v-if="node.attributes['CK-LEVEL'] === 'C'"> <template v-if="node.attributes['CK-LEVEL'] === 'C'">
{{ node.attributes.verf ? `${node.attributes.verf} ${node.attributes.verfName || ''}` : '——' }} {{ node.attributes.verf ? `${node.attributes.verf} ${node.attributes.verfName || ''}` : '——' }}
</template> </template>
...@@ -1239,7 +1239,7 @@ ...@@ -1239,7 +1239,7 @@
<!-- 24.5 SUBTASK 特殊处理 (加上左侧虚线框和段落缩进) --> <!-- 24.5 SUBTASK 特殊处理 (加上左侧虚线框和段落缩进) -->
<template v-else-if="node.tagName === 'SUBTASK'"> <template v-else-if="node.tagName === 'SUBTASK'">
<div class="space-y-1 pl-4 border-l border-dashed border-divider/60 my-2"> <div class="space-y-1 pl-4 border-l border-dashed border-divider/60 my-2">
<div class="text-xs font-bold text-color2/80 mb-2 select-none">子任务 {{ getCepTaskNumber(node) }}</div> <div class="text-xs font-bold text-color1 mb-2 select-none">子任务 {{ getCepTaskNumber(node) }}</div>
<DocNodeRenderer v-for="child in node.children" :key="child.id" :node="child" :parent="node" /> <DocNodeRenderer v-for="child in node.children" :key="child.id" :node="child" :parent="node" />
</div> </div>
</template> </template>
......
src/xm/components/DocNodeRenderer/SignoffRenderer.vue
<template> <template>
<div class="my-3 flex overflow-x-auto select-none" :class="containerClass"> <div class="my-3 flex overflow-x-auto select-none" :class="containerClass">
<table class="border-collapse border border-black text-xs bg-white text-black"> <table class="border-collapse border border-black dark:border-white/40 text-xs bg-card text-color1">
<tbody> <tbody>
<!-- 第一行：表头与签字人 --> <!-- 第一行：表头与签字人 -->
<tr class="h-10"> <tr class="h-10">
<!-- 工作者 Per.By --> <!-- 工作者 Per.By -->
<td class="px-2 border border-black font-bold text-center w-24"> <td class="px-2 border border-black dark:border-white/40 font-bold text-center w-24 bg-fill-2/50">
工作者 工作者
<br /> <br />
Per.By Per.By
</td> </td>
<td class="px-2 border border-black text-center w-32 font-mono"> <td class="px-2 border border-black dark:border-white/40 text-center w-32 font-mono">
<span v-if="node.attributes.ACTION === 'NA'" style="color: red" class="font-bold">N/A</span> <span v-if="node.attributes.ACTION === 'NA'" style="color: red" class="font-bold">N/A</span>
<span v-else>{{ node.attributes.mech ? `${node.attributes.mech} ${node.attributes.mechName || ''}` : '' }}</span> <span v-else>{{ node.attributes.mech ? `${node.attributes.mech} ${node.attributes.mechName || ''}` : '' }}</span>
</td> </td>
<!-- 检查者 Insp.By (CK-LEVEL 为 B, 且支持 D/E 兼容) --> <!-- 检查者 Insp.By (CK-LEVEL 为 B, 且支持 D/E 兼容) -->
<template v-if="['B', 'D', 'E'].includes(node.attributes['CK-LEVEL'])"> <template v-if="['B', 'D', 'E'].includes(node.attributes['CK-LEVEL'])">
<td class="px-2 border border-black font-bold text-center w-24"> <td class="px-2 border border-black dark:border-white/40 font-bold text-center w-24 bg-fill-2/50">
检查者 检查者
<br /> <br />
Insp.By Insp.By
</td> </td>
<td class="px-2 border border-black text-center w-32 font-mono"> <td class="px-2 border border-black dark:border-white/40 text-center w-32 font-mono">
<span v-if="node.attributes.ACTION === 'NA'" style="color: red" class="font-bold">N/A</span> <span v-if="node.attributes.ACTION === 'NA'" style="color: red" class="font-bold">N/A</span>
<span v-else>{{ node.attributes.insp ? `${node.attributes.insp} ${node.attributes.inspName || ''}` : '' }}</span> <span v-else>{{ node.attributes.insp ? `${node.attributes.insp} ${node.attributes.inspName || ''}` : '' }}</span>
</td> </td>
...@@ -30,12 +30,12 @@ ...@@ -30,12 +30,12 @@
<!-- 必检 RII.By (CK-LEVEL 为 C) --> <!-- 必检 RII.By (CK-LEVEL 为 C) -->
<template v-else-if="node.attributes['CK-LEVEL'] === 'C'"> <template v-else-if="node.attributes['CK-LEVEL'] === 'C'">
<td class="px-2 border border-black font-bold text-center w-24"> <td class="px-2 border border-black dark:border-white/40 font-bold text-center w-24 bg-fill-2/50">
必检 必检
<br /> <br />
RII.By RII.By
</td> </td>
<td class="px-2 border border-black text-center w-32 font-mono"> <td class="px-2 border border-black dark:border-white/40 text-center w-32 font-mono">
<span v-if="node.attributes.ACTION === 'NA'" style="color: red" class="font-bold">N/A</span> <span v-if="node.attributes.ACTION === 'NA'" style="color: red" class="font-bold">N/A</span>
<span v-else> <span v-else>
{{ {{
...@@ -53,16 +53,16 @@ ...@@ -53,16 +53,16 @@
<!-- 第二行：签字时间 (如果 disStime 有值时渲染) --> <!-- 第二行：签字时间 (如果 disStime 有值时渲染) -->
<tr v-if="node.attributes.disStime" class="h-5 text-[10px] text-center font-mono"> <tr v-if="node.attributes.disStime" class="h-5 text-[10px] text-center font-mono">
<!-- A 级签字时间 --> <!-- A 级签字时间 -->
<td v-if="!['B', 'D', 'E', 'C'].includes(node.attributes['CK-LEVEL'])" colspan="2" class="border border-black px-1"> <td v-if="!['B', 'D', 'E', 'C'].includes(node.attributes['CK-LEVEL'])" colspan="2" class="border border-black dark:border-white/40 px-1">
{{ node.attributes.disStime }} {{ node.attributes.disStime }}
</td> </td>
<!-- B/C 级签字时间 --> <!-- B/C 级签字时间 -->
<template v-else> <template v-else>
<td colspan="2" class="border border-black px-1"> <td colspan="2" class="border border-black dark:border-white/40 px-1">
{{ node.attributes.disStime }} {{ node.attributes.disStime }}
</td> </td>
<td colspan="2" class="border border-black px-1"> <td colspan="2" class="border border-black dark:border-white/40 px-1">
{{ node.attributes.SUP_DIS_STIME || node.attributes.disStime }} {{ node.attributes.SUP_DIS_STIME || node.attributes.disStime }}
</td> </td>
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment