| | |
| | | </el-button> |
| | | </template> |
| | | <template #menu="{ size, row, index }"> |
| | | <el-link class="link-btn" type="primary" :underline="false" plain |
| | | :size="size" icon="View" @click="handleExamine(row)" v-hasPermi="['cwgl:receivableFeeManagement:view']"> 查看 |
| | | <el-link class="link-btn" type="primary" :underline="false" plain :size="size" icon="View" |
| | | @click="handleExamine(row)" v-hasPermi="['cwgl:receivableFeeManagement:view']"> 查看 |
| | | </el-link> |
| | | <el-link class="link-btn" v-if="row.status == 0" type="primary" :underline="false" plain :size="size" |
| | | icon="el-icon-edit" @click="handleEdit(row)" v-hasPermi="['cwgl:receivableFeeManagement:edit']"> 编辑 |
| | |
| | | <GenerateBillDialog ref="billDialogRef" @confirm="onBillConfirm" /> |
| | | <DetailModal ref="detailModalRef" /> |
| | | <OperationLogModal ref="logModalRef" /> |
| | | <XlsFileImport title="应收信息导入" uploadUrl="/asset/management/importData" templateUrl="asset/management/importTemplate" |
| | | <XlsFileImport title="应收信息导入" uploadUrl="/cwgl/receivableFeeManagement/importTemplate" templateUrl="/cwgl/receivableFeeManagement/importTemplate" |
| | | :open="pageF.importOpen" @submit="importSubmit" @cancel="pageF.importOpen = false" /> |
| | | |
| | | </template> |
| | |
| | | <script setup name="receivableFeeManagement" lang="ts"> |
| | | import { |
| | | ReceivableFeeManagementI, addReceivableFeeManagement, delReceivableFeeManagement, exportReceivableFeeManagement, getReceivableFeeManagement, listReceivableFeeManagement, updateReceivableFeeManagement, |
| | | getStatistics, addCreateBill,receivableFeeManagementVoid |
| | | getStatistics, addCreateBill, receivableFeeManagementVoid |
| | | } from "@/api/cwgl/receivableFeeManagement"; |
| | | import useCurrentInstance from "@/utils/useCurrentInstance"; |
| | | import { computed, reactive, ref, toRefs } from "vue"; |
| | |
| | | import GenerateBillDialog from '@/components/GenerateBillDialog/index.vue'; |
| | | import DetailModal from '@/components/DetailModal/index.vue'; |
| | | import OperationLogModal from '@/components/OperationLogModal/index.vue'; |
| | | import { listReceivableFeeManagementLog} from "@/api/cwgl/receivableFeeManagementLog"; |
| | | import { listReceivableFeeManagementLog } from "@/api/cwgl/receivableFeeManagementLog"; |
| | | |
| | | |
| | | |
| | |
| | | } |
| | | ], |
| | | }, |
| | | receivableAmountStr: { |
| | | label: '应收金额', |
| | | // label: '应收金额描述', |
| | | |
| | | minWidth: 150, |
| | | search: true, |
| | | formatter: (row) => { |
| | | if (!row.receivableAmountStr) return '-'; |
| | | // 将空格替换为换行符。如果后端返回的是 "0港币 2420人民币" |
| | | // 我们将其转换为 "0港币\n2420人民币" |
| | | return row.receivableAmountStr.replace(/\s+/g, '\n'); |
| | | }, |
| | | styles: { |
| | | whiteSpace: 'pre-wrap', |
| | | lineHeight: '1.5' |
| | | }, |
| | | }, |
| | | documentNo: { |
| | | label: '单据编号', |
| | | minWidth: 150, |
| | |
| | | } |
| | | ], |
| | | }, |
| | | isInternalSettlement: { |
| | | isInternalSettlement: { |
| | | label: '是否内部结算', |
| | | search: true, |
| | | minWidth: 120, |
| | |
| | | internalSettlementUnit: { |
| | | label: '内部结算单位', |
| | | minWidth: 150, |
| | | search: true, |
| | | search: true, |
| | | }, |
| | | customerName: { |
| | | label: '客户名称', |
| | |
| | | valueFormat: 'YYYY-MM-DD', |
| | | hide: true |
| | | }, |
| | | receivableAmount: { |
| | | label: '应收金额', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "应收金额不能为空", trigger: "blur" |
| | | } |
| | | ], |
| | | }, |
| | | // receivableAmount: { |
| | | // label: '应收金额', |
| | | // rules: [ |
| | | // { |
| | | // required: true, |
| | | // message: "应收金额不能为空", trigger: "blur" |
| | | // } |
| | | // ], |
| | | // }, |
| | | |
| | | // remark: { |
| | | // label: '备注', |
| | |
| | | search: true, |
| | | label: '状态', |
| | | fixed: 'right', |
| | | search: true, |
| | | minWidth: 120, |
| | | type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_charge', |
| | | }, |
| | |
| | | getStatistics(ids).then((res) => { |
| | | if (res.code === 200) { |
| | | // 打开弹窗并传入数据 |
| | | billDialogRef.value.open(res.data, selectionList.value); |
| | | console.log(selectionList.valu); |
| | | billDialogRef.value.open(res.data, selectionList.value, 'receivable'); |
| | | } |
| | | }); |
| | | // // 打开弹窗并传入数据 |
| | |
| | | billType: obj.billType, |
| | | billName: obj.billName, |
| | | statisticsData: statisticsData, |
| | | customerName: selectionList.value[0].customerName, |
| | | isInternalSettlement: selectionList.value[0].isInternalSettlement, |
| | | internalSettlementUnit: selectionList.value[0].internalSettlementUnit, |
| | | customerName: selectionList.value[0].customerName, |
| | | isInternalSettlement: selectionList.value[0].isInternalSettlement, |
| | | internalSettlementUnit: selectionList.value[0].internalSettlementUnit, |
| | | |
| | | }; |
| | | addCreateBill(payload).then((res) => { |
| | | if (res.code === 200) { |
| | | proxy.$message.success(res.msg); |
| | | billDialogRef.value.cancel(); |
| | | onLoad(page.value); |
| | | |
| | | } |
| | | }); |
| | | |
| | |
| | | const handleFlow = (row: any) => { |
| | | // 这里可以从 row 中直接获取日志,或者调用后端接口查询 |
| | | // 示例模拟数据 |
| | | listReceivableFeeManagementLog({receivableFeeId:row.id}).then((res) => { |
| | | listReceivableFeeManagementLog({ receivableFeeId: row.id }).then((res) => { |
| | | if (res.code == 200) { |
| | | logModalRef.value.open(res.rows); |
| | | logModalRef.value.open(res.rows,'receivable'); |
| | | |
| | | } |
| | | }); |
| | |
| | | }; |
| | | |
| | | </script> |
| | | <style scoped> |
| | | /* 确保 el-table 能够识别换行符 */ |
| | | :deep(.el-table .cell) { |
| | | white-space: pre-wrap !important; |
| | | word-break: break-all; |
| | | } |
| | | </style> |