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

全局中文化

Browse Source
This commit is contained in:
Cheng Zhou
2026-01-12 11:14:04 +08:00
parent 9021c7fe2b
commit 1338fa7e2b
103 changed files with 2443 additions and 1533 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/ia/AuditPlaceholder.vue
+5 -4
View File
@@ -1,12 +1,13 @@
<template>
<ModulePlaceholder
title="稽查"
subtitle="功能建设中"
list-title="稽查记录列表"
empty-description="稽查模块正在准备基础框架，敬请期待。"
:title="TEXT.modules.audit.title"
:subtitle="TEXT.modules.audit.subtitle"
:list-title="TEXT.modules.audit.listTitle"
:empty-description="TEXT.modules.audit.emptyDescription"
/>
</template>
<script setup lang="ts">
import ModulePlaceholder from "../../components/ModulePlaceholder.vue";
import { TEXT } from "../../locales";
</script>
frontend/src/views/ia/DrugShipments.vue
+36 -31
View File
@@ -2,54 +2,58 @@
<div class="page">
<div class="page-header">
<div>
<h1 class="page-title">药品运输/流向</h1>
<p class="page-subtitle">登记寄送与回收信息</p>
<h1 class="page-title">{{ TEXT.modules.drugShipments.title }}</h1>
<p class="page-subtitle">{{ TEXT.modules.drugShipments.subtitle }}</p>
</div>
<el-button type="primary" @click="goNew">新增运输记录</el-button>
<el-button type="primary" @click="goNew">{{ TEXT.modules.drugShipments.newTitle }}</el-button>
</div>
<el-card class="filter-card">
<el-form :inline="true" :model="filters">
<el-form-item label="分中心">
<el-input v-model="filters.site_name" placeholder="输入分中心名称" clearable />
<el-form-item :label="TEXT.common.fields.site">
<el-input v-model="filters.site_name" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.site" clearable />
</el-form-item>
<el-form-item label="运单号">
<el-input v-model="filters.tracking_no" placeholder="输入运单号" clearable />
<el-form-item :label="TEXT.common.fields.trackingNo">
<el-input v-model="filters.tracking_no" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.trackingNo" clearable />
</el-form-item>
<el-form-item label="状态">
<el-select v-model="filters.status" placeholder="选择状态" clearable>
<el-option label="待寄出" value="待寄出" />
<el-option label="运输中" value="运输中" />
<el-option label="已签收" value="已签收" />
<el-option label="已回收" value="已回收" />
<el-option label="异常" value="异常" />
<el-form-item :label="TEXT.common.fields.status">
<el-select v-model="filters.status" :placeholder="TEXT.common.placeholders.select" clearable>
<el-option :label="TEXT.enums.shipmentStatus.PENDING" value="PENDING" />
<el-option :label="TEXT.enums.shipmentStatus.IN_TRANSIT" value="IN_TRANSIT" />
<el-option :label="TEXT.enums.shipmentStatus.SIGNED" value="SIGNED" />
<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>
<el-button type="primary" @click="load">查询</el-button>
<el-button @click="resetFilters">重置</el-button>
<el-button type="primary" @click="load">{{ TEXT.common.actions.search }}</el-button>
<el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card>
<el-table :data="items" v-loading="loading" style="width: 100%">
<el-table-column prop="direction" label="类型" width="100" />
<el-table-column prop="site_name" label="分中心" min-width="160" />
<el-table-column prop="tracking_no" label="运单号" min-width="160" />
<el-table-column prop="ship_date" label="日期" width="140">
<el-table-column prop="direction" :label="TEXT.common.fields.direction" width="100">
<template #default="scope">{{ displayEnum(TEXT.enums.shipmentDirection, scope.row.direction) }}</template>
</el-table-column>
<el-table-column prop="site_name" :label="TEXT.common.fields.site" min-width="160" />
<el-table-column prop="tracking_no" :label="TEXT.common.fields.trackingNo" min-width="160" />
<el-table-column prop="ship_date" :label="TEXT.common.fields.shipDate" width="140">
<template #default="scope">{{ displayDate(scope.row.ship_date) }}</template>
</el-table-column>
<el-table-column prop="status" label="状态" width="120" />
<el-table-column label="操作" width="200">
<el-table-column prop="status" :label="TEXT.common.fields.status" width="120">
<template #default="scope">{{ displayEnum(TEXT.enums.shipmentStatus, scope.row.status) }}</template>
</el-table-column>
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">编辑</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">删除</el-button>
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">{{ TEXT.common.actions.delete }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loading && items.length === 0" description="暂无运输记录" />
<StateEmpty v-if="!loading && items.length === 0" :description="TEXT.modules.drugShipments.empty" />
</el-card>
</div>
</template>
@@ -60,8 +64,9 @@ import { useRouter } from "vue-router";
import { ElMessage, ElMessageBox } from "element-plus";
import { useStudyStore } from "../../store/study";
import { listDrugShipments, deleteDrugShipment } from "../../api/drugShipments";
import { displayDate } from "../../utils/display";
import { displayDate, displayEnum } from "../../utils/display";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
const router = useRouter();
const study = useStudyStore();
@@ -85,7 +90,7 @@ const load = async () => {
});
items.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loading.value = false;
}
@@ -105,14 +110,14 @@ const goEdit = (id: string) => router.push(`/drug/shipments/${id}/edit`);
const remove = async (row: any) => {
const studyId = study.currentStudy?.id;
if (!studyId) return;
const ok = await ElMessageBox.confirm("确认删除该运输记录？", "提示").catch(() => null);
const ok = await ElMessageBox.confirm(TEXT.modules.drugShipments.confirmDelete, TEXT.common.labels.tips).catch(() => null);
if (!ok) return;
try {
await deleteDrugShipment(studyId, row.id);
ElMessage.success("已删除");
ElMessage.success(TEXT.common.messages.deleteSuccess);
load();
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "删除失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.deleteFailed);
}
};
frontend/src/views/ia/FinanceContracts.vue
+25 -24
View File
@@ -2,55 +2,55 @@
<div class="page">
<div class="page-header">
<div>
<h1 class="page-title">合同费用</h1>
<p class="page-subtitle">维护分中心合同费用与附件</p>
<h1 class="page-title">{{ TEXT.modules.financeContracts.title }}</h1>
<p class="page-subtitle">{{ TEXT.modules.financeContracts.subtitle }}</p>
</div>
<el-button type="primary" @click="goNew">新增合同费用</el-button>
<el-button type="primary" @click="goNew">{{ TEXT.modules.financeContracts.newTitle }}</el-button>
</div>
<el-card class="filter-card">
<el-form :inline="true" :model="filters">
<el-form-item label="分中心">
<el-input v-model="filters.site_name" placeholder="输入分中心名称" clearable />
<el-form-item :label="TEXT.common.fields.site">
<el-input v-model="filters.site_name" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.site" clearable />
</el-form-item>
<el-form-item label="合同编号">
<el-input v-model="filters.contract_no" placeholder="输入合同编号" clearable />
<el-form-item :label="TEXT.common.fields.contractNo">
<el-input v-model="filters.contract_no" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.contractNo" clearable />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button @click="resetFilters">重置</el-button>
<el-button type="primary" @click="load">{{ TEXT.common.actions.search }}</el-button>
<el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card>
<el-table :data="items" v-loading="loading" style="width: 100%">
<el-table-column prop="site_name" label="分中心" min-width="160" />
<el-table-column prop="contract_no" label="合同编号" min-width="160" />
<el-table-column prop="signed_date" label="签署日期" width="140">
<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">
<template #default="scope">
{{ displayDate(scope.row.signed_date) }}
</template>
</el-table-column>
<el-table-column label="金额" width="160">
<el-table-column :label="TEXT.common.fields.amount" width="160">
<template #default="scope">
{{ scope.row.amount }} {{ scope.row.currency || "CNY" }}
{{ scope.row.amount }} {{ scope.row.currency || TEXT.common.fields.currencyDefault }}
</template>
</el-table-column>
<el-table-column prop="updated_at" label="更新时间" width="180">
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" width="180">
<template #default="scope">
{{ displayDateTime(scope.row.updated_at) }}
</template>
</el-table-column>
<el-table-column label="操作" width="200">
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">编辑</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">删除</el-button>
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">{{ TEXT.common.actions.delete }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loading && items.length === 0" description="暂无合同费用记录" />
<StateEmpty v-if="!loading && items.length === 0" :description="TEXT.modules.financeContracts.empty" />
</el-card>
</div>
</template>
@@ -63,6 +63,7 @@ import { useStudyStore } from "../../store/study";
import { listFinanceContracts, deleteFinanceContract } from "../../api/financeContracts";
import { displayDate, displayDateTime } from "../../utils/display";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
const router = useRouter();
const study = useStudyStore();
@@ -84,7 +85,7 @@ const load = async () => {
});
items.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loading.value = false;
}
@@ -103,14 +104,14 @@ const goEdit = (id: string) => router.push(`/finance/contracts/${id}/edit`);
const remove = async (row: any) => {
const studyId = study.currentStudy?.id;
if (!studyId) return;
const ok = await ElMessageBox.confirm("确认删除该合同费用？", "提示").catch(() => null);
const ok = await ElMessageBox.confirm(TEXT.common.confirm.delete, TEXT.common.labels.tips).catch(() => null);
if (!ok) return;
try {
await deleteFinanceContract(studyId, row.id);
ElMessage.success("已删除");
ElMessage.success(TEXT.common.messages.deleteSuccess);
load();
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "删除失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.deleteFailed);
}
};
frontend/src/views/ia/FinanceSpecial.vue
+34 -29
View File
@@ -2,61 +2,65 @@
<div class="page">
<div class="page-header">
<div>
<h1 class="page-title">特殊费用</h1>
<p class="page-subtitle">记录差旅、住宿等特殊费用</p>
<h1 class="page-title">{{ TEXT.modules.financeSpecials.title }}</h1>
<p class="page-subtitle">{{ TEXT.modules.financeSpecials.subtitle }}</p>
</div>
<el-button type="primary" @click="goNew">新增特殊费用</el-button>
<el-button type="primary" @click="goNew">{{ TEXT.modules.financeSpecials.newTitle }}</el-button>
</div>
<el-card class="filter-card">
<el-form :inline="true" :model="filters">
<el-form-item label="分中心">
<el-input v-model="filters.site_name" placeholder="输入分中心名称" clearable />
<el-form-item :label="TEXT.common.fields.site">
<el-input v-model="filters.site_name" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.site" clearable />
</el-form-item>
<el-form-item label="费用类型">
<el-select v-model="filters.fee_type" placeholder="选择类型" clearable>
<el-option label="差旅" value="差旅" />
<el-option label="住宿" value="住宿" />
<el-option label="交通" value="交通" />
<el-option label="其他" value="其他" />
<el-form-item :label="TEXT.common.fields.type">
<el-select v-model="filters.fee_type" :placeholder="TEXT.common.placeholders.select" clearable>
<el-option :label="TEXT.enums.financeSpecialType.TRAVEL" value="TRAVEL" />
<el-option :label="TEXT.enums.financeSpecialType.HOTEL" value="HOTEL" />
<el-option :label="TEXT.enums.financeSpecialType.TRANSPORT" value="TRANSPORT" />
<el-option :label="TEXT.enums.financeSpecialType.OTHER" value="OTHER" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button @click="resetFilters">重置</el-button>
<el-button type="primary" @click="load">{{ TEXT.common.actions.search }}</el-button>
<el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card>
<el-table :data="items" v-loading="loading" style="width: 100%">
<el-table-column prop="site_name" label="分中心" min-width="160" />
<el-table-column prop="fee_type" label="费用类型" width="120" />
<el-table-column prop="occur_date" label="发生日期" width="140">
<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">
<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">
<template #default="scope">
{{ displayDate(scope.row.occur_date) }}
</template>
</el-table-column>
<el-table-column prop="staff_name" label="人员" min-width="120" />
<el-table-column label="金额" width="140">
<el-table-column prop="staff_name" :label="TEXT.common.fields.staff" min-width="120" />
<el-table-column :label="TEXT.common.fields.amount" width="140">
<template #default="scope">
{{ scope.row.amount }}
</template>
</el-table-column>
<el-table-column prop="updated_at" label="更新时间" width="180">
<el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" width="180">
<template #default="scope">
{{ displayDateTime(scope.row.updated_at) }}
</template>
</el-table-column>
<el-table-column label="操作" width="200">
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">编辑</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">删除</el-button>
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">{{ TEXT.common.actions.delete }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loading && items.length === 0" description="暂无特殊费用记录" />
<StateEmpty v-if="!loading && items.length === 0" :description="TEXT.modules.financeSpecials.empty" />
</el-card>
</div>
</template>
@@ -67,8 +71,9 @@ import { useRouter } from "vue-router";
import { ElMessage, ElMessageBox } from "element-plus";
import { useStudyStore } from "../../store/study";
import { listFinanceSpecials, deleteFinanceSpecial } from "../../api/financeSpecials";
import { displayDate, displayDateTime } from "../../utils/display";
import { displayDate, displayDateTime, displayEnum } from "../../utils/display";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
const router = useRouter();
const study = useStudyStore();
@@ -90,7 +95,7 @@ const load = async () => {
});
items.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loading.value = false;
}
@@ -109,14 +114,14 @@ const goEdit = (id: string) => router.push(`/finance/special/${id}/edit`);
const remove = async (row: any) => {
const studyId = study.currentStudy?.id;
if (!studyId) return;
const ok = await ElMessageBox.confirm("确认删除该特殊费用？", "提示").catch(() => null);
const ok = await ElMessageBox.confirm(TEXT.common.confirm.delete, TEXT.common.labels.tips).catch(() => null);
if (!ok) return;
try {
await deleteFinanceSpecial(studyId, row.id);
ElMessage.success("已删除");
ElMessage.success(TEXT.common.messages.deleteSuccess);
load();
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "删除失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.deleteFailed);
}
};
frontend/src/views/ia/KnowledgeNotes.vue
+23 -22
View File
@@ -2,44 +2,44 @@
<div class="page">
<div class="page-header">
<div>
<h1 class="page-title">注意事项</h1>
<p class="page-subtitle">记录分中心特殊问题与附件</p>
<h1 class="page-title">{{ TEXT.modules.knowledgeNotes.title }}</h1>
<p class="page-subtitle">{{ TEXT.modules.knowledgeNotes.subtitle }}</p>
</div>
<el-button type="primary" @click="goNew">新增注意事项</el-button>
<el-button type="primary" @click="goNew">{{ TEXT.modules.knowledgeNotes.newTitle }}</el-button>
</div>
<el-card class="filter-card">
<el-form :inline="true" :model="filters">
<el-form-item label="分中心">
<el-input v-model="filters.site_name" placeholder="输入分中心名称" clearable />
<el-form-item :label="TEXT.common.fields.site">
<el-input v-model="filters.site_name" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.site" clearable />
</el-form-item>
<el-form-item label="关键词">
<el-input v-model="filters.keyword" placeholder="标题关键词" clearable />
<el-form-item :label="TEXT.common.fields.keyword">
<el-input v-model="filters.keyword" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.keyword" clearable />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button @click="resetFilters">重置</el-button>
<el-button type="primary" @click="load">{{ TEXT.common.actions.search }}</el-button>
<el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card>
<el-table :data="items" v-loading="loading" style="width: 100%">
<el-table-column prop="site_name" label="分中心" min-width="160" />
<el-table-column prop="title" label="标题" min-width="200" />
<el-table-column prop="level" label="重要等级" width="120" />
<el-table-column prop="updated_at" label="更新时间" width="180">
<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">
<template #default="scope">{{ displayDateTime(scope.row.updated_at) }}</template>
</el-table-column>
<el-table-column label="操作" width="200">
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">编辑</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">删除</el-button>
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
<el-button link type="danger" size="small" @click="remove(scope.row)">{{ TEXT.common.actions.delete }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loading && items.length === 0" description="暂无注意事项记录" />
<StateEmpty v-if="!loading && items.length === 0" :description="TEXT.modules.knowledgeNotes.empty" />
</el-card>
</div>
</template>
@@ -52,6 +52,7 @@ import { useStudyStore } from "../../store/study";
import { listKnowledgeNotes, deleteKnowledgeNote } from "../../api/knowledgeNotes";
import { displayDateTime } from "../../utils/display";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
const router = useRouter();
const study = useStudyStore();
@@ -73,7 +74,7 @@ const load = async () => {
});
items.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loading.value = false;
}
@@ -92,14 +93,14 @@ const goEdit = (id: string) => router.push(`/knowledge/notes/${id}/edit`);
const remove = async (row: any) => {
const studyId = study.currentStudy?.id;
if (!studyId) return;
const ok = await ElMessageBox.confirm("确认删除该注意事项？", "提示").catch(() => null);
const ok = await ElMessageBox.confirm(TEXT.common.confirm.delete, TEXT.common.labels.tips).catch(() => null);
if (!ok) return;
try {
await deleteKnowledgeNote(studyId, row.id);
ElMessage.success("已删除");
ElMessage.success(TEXT.common.messages.deleteSuccess);
load();
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "删除失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.deleteFailed);
}
};
frontend/src/views/ia/MonitoringPlaceholder.vue
+5 -4
View File
@@ -1,12 +1,13 @@
<template>
<ModulePlaceholder
title="监查"
subtitle="功能建设中"
list-title="监查记录列表"
empty-description="监查功能正在搭建基础能力，敬请期待。"
:title="TEXT.modules.monitoring.title"
:subtitle="TEXT.modules.monitoring.subtitle"
:list-title="TEXT.modules.monitoring.listTitle"
:empty-description="TEXT.modules.monitoring.emptyDescription"
/>
</template>
<script setup lang="ts">
import ModulePlaceholder from "../../components/ModulePlaceholder.vue";
import { TEXT } from "../../locales";
</script>
frontend/src/views/ia/StartupFeasibilityEthics.vue
+26 -25
View File
@@ -2,63 +2,63 @@
<div class="page">
<div class="page-header">
<div>
<h1 class="page-title">立项与伦理</h1>
<p class="page-subtitle">记录立项与伦理递交信息</p>
<h1 class="page-title">{{ TEXT.modules.startupFeasibilityEthics.title }}</h1>
<p class="page-subtitle">{{ TEXT.modules.startupFeasibilityEthics.subtitle }}</p>
</div>
</div>
<el-card>
<el-tabs v-model="activeTab">
<el-tab-pane label="立项记录" name="feasibility">
<el-tab-pane :label="TEXT.modules.startupFeasibilityEthics.feasibilityTab" name="feasibility">
<div class="tab-actions">
<el-button type="primary" @click="goNewFeasibility">新增立项记录</el-button>
<el-button type="primary" @click="goNewFeasibility">{{ TEXT.modules.startupFeasibilityEthics.feasibilityNewTitle }}</el-button>
</div>
<el-table :data="feasibilityItems" v-loading="loadingFeasibility" style="width: 100%">
<el-table-column prop="submit_date" label="递交日期" width="140">
<el-table-column prop="submit_date" :label="TEXT.common.fields.submitDate" width="140">
<template #default="scope">{{ displayDate(scope.row.submit_date) }}</template>
</el-table-column>
<el-table-column prop="accept_date" label="受理日期" width="140">
<el-table-column prop="accept_date" :label="TEXT.common.fields.acceptDate" width="140">
<template #default="scope">{{ displayDate(scope.row.accept_date) }}</template>
</el-table-column>
<el-table-column prop="approved_date" label="同意日期" width="140">
<el-table-column prop="approved_date" :label="TEXT.common.fields.approvedDate" width="140">
<template #default="scope">{{ displayDate(scope.row.approved_date) }}</template>
</el-table-column>
<el-table-column prop="project_no" label="项目编号" min-width="160" />
<el-table-column label="操作" width="200">
<el-table-column prop="project_no" :label="TEXT.common.fields.projectNo" min-width="160" />
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goFeasibilityDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goFeasibilityEdit(scope.row.id)">编辑</el-button>
<el-button link type="primary" size="small" @click="goFeasibilityDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goFeasibilityEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loadingFeasibility && feasibilityItems.length === 0" description="暂无立项记录" />
<StateEmpty v-if="!loadingFeasibility && feasibilityItems.length === 0" :description="TEXT.modules.startupFeasibilityEthics.emptyFeasibility" />
</el-tab-pane>
<el-tab-pane label="伦理记录" name="ethics">
<el-tab-pane :label="TEXT.modules.startupFeasibilityEthics.ethicsTab" name="ethics">
<div class="tab-actions">
<el-button type="primary" @click="goNewEthics">新增伦理记录</el-button>
<el-button type="primary" @click="goNewEthics">{{ TEXT.modules.startupFeasibilityEthics.ethicsNewTitle }}</el-button>
</div>
<el-table :data="ethicsItems" v-loading="loadingEthics" style="width: 100%">
<el-table-column prop="submit_date" label="递交日期" width="140">
<el-table-column prop="submit_date" :label="TEXT.common.fields.submitDate" width="140">
<template #default="scope">{{ displayDate(scope.row.submit_date) }}</template>
</el-table-column>
<el-table-column prop="accept_date" label="受理日期" width="140">
<el-table-column prop="accept_date" :label="TEXT.common.fields.acceptDate" width="140">
<template #default="scope">{{ displayDate(scope.row.accept_date) }}</template>
</el-table-column>
<el-table-column prop="meeting_date" label="会议日期" width="140">
<el-table-column prop="meeting_date" :label="TEXT.common.fields.meetingDate" width="140">
<template #default="scope">{{ displayDate(scope.row.meeting_date) }}</template>
</el-table-column>
<el-table-column prop="approved_date" label="批准日期" width="140">
<el-table-column prop="approved_date" :label="TEXT.common.fields.approvedDate" width="140">
<template #default="scope">{{ displayDate(scope.row.approved_date) }}</template>
</el-table-column>
<el-table-column prop="approval_no" label="批件号" min-width="160" />
<el-table-column label="操作" width="200">
<el-table-column prop="approval_no" :label="TEXT.common.fields.approvalNo" min-width="160" />
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goEthicsDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goEthicsEdit(scope.row.id)">编辑</el-button>
<el-button link type="primary" size="small" @click="goEthicsDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goEthicsEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loadingEthics && ethicsItems.length === 0" description="暂无伦理记录" />
<StateEmpty v-if="!loadingEthics && ethicsItems.length === 0" :description="TEXT.modules.startupFeasibilityEthics.emptyEthics" />
</el-tab-pane>
</el-tabs>
</el-card>
@@ -73,6 +73,7 @@ import { useStudyStore } from "../../store/study";
import { listFeasibility, listEthics } from "../../api/startup";
import { displayDate } from "../../utils/display";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
const router = useRouter();
const study = useStudyStore();
@@ -90,7 +91,7 @@ const loadFeasibility = async () => {
const { data } = await listFeasibility(studyId);
feasibilityItems.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loadingFeasibility.value = false;
}
@@ -104,7 +105,7 @@ const loadEthics = async () => {
const { data } = await listEthics(studyId);
ethicsItems.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loadingEthics.value = false;
}
frontend/src/views/ia/StartupMeetingAuth.vue
+27 -26
View File
@@ -2,61 +2,61 @@
<div class="page">
<div class="page-header">
<div>
<h1 class="page-title">启动与授权</h1>
<p class="page-subtitle">管理启动会记录与人员培训授权</p>
<h1 class="page-title">{{ TEXT.modules.startupMeetingAuth.title }}</h1>
<p class="page-subtitle">{{ TEXT.modules.startupMeetingAuth.subtitle }}</p>
</div>
</div>
<el-card>
<el-tabs v-model="activeTab">
<el-tab-pane label="启动会记录" name="kickoff">
<el-tab-pane :label="TEXT.modules.startupMeetingAuth.kickoffTab" name="kickoff">
<div class="tab-actions">
<el-button type="primary" @click="goNewKickoff">新增启动会</el-button>
<el-button type="primary" @click="goNewKickoff">{{ TEXT.modules.startupMeetingAuth.kickoffNewTitle }}</el-button>
</div>
<el-table :data="kickoffItems" v-loading="loadingKickoff" style="width: 100%">
<el-table-column prop="kickoff_date" label="启动会日期" width="160">
<el-table-column prop="kickoff_date" :label="TEXT.common.fields.kickoffDate" width="160">
<template #default="scope">{{ displayDate(scope.row.kickoff_date) }}</template>
</el-table-column>
<el-table-column prop="attendees" label="参训人员" min-width="200">
<el-table-column prop="attendees" :label="TEXT.common.fields.attendees" min-width="200">
<template #default="scope">
{{ (scope.row.attendees || []).join("、") || "—" }}
{{ (scope.row.attendees || []).join("、") || TEXT.common.fallback }}
</template>
</el-table-column>
<el-table-column label="操作" width="200">
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goKickoffDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goKickoffEdit(scope.row.id)">编辑</el-button>
<el-button link type="primary" size="small" @click="goKickoffDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goKickoffEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loadingKickoff && kickoffItems.length === 0" description="暂无启动会记录" />
<StateEmpty v-if="!loadingKickoff && kickoffItems.length === 0" :description="TEXT.modules.startupMeetingAuth.emptyKickoff" />
</el-tab-pane>
<el-tab-pane label="培训与授权" name="training">
<el-tab-pane :label="TEXT.modules.startupMeetingAuth.trainingTab" name="training">
<div class="tab-actions">
<el-button type="primary" @click="goNewTraining">新增人员</el-button>
<el-button type="primary" @click="goNewTraining">{{ TEXT.modules.startupMeetingAuth.trainingNewTitle }}</el-button>
</div>
<el-table :data="trainingItems" v-loading="loadingTraining" style="width: 100%">
<el-table-column prop="name" label="姓名" min-width="140" />
<el-table-column prop="role" label="角色" min-width="120" />
<el-table-column prop="site_name" label="分中心" min-width="140" />
<el-table-column label="已培训" width="120">
<el-table-column prop="name" :label="TEXT.common.fields.name" min-width="140" />
<el-table-column prop="role" :label="TEXT.common.labels.role" min-width="120" />
<el-table-column prop="site_name" :label="TEXT.common.fields.site" min-width="140" />
<el-table-column :label="TEXT.common.fields.trained" width="120">
<template #default="scope">
<el-checkbox v-model="scope.row.trained" @change="toggleTraining(scope.row)" />
</template>
</el-table-column>
<el-table-column label="已授权" width="120">
<el-table-column :label="TEXT.common.fields.authorized" width="120">
<template #default="scope">
<el-checkbox v-model="scope.row.authorized" @change="toggleTraining(scope.row)" />
</template>
</el-table-column>
<el-table-column label="操作" width="200">
<el-table-column :label="TEXT.common.labels.actions" width="200">
<template #default="scope">
<el-button link type="primary" size="small" @click="goTrainingDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goTrainingEdit(scope.row.id)">编辑</el-button>
<el-button link type="primary" size="small" @click="goTrainingDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goTrainingEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loadingTraining && trainingItems.length === 0" description="暂无培训授权人员" />
<StateEmpty v-if="!loadingTraining && trainingItems.length === 0" :description="TEXT.modules.startupMeetingAuth.emptyTraining" />
</el-tab-pane>
</el-tabs>
</el-card>
@@ -71,6 +71,7 @@ import { useStudyStore } from "../../store/study";
import { listKickoffs, listTrainingAuthorizations, updateTrainingAuthorization } from "../../api/startup";
import { displayDate } from "../../utils/display";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
const router = useRouter();
const study = useStudyStore();
@@ -88,7 +89,7 @@ const loadKickoffs = async () => {
const { data } = await listKickoffs(studyId);
kickoffItems.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loadingKickoff.value = false;
}
@@ -102,7 +103,7 @@ const loadTraining = async () => {
const { data } = await listTrainingAuthorizations(studyId);
trainingItems.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loadingTraining.value = false;
}
@@ -116,9 +117,9 @@ const toggleTraining = async (row: any) => {
trained: row.trained,
authorized: row.authorized,
});
ElMessage.success("已保存");
ElMessage.success(TEXT.common.messages.saveSuccess);
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "保存失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.saveFailed);
loadTraining();
}
};
frontend/src/views/ia/SubjectManagement.vue
+27 -24
View File
@@ -2,50 +2,52 @@
<div class="page">
<div class="page-header">
<div>
<h1 class="page-title">受试者管理</h1>
<p class="page-subtitle">受试者、访视与 AE 统一管理</p>
<h1 class="page-title">{{ TEXT.modules.subjectManagement.title }}</h1>
<p class="page-subtitle">{{ TEXT.modules.subjectManagement.subtitle }}</p>
</div>
<el-button type="primary" @click="goNew">新增受试者</el-button>
<el-button type="primary" @click="goNew">{{ TEXT.common.actions.add }}{{ TEXT.modules.subjectManagement.subjectLabel }}</el-button>
</div>
<el-card class="filter-card">
<el-form :inline="true" :model="filters">
<el-form-item label="编号">
<el-input v-model="filters.subject_no" placeholder="输入受试者编号" clearable />
<el-form-item :label="TEXT.common.fields.subjectNo">
<el-input v-model="filters.subject_no" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.subjectNo" clearable />
</el-form-item>
<el-form-item label="状态">
<el-select v-model="filters.status" placeholder="选择状态" clearable>
<el-option label="筛选" value="SCREENING" />
<el-option label="入组" value="ENROLLED" />
<el-option label="完成" value="COMPLETED" />
<el-option label="退出" value="DROPPED" />
<el-form-item :label="TEXT.common.fields.status">
<el-select v-model="filters.status" :placeholder="TEXT.common.placeholders.select" clearable>
<el-option :label="TEXT.enums.subjectStatus.SCREENING" value="SCREENING" />
<el-option :label="TEXT.enums.subjectStatus.ENROLLED" value="ENROLLED" />
<el-option :label="TEXT.enums.subjectStatus.COMPLETED" value="COMPLETED" />
<el-option :label="TEXT.enums.subjectStatus.DROPPED" value="DROPPED" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button @click="resetFilters">重置</el-button>
<el-button type="primary" @click="load">{{ TEXT.common.actions.search }}</el-button>
<el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card>
<el-table :data="items" v-loading="loading" style="width: 100%">
<el-table-column prop="subject_no" label="受试者编号" min-width="140" />
<el-table-column label="分中心" min-width="160">
<template #default="scope">{{ siteMap[scope.row.site_id] || "—" }}</template>
<el-table-column prop="subject_no" :label="TEXT.common.fields.subjectNo" min-width="140" />
<el-table-column :label="TEXT.common.fields.site" min-width="160">
<template #default="scope">{{ siteMap[scope.row.site_id] || TEXT.common.fallback }}</template>
</el-table-column>
<el-table-column prop="status" label="状态" width="120" />
<el-table-column prop="enrollment_date" label="入组日期" width="140">
<el-table-column prop="status" :label="TEXT.common.fields.status" width="120">
<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">
<template #default="scope">{{ displayDate(scope.row.enrollment_date) }}</template>
</el-table-column>
<el-table-column label="操作" width="160">
<el-table-column :label="TEXT.common.labels.actions" width="160">
<template #default="scope">
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">详情</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">编辑</el-button>
<el-button link type="primary" size="small" @click="goDetail(scope.row.id)">{{ TEXT.common.actions.view }}</el-button>
<el-button link type="primary" size="small" @click="goEdit(scope.row.id)">{{ TEXT.common.actions.edit }}</el-button>
</template>
</el-table-column>
</el-table>
<StateEmpty v-if="!loading && items.length === 0" description="暂无受试者记录" />
<StateEmpty v-if="!loading && items.length === 0" :description="TEXT.modules.subjectManagement.empty" />
</el-card>
</div>
</template>
@@ -57,8 +59,9 @@ import { ElMessage } from "element-plus";
import { useStudyStore } from "../../store/study";
import { fetchSubjects } from "../../api/subjects";
import { fetchSites } from "../../api/sites";
import { displayDate } from "../../utils/display";
import { displayDate, displayEnum } from "../../utils/display";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
const router = useRouter();
const study = useStudyStore();
@@ -96,7 +99,7 @@ const load = async () => {
});
items.value = Array.isArray(data) ? data : data.items || [];
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || "加载失败");
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.loadFailed);
} finally {
loading.value = false;
}