feat(pl): 将证件建档列表的上传时间前移,并把证件类型改为标签展示。
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
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;
|
||||
}
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in new issue
Block a user