feat(ctr): 优化合同类型展示

- 在费用合同和收入合同列表中,将合同类型列的数据通过字典转换为可读性更强的文本
- 新增 useDict 钩子,用于获取字典数据
- 修复了项目用户列表中的部分样式问题
This commit is contained in:
tcy
2025-08-21 12:27:24 +08:00
parent 4c01c0a4a3
commit 3b90f269ae
3 changed files with 93 additions and 83 deletions

View File

@ -56,7 +56,11 @@
<el-table-column type="index" width="50" label="序号" />
<el-table-column label="项目ID" align="center" prop="projectId" />
<el-table-column label="合同编号" align="center" prop="contractCode" />
<el-table-column label="合同类型" align="center" prop="contractType" />
<el-table-column label="合同类型" align="center" prop="contractType">
<template #default="scope">
<dict-tag :options="income_contract_type" :value="scope.row.contractType" />
</template>
</el-table-column>
<el-table-column label="业主单位" align="center" prop="contractOwner" />
<el-table-column label="承包内容" align="center" prop="contractedContent" />
<el-table-column label="合同金额" align="center" prop="amount" />
@ -118,8 +122,11 @@
import { listIncomeContract, getIncomeContract, delIncomeContract, addIncomeContract, updateIncomeContract, getFileList } from '@/api/ctr/incomeContract';
import { IncomeContractVO, IncomeContractQuery, IncomeContractForm } from '@/api/ctr/incomeContract/types';
import FileList from '@/components/FileList/index.vue';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { proxy } = getCurrentInstance();
const { expenses_contract_type, income_contract_type } = toRefs(
proxy?.useDict('income_contract_type', 'expenses_contract_type')
);
const incomeContractList = ref<IncomeContractVO[]>([]);
const buttonLoading = ref(false);
const loading = ref(true);