refactor(financial): 优化财务模块组件结构和交互逻辑

云

4 天以前 b5b12cb8d780bff964b0c7f34e2ccbe5b768bde0

 src/views/financialManagement/voucher/generalLedger.vue

@@ -2,7 +2,7 @@
  <div class="app-container">
    <el-form :model="filters" :inline="true">
      <el-form-item label="会计科目:">
        <el-cascader v-model="filters.subject" :options="subjectOptions" :props="{ label: 'name', value: 'code' }" placeholder="请选择会计科目" clearable style="width: 250px;" filterable />
        <el-cascader v-model="filters.subject" :options="subjectOptions" :props="{ label: 'name', value: 'code', checkStrictly: true }" placeholder="请选择会计科目" clearable style="width: 250px;" filterable />
      </el-form-item>
      <el-form-item label="期间:">
        <el-date-picker v-model="filters.startMonth" type="month" placeholder="开始月份" value-format="YYYY-MM" style="width: 140px;" />
@@ -69,8 +69,8 @@

const filters = reactive({
  subject: [],
  startMonth: "2024-01",
  endMonth: "2024-03",
  startMonth: "",
  endMonth: "",
});

const dataList = ref([]);
@@ -112,11 +112,18 @@
};

const currentSubject = computed(() => {
  if (!filters.subject || filters.subject.length === 0) return null;
  const code = filters.subject[filters.subject.length - 1];
  const code = getSelectedSubjectCode(filters.subject);
  if (!code) return null;
  return findSubject(subjectOptions.value, code);
});

const getSelectedSubjectCode = (subjectValue) => {
  if (Array.isArray(subjectValue)) {
    return subjectValue.length ? subjectValue[subjectValue.length - 1] : "";
  }
  return subjectValue || "";
};

const findSubject = (options, code) => {
  for (const item of options) {
    if (item.code === code) return item;