管理后台前后端逻辑、UI美化

frontend/src/views/finance/SpecialForm.vue

@@ -11,10 +11,10 @@
     <el-card>
       <el-form :model="form" label-width="110px">
         <el-form-item :label="TEXT.common.fields.site" required>
-          <el-input v-model="form.site_name" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.site" />
+          <el-input v-model="form.site_name" :disabled="isReadOnly" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.site" />
         </el-form-item>
         <el-form-item :label="TEXT.common.fields.type" required>
-          <el-select v-model="form.fee_type" :placeholder="TEXT.common.placeholders.select">
+          <el-select v-model="form.fee_type" :disabled="isReadOnly" :placeholder="TEXT.common.placeholders.select">
             <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" />
@@ -22,19 +22,19 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="TEXT.common.fields.amount" required>
-          <el-input-number v-model="form.amount" :min="0" :precision="2" :step="100" />
+          <el-input-number v-model="form.amount" :disabled="isReadOnly" :min="0" :precision="2" :step="100" />
         </el-form-item>
         <el-form-item :label="TEXT.common.fields.occurDate">
-          <el-date-picker v-model="form.occur_date" type="date" value-format="YYYY-MM-DD" :placeholder="TEXT.common.placeholders.select" />
+          <el-date-picker v-model="form.occur_date" :disabled="isReadOnly" type="date" value-format="YYYY-MM-DD" :placeholder="TEXT.common.placeholders.select" />
         </el-form-item>
         <el-form-item :label="TEXT.common.fields.staff">
-          <el-input v-model="form.staff_name" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.staff" />
+          <el-input v-model="form.staff_name" :disabled="isReadOnly" :placeholder="TEXT.common.placeholders.input + TEXT.common.fields.staff" />
         </el-form-item>
         <el-form-item :label="TEXT.common.fields.remark">
-          <el-input v-model="form.remark" type="textarea" :rows="3" :placeholder="TEXT.common.placeholders.input" />
+          <el-input v-model="form.remark" :disabled="isReadOnly" type="textarea" :rows="3" :placeholder="TEXT.common.placeholders.input" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" :loading="saving" @click="submit">{{ TEXT.common.actions.save }}</el-button>
+          <el-button type="primary" :loading="saving" :disabled="isReadOnly" @click="submit">{{ TEXT.common.actions.save }}</el-button>
           <el-button @click="goBack">{{ TEXT.common.actions.cancel }}</el-button>
         </el-form-item>
       </el-form>
@@ -45,6 +45,7 @@
       :study-id="studyId"
       entity-type="finance_special"
       :entity-id="specialId"
+      :readonly="isReadOnly"
     />
     <el-card v-else class="hint-card">
       <StateEmpty :description="TEXT.modules.financeSpecials.uploadHint" />
@@ -58,6 +59,7 @@ import { useRoute, useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
 import { useStudyStore } from "../../store/study";
 import { createFinanceSpecial, getFinanceSpecial, updateFinanceSpecial } from "../../api/financeSpecials";
+import { fetchSites } from "../../api/sites";
 import AttachmentList from "../../components/attachments/AttachmentList.vue";
 import StateEmpty from "../../components/StateEmpty.vue";
 import { TEXT } from "../../locales";
@@ -66,6 +68,7 @@ const route = useRoute();
 const router = useRouter();
 const study = useStudyStore();
 const saving = ref(false);
+const sites = ref<any[]>([]);
 
 const specialId = computed(() => route.params.specialId as string | undefined);
 const isEdit = computed(() => !!specialId.value);
@@ -80,6 +83,25 @@ const form = reactive({
   remark: "",
 });
 
+const siteActiveMap = computed(() => {
+  const map: Record<string, boolean> = {};
+  sites.value.forEach((site) => {
+    if (site?.name) map[site.name] = !!site.is_active;
+  });
+  return map;
+});
+const isReadOnly = computed(() => isEdit.value && !!form.site_name && siteActiveMap.value[form.site_name] === false);
+
+const loadSites = async () => {
+  if (!studyId.value) return;
+  try {
+    const { data } = await fetchSites(studyId.value, { limit: 500 });
+    sites.value = Array.isArray(data) ? data : data.items || [];
+  } catch {
+    sites.value = [];
+  }
+};
+
 const load = async () => {
   if (!isEdit.value || !studyId.value || !specialId.value) return;
   try {
@@ -99,6 +121,18 @@ const load = async () => {
 
 const submit = async () => {
   if (!studyId.value) return;
+  if (isReadOnly.value) {
+    ElMessage.warning("中心已停用");
+    return;
+  }
+  if (!form.site_name) {
+    ElMessage.warning(TEXT.common.messages.required);
+    return;
+  }
+  if (siteActiveMap.value[form.site_name] === false) {
+    ElMessage.warning("中心已停用");
+    return;
+  }
   saving.value = true;
   try {
     const payload = {
@@ -127,7 +161,10 @@ const submit = async () => {
 
 const goBack = () => router.push("/finance/special");
 
-onMounted(load);
+onMounted(async () => {
+  await loadSites();
+  load();
+});
 </script>
 
 <style scoped>