<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="success"
|
icon="Edit"
|
:disabled="pageF.single"
|
v-hasPermi="['cwgl:estimatedReceivableLog:edit']"
|
@click="handleUpdate">修改
|
</el-button>
|
<el-button
|
type="danger"
|
icon="Delete"
|
:disabled="pageF.multiple"
|
@click="handleDelete"
|
v-hasPermi="['cwgl:estimatedReceivableLog:remove']"
|
>删除
|
</el-button>
|
<el-button
|
type="warning"
|
plain
|
icon="Download"
|
@click="handleExport"
|
v-hasPermi="['cwgl:estimatedReceivableLog:export']"
|
>导出
|
</el-button>
|
</template>
|
</avue-crud>
|
</basicContainer>
|
</template>
|
|
<script setup name="estimatedReceivableLog" lang="ts">
|
import {EstimatedReceivableLogI,addEstimatedReceivableLog, delEstimatedReceivableLog, exportEstimatedReceivableLog, getEstimatedReceivableLog, listEstimatedReceivableLog, updateEstimatedReceivableLog} from "@/api/cwgl/estimatedReceivableLog";
|
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";
|
|
const { proxy } = useCurrentInstance();
|
const crudRef = ref();
|
|
const permissionList = computed(()=>{
|
return {
|
addBtn: hasPermission(["cwgl:estimatedReceivableLog:add"]),
|
delBtn: hasPermission(["cwgl:estimatedReceivableLog:remove"]),
|
editBtn: hasPermission(["cwgl:estimatedReceivableLog:edit"]),
|
viewBtn: hasPermission(["cwgl:estimatedReceivableLog:query"]),
|
}
|
})
|
|
const data = reactive({
|
form:<EstimatedReceivableLogI>{},
|
queryParams:<EstimatedReceivableLogI&PageQueryInterface>{},
|
page: <PagesInterface>{
|
pageSize: 10,
|
total: 0,
|
currentPage: 1,
|
},
|
selectionList:[],
|
})
|
const {queryParams,form,page,selectionList} = toRefs(data);
|
const option = ref({
|
pageKey: 'EstimatedReceivableLog',
|
rowKey: 'id',
|
column: {
|
id: {
|
label: '主键',
|
},
|
estimatedId: {
|
label: '预估应收管理表id',
|
},
|
createBy: {
|
label: '创建者',
|
},
|
createTime: {
|
label: '创建时间',
|
},
|
operation: {
|
label: '操作说明',
|
},
|
}
|
})
|
|
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:listEstimatedReceivableLog,
|
getDetailApi:getEstimatedReceivableLog,
|
exportApi:exportEstimatedReceivableLog,
|
deleteApi:delEstimatedReceivableLog,
|
addApi:addEstimatedReceivableLog,
|
updateApi:updateEstimatedReceivableLog,
|
handleUpdateFunc:()=>{
|
crudRef.value.rowEdit(selectionList.value[0]);
|
},
|
handleSelectionChangeFunc:(selection:any)=>{
|
selectionList.value = selection;
|
}
|
})
|
|
|
</script>
|
