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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
| <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:requestLog:edit']"
| @click="handleUpdate">修改
| </el-button>
| <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete"
| v-hasPermi="['cwgl:requestLog:remove']">删除
| </el-button>
| <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['cwgl:requestLog:export']">导出
| </el-button>
| </template> -->
| </avue-crud>
| </basicContainer>
| </template>
|
| <script setup name="requestLog" lang="ts">
| import { RequestLogI, addRequestLog, delRequestLog, exportRequestLog, getRequestLog, listRequestLog, updateRequestLog } from "@/api/cwgl/requestLog";
| 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:requestLog:add"]),
| delBtn: hasPermission(["cwgl:requestLog:remove"]),
| editBtn: hasPermission(["cwgl:requestLog:edit"]),
| viewBtn: hasPermission(["cwgl:requestLog:query"]),
| }
| })
|
| const data = reactive({
| form: <RequestLogI>{},
| queryParams: <RequestLogI & PageQueryInterface>{},
| page: <PagesInterface>{
| pageSize: 10,
| total: 0,
| currentPage: 1,
| },
| selectionList: [],
| })
| const { queryParams, form, page, selectionList } = toRefs(data);
| const option = ref({
| pageKey: 'RequestLog',
| rowKey: 'id',
| menu: false,
| addBtn: false,
| editBtn: false,
| delBtn: false,
| viewBtn: false,
| selection: false,
| searchSpan: 5,
| searchLabelWidth: 100,
| column: {
| // id: {
| // label: '主键',
| // },
| driverCode: {
| label: '司机唯一编号',
| },
| driverName: {
| search: true,
| label: '司机姓名',
| },
| // boxNum: {
| // label: '柜门编号',
| // },
| // createBy: {
| // earch: true,
| // label: '创建者',
| // },
| // createTime: {
| // label: '创建时间',
| // minWidth: 150,
| // search: true,
| // type: 'datetime', // 改为 datetime 类型
| // format: 'YYYY-MM-DD HH:mm:ss',
| // valueFormat: 'YYYY-MM-DD HH:mm:ss',
| // minWidth: 200,
| // },
| reqTime: {
| label: '请求开门时间',
| minWidth: 150,
| search: true,
| type: 'datetime', // 改为 datetime 类型
| format: 'YYYY-MM-DD HH:mm:ss',
| valueFormat: 'YYYY-MM-DD HH:mm:ss',
| },
| // reqTime: {
| // label: '请求时间',
| // minWidth: 150,
| // },
| type: {
| label: '状态',
| dataType: 'string',
| // search: true,
| type: 'select',
| dicUrl: '/system/dict/data/type/sys_return_status',
| },
| // operation: {
| // label: '操作说明',
| // minWidth: 200,
| // },
| }
| })
|
| 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: listRequestLog,
| getDetailApi: getRequestLog,
| exportApi: exportRequestLog,
| deleteApi: delRequestLog,
| addApi: addRequestLog,
| updateApi: updateRequestLog,
| handleUpdateFunc: () => {
| crudRef.value.rowEdit(selectionList.value[0]);
| },
| handleSelectionChangeFunc: (selection: any) => {
| selectionList.value = selection;
| },
| getBeginListFunc: (params = {}) => {
| params.type = 0;
| return params
|
| }
| })
|
|
| </script>
|
|
