admtracksteel/tracksteel_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: borda continua para pecas C/M e tracejada para S/M no checklist pdf

Browse Source
This commit is contained in:
Marcos Reifonas
2026-09-10 13:05:13 +00:00
parent 51f0f9a914
commit 6ffe742061
2 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/prioridades/PrioridadesPDFTemplate.tsx
+9 -4
View File
@@ -151,12 +151,17 @@ export const PrioridadesPDFTemplate: React.FC<PrioridadesPDFTemplateProps> = ({
color: #111827;
}
.item-card {
border: 1px solid #e5e7eb;
padding: 8px 10px;
border-radius: 6px;
background-color: #ffffff;
box-sizing: border-box;
}
.item-card-cm {
border: 1.5px solid #4b5563;
}
.item-card-sm {
border: 1.5px dashed #9ca3af;
}
.item-signature {
margin-top: 6px;
font-size: 11px;
@@ -249,9 +254,9 @@ export const PrioridadesPDFTemplate: React.FC<PrioridadesPDFTemplateProps> = ({
<span className="font-semibold" style={{ marginRight: '6px' }}>Legenda:</span>
<span style={{ marginRight: '6px' }}>Marca (Qtd)</span>
<span className="font-medium text-gray-500" style={{ marginRight: '4px' }}>(S/M)</span>
<span style={{ marginRight: '6px' }}>= Sem Montagem,</span>
<span style={{ marginRight: '6px' }}>= Sem Montagem (borda tracejada),</span>
<span className="font-medium text-gray-500" style={{ marginRight: '4px' }}>(C/M)</span>
<span style={{ marginRight: '4px' }}>= Com Montagem. Os quadrados</span>
<span style={{ marginRight: '4px' }}>= Com Montagem (borda contínua). Os quadrados</span>
<svg
width="13"
height="13"
@@ -289,7 +294,7 @@ export const PrioridadesPDFTemplate: React.FC<PrioridadesPDFTemplateProps> = ({
const infoType = temComponentes ? '(C/M)' : '(S/M)';
return (
<div key={item.id} className="item-card">
<div key={item.id} className={`item-card ${temComponentes ? 'item-card-cm' : 'item-card-sm'}`}>
<div style={{ marginBottom: '6px', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
<span style={{ fontSize: '13px', fontWeight: 700, color: '#111827', verticalAlign: 'middle', marginRight: '4px' }}>
{marca} ({quantidade})
src/pages/PrioridadesFabricacao.tsx
+9 -4
View File
@@ -202,7 +202,7 @@ const PrioridadesFabricacao = () => {
const tickBoxes = generateTickBoxesHTML(quantidade);
itemsContent += `
<div class="item-card">
<div class="item-card ${temComponentes ? 'item-card-cm' : 'item-card-sm'}">
<div style="margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
<span style="font-size: 13px; font-weight: 700; color: #111827; vertical-align: middle; margin-right: 4px;">${marca} (${quantidade})</span>
<span style="font-size: 11px; font-weight: 600; color: #6b7280; vertical-align: middle;">${infoType}</span>
@@ -246,12 +246,17 @@ const PrioridadesFabricacao = () => {
print-color-adjust: exact;
}
.item-card {
border: 1px solid #e5e7eb;
padding: 8px 10px;
border-radius: 6px;
background-color: #ffffff;
box-sizing: border-box;
}
.item-card-cm {
border: 1.5px solid #4b5563;
}
.item-card-sm {
border: 1.5px dashed #9ca3af;
}
.item-signature {
margin-top: 6px;
font-size: 11px;
@@ -343,9 +348,9 @@ const PrioridadesFabricacao = () => {
<span class="font-semibold" style="margin-right: 6px;">Legenda:</span>
<span style="margin-right: 6px;">Marca (Qtd)</span>
<span class="font-medium text-gray-500" style="margin-right: 4px;">(S/M)</span>
<span style="margin-right: 6px;">= Sem Montagem,</span>
<span style="margin-right: 6px;">= Sem Montagem (borda tracejada),</span>
<span class="font-medium text-gray-500" style="margin-right: 4px;">(C/M)</span>
<span style="margin-right: 4px;">= Com Montagem. Os quadrados</span>
<span style="margin-right: 4px;">= Com Montagem (borda contínua). Os quadrados</span>
<svg width="13" height="13" viewBox="0 0 13 13" style="display: inline-block; vertical-align: -2px; margin: 0 4px;">
<rect x="0.5" y="0.5" width="12" height="12" rx="1.5" fill="#ffffff" stroke="#4b5563" stroke-width="1" />
</svg>