<template>
|
<basicContainer>
|
<avue-crud :option="option" :table-loading="pageF.loading" :data="tableData" :page="page"
|
:permission="permissionList" :before-open="beforeOpen" v-model="form" ref="crudRef" @row-update="rowUpdate"
|
@row-save="rowSave" @refresh-change="refreshChange" @row-del="rowDel" @search-change="searchChange"
|
@search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange"
|
@size-change="sizeChange" @on-load="onLoad">
|
<template #menu-left>
|
<el-button type="primary" icon="el-icon-plus" v-hasPermi="['cwgl:payableFeeManagement:add']"
|
@click="showFeeDetail('payable')">新增
|
</el-button>
|
<!-- <el-button type="success" icon="Edit" :disabled="pageF.single" v-hasPermi="['cwgl:payableFeeManagement:edit']"
|
@click="handleUpdate">修改
|
</el-button> -->
|
<!-- <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete"
|
v-hasPermi="['cwgl:payableFeeManagement:remove']">删除
|
</el-button> -->
|
<el-button type="warning" plain icon="Download" @click="handleExport"
|
v-hasPermi="['cwgl:payableFeeManagement:export']">导出
|
</el-button>
|
<el-button type="warning" plain icon="Upload" @click="handleImport"
|
v-hasPermi="['cwgl:payableFeeManagement:import']">导入
|
</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> -->
|
<el-link class="link-btn" type="primary" :underline="false" plain :size="size" icon="el-icon-edit"
|
@click="handleEdit(row)" v-hasPermi="['cwgl:payableFeeManagement:edit']"> 编辑
|
</el-link>
|
<el-link class="link-btn" type="primary" :underline="false" plain :size="size" @click="handleCancellation(row)"
|
v-hasPermi="['cwgl:payableFeeManagement:invalid']"> 作废
|
</el-link>
|
<el-button type="text" icon="View" @click="handleFlow(row)"
|
v-hasPermi="['cwgl:payableFeeManagement:flow']">日志</el-button>
|
</template>
|
</avue-crud>
|
</basicContainer>
|
<FeeDetailModal ref="modalRef" :type="currentType" @submit="handleSave" />
|
<OperationLogModal ref="logModalRef" />
|
|
<XlsFileImport title="应付信息导入" uploadUrl="/asset/management/importData" templateUrl="asset/management/importTemplate"
|
:open="pageF.importOpen" @submit="importSubmit" @cancel="pageF.importOpen = false" />
|
|
|
</template>
|
|
<script setup name="payableFeeManagement" lang="ts">
|
import { PayableFeeManagementI, addPayableFeeManagement, delPayableFeeManagement, exportPayableFeeManagement, getPayableFeeManagement, listPayableFeeManagement, updatePayableFeeManagement } from "@/api/cwgl/payableFeeManagement";
|
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 FeeDetailModal from '@/components/FeeDetailModal/index.vue';
|
import OperationLogModal from '@/components/OperationLogModal/index.vue';
|
|
|
const { proxy } = useCurrentInstance();
|
const crudRef = ref();
|
|
const permissionList = computed(() => {
|
return {
|
addBtn: hasPermission(["cwgl:payableFeeManagement:add"]),
|
delBtn: hasPermission(["cwgl:payableFeeManagement:remove"]),
|
editBtn: hasPermission(["cwgl:payableFeeManagement:edit"]),
|
viewBtn: hasPermission(["cwgl:payableFeeManagement:query"]),
|
}
|
})
|
|
const data = reactive({
|
form: <PayableFeeManagementI>{},
|
queryParams: <PayableFeeManagementI & PageQueryInterface>{},
|
page: <PagesInterface>{
|
pageSize: 10,
|
total: 0,
|
currentPage: 1,
|
},
|
selectionList: [],
|
})
|
const { queryParams, form, page, selectionList } = toRefs(data);
|
const option = ref({
|
pageKey: 'PayableFeeManagement',
|
rowKey: 'id',
|
labelWidth: 150,
|
searchLabelWidth: 120,
|
addBtn: false,
|
column: {
|
// id: {
|
// label: 'ID1',
|
// },
|
systemNo: {
|
label: '系统编号',
|
minWidth: 150,
|
search: true,
|
rules: [
|
{
|
required: true,
|
message: "系统编号不能为空", trigger: "blur"
|
}
|
],
|
},
|
relatedBillNo: {
|
label: '关联账单编号',
|
search: true,
|
minWidth: 150,
|
rules: [
|
{
|
required: true,
|
message: "关联账单编号不能为空", trigger: "blur"
|
}
|
],
|
},
|
sourceSystem: {
|
label: '来源系统',
|
minWidth: 120,
|
type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_system',
|
search: true,
|
rules: [
|
{
|
required: true,
|
message: "来源系统不能为空", trigger: "blur"
|
}
|
],
|
},
|
businessSector: {
|
label: '业务板块',
|
minWidth: 120,
|
type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_business',
|
search: true,
|
// rules: [
|
// {
|
// required: true,
|
// message: "业务板块不能为空", trigger: "blur"
|
// }
|
// ],
|
},
|
documentType: {
|
label: '单据类型',
|
search: true,
|
minWidth: 120,
|
type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_receipts',
|
rules: [
|
{
|
required: true,
|
message: "单据类型不能为空", trigger: "change"
|
}
|
],
|
},
|
documentNo: {
|
label: '单据编号',
|
search: true,
|
minWidth: 150,
|
|
rules: [
|
{
|
required: true,
|
message: "单据编号不能为空", trigger: "blur"
|
}
|
],
|
},
|
isInternalSettlement: {
|
label: '是否内部结算',
|
search: true,
|
minWidth: 150,
|
rules: [
|
{
|
required: true,
|
message: "是否内部结算不能为空", trigger: "blur"
|
}
|
],
|
},
|
internalSettlementUnit: {
|
label: '内部结算单位',
|
search: true,
|
minWidth: 150,
|
|
},
|
supplierName: {
|
label: '供应商名称',
|
search: true,
|
minWidth: 150,
|
|
rules: [
|
{
|
required: true,
|
message: "供应商名称不能为空", trigger: "blur"
|
}
|
],
|
},
|
projectName: {
|
label: '项目名称',
|
search: true,
|
minWidth: 150,
|
|
},
|
businessTime: {
|
label: '业务发生时间',
|
minWidth: 150,
|
|
rules: [
|
{
|
required: true,
|
message: "业务发生时间不能为空", trigger: "blur"
|
}
|
],
|
},
|
payableConfirmTime: {
|
label: '应付确认时间',
|
minWidth: 150,
|
|
rules: [
|
{
|
required: true,
|
message: "应付确认时间不能为空", trigger: "blur"
|
}
|
],
|
},
|
payableAmount: {
|
label: '应付金额',
|
minWidth: 150,
|
|
rules: [
|
{
|
required: true,
|
message: "应付金额不能为空", trigger: "blur"
|
}
|
],
|
},
|
|
// remark: {
|
// label: '备注',
|
// type: 'textarea', minRows: 3, maxRows: 5,
|
// },
|
createBy: {
|
label: '创建人',
|
minWidth: 150,
|
},
|
createTime: {
|
label: '创建时间',
|
minWidth: 150,
|
|
},
|
updateBy: {
|
label: '更新人',
|
minWidth: 150,
|
|
},
|
updateTime: {
|
label: '更新时间',
|
minWidth: 150,
|
|
},
|
status: {
|
label: '状态',
|
minWidth: 150,
|
|
},
|
// deleted: {
|
// label: '删除标记(0:正常;1:删除)',
|
// },
|
}
|
})
|
|
const { tableData, pageF, rowSave, rowUpdate, rowDel, beforeOpen, searchChange,
|
searchReset, selectionChange, onLoad, currentChange, sizeChange, handleDelete, handleExport, handleUpdate, refreshChange } = usePagePlus({
|
form: form,
|
option: option,
|
queryParams: queryParams,
|
idKey: 'id',
|
page: page.value,
|
getListApi: listPayableFeeManagement,
|
getDetailApi: getPayableFeeManagement,
|
exportApi: exportPayableFeeManagement,
|
deleteApi: delPayableFeeManagement,
|
addApi: addPayableFeeManagement,
|
updateApi: updatePayableFeeManagement,
|
handleUpdateFunc: () => {
|
crudRef.value.rowEdit(selectionList.value[0]);
|
},
|
handleSelectionChangeFunc: (selection: any) => {
|
selectionList.value = selection;
|
}
|
})
|
|
const modalRef = ref(null);
|
const currentType = ref('payable');
|
const addIshorw = ref(false);
|
const showFeeDetail = (type) => {
|
currentType.value = type;
|
addIshorw.value = true;
|
modalRef.value.open();
|
};
|
|
/* 编辑 */
|
const handleEdit = (row) => {
|
currentType.value = 'payable';
|
addIshorw.value = false;
|
// getReceivableFeeManagement(row.id).then((res) => {
|
// if (res.code === 200) {
|
// modalRef.value.open(res.data);
|
// }
|
// });
|
|
};
|
/* 新增编辑 */
|
const handleSave = (data, payableFeeDetailList) => {
|
if (addIshorw.value) {
|
data.payableFeeDetailList = payableFeeDetailList;
|
data.status = '0';
|
// addReceivableFeeManagement(data).then((res) => {
|
// if (res.code === 200) {
|
// proxy.$message.success(res.msg);
|
// onLoad(page.value);
|
// modalRef.value.canceleClick();
|
|
// }
|
// })
|
} else {
|
data.payableFeeDetailList = payableFeeDetailList;
|
// updateReceivableFeeManagement(data).then((res) => {
|
// if (res.code === 200) {
|
// proxy.$message.success(res.msg);
|
// onLoad(page.value);
|
// modalRef.value.canceleClick();
|
|
// }
|
// })
|
}
|
};
|
/* 导入 */
|
const handleImport = () => {
|
pageF.importOpen = true;
|
}
|
|
const importSubmit = () => {
|
pageF.importOpen = false;
|
onLoad(page.value);
|
};
|
/* 作废 */
|
const handleCancellation = (row) => {
|
proxy.$confirm('是否确认作废该条数据？', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
// delReceivableFeeManagement(row.id).then((res) => {
|
// if (res.code === 200) {
|
// proxy.$message.success(res.msg);
|
// onLoad(page.value);
|
// }
|
// });
|
})
|
};
|
/* 日志 */
|
const logModalRef = ref(null);
|
const handleFlow = (row: any) => {
|
// 这里可以从 row 中直接获取日志，或者调用后端接口查询
|
// 示例模拟数据
|
const mockLogs = [
|
{ createBy: 'admin', createTime: '2025-12-19 10:00:00', type: 'add', description: '创建应收单据' },
|
{ createBy: '财务专员01', createTime: '2025-12-19 14:30:00', type: 'edit', description: '修改应收金额为 1000.00' }
|
];
|
|
logModalRef.value.open(mockLogs);
|
}
|
</script>
|
