mirror of
https://github.com/dataease/dataease.git
synced 2025-02-28 07:05:48 +08:00
65 lines
1.0 KiB
Vue
65 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<el-col>
|
||
|
|
<span>{{table.name}}</span>
|
||
|
|
<el-table
|
||
|
|
size="mini"
|
||
|
|
:data="data"
|
||
|
|
height="40vh"
|
||
|
|
border
|
||
|
|
style="width: 100%;margin-top: 6px;">
|
||
|
|
<el-table-column
|
||
|
|
min-width="200px"
|
||
|
|
v-for="field in fields"
|
||
|
|
:key="field.originName"
|
||
|
|
:prop="field.originName"
|
||
|
|
:label="field.name">
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</el-col>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
table: Object
|
||
|
|
},
|
||
|
|
name: "DatasetTableData",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
fields: [],
|
||
|
|
data: []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.initData();
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
initData() {
|
||
|
|
this.resetData();
|
||
|
|
if (this.table.id) {
|
||
|
|
this.$post('/dataset/table/getPreviewData', this.table, response => {
|
||
|
|
this.fields = response.data.fields;
|
||
|
|
this.data = response.data.data;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
resetData() {
|
||
|
|
this.fields = [];
|
||
|
|
this.data = [];
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
table() {
|
||
|
|
this.initData();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|