feat(pl): 将证件建档列表的上传时间前移,并把证件类型改为标签展示。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
wuzilongandCursor committed 2026-11-08 22:33:10 +08:00
1 parent 36010c604a
commit d58f6ea5bd
3 files changed
+33 -15

No files matched your search

@@ -12,11 +12,13 @@
@click="open(row)"
>
<div class="mp-wv-card__head">
<div>
<div class="mp-cert-card__main">
<div class="mp-wv-card__no">{{ row.certNo }}</div>
<div class="mp-wv-card__sub">{{
row.certType === 'transport' ? '运输证' : '购买证'
}}</div>
<span
class="status-tag mp-cert-kind-tag"
:class="row.certType === 'transport' ? 'status-tag--warning' : 'status-tag--primary'"
>{{ row.certType === 'transport' ? '运输证' : '购买证' }}</span
>
</div>
<span class="status-tag" :class="`status-tag--${statusTag(row.status)}`">{{
statusLabel(row.status)
@@ -38,6 +38,20 @@
}
.mp-plan-cert-list .mp-wv-flat-card {
.mp-cert-card__main {
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 0;
}
.mp-cert-kind-tag {
width: fit-content;
max-width: 100%;
margin-top: 4px;
white-space: nowrap;
}
.mp-wv-card__no {
font-size: 17px;
}
+13 -11
View File
@@ -63,9 +63,11 @@
><el-link v-if="column.prop === 'certNo'" type="primary" @click="view(row)">{{
row.certNo
}}</el-link
><span v-else-if="column.prop === 'certType'">{{
row.certType === 'transport' ? '运输证' : '购买证'
}}</span
><el-tag
v-else-if="column.prop === 'certType'"
size="small"
:type="row.certType === 'transport' ? 'warning' : 'success'"
>{{ row.certType === 'transport' ? '运输证' : '购买证' }}</el-tag
><el-tag
v-else-if="column.prop === 'status'"
size="small"
@@ -1655,6 +1657,13 @@
})
const listColumnDefs: ColumnFilterDef[] = [
{
prop: 'createTime',
label: '上传时间',
type: 'datetime' as const,
getValue: (row: { createTime?: string | null }) =>
String(row.createTime || '').replace('T', ' ')
},
{ prop: 'certNo', label: '编号', type: 'text' },
{
prop: 'certType',
@@ -1685,14 +1694,7 @@
enumOptions: Object.entries(statusLabels).map(([value, label]) => ({ value, label }))
},
...qtyColumns.map((c) => ({ prop: c.key, label: c.label, type: 'number' as const })),
{ prop: 'validTo', label: '有效期限止', type: 'datetime' },
{
prop: 'createTime',
label: '上传时间',
type: 'datetime' as const,
getValue: (row: { createTime?: string | null }) =>
String(row.createTime || '').replace('T', ' ')
}
{ prop: 'validTo', label: '有效期限止', type: 'datetime' }
]
const { visibleColumns, checkAll, isIndeterminate, resetToDefault } = usePersistedListColumns(
'pl-quota-cert-columns-v4',