<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>
|
