1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
| <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:tmsDispatchOrderLog:edit']"
| @click="handleUpdate">修改
| </el-button>
| <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete"
| v-hasPermi="['tms:tmsDispatchOrderLog:remove']">删除
| </el-button>
| <el-button type="warning" plain icon="Download" @click="handleExport"
| v-hasPermi="['tms:tmsDispatchOrderLog:export']">导出
| </el-button>
| </template>
| </avue-crud>
| </basicContainer>
| </template>
|
| <script setup name="tmsDispatchOrderLog" lang="ts">
| import { TmsDispatchOrderLogI, addTmsDispatchOrderLog, delTmsDispatchOrderLog, exportTmsDispatchOrderLog, getTmsDispatchOrderLog, listTmsDispatchOrderLog, updateTmsDispatchOrderLog } from "@/api/tms/tmsDispatchOrderLog";
| 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:tmsDispatchOrderLog:add"]),
| delBtn: hasPermission(["tms:tmsDispatchOrderLog:remove"]),
| editBtn: hasPermission(["tms:tmsDispatchOrderLog:edit"]),
| viewBtn: hasPermission(["tms:tmsDispatchOrderLog:query"]),
| }
| })
|
| const data = reactive({
| form: <TmsDispatchOrderLogI>{},
| queryParams: <TmsDispatchOrderLogI & PageQueryInterface>{},
| page: <PagesInterface>{
| pageSize: 10,
| total: 0,
| currentPage: 1,
| },
| selectionList: [],
| })
| const { queryParams, form, page, selectionList } = toRefs(data);
| const option = ref({
| pageKey: 'TmsDispatchOrderLog',
| 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,
| },
| node: {
| 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: listTmsDispatchOrderLog,
| getDetailApi: getTmsDispatchOrderLog,
| exportApi: exportTmsDispatchOrderLog,
| deleteApi: delTmsDispatchOrderLog,
| addApi: addTmsDispatchOrderLog,
| updateApi: updateTmsDispatchOrderLog,
| handleUpdateFunc: () => {
| crudRef.value.rowEdit(selectionList.value[0]);
| },
| handleSelectionChangeFunc: (selection: any) => {
| selectionList.value = selection;
| }
| })
|
|
| </script>
|
|
