初始化

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
<template>
  <app-page-tab v-bind="tabPageProps">
    <template #header-button="scope">
      <el-button
        size="small"
        icon="Plus"
        type="primary"
        @click="onOpenForm({})">
        {{
          $t('common.button.text.add')
        }}
      </el-button>
      <el-button
        size="small"
        type="primary"
        icon="Edit"
        :disabled="!scope.selected?.edit?.id"
        @click="onOpenForm({...scope.selected.edit})"
      >
        {{ $t('common.button.text.edit') }}
      </el-button>
      <el-button
        :disabled="!scope.selected?.edit?.id"
        size="small"
        type="danger"
        icon="Delete"
        @click="onDelete(scope.selected?.edit)"
      >
      </el-button>
    </template>
    <template #index="scope">
      <index-page v-bind="indexPageProps"/>
    </template>
  </app-page-tab>
</template>
 
<script setup name="agreementDisplay">
import {useI18n} from 'vue-i18n';
 
const {t} = useI18n();
 
import IndexPage from './IndexPage';
 
const pageTabRef = ref();
const indexPageRef = ref();
 
const indexPageProps = {
  ref: indexPageRef,
  subCurrent(row) {
    pageTabRef.value.assignSelected(row);
  }
}
 
const tabPageProps = {
  ref: pageTabRef,
  tabList: [{name: 'index', title: t('views.agreement.agreementDisplay.title')}],
};
 
const onOpenForm = (row) => {
  indexPageRef.value.onOpenForm(row);
}
 
const onDelete = (row) => {
  indexPageRef.value.onDelete(row);
}
 
 
</script>