zhouchengcheng/ctms
1
1
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: 优化业务表格展示与登录会话体验

Browse Source
This commit is contained in:
Cheng Zhou
2026-03-31 14:37:06 +08:00
parent ceda34fd1d
commit a7bbcaa5dc
30 changed files with 461 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/ia/DrugShipments.vue
+17 -16
View File
@@ -4,7 +4,7 @@
<div class="main-content-flat unified-shell">
<div class="filter-container unified-action-bar">
<el-form :inline="true" :model="filters" class="filter-form">
<el-form-item class="filter-item">
<div class="filter-item">
<el-select v-model="filters.center_id" clearable :placeholder="TEXT.common.fields.site" class="filter-select">
<template #prefix>
<el-icon><Location /></el-icon>
@@ -16,8 +16,8 @@
:value="site.id"
/>
</el-select>
</el-form-item>
<el-form-item class="filter-item">
</div>
<div class="filter-item">
<el-select v-model="filters.direction" clearable :placeholder="TEXT.common.fields.direction" class="filter-select">
<template #prefix>
<el-icon><Menu /></el-icon>
@@ -25,8 +25,8 @@
<el-option :label="TEXT.enums.shipmentDirection.SEND" value="SEND" />
<el-option :label="TEXT.enums.shipmentDirection.RETURN" value="RETURN" />
</el-select>
</el-form-item>
<el-form-item class="filter-item">
</div>
<div class="filter-item">
<el-select v-model="filters.status" clearable :placeholder="TEXT.common.fields.status" class="filter-select">
<template #prefix>
<el-icon><CircleCheck /></el-icon>
@@ -37,10 +37,10 @@
<el-option :label="TEXT.enums.shipmentStatus.RETURNED" value="RETURNED" />
<el-option :label="TEXT.enums.shipmentStatus.EXCEPTION" value="EXCEPTION" />
</el-select>
</el-form-item>
<el-form-item class="filter-actions">
</div>
<div class="filter-actions">
<el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
</el-form-item>
</div>
<div class="filter-spacer"></div>
<el-button type="primary" @click="goNew">
<el-icon class="el-icon--left"><Plus /></el-icon>
@@ -56,8 +56,9 @@
class="shipment-table"
:row-class-name="shipmentRowClass"
@row-click="onRowClick"
table-layout="fixed"
>
<el-table-column prop="site_name" :label="TEXT.common.fields.site" min-width="160">
<el-table-column prop="site_name" :label="TEXT.common.fields.site" width="150" show-overflow-tooltip>
<template #default="scope">{{ scope.row.site_name || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="direction" :label="TEXT.common.fields.direction" width="120">
@@ -67,29 +68,29 @@
</el-tag>
</template>
</el-table-column>
<el-table-column prop="ship_date" :label="TEXT.common.fields.shipDate" width="140">
<el-table-column prop="ship_date" :label="TEXT.common.fields.shipDate" width="165">
<template #default="scope">{{ displayDate(scope.row.ship_date) }}</template>
</el-table-column>
<el-table-column prop="receive_date" :label="TEXT.common.fields.receiveDate" width="140">
<el-table-column prop="receive_date" :label="TEXT.common.fields.receiveDate" width="145">
<template #default="scope">{{ displayDate(scope.row.receive_date) }}</template>
</el-table-column>
<el-table-column prop="quantity" :label="TEXT.common.fields.quantity" width="120" align="right">
<el-table-column prop="quantity" :label="TEXT.common.fields.quantity" width="100" align="right">
<template #default="scope">{{ typeof scope.row.quantity === "number" ? scope.row.quantity : TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="batch_no" :label="TEXT.common.fields.batchNo" min-width="140">
<el-table-column prop="batch_no" :label="TEXT.common.fields.batchNo" width="120" show-overflow-tooltip>
<template #default="scope">{{ scope.row.batch_no || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="status" :label="TEXT.common.fields.status" width="140">
<el-table-column prop="status" :label="TEXT.common.fields.status" width="120">
<template #default="scope">
<el-tag :type="statusType(scope.row.status)" effect="plain" round size="small" class="status-tag">
{{ displayEnum(TEXT.enums.shipmentStatus, scope.row.status) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="remark" :label="TEXT.common.fields.remark" min-width="160" show-overflow-tooltip>
<el-table-column prop="remark" :label="TEXT.common.fields.remark" width="160" show-overflow-tooltip>
<template #default="scope">{{ scope.row.remark || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.labels.actions" width="120" align="center">
<el-table-column :label="TEXT.common.labels.actions" width="110" align="center">
<template #default="scope">
<el-button
link
frontend/src/views/ia/FinanceContracts.vue
+6 -5
View File
@@ -36,20 +36,21 @@
class="ctms-table"
@row-click="onRowClick"
:row-class-name="contractRowClass"
table-layout="fixed"
>
<el-table-column prop="site_name" :label="TEXT.common.fields.site" min-width="160" />
<el-table-column prop="contract_no" :label="TEXT.common.fields.contractNo" min-width="160" />
<el-table-column prop="signed_date" :label="TEXT.common.fields.signedDate" width="140">
<el-table-column prop="site_name" :label="TEXT.common.fields.site" show-overflow-tooltip />
<el-table-column prop="contract_no" :label="TEXT.common.fields.contractNo" show-overflow-tooltip />
<el-table-column prop="signed_date" :label="TEXT.common.fields.signedDate">
<template #default="scope">
{{ displayDate(scope.row.signed_date) }}
</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.amount" width="160">
<el-table-column :label="TEXT.common.fields.amount">
<template #default="scope">
{{ scope.row.amount }} {{ scope.row.currency || TEXT.common.fields.currencyDefault }}
</template>
</el-table-column>
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" width="180">
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" show-overflow-tooltip>
<template #default="scope">
{{ displayDateTime(scope.row.updated_at) }}
</template>
frontend/src/views/ia/FinanceSpecial.vue
+7 -6
View File
@@ -41,25 +41,26 @@
class="ctms-table"
@row-click="onRowClick"
:row-class-name="specialRowClass"
table-layout="fixed"
>
<el-table-column prop="site_name" :label="TEXT.common.fields.site" min-width="160" />
<el-table-column prop="fee_type" :label="TEXT.common.fields.type" width="120">
<el-table-column prop="site_name" :label="TEXT.common.fields.site" show-overflow-tooltip />
<el-table-column prop="fee_type" :label="TEXT.common.fields.type">
<template #default="scope">
{{ displayEnum(TEXT.enums.financeSpecialType, scope.row.fee_type) }}
</template>
</el-table-column>
<el-table-column prop="occur_date" :label="TEXT.common.fields.occurDate" width="140">
<el-table-column prop="occur_date" :label="TEXT.common.fields.occurDate">
<template #default="scope">
{{ displayDate(scope.row.occur_date) }}
</template>
</el-table-column>
<el-table-column prop="staff_name" :label="TEXT.common.fields.staff" min-width="120" />
<el-table-column :label="TEXT.common.fields.amount" width="140">
<el-table-column prop="staff_name" :label="TEXT.common.fields.staff" show-overflow-tooltip />
<el-table-column :label="TEXT.common.fields.amount">
<template #default="scope">
{{ scope.row.amount }}
</template>
</el-table-column>
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" width="180">
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" show-overflow-tooltip>
<template #default="scope">
{{ displayDateTime(scope.row.updated_at) }}
</template>
frontend/src/views/ia/KnowledgeNotes.vue
+11 -10
View File
@@ -4,25 +4,25 @@
<div class="main-content-flat unified-shell">
<div class="filter-container unified-action-bar bar--flush">
<el-form :inline="true" :model="filters" class="filter-form">
<el-form-item class="filter-item-form">
<div class="filter-item-form">
<el-input
v-model="filters.site_name"
:placeholder="TEXT.common.fields.site"
clearable
class="filter-input-comp"
/>
</el-form-item>
<el-form-item class="filter-item-form">
</div>
<div class="filter-item-form">
<el-input
v-model="filters.keyword"
:placeholder="TEXT.common.fields.keyword"
clearable
class="filter-input-comp"
/>
</el-form-item>
<el-form-item class="filter-item-form">
</div>
<div class="filter-item-form">
<el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
</el-form-item>
</div>
<div class="filter-spacer"></div>
<el-button type="primary" @click="goNew">
{{ TEXT.modules.knowledgeNotes.newTitle }}
@@ -37,11 +37,12 @@
class="ctms-table"
@row-click="onRowClick"
:row-class-name="noteRowClass"
table-layout="fixed"
>
<el-table-column prop="site_name" :label="TEXT.common.fields.site" min-width="160" />
<el-table-column prop="title" :label="TEXT.common.fields.title" min-width="200" />
<el-table-column prop="level" :label="TEXT.common.fields.level" width="120" />
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" width="180">
<el-table-column prop="site_name" :label="TEXT.common.fields.site" show-overflow-tooltip />
<el-table-column prop="title" :label="TEXT.common.fields.title" show-overflow-tooltip />
<el-table-column prop="level" :label="TEXT.common.fields.level" />
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" show-overflow-tooltip>
<template #default="scope">{{ displayDateTime(scope.row.updated_at) }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.labels.actions" width="120">
frontend/src/views/ia/MaterialEquipment.vue
+5 -5
View File
@@ -16,16 +16,16 @@
</div>
<el-table v-loading="loading" :data="rows" class="ctms-table equipment-table" style="width: 100%" table-layout="fixed">
<el-table-column prop="name" label="设备名称" />
<el-table-column prop="specModel" label="规格型号" />
<el-table-column prop="unit" label="单位" />
<el-table-column prop="brand" label="品牌" />
<el-table-column prop="name" label="设备名称" show-overflow-tooltip />
<el-table-column prop="specModel" label="规格型号" show-overflow-tooltip />
<el-table-column prop="unit" label="单位" show-overflow-tooltip />
<el-table-column prop="brand" label="品牌" show-overflow-tooltip />
<el-table-column label="是否需要校准">
<template #default="{ row }">
{{ row.needCalibration ? "是" : "否" }}
</template>
</el-table-column>
<el-table-column label="操作">
<el-table-column label="操作" width="120">
<template #default="{ row }">
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
<el-button link type="danger" @click="removeRow(row)">删除</el-button>
frontend/src/views/ia/ProjectMilestones.vue
+8 -8
View File
@@ -23,9 +23,9 @@
</div>
</section>
<section class="unified-section ctms-page-content-grid section--flush-x section--flush-top section--flush-bottom">
<el-table :data="rows" v-loading="loading" class="ctms-table" style="width: 100%">
<el-table-column prop="name" :label="TEXT.modules.projectMilestones.columns.name" min-width="140" />
<el-table-column prop="planDate" :label="TEXT.modules.projectMilestones.columns.planDate" min-width="170">
<el-table :data="rows" v-loading="loading" class="ctms-table" style="width: 100%" table-layout="fixed">
<el-table-column prop="name" :label="TEXT.modules.projectMilestones.columns.name" show-overflow-tooltip />
<el-table-column prop="planDate" :label="TEXT.modules.projectMilestones.columns.planDate">
<template #default="scope">
<div class="plan-time-cell">
<div class="plan-time-line">
@@ -46,7 +46,7 @@
</div>
</template>
</el-table-column>
<el-table-column :label="TEXT.modules.projectMilestones.columns.adjustedPlanDate" min-width="170">
<el-table-column :label="TEXT.modules.projectMilestones.columns.adjustedPlanDate">
<template #default="scope">
<div class="plan-time-cell">
<div class="plan-time-line">
@@ -67,7 +67,7 @@
</div>
</template>
</el-table-column>
<el-table-column :label="TEXT.modules.projectMilestones.columns.actualTime" min-width="170">
<el-table-column :label="TEXT.modules.projectMilestones.columns.actualTime">
<template #default="scope">
<div class="plan-time-cell">
<div class="plan-time-line">
@@ -88,7 +88,7 @@
</div>
</template>
</el-table-column>
<el-table-column prop="status" :label="TEXT.modules.projectMilestones.columns.status" min-width="120">
<el-table-column prop="status" :label="TEXT.modules.projectMilestones.columns.status">
<template #default="scope">
<div class="status-cell" :class="`status-${getStatusView(scope.row).tone}`">
<div class="status-main">
@@ -99,10 +99,10 @@
</div>
</template>
</el-table-column>
<el-table-column prop="remark" :label="TEXT.modules.projectMilestones.columns.remark" min-width="100">
<el-table-column prop="remark" :label="TEXT.modules.projectMilestones.columns.remark" show-overflow-tooltip>
<template #default="scope">{{ scope.row.remark || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column :label="TEXT.modules.projectMilestones.columns.operations" width="84">
<el-table-column :label="TEXT.modules.projectMilestones.columns.operations" width="100">
<template #default="scope">
<el-button link type="primary" @click="openEditor(scope.row)">{{ TEXT.common.actions.edit }}</el-button>
</template>
frontend/src/views/ia/RiskIssueMonitoringVisits.vue
+9 -8
View File
@@ -57,31 +57,32 @@
style="width: 100%"
v-loading="loading"
:fit="true"
table-layout="fixed"
:span-method="tableSpanMethod"
:row-class-name="tableRowClassName"
>
<el-table-column label="问题编号" min-width="130">
<el-table-column label="问题编号" show-overflow-tooltip>
<template #default="{ row }">
<div v-if="isDescRow(row)" class="issue-desc">问题描述：{{ row.description || TEXT.common.fallback }}</div>
<div v-else class="issue-no">{{ row.issue_no }}</div>
</template>
</el-table-column>
<el-table-column prop="open_duration" label="开放时长" min-width="130">
<el-table-column prop="open_duration" label="开放时长" show-overflow-tooltip>
<template #default="{ row }">{{ isDescRow(row) ? "" : row.open_duration }}</template>
</el-table-column>
<el-table-column prop="category" label="问题分类" min-width="130">
<el-table-column prop="category" label="问题分类" show-overflow-tooltip>
<template #default="{ row }">{{ isDescRow(row) ? "" : row.category }}</template>
</el-table-column>
<el-table-column prop="subject_code" label="受试者" min-width="120">
<el-table-column prop="subject_code" label="受试者" show-overflow-tooltip>
<template #default="{ row }">{{ isDescRow(row) ? "" : row.subject_code || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="monitor_item" label="监查项" min-width="130" show-overflow-tooltip>
<el-table-column prop="monitor_item" label="监查项" show-overflow-tooltip>
<template #default="{ row }">{{ isDescRow(row) ? "" : row.monitor_item || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="monitor_type" label="监查类型" min-width="130">
<el-table-column prop="monitor_type" label="监查类型" show-overflow-tooltip>
<template #default="{ row }">{{ isDescRow(row) ? "" : row.monitor_type || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column label="进度" min-width="120">
<el-table-column label="进度">
<template #default="{ row }">
<div v-if="!isDescRow(row)" class="progress-cell">
<span class="progress-dot" :class="`dot-${String(row.status).toLowerCase()}`"></span>
@@ -89,7 +90,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="操作" min-width="150" align="center">
<el-table-column label="操作" width="140" align="center">
<template #default="{ row }">
<template v-if="!isDescRow(row)">
<div class="action-cell">
frontend/src/views/ia/RiskIssuePd.vue
+6 -6
View File
@@ -35,16 +35,16 @@
</div>
<div class="unified-section table-section section--flush-x section--flush-top section--flush-bottom">
<el-table :data="filteredItems" v-loading="loading" style="width: 100%" table-layout="fixed" class="risk-table">
<el-table-column prop="pd_no" :label="TEXT.common.fields.pdNo" min-width="160" show-overflow-tooltip />
<el-table-column prop="subject_no" :label="TEXT.modules.subjectManagement.screeningNo" min-width="160" show-overflow-tooltip />
<el-table-column :label="TEXT.common.fields.site" min-width="160" show-overflow-tooltip>
<el-table-column prop="pd_no" :label="TEXT.common.fields.pdNo" show-overflow-tooltip />
<el-table-column prop="subject_no" :label="TEXT.modules.subjectManagement.screeningNo" show-overflow-tooltip />
<el-table-column :label="TEXT.common.fields.site" show-overflow-tooltip>
<template #default="scope">{{ siteMap[scope.row.site_id] || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="status" :label="TEXT.common.fields.status" min-width="160">
<el-table-column prop="status" :label="TEXT.common.fields.status">
<template #default="scope">{{ displayEnum(TEXT.enums.pdStatus, scope.row.status) }}</template>
</el-table-column>
<el-table-column prop="description" :label="TEXT.common.fields.pdDescription" min-width="160" show-overflow-tooltip />
<el-table-column :label="TEXT.common.labels.actions" min-width="160" align="center">
<el-table-column prop="description" :label="TEXT.common.fields.pdDescription" show-overflow-tooltip />
<el-table-column :label="TEXT.common.labels.actions" width="120" align="center">
<template #default="scope">
<el-button link type="primary" size="small" @click="goSubject(scope.row.subject_id)">
{{ TEXT.common.actions.view }}
frontend/src/views/ia/RiskIssueSae.vue
+8 -8
View File
@@ -52,24 +52,24 @@
</el-form>
</div>
<div class="unified-section table-section section--flush-x section--flush-top section--flush-bottom">
<el-table :data="filteredItems" v-loading="loading" style="width: 100%" class="risk-table">
<el-table-column prop="onset_date" :label="TEXT.common.fields.occurDate" width="140">
<el-table :data="filteredItems" v-loading="loading" style="width: 100%" class="risk-table" table-layout="fixed">
<el-table-column prop="onset_date" :label="TEXT.common.fields.occurDate">
<template #default="scope">{{ displayDate(scope.row.onset_date) }}</template>
</el-table-column>
<el-table-column prop="subject_no" :label="TEXT.modules.riskIssueSae.subjectNo" min-width="140">
<el-table-column prop="subject_no" :label="TEXT.modules.riskIssueSae.subjectNo" show-overflow-tooltip>
<template #default="scope">{{ subjectMap[scope.row.subject_id] || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.site" min-width="140">
<el-table-column :label="TEXT.common.fields.site" show-overflow-tooltip>
<template #default="scope">{{ siteMap[scope.row.site_id] || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="term" :label="TEXT.common.fields.title" min-width="180" />
<el-table-column prop="seriousness" :label="TEXT.common.fields.seriousness" width="120">
<el-table-column prop="term" :label="TEXT.common.fields.title" show-overflow-tooltip />
<el-table-column prop="seriousness" :label="TEXT.common.fields.seriousness">
<template #default="scope">{{ displayEnum(TEXT.enums.aeSeriousness, scope.row.seriousness) }}</template>
</el-table-column>
<el-table-column prop="status" :label="TEXT.common.fields.status" width="120">
<el-table-column prop="status" :label="TEXT.common.fields.status">
<template #default="scope">{{ displayEnum(TEXT.enums.aeStatus, scope.row.status) }}</template>
</el-table-column>
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" min-width="180">
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" show-overflow-tooltip>
<template #default="scope">{{ displayDate(scope.row.updated_at) }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.labels.actions" width="120">
frontend/src/views/ia/StartupFeasibilityEthics.vue
+15 -13
View File
@@ -19,29 +19,30 @@
class="ctms-table"
:row-class-name="feasibilityRowClass"
@row-click="onFeasibilityRowClick"
table-layout="fixed"
>
<el-table-column :label="TEXT.common.fields.site" width="180">
<el-table-column :label="TEXT.common.fields.site" show-overflow-tooltip>
<template #default="scope">
<span class="font-medium">{{ displaySite(scope.row.site_id) }}</span>
</template>
</el-table-column>
<el-table-column prop="submit_date" :label="TEXT.common.fields.submitDate" width="140">
<el-table-column prop="submit_date" :label="TEXT.common.fields.submitDate">
<template #default="scope">{{ displayDate(scope.row.submit_date) }}</template>
</el-table-column>
<el-table-column prop="accept_date" :label="TEXT.common.fields.acceptDate" width="140">
<el-table-column prop="accept_date" :label="TEXT.common.fields.acceptDate">
<template #default="scope">{{ displayDate(scope.row.accept_date) }}</template>
</el-table-column>
<el-table-column prop="approved_date" :label="TEXT.common.fields.approvedDate" width="140">
<el-table-column prop="approved_date" :label="TEXT.common.fields.approvedDate">
<template #default="scope">{{ displayDate(scope.row.approved_date) }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.status" width="120">
<el-table-column :label="TEXT.common.fields.status">
<template #default="scope">
<el-tag :type="statusTagType(getFeasibilityStatus(scope.row))">
{{ statusLabel(getFeasibilityStatus(scope.row)) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="project_no" :label="TEXT.common.fields.projectNo" min-width="160">
<el-table-column prop="project_no" :label="TEXT.common.fields.projectNo" show-overflow-tooltip>
<template #default="{ row }">
<span class="font-mono text-main">{{ row.project_no }}</span>
</template>
@@ -81,32 +82,33 @@
class="ctms-table"
:row-class-name="ethicsRowClass"
@row-click="onEthicsRowClick"
table-layout="fixed"
>
<el-table-column :label="TEXT.common.fields.site" width="180">
<el-table-column :label="TEXT.common.fields.site" show-overflow-tooltip>
<template #default="scope">
<span class="font-medium">{{ displaySite(scope.row.site_id) }}</span>
</template>
</el-table-column>
<el-table-column prop="submit_date" :label="TEXT.common.fields.submitDate" width="140">
<el-table-column prop="submit_date" :label="TEXT.common.fields.submitDate">
<template #default="scope">{{ displayDate(scope.row.submit_date) }}</template>
</el-table-column>
<el-table-column prop="accept_date" :label="TEXT.common.fields.acceptDate" width="140">
<el-table-column prop="accept_date" :label="TEXT.common.fields.acceptDate">
<template #default="scope">{{ displayDate(scope.row.accept_date) }}</template>
</el-table-column>
<el-table-column prop="meeting_date" :label="TEXT.common.fields.meetingDate" width="140">
<el-table-column prop="meeting_date" :label="TEXT.common.fields.meetingDate">
<template #default="scope">{{ displayDate(scope.row.meeting_date) }}</template>
</el-table-column>
<el-table-column prop="approved_date" :label="TEXT.common.fields.approvedDate" width="140">
<el-table-column prop="approved_date" :label="TEXT.common.fields.approvedDate">
<template #default="scope">{{ displayDate(scope.row.approved_date) }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.status" width="120">
<el-table-column :label="TEXT.common.fields.status">
<template #default="scope">
<el-tag :type="statusTagType(getEthicsStatus(scope.row))">
{{ statusLabel(getEthicsStatus(scope.row)) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="approval_no" :label="TEXT.common.fields.approvalNo" min-width="160">
<el-table-column prop="approval_no" :label="TEXT.common.fields.approvalNo" show-overflow-tooltip>
<template #default="{ row }">
<span class="font-mono text-main">{{ row.approval_no }}</span>
</template>
frontend/src/views/ia/StartupMeetingAuth.vue
+5 -4
View File
@@ -9,15 +9,16 @@
class="ctms-table kickoff-table"
:row-class-name="kickoffRowClass"
@row-click="onKickoffRowClick"
table-layout="fixed"
>
<el-table-column prop="site_name" :label="TEXT.common.fields.site" min-width="180" />
<el-table-column prop="kickoff_date" :label="TEXT.common.fields.kickoffDate" width="160">
<el-table-column prop="site_name" :label="TEXT.common.fields.site" show-overflow-tooltip />
<el-table-column prop="kickoff_date" :label="TEXT.common.fields.kickoffDate">
<template #default="scope">{{ displayDate(scope.row.kickoff_date) }}</template>
</el-table-column>
<el-table-column :label="TEXT.modules.startupMeetingAuth.ownerLabel" min-width="160">
<el-table-column :label="TEXT.modules.startupMeetingAuth.ownerLabel" show-overflow-tooltip>
<template #default="scope">{{ contactLabel(scope.row) }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.status" width="140">
<el-table-column :label="TEXT.common.fields.status">
<template #default="scope">
<el-tag :type="scope.row.status === 'COMPLETED' ? 'success' : 'info'">
{{ scope.row.status === 'COMPLETED' ? TEXT.modules.startupMeetingAuth.statusCompleted : TEXT.modules.startupMeetingAuth.statusPending }}
frontend/src/views/ia/SubjectManagement.vue
+7 -6
View File
@@ -62,8 +62,9 @@
class="ctms-table"
:row-class-name="subjectRowClass"
@row-click="onRowClick"
table-layout="fixed"
>
<el-table-column prop="subject_no" :label="TEXT.modules.subjectManagement.screeningNo" min-width="160">
<el-table-column prop="subject_no" :label="TEXT.modules.subjectManagement.screeningNo" show-overflow-tooltip>
<template #default="scope">
<div class="subject-info-cell">
<span class="subject-no">{{ scope.row.subject_no || TEXT.common.fallback }}</span>
@@ -77,19 +78,19 @@
</div>
</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.site" min-width="160">
<el-table-column :label="TEXT.common.fields.site" show-overflow-tooltip>
<template #default="scope">{{ siteMap[scope.row.site_id] || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="consent_date" :label="TEXT.common.fields.consentDate" width="140">
<el-table-column prop="consent_date" :label="TEXT.common.fields.consentDate">
<template #default="scope">{{ displayDate(scope.row.consent_date) }}</template>
</el-table-column>
<el-table-column prop="status" :label="TEXT.common.fields.status" width="120">
<el-table-column prop="status" :label="TEXT.common.fields.status">
<template #default="scope">{{ displayEnum(TEXT.enums.subjectStatus, scope.row.status) }}</template>
</el-table-column>
<el-table-column prop="enrollment_date" :label="TEXT.common.fields.enrollmentDate" width="140">
<el-table-column prop="enrollment_date" :label="TEXT.common.fields.enrollmentDate">
<template #default="scope">{{ displayDate(scope.row.enrollment_date) }}</template>
</el-table-column>
<el-table-column prop="completion_date" :label="TEXT.common.fields.completionDate" width="140">
<el-table-column prop="completion_date" :label="TEXT.common.fields.completionDate">
<template #default="scope">{{ displayDate(scope.row.completion_date) }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.labels.actions" width="120">