新增调用外部接口api

wujianwei

1 天以前 d14994e10797ce5bc0d29668d358f7c5274dcc5b

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

@@ -10,22 +10,30 @@
      @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";
@@ -33,6 +41,7 @@
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();
@@ -60,12 +69,12 @@
const option = ref({
  pageKey: 'VoucherSubjectFee',
  rowKey: 'id',
    viewBtn: false,
  viewBtn: false,
  column: {
    // id: {
    //   label: 'ID',
    // },
    accountSet: {
    type: {
      label: '账套',
      minWidth: 120,
      addDisabled: true,
@@ -80,27 +89,27 @@
    },
    subjectName: {
      label: '科目名称',
      type: 'select', // 如果需要树形可以改为 'tree'
      type: 'tree',
      search: true,
      props: {
        label: 'subjectName',
        value: 'subjectName' // 建议绑定 ID 作为 value
        label: 'subjectName', // 下拉树里依然只显示单名（如：差旅费）
        value: 'subjectName'
      },
      // 关键：监听选中值的变化
      change: ({ value, column, item }) => {
        // item 是当前选中的整行数据对象
        if (item) {
          form.value.subjectCode = item.subjectCode; // 赋值科目代码
          form.value.subjectType = item.subjectType; // 赋值科目类别

          // 注意：请确认 listVoucherSubjectSetting 接口返回的对象中有 expenseName 字段
          // 如果接口字段叫 feeName，则改为 item.feeName
        if (item && Object.keys(item).length > 0) {
          form.value.subjectCode = item.subjectCode;
          form.value.subjectType = item.subjectType;
          form.value.feeName = item.expenseName;
        } else {
          // 如果清空了选择，则重置相关字段

          // 【修改点】在选中时，获取隐藏的 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" }],
@@ -228,26 +237,60 @@
      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) {
          // 假设接口返回的数据在 res.data 或 res.rows 中
          const listData = res.rows  || [];
          const listData = res.rows || [];

          // 如果你需要树形展示，可以使用 handleTree 转换
          subjectNameCol.type = 'tree'; 
          subjectNameCol.dicData = proxy.handleTree(listData, "id");
          // 递归函数：计算全路径，使用 / 分隔
          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');

@@ -265,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>