<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="['tms:dispatchFeeSummaryViLog:edit']"
|
@click="handleUpdate">修改
|
</el-button>
|
<el-button
|
type="danger"
|
icon="Delete"
|
:disabled="pageF.multiple"
|
@click="handleDelete"
|
v-hasPermi="['tms:dispatchFeeSummaryViLog:remove']"
|
>删除
|
</el-button>
|
<el-button
|
type="warning"
|
plain
|
icon="Download"
|
@click="handleExport"
|
v-hasPermi="['tms:dispatchFeeSummaryViLog:export']"
|
>导出
|
</el-button>
|
</template>
|
</avue-crud>
|
</basicContainer>
|
</template>
|
|
<script setup name="dispatchFeeSummaryViLog" lang="ts">
|
import {DispatchFeeSummaryViLogI,addDispatchFeeSummaryViLog, delDispatchFeeSummaryViLog, exportDispatchFeeSummaryViLog, getDispatchFeeSummaryViLog, listDispatchFeeSummaryViLog, updateDispatchFeeSummaryViLog} from "@/api/tms/dispatchFeeSummaryViLog";
|
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(["tms:dispatchFeeSummaryViLog:add"]),
|
delBtn: hasPermission(["tms:dispatchFeeSummaryViLog:remove"]),
|
editBtn: hasPermission(["tms:dispatchFeeSummaryViLog:edit"]),
|
viewBtn: hasPermission(["tms:dispatchFeeSummaryViLog:query"]),
|
}
|
})
|
|
const data = reactive({
|
form:<DispatchFeeSummaryViLogI>{},
|
queryParams:<DispatchFeeSummaryViLogI&PageQueryInterface>{},
|
page: <PagesInterface>{
|
pageSize: 10,
|
total: 0,
|
currentPage: 1,
|
},
|
selectionList:[],
|
})
|
const {queryParams,form,page,selectionList} = toRefs(data);
|
const option = ref({
|
pageKey: 'DispatchFeeSummaryViLog',
|
rowKey: 'id',
|
column: {
|
id: {
|
label: '',
|
},
|
headId: {
|
label: '头id',
|
rules: [
|
{
|
required: true,
|
message: "头id不能为空", trigger: "blur" }
|
], },
|
createBy: {
|
label: '创建者',
|
},
|
createTime: {
|
label: '创建时间',
|
},
|
notes: {
|
label: '备注',
|
type: 'textarea', minRows: 3, maxRows: 5,
|
},
|
}
|
})
|
|
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:listDispatchFeeSummaryViLog,
|
getDetailApi:getDispatchFeeSummaryViLog,
|
exportApi:exportDispatchFeeSummaryViLog,
|
deleteApi:delDispatchFeeSummaryViLog,
|
addApi:addDispatchFeeSummaryViLog,
|
updateApi:updateDispatchFeeSummaryViLog,
|
handleUpdateFunc:()=>{
|
crudRef.value.rowEdit(selectionList.value[0]);
|
},
|
handleSelectionChangeFunc:(selection:any)=>{
|
selectionList.value = selection;
|
}
|
})
|
|
|
</script>
|
