信息架构/菜单框架大重构-20260109

2026-01-09 11:19:04 +08:00
parent ba3cf95b8a
commit 9021c7fe2b
188 changed files with 7632 additions and 11658 deletions
@@ -0,0 +1,150 @@
+<template>
+  <div class="page">
+    <div class="page-header">
+      <div>
+        <h1 class="page-title">药品运输/流向</h1>
+        <p class="page-subtitle">登记寄送与回收信息</p>
+      </div>
+      <el-button type="primary" @click="goNew">新增运输记录</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>
+        <el-form-item label="运单号">
+          <el-input v-model="filters.tracking_no" placeholder="输入运单号" 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-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="load">查询</el-button>
+          <el-button @click="resetFilters">重置</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">
+          <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">
+          <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>
+          </template>
+        </el-table-column>
+      </el-table>
+      <StateEmpty v-if="!loading && items.length === 0" description="暂无运输记录" />
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, reactive, ref } from "vue";
+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 StateEmpty from "../../components/StateEmpty.vue";
+
+const router = useRouter();
+const study = useStudyStore();
+const loading = ref(false);
+const items = ref<any[]>([]);
+const filters = reactive({
+  site_name: "",
+  tracking_no: "",
+  status: "",
+});
+
+const load = async () => {
+  const studyId = study.currentStudy?.id;
+  if (!studyId) return;
+  loading.value = true;
+  try {
+    const { data } = await listDrugShipments(studyId, {
+      site_name: filters.site_name || undefined,
+      tracking_no: filters.tracking_no || undefined,
+      status: filters.status || undefined,
+    });
+    items.value = Array.isArray(data) ? data : data.items || [];
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.message || "加载失败");
+  } finally {
+    loading.value = false;
+  }
+};
+
+const resetFilters = () => {
+  filters.site_name = "";
+  filters.tracking_no = "";
+  filters.status = "";
+  load();
+};
+
+const goNew = () => router.push("/drug/shipments/new");
+const goDetail = (id: string) => router.push(`/drug/shipments/${id}`);
+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);
+  if (!ok) return;
+  try {
+    await deleteDrugShipment(studyId, row.id);
+    ElMessage.success("已删除");
+    load();
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.message || "删除失败");
+  }
+};
+
+onMounted(load);
+</script>
+
+<style scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+}
+
+.page-title {
+  margin: 0;
+  font-size: 22px;
+  font-weight: 600;
+}
+
+.page-subtitle {
+  margin: 6px 0 0;
+  font-size: 13px;
+  color: var(--ctms-text-secondary);
+}
+
+.filter-card :deep(.el-form-item) {
+  margin-bottom: 0;
+}
+</style>