Step F8：药品管理（IMP）

2025-12-17 12:46:58 +08:00
parent 88d2502812
commit 25fa11b9cc
49 changed files with 989 additions and 4 deletions
@@ -0,0 +1,118 @@
+<template>
+  <el-dialog :model-value="modelValue" :title="isEdit ? '编辑批次' : '新增批次'" width="520px" @close="close">
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
+      <el-form-item label="产品" prop="product_id">
+        <el-select v-model="form.product_id" placeholder="请选择">
+          <el-option v-for="p in products" :key="p.id" :label="p.name" :value="p.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="批号" prop="batch_no">
+        <el-input v-model="form.batch_no" />
+      </el-form-item>
+      <el-form-item label="失效日期">
+        <el-date-picker v-model="form.expiry_date" type="date" value-format="YYYY-MM-DD" />
+      </el-form-item>
+      <el-form-item label="生产日期">
+        <el-date-picker v-model="form.manufacture_date" type="date" value-format="YYYY-MM-DD" />
+      </el-form-item>
+      <el-form-item label="状态">
+        <el-select v-model="form.status">
+          <el-option label="ACTIVE" value="ACTIVE" />
+          <el-option label="QUARANTINED" value="QUARANTINED" />
+          <el-option label="EXPIRED" value="EXPIRED" />
+          <el-option label="CLOSED" value="CLOSED" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="close">取消</el-button>
+      <el-button type="primary" :loading="submitting" @click="onSubmit">保存</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from "vue";
+import { ElMessage, FormInstance, FormRules } from "element-plus";
+import { useStudyStore } from "../store/study";
+import { createImpBatch, updateImpBatch } from "../api/impBatches";
+
+const props = defineProps<{ modelValue: boolean; batch?: any; products: any[] }>();
+const emit = defineEmits(["update:modelValue", "success"]);
+
+const study = useStudyStore();
+const formRef = ref<FormInstance>();
+const submitting = ref(false);
+
+const form = reactive({
+  product_id: "",
+  batch_no: "",
+  expiry_date: "",
+  manufacture_date: "",
+  status: "ACTIVE",
+});
+
+const rules: FormRules = {
+  product_id: [{ required: true, message: "请选择产品", trigger: "change" }],
+  batch_no: [{ required: true, message: "请输入批号", trigger: "blur" }],
+};
+
+const isEdit = computed(() => !!props.batch);
+
+const reset = () => {
+  form.product_id = "";
+  form.batch_no = "";
+  form.expiry_date = "";
+  form.manufacture_date = "";
+  form.status = "ACTIVE";
+};
+
+watch(
+  () => props.batch,
+  (val) => {
+    if (val) {
+      form.product_id = val.product_id;
+      form.batch_no = val.batch_no;
+      form.expiry_date = val.expiry_date || "";
+      form.manufacture_date = val.manufacture_date || "";
+      form.status = val.status || "ACTIVE";
+    } else {
+      reset();
+    }
+  },
+  { immediate: true }
+);
+
+const close = () => emit("update:modelValue", false);
+
+const onSubmit = async () => {
+  if (!study.currentStudy || !formRef.value) return;
+  await formRef.value.validate();
+  submitting.value = true;
+  try {
+    if (isEdit.value && props.batch) {
+      const payload = {
+        status: form.status,
+        expiry_date: form.expiry_date || null,
+        manufacture_date: form.manufacture_date || null,
+      };
+      await updateImpBatch(study.currentStudy.id, props.batch.id, payload);
+    } else {
+      const payload = {
+        product_id: form.product_id,
+        batch_no: form.batch_no,
+        expiry_date: form.expiry_date || null,
+        manufacture_date: form.manufacture_date || null,
+      };
+      await createImpBatch(study.currentStudy.id, payload);
+    }
+    ElMessage.success("保存成功");
+    emit("success");
+    close();
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.message || "保存失败");
+  } finally {
+    submitting.value = false;
+  }
+};
+</script>
@@ -0,0 +1,106 @@
+<template>
+  <el-dialog :model-value="modelValue" :title="isEdit ? '编辑产品' : '新增产品'" width="520px" @close="close">
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <el-form-item label="剂型">
+        <el-input v-model="form.form" />
+      </el-form-item>
+      <el-form-item label="规格">
+        <el-input v-model="form.strength" />
+      </el-form-item>
+      <el-form-item label="单位" prop="unit">
+        <el-input v-model="form.unit" />
+      </el-form-item>
+      <el-form-item label="描述">
+        <el-input v-model="form.description" type="textarea" rows="2" />
+      </el-form-item>
+      <el-form-item label="启用">
+        <el-switch v-model="form.is_active" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="close">取消</el-button>
+      <el-button type="primary" :loading="submitting" @click="onSubmit">保存</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from "vue";
+import { ElMessage, FormInstance, FormRules } from "element-plus";
+import { useStudyStore } from "../store/study";
+import { createImpProduct, updateImpProduct } from "../api/impProducts";
+
+const props = defineProps<{ modelValue: boolean; product?: any }>();
+const emit = defineEmits(["update:modelValue", "success"]);
+
+const study = useStudyStore();
+const formRef = ref<FormInstance>();
+const submitting = ref(false);
+
+const form = reactive({
+  name: "",
+  form: "",
+  strength: "",
+  unit: "",
+  description: "",
+  is_active: true,
+});
+
+const rules: FormRules = {
+  name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+  unit: [{ required: true, message: "请输入单位", trigger: "blur" }],
+};
+
+const isEdit = computed(() => !!props.product);
+
+const reset = () => {
+  form.name = "";
+  form.form = "";
+  form.strength = "";
+  form.unit = "";
+  form.description = "";
+  form.is_active = true;
+};
+
+watch(
+  () => props.product,
+  (val) => {
+    if (val) {
+      form.name = val.name;
+      form.form = val.form || "";
+      form.strength = val.strength || "";
+      form.unit = val.unit || "";
+      form.description = val.description || "";
+      form.is_active = val.is_active;
+    } else {
+      reset();
+    }
+  },
+  { immediate: true }
+);
+
+const close = () => emit("update:modelValue", false);
+
+const onSubmit = async () => {
+  if (!study.currentStudy || !formRef.value) return;
+  await formRef.value.validate();
+  submitting.value = true;
+  try {
+    if (isEdit.value && props.product) {
+      await updateImpProduct(study.currentStudy.id, props.product.id, form);
+    } else {
+      await createImpProduct(study.currentStudy.id, form);
+    }
+    ElMessage.success("保存成功");
+    emit("success");
+    close();
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.message || "保存失败");
+  } finally {
+    submitting.value = false;
+  }
+};
+</script>
@@ -0,0 +1,104 @@
+<template>
+  <el-dialog :model-value="modelValue" title="新增交易" width="560px" @close="close">
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
+      <el-form-item label="中心" prop="site_id">
+        <el-input v-model="form.site_id" placeholder="Site ID" />
+      </el-form-item>
+      <el-form-item label="批次" prop="batch_id">
+        <el-select v-model="form.batch_id" placeholder="请选择批次">
+          <el-option v-for="b in batches" :key="b.id" :label="b.batch_no" :value="b.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="交易类型" prop="tx_type">
+        <el-select v-model="form.tx_type">
+          <el-option v-for="t in txTypes" :key="t" :label="t" :value="t" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="数量" prop="quantity">
+        <el-input-number v-model="form.quantity" :min="1" :step="1" />
+      </el-form-item>
+      <el-form-item label="受试者ID" :required="form.tx_type === 'DISPENSE'">
+        <el-input v-model="form.subject_id" placeholder="DISPENSE 时必填" />
+      </el-form-item>
+      <el-form-item label="日期" prop="tx_date">
+        <el-date-picker v-model="form.tx_date" type="date" value-format="YYYY-MM-DD" />
+      </el-form-item>
+      <el-form-item label="单号/备注">
+        <el-input v-model="form.reference" />
+      </el-form-item>
+      <el-form-item label="说明">
+        <el-input v-model="form.notes" type="textarea" rows="2" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="close">取消</el-button>
+      <el-button type="primary" :loading="submitting" @click="onSubmit">提交</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from "vue";
+import { ElMessage, FormInstance, FormRules } from "element-plus";
+import { useStudyStore } from "../store/study";
+import { createImpTransaction } from "../api/impTransactions";
+
+const props = defineProps<{ modelValue: boolean; batches: any[] }>();
+const emit = defineEmits(["update:modelValue", "success"]);
+
+const study = useStudyStore();
+const formRef = ref<FormInstance>();
+const submitting = ref(false);
+
+const txTypes = ["RECEIPT", "DISPENSE", "RETURN", "DESTROY", "TRANSFER_IN", "TRANSFER_OUT"];
+
+const form = reactive({
+  site_id: "",
+  batch_id: "",
+  subject_id: "",
+  tx_type: "RECEIPT",
+  quantity: 1,
+  tx_date: "",
+  reference: "",
+  notes: "",
+});
+
+const rules: FormRules = {
+  site_id: [{ required: true, message: "请输入中心ID", trigger: "blur" }],
+  batch_id: [{ required: true, message: "请选择批次", trigger: "change" }],
+  tx_type: [{ required: true, message: "请选择类型", trigger: "change" }],
+  quantity: [{ required: true, message: "请输入数量", trigger: "blur" }],
+  tx_date: [{ required: true, message: "请选择日期", trigger: "change" }],
+};
+
+watch(
+  () => form.tx_type,
+  (val) => {
+    if (val !== "DISPENSE") {
+      form.subject_id = "";
+    }
+  }
+);
+
+const close = () => emit("update:modelValue", false);
+
+const onSubmit = async () => {
+  if (!study.currentStudy || !formRef.value) return;
+  await formRef.value.validate();
+  if (form.tx_type === "DISPENSE" && !form.subject_id) {
+    ElMessage.error("DISPENSE 时受试者必填");
+    return;
+  }
+  submitting.value = true;
+  try {
+    await createImpTransaction(study.currentStudy.id, form);
+    ElMessage.success("创建成功");
+    emit("success");
+    close();
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.message || "创建失败");
+  } finally {
+    submitting.value = false;
+  }
+};
+</script>
@@ -24,6 +24,15 @@
        <el-menu-item index="/study/issues">风险/问题</el-menu-item>
        <el-menu-item index="/study/data-queries">数据问题</el-menu-item>
        <el-menu-item index="/study/verifications">SDV/SDR</el-menu-item>
+        <el-sub-menu index="imp">
+          <template #title>药品</template>
+          <el-menu-item index="/study/imp/inventory">库存</el-menu-item>
+          <el-menu-item index="/study/imp/products">产品</el-menu-item>
+          <el-menu-item index="/study/imp/batches">批次</el-menu-item>
+          <el-menu-item index="/study/imp/transactions">交易台账</el-menu-item>
+        </el-sub-menu>
+        <el-menu-item index="/study/finance">费用</el-menu-item>
+        <el-menu-item index="/study/faq">FAQ</el-menu-item>
      </el-menu>
    </el-aside>
    <el-main>
@@ -46,7 +55,7 @@ const router = useRouter();
 const onLogout = () => {
  auth.logout();
  study.clearCurrentStudy();
-  router.push("/login");
+  router.replace("/login");
 };
 </script>

@@ -18,7 +18,7 @@ const actions = [
  { label: "受试者", path: "/study/subjects" },
  { label: "AE", path: "/study/aes" },
  { label: "数据问题", path: "/study/data-queries" },
-  { label: "药品", path: "/study/imp" },
+  { label: "药品", path: "/study/imp/inventory" },
  { label: "费用", path: "/study/finance" },
  { label: "FAQ", path: "/study/faq" },
 ];