From d58f6ea5bd2511082398bef25d3f625570575fb8 Mon Sep 17 00:00:00 2001
From: wuzilong <704541015@qq.com>
Date: Sun, 8 Nov 2026 22:33:10 +0800
Subject: [PATCH] =?UTF-8?q?feat(pl):=20=E5=B0=86=E8=AF=81=E4=BB=B6?=
 =?UTF-8?q?=E5=BB=BA=E6=A1=A3=E5=88=97=E8=A1=A8=E7=9A=84=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E5=89=8D=E7=A7=BB=EF=BC=8C=E5=B9=B6=E6=8A=8A?=
 =?UTF-8?q?=E8=AF=81=E4=BB=B6=E7=B1=BB=E5=9E=8B=E6=94=B9=E4=B8=BA=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=B1=95=E7=A4=BA=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../src/views/m/pl/plan-cert/ArchiveTab.vue   | 10 ++++----
 .../src/views/m/pl/plan-cert/cert-mobile.scss | 14 +++++++++++
 web-admin/src/views/pl/quota-cert/index.vue   | 24 ++++++++++---------
 3 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/web-admin/src/views/m/pl/plan-cert/ArchiveTab.vue b/web-admin/src/views/m/pl/plan-cert/ArchiveTab.vue
index fd73f68cb..b7b7aabb3 100644
--- a/web-admin/src/views/m/pl/plan-cert/ArchiveTab.vue
+++ b/web-admin/src/views/m/pl/plan-cert/ArchiveTab.vue
@@ -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)
diff --git a/web-admin/src/views/m/pl/plan-cert/cert-mobile.scss b/web-admin/src/views/m/pl/plan-cert/cert-mobile.scss
index d1176fc97..5c680545c 100644
--- a/web-admin/src/views/m/pl/plan-cert/cert-mobile.scss
+++ b/web-admin/src/views/m/pl/plan-cert/cert-mobile.scss
@@ -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;
   }
diff --git a/web-admin/src/views/pl/quota-cert/index.vue b/web-admin/src/views/pl/quota-cert/index.vue
index a18465f37..483a57c96 100644
--- a/web-admin/src/views/pl/quota-cert/index.vue
+++ b/web-admin/src/views/pl/quota-cert/index.vue
@@ -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',