增加开票，抬头关联发票抬头管理

sen

2026-02-03 2e217b787931233134f5a656b3bc2503ed034eb7

 ui/admin-ui3/src/views/cwgl/voucherSubjectFee/index.vue

@@ -10,27 +10,38 @@
      @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange"
      @size-change="sizeChange" @on-load="onLoad">
      <template #menu-left>
        <el-button type="success" icon="Edit" :disabled="pageF.single" v-hasPermi="['cwgl:voucherSubjectFee:edit']"
        <!-- <el-button type="success" icon="Edit" :disabled="pageF.single" v-hasPermi="['cwgl:voucherSubjectFee:edit']"
          @click="handleUpdate">修改
        </el-button>
        <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete"
          v-hasPermi="['cwgl:voucherSubjectFee:remove']">删除
        </el-button>
        </el-button> -->
        <el-button type="warning" plain icon="Download" @click="handleExport"
          v-hasPermi="['cwgl:voucherSubjectFee:export']">导出
        </el-button>
      </template>
      <template #menu="{ row, index, size }">

        <el-button type="text" icon="View" @click="handleFlow(row)"
          v-hasPermi="['cwgl:voucherSubjectFee:flow']">日志</el-button>
      </template>
    </avue-crud>
  </basicContainer>
  <OperationLogModal ref="logModalRef" />

</template>

<script setup name="voucherSubjectFee" lang="ts">
import { listVoucherSubjectSetting } from "@/api/cwgl/voucherSubjectSetting";
import { listVoucherSubjectFeeLog, } from "@/api/cwgl/voucherSubjectFeeLog";

import { VoucherSubjectFeeI, addVoucherSubjectFee, delVoucherSubjectFee, exportVoucherSubjectFee, getVoucherSubjectFee, listVoucherSubjectFee, updateVoucherSubjectFee } from "@/api/cwgl/voucherSubjectFee";
import useCurrentInstance from "@/utils/useCurrentInstance";
import { computed, reactive, ref, toRefs } from "vue";
import { PagesInterface, PageQueryInterface } from "@/utils/globalInterface";
import { usePagePlus } from "@/hooks/usePagePlus";
import { hasPermission } from "@/utils/permissionUtils";
import OperationLogModal from '@/components/OperationLogModal/index.vue';

const { proxy } = useCurrentInstance();
const crudRef = ref();
@@ -58,14 +69,13 @@
const option = ref({
  pageKey: 'VoucherSubjectFee',
  rowKey: 'id',
  viewBtn: false,
  column: {
    // id: {
    //   label: 'ID',
    // },

    accountSet: {
      label: '账套',
      search: true,
      minWidth: 120,
      addDisabled: true,
      editDisabled: true,
@@ -77,29 +87,39 @@
        }
      ],
    },
     subjectName: {
    subjectName: {
      label: '科目名称',
      type: 'tree',
      search: true,
      props: {
        label: 'subjectName', // 下拉树里依然只显示单名（如：差旅费）
        value: 'subjectName'
      },
      change: ({ value, column, item }) => {
        if (item && Object.keys(item).length > 0) {
          form.value.subjectCode = item.subjectCode;
          form.value.subjectType = item.subjectType;
          form.value.feeName = item.expenseName;

      rules: [
        {
          required: true,
          message: "科目名称不能为空", trigger: "blur"
          // 【修改点】在选中时，获取隐藏的 fullName（带 / 的全路径）
          // 如果没有 fullName（顶级），则使用原始名称
          form.value.fullPathName = item.fullName || item.subjectName;
        }
      ],
        else if (!value) {
          form.value.subjectCode = '';
          form.value.subjectType = '';
          form.value.feeName = '';
          form.value.fullPathName = '';
        }
      },
      rules: [{ required: true, message: "科目名称不能为空", trigger: "change" }],
    },

    subjectCode: {
      label: '科目代码',
      search: true,
      minWidth: 120,
      rules: [
        {
          required: true,
          message: "科目代码不能为空", trigger: "blur"
        }
      ],
      disabled: true, // 自动带出，设为只读
    },
     subjectType: {
    subjectType: {
      label: '科目类别',
      minWidth: 150,
      minWidth: 120,
@@ -135,7 +155,7 @@
    //     }
    //   ],
    // },
       feeName: {
    feeName: {
      search: true,
      label: '费用名称',
      minWidth: 150,
@@ -161,7 +181,7 @@
        }
      ],
    },
 

    // status: {
    //   label: '状态',
    // },
@@ -203,9 +223,74 @@
    handleUpdateFunc: () => {
      crudRef.value.rowEdit(selectionList.value[0]);
    },
    getBeginListFunc: (params = {}) => {
      // 这里的 params 是 searchChange 等触发时传递的原始参数
      const nextParams = {
        ...params,
        type: activeAccountSet.value // 将当前选中的 Tab 值注入 type 字段
      };
      // 同步更新 queryParams，确保搜索栏状态一致
      queryParams.value = nextParams;
      return nextParams;
    },
    handleSelectionChangeFunc: (selection: any) => {
      selectionList.value = selection;
    }
    },
    // --- 关键修改：处理弹窗打开前的逻辑 ---
    // --- 核心逻辑 1：保存前拦截 ---
    // 在 usePagePlus 的配置对象中
    rowSaveBegin: (row, done) => {
      // 提交时，将 subjectName 替换为我们在 change 时拿到的全路径
      if (row.fullPathName) {
        row.subjectName = row.fullPathName;
      }
      delete row.fullPathName; // 清理临时变量
      done(row);
    },

    rowUpdateBegin: (row, done) => {
      if (row.fullPathName) {
        row.subjectName = row.fullPathName;
      }
      delete row.fullPathName;
      done(row);
    },

    // --- 核心逻辑 3：打开弹窗前加载并处理字典 ---
    handleBeforeOpenFunc: (type: string) => {
      if (type === 'add') {
        form.value.accountSet = activeAccountSet.value;
        form.value.type = activeAccountSet.value;
      }

      listVoucherSubjectSetting({ type: activeAccountSet.value }).then(res => {
        const subjectNameCol = option.value.column.subjectName;
        if (subjectNameCol) {
          const listData = res.rows || [];

          // 递归函数：计算全路径，使用 / 分隔
          const injectFullPath = (list: any[], parentPath = '') => {
            return list.map(item => {
              // 【核心修改点】将拼接符改为 /
              const currentPath = parentPath ? `${parentPath}/${item.subjectName}` : item.subjectName;
              const newItem = {
                ...item,
                fullName: currentPath // 此时 fullName 格式为 "管理费用/差旅费"
              };
              if (newItem.children && newItem.children.length > 0) {
                newItem.children = injectFullPath(newItem.children, currentPath);
              }
              return newItem;
            });
          };

          const treeData = proxy.handleTree(listData, "id");
          subjectNameCol.dicData = injectFullPath(treeData);
        }
      });
    },

    // ... 其他钩子如 handleUpdateFunc, getBeginListFunc 保持不变 ...
  })
const activeAccountSet = ref('0');

@@ -223,4 +308,16 @@
  page.value.currentPage = 1;
  onLoad(page.value, nextParams);
}

const logModalRef = ref(null);
const handleFlow = (row: any) => {
  // 这里可以从 row 中直接获取日志，或者调用后端接口查询
  // 示例模拟数据
  listVoucherSubjectFeeLog({ subjectId: row.id }).then((res) => {
    if (res.code == 200) {
      logModalRef.value.open(res.rows, 'payable');

    }
  });
}
</script>