From 070f2f5ee814ee9d199db28bb7569254d985e5a3 Mon Sep 17 00:00:00 2001 From: chenxing Date: Wed, 14 Oct 2026 16:24:08 +0800 Subject: [PATCH] =?UTF-8?q?fix(def/ui):=20=E5=88=97=E5=AE=BD=E6=8C=89?= =?UTF-8?q?=E5=AE=9E=E6=B5=8B=E6=A0=A1=E6=AD=A3=EF=BC=88=E4=B8=8A=E7=BA=BF?= =?UTF-8?q?=E5=90=8E=E5=A4=8D=E9=AA=8C=E5=8F=91=E7=8E=B0=20200=20=E4=B8=8D?= =?UTF-8?q?=E5=A4=9F=EF=BC=8Cguid=20=E4=BB=8D=E6=8A=98=E8=A1=8C=EF=BC=89?= =?UTF-8?q?=E2=80=94=E2=80=94GUID=20200=E2=86=92320=EF=BC=8832=20=E4=BD=8D?= =?UTF-8?q?=20guid=20=E5=8D=95=E8=A1=8C=E5=AE=9E=E6=B5=8B=E6=9C=80?= =?UTF-8?q?=E5=AE=BD=20265px=20+=20=E5=8D=95=E5=85=83=E6=A0=BC=E5=B7=A6?= =?UTF-8?q?=E5=8F=B3=E5=86=85=E8=BE=B9=E8=B7=9D=2036px=20=3D=20301?= =?UTF-8?q?=EF=BC=89=E3=80=81=E7=BC=96=E7=A0=81=20160=E2=86=92200=EF=BC=88?= =?UTF-8?q?=E5=AE=9E=E6=B5=8B=20155+36=3D191=EF=BC=89=E3=80=81=E5=AD=90?= =?UTF-8?q?=E8=A1=A8=E5=88=9B=E5=BB=BA=E6=97=B6=E9=97=B4=20140=E2=86=92150?= =?UTF-8?q?=EF=BC=88=E5=AE=9E=E6=B5=8B=20101+36=3D137=EF=BC=89=E3=80=81?= =?UTF-8?q?=E7=94=9F=E6=95=88/=E5=9C=A8=E9=80=94=20230=E2=86=92190?= =?UTF-8?q?=EF=BC=88=E5=AE=9E=E6=B5=8B=20134+36=3D170=EF=BC=8C=E6=94=B6?= =?UTF-8?q?=E7=B4=A7=EF=BC=89=EF=BC=9B=E5=B9=B3=E9=93=BA=E6=80=81=E5=90=8C?= =?UTF-8?q?=E6=AD=A5=20GUID=20320=20/=20=E7=BC=96=E7=A0=81=20200?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/flow/admin/Defs.vue | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/src/views/flow/admin/Defs.vue b/src/views/flow/admin/Defs.vue index 660888d..d612ba6 100644 --- a/src/views/flow/admin/Defs.vue +++ b/src/views/flow/admin/Defs.vue @@ -97,12 +97,12 @@ const rowActions = [ const columns = [ { title: "序号", type: "index", width: 70, align: "center" }, { title: "流程", key: "name", minWidth: 180 }, - { title: "编码", key: "code", width: 160 }, + { title: "编码", key: "code", width: 200 }, { title: "应用", key: "appKey", width: 130, align: "center", render: renderApp }, { title: "版本", key: "version", width: 70, align: "center" }, { title: "状态", width: 90, align: "center", render: renderStatus }, - { title: "GUID", key: "flowGuid", width: 280, render: (h: any, p: any) => { - // 平铺态也带在途(议题二④):计数按流程线口径,故挂在 GUID 旁;列宽须容下 32 位 guid + 徽标 + { title: "GUID", key: "flowGuid", width: 320, render: (h: any, p: any) => { + // 平铺态也带在途(议题二④):计数按流程线口径,故挂在 GUID 旁;列宽同分组态,保证 32 位 guid 单行全显 const n = inflightMap.value[p.row.flowGuid]; return h("span", {}, [ p.row.flowGuid, @@ -184,7 +184,8 @@ const versionColumns = [ { title: "版本", width: 70, render: (h: any, p: any) => h("b", `v${p.row.version}`) }, { title: "状态", width: 90, align: "center", render: renderStatus }, { title: "创建人", width: 100, render: (h: any, p: any) => h("span", p.row.createBy || "-") }, - { title: "创建时间", width: 140, render: (h: any, p: any) => h("span", fmtTime(p.row.createTime)) }, + // 创建时间「2026-10-13 23:45」实测单行 118px + 内边距 24 → 140 会换行,故 150 + { title: "创建时间", width: 150, render: (h: any, p: any) => h("span", fmtTime(p.row.createTime)) }, // 改动说明:固定窄列 + 省略号 + Tooltip(2026-10-14 用户要求压短,完整内容进 Tooltip) { title: "改动说明", width: 260, ellipsis: true, render: (h: any, p: any) => (p.row.changeLog ? ellipsisCell("changeLog")(h, p) @@ -194,7 +195,7 @@ const versionColumns = [ /** 子表各列声明宽之和:作为内层 Table 的 width 传下去,避免 iView 把展开行剩余空间摊到各列 * (否则「改动说明」会被撑回数百像素,等于没压短),同时让子表右端不再压到固定条带下方。 */ -const VERSIONS_TABLE_WIDTH = 70 + 90 + 100 + 140 + 260 + 210; +const VERSIONS_TABLE_WIDTH = 70 + 90 + 100 + 150 + 260 + 210; const groupColumns = [ { type: "expand", width: 40, render: (h: any, p: any) => h(Table, { @@ -204,13 +205,14 @@ const groupColumns = [ { title: "序号", type: "index", width: 60, align: "center" }, // 标题列固定宽 + 超长省略 + Tooltip;生效/在途 徽标已拆到独立列(2026-10-14) { title: "流程", width: 260, ellipsis: true, render: ellipsisCell("name", "b") }, - { title: "生效/在途", width: 230, align: "center", render: renderRunState }, - { title: "编码", key: "code", width: 160 }, + { title: "生效/在途", width: 190, align: "center", render: renderRunState }, + // 编码实测单行 155px + 内边距 24 → 160 会折行,故 190 + { title: "编码", key: "code", width: 200 }, { title: "应用", key: "appKey", width: 130, align: "center", render: renderApp }, { title: "版本", width: 120, render: (h: any, p: any) => h("span", `v${p.row.version} · 共 ${p.row.total} 版`) }, { title: "状态", width: 90, align: "center", render: renderStatus }, - // GUID 列宽按 32 位 uuid 全显(约 160px)+ 单元格内边距;不再截断成 8 位 + 省略号 - { title: "GUID", width: 200, render: (h: any, p: any) => (p.row.flowGuid + // GUID 列宽按 32 位 uuid 实测单行 259px + 内边距 24 定尺寸(留余量,防不同字形更宽);不再截 8 位 + { title: "GUID", width: 320, render: (h: any, p: any) => (p.row.flowGuid ? h("span", { title: p.row.flowGuid }, p.row.flowGuid) : h("span", { style: "color:#999" }, "—")) }, { title: "发布时间", width: 160, render: (h: any, p: any) => h("span", fmtTime(p.row.publishTime)) },