添加热轧原料库存透视表API接口 创建透视表展示组件HotZhaRaw.vue和Perspective.vue 实现数据持久化功能及左右布局管理界面 优化锌卷标签显示样式及字段名称
48 lines
838 B
Vue
48 lines
838 B
Vue
<template>
|
|
<div class="perspective">
|
|
<hot-zha-raw :data="data" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import HotZhaRaw from "@/views/wms/coil/panels/Perspective/HotZhaRaw.vue";
|
|
export default {
|
|
name: 'Perspective',
|
|
props: {
|
|
data: {
|
|
type: Array,
|
|
default: () => ([])
|
|
},
|
|
type: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
title: ''
|
|
}
|
|
},
|
|
components: {
|
|
HotZhaRaw,
|
|
},
|
|
methods: {
|
|
handleSave(data) {
|
|
const dataText = JSON.stringify(data, null, 2);
|
|
this.$emit('save', {
|
|
title: this.title,
|
|
data: dataText,
|
|
type: this.type,
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.perspective {
|
|
width: 100%;
|
|
min-height: 200px;
|
|
font-size: 14px;
|
|
}
|
|
</style> |