初始化

zhuoyuan.wang

2024-06-19 15ebe96f28cadec6a726c5324593a40bbf56205f

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
<template>
  <app-layout-row>
    <app-layout-col :span="24">
      <app-table-search
        v-bind="searchProps"
      />
    </app-layout-col>
    <app-layout-col :span="24" :top="10">
      <app-table-pro
        v-bind="tableProps"
      />
    </app-layout-col>
  </app-layout-row>
</template>
 
<script setup>
import {useI18n} from 'vue-i18n';
 
const {t} = useI18n();
 
import {meta} from "@/hooks";
 
const {useMetaData} = meta;
 
import {useEntityStore} from '@/store/modules';
 
import {dataFilter} from '@/utils/filter.js';
 
const tableSearchRef = ref();
const tableProRef = ref();
const entityStore = useEntityStore();
 
const props = defineProps({
  subCurrent: {
    type: Function,
    default: () => {
    }
  }
});
 
const [columns, filters, fields] = useMetaData(
  'fee_model_band',
  async () => {
    tableProps.columns = columns;
    searchProps.formFields = filters;
 
    tableProRef.value.$forceUpdate(tableProps);
    tableSearchRef.value.$forceUpdate(searchProps);
  }
);
 
const tableProps = {
  ref: tableProRef,
  requestParams: {
    base: {},
    search: {}
  },
  subRequest: async (page) => {
    const {search, base} = tableProps.requestParams;
    const result = await entityStore.getEntitySet({
      dataName: "fee_model_band",
      filter: Object.keys(base).length > 0 ? `${dataFilter(search, filters)} and group_code = '${base.code}' ` : '1 != 1',
      ...page
    });
    return result;
  },
  subCurrent(row) {
    props.subCurrent({edit: row});
  },
  title: t('views.fee.feeModelBand.IndexPage.BandTable.title'),
  columns: []
};
 
const searchProps = {
  ref: tableSearchRef,
  formFields: [],
  subSubmit: (params) => {
    tableProps.requestParams.search = params;
    tableProRef.value.getTableData(true);
  }
}
 
const onActive = async (active) => {
  tableProps.requestParams.base.code = active.code;
 
  if (!tableProps.columns.length) {
    tableProps.columns = columns;
    searchProps.formFields = filters;
 
    tableProRef.value.$forceUpdate(tableProps);
    tableSearchRef.value.$forceUpdate(searchProps);
  }
 
  tableProRef.value.getTableData(true);
}
 
const onReload = () => {
  tableProRef.value.getTableData(true);
};
 
defineExpose({
  onReload,
  onActive
});
 
</script>