信息架构/菜单框架大重构-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,143 @@
+<template>
+  <div class="page">
+    <div class="page-header">
+      <div>
+        <h1 class="page-title">{{ isEdit ? "编辑立项记录" : "新增立项记录" }}</h1>
+        <p class="page-subtitle">维护立项递交与审批信息</p>
+      </div>
+      <el-button @click="goBack">返回</el-button>
+    </div>
+
+    <el-card>
+      <el-form :model="form" label-width="120px">
+        <el-form-item label="递交日期">
+          <el-date-picker v-model="form.submit_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" />
+        </el-form-item>
+        <el-form-item label="受理日期">
+          <el-date-picker v-model="form.accept_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" />
+        </el-form-item>
+        <el-form-item label="同意日期">
+          <el-date-picker v-model="form.approved_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" />
+        </el-form-item>
+        <el-form-item label="项目编号">
+          <el-input v-model="form.project_no" placeholder="输入项目编号" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" :loading="saving" @click="submit">保存</el-button>
+          <el-button @click="goBack">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <AttachmentList
+      v-if="isEdit && recordId"
+      :study-id="studyId"
+      entity-type="startup_feasibility"
+      :entity-id="recordId"
+    />
+    <el-card v-else class="hint-card">
+      <StateEmpty description="保存后可上传立项附件" />
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+import { useStudyStore } from "../../store/study";
+import { createFeasibility, getFeasibility, updateFeasibility } from "../../api/startup";
+import AttachmentList from "../../components/attachments/AttachmentList.vue";
+import StateEmpty from "../../components/StateEmpty.vue";
+
+const route = useRoute();
+const router = useRouter();
+const study = useStudyStore();
+const saving = ref(false);
+
+const recordId = computed(() => route.params.recordId as string | undefined);
+const isEdit = computed(() => !!recordId.value);
+const studyId = computed(() => study.currentStudy?.id || "");
+
+const form = reactive({
+  submit_date: "",
+  accept_date: "",
+  approved_date: "",
+  project_no: "",
+});
+
+const load = async () => {
+  if (!isEdit.value || !studyId.value || !recordId.value) return;
+  try {
+    const { data } = await getFeasibility(studyId.value, recordId.value);
+    Object.assign(form, {
+      submit_date: data.submit_date || "",
+      accept_date: data.accept_date || "",
+      approved_date: data.approved_date || "",
+      project_no: data.project_no || "",
+    });
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.message || "加载失败");
+  }
+};
+
+const submit = async () => {
+  if (!studyId.value) return;
+  saving.value = true;
+  try {
+    const payload = {
+      submit_date: form.submit_date || null,
+      accept_date: form.accept_date || null,
+      approved_date: form.approved_date || null,
+      project_no: form.project_no || null,
+    };
+    if (isEdit.value && recordId.value) {
+      await updateFeasibility(studyId.value, recordId.value, payload);
+      ElMessage.success("已保存");
+      router.push(`/startup/feasibility/${recordId.value}`);
+    } else {
+      const { data } = await createFeasibility(studyId.value, payload);
+      ElMessage.success("已创建");
+      router.push(`/startup/feasibility/${data.id}`);
+    }
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.message || "保存失败");
+  } finally {
+    saving.value = false;
+  }
+};
+
+const goBack = () => router.push("/startup/feasibility-ethics");
+
+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);
+}
+
+.hint-card {
+  padding: 12px;
+}
+</style>