初始化

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
<template>
  <app-page-tab v-bind="tabPageProps">
    <template #header-button="scope">
      <el-button
        :disabled="!scope.selected.edit?.id"
        size="small"
        type="danger"
        icon="Delete"
        @click="onDelete(scope.selected.edit)"
      >
      </el-button>
      <el-button
        size="small"
        type="primary"
        icon="Edit"
        :disabled="!scope.selected.edit?.id"
        @click="onDialog(scope.selected.edit)">
        编辑
      </el-button>
      <el-button
        icon="Plus"
        size="small"
        type="primary"
        :disabled="!scope.selected.add?.parent_id"
        @click="onDialog({parent:scope.selected.add})">
        新增
      </el-button>
    </template>
    <template #index="scope">
      <index-page v-bind="indexTableProps"/>
    </template>
  </app-page-tab>
</template>
 
<script setup name="discountAgm">
import {useI18n} from 'vue-i18n';
 
const {t} = useI18n();
 
import IndexPage from './IndexPage';
 
const pageTabRef = ref();
 
 
const tabPageProps = {
  ref: pageTabRef,
  tabList: [{name: 'index', title: t('views.discount.discountAgm.title')}],
};
 
 
const indexTableRef = ref();
 
const indexTableProps = {
  ref: indexTableRef,
  subCurrent(row) {
    pageTabRef.value.assignSelected(row);
  },
};
 
 
const onDialog = (row) => {
  indexTableRef.value.onDialog(row);
}
 
const onDelete = async (row) => {
  indexTableRef.value.onDelete(row);
}
 
</script>