1 changed files with 49 additions and 49 deletions
@ -1,49 +1,49 @@ |
|||||
<template> |
<template> |
||||
<div> |
<div> |
||||
<el-row> |
<el-row> |
||||
<el-col |
<el-col |
||||
:span="6" |
:span="6" |
||||
> |
> |
||||
<data-dictionary-tree |
<data-dictionary-tree |
||||
@onDataChecked="onDataChecked" |
@onDataChecked="onDataChecked" |
||||
/> |
/> |
||||
</el-col> |
</el-col> |
||||
<el-col :span="18"> |
<el-col :span="18"> |
||||
<el-card> |
<el-card> |
||||
<div |
<div |
||||
slot="header" |
slot="header" |
||||
> |
> |
||||
<span>{{ $t('AppPlatform.Data:Items') }}</span> |
<span>{{ $t('AppPlatform.Data:Items') }}</span> |
||||
</div> |
</div> |
||||
<data-item-table |
<data-item-table |
||||
:data-id="selectDataId" |
:data-id="selectDataId" |
||||
/> |
/> |
||||
</el-card> |
</el-card> |
||||
</el-col> |
</el-col> |
||||
</el-row> |
</el-row> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script lang="ts"> |
<script lang="ts"> |
||||
import { Component, Vue } from 'vue-property-decorator' |
import { Component, Vue } from 'vue-property-decorator' |
||||
import DataItemTable from './components/DataItemTable.vue' |
import DataItemTable from './components/DataItemTable.vue' |
||||
import DataDictionaryTree from './components/DataDictionaryTree.vue' |
import DataDictionaryTree from './components/DataDictionaryTree.vue' |
||||
|
|
||||
@Component({ |
@Component({ |
||||
name: 'DataDictionary', |
name: 'DataDictionary', |
||||
components: { |
components: { |
||||
DataItemTable, |
DataItemTable, |
||||
DataDictionaryTree |
DataDictionaryTree |
||||
} |
} |
||||
}) |
}) |
||||
export default class extends Vue { |
export default class extends Vue { |
||||
private selectDataId = '' |
private selectDataId: string | null = null |
||||
|
|
||||
private onDataChecked(dataId: string) { |
private onDataChecked(dataId: string | null) { |
||||
this.selectDataId = dataId |
this.selectDataId = dataId |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||
</style> |
</style> |
||||
|
|||||
Loading…
Reference in new issue