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
| <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:fundFlowClaimDetail:edit']"
| @click="handleUpdate">修改
| </el-button>
| <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete"
| v-hasPermi="['cwgl:fundFlowClaimDetail:remove']">删除
| </el-button>
| <el-button type="warning" plain icon="Download" @click="handleExport"
| v-hasPermi="['cwgl:fundFlowClaimDetail:export']">导出
| </el-button>
| </template>
| </avue-crud>
| </basicContainer>
| </template>
|
| <script setup name="fundFlowClaimDetail" lang="ts">
| import { FundFlowClaimDetailI, addFundFlowClaimDetail, delFundFlowClaimDetail, exportFundFlowClaimDetail, getFundFlowClaimDetail, listFundFlowClaimDetail, updateFundFlowClaimDetail } from "@/api/cwgl/fundFlowClaimDetail";
| 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:fundFlowClaimDetail:add"]),
| delBtn: hasPermission(["cwgl:fundFlowClaimDetail:remove"]),
| editBtn: hasPermission(["cwgl:fundFlowClaimDetail:edit"]),
| viewBtn: hasPermission(["cwgl:fundFlowClaimDetail:query"]),
| }
| })
|
| const data = reactive({
| form: <FundFlowClaimDetailI>{},
| queryParams: <FundFlowClaimDetailI & PageQueryInterface>{},
| page: <PagesInterface>{
| pageSize: 10,
| total: 0,
| currentPage: 1,
| },
| selectionList: [],
| })
| const { queryParams, form, page, selectionList } = toRefs(data);
| const option = ref({
| pageKey: 'FundFlowClaimDetail',
| rowKey: 'id',
| column: {
| id: {
| label: '主建',
| },
| fundFlowId: {
| label: '资金流水ID',
| rules: [
| {
| required: true,
| message: "资金流水ID不能为空", trigger: "blur"
| }
| ],
| },
| billNo: {
| label: '账单编号',
| rules: [
| {
| required: true,
| message: "账单编号不能为空", trigger: "blur"
| }
| ],
| },
| relatedCompanyType: {
| label: '关联企业类型',
| },
| relatedCompanyName: {
| label: '关联企业名称',
| },
| billAmount: {
| label: '账单金额',
| },
| billPendingAmount: {
| label: '账单待结算金额',
| },
| claimAmount: {
| label: '认领金额',
| },
| claimDate: {
| label: '认领日期',
| },
| remarks: {
| label: '备注',
| type: 'textarea', minRows: 3, maxRows: 5,
| },
| createBy: {
| label: '创建者',
| },
| createTime: {
| label: '创建时间',
| },
| updateBy: {
| label: '更新者',
| },
| updateTime: {
| label: '更新时间',
| },
| delFlag: {
| 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: listFundFlowClaimDetail,
| getDetailApi: getFundFlowClaimDetail,
| exportApi: exportFundFlowClaimDetail,
| deleteApi: delFundFlowClaimDetail,
| addApi: addFundFlowClaimDetail,
| updateApi: updateFundFlowClaimDetail,
| handleUpdateFunc: () => {
| crudRef.value.rowEdit(selectionList.value[0]);
| },
| handleSelectionChangeFunc: (selection: any) => {
| selectionList.value = selection;
| }
| })
|
|
| </script>
|
|
