feat(wms): 新增热轧原料库存透视功能及相关组件

添加热轧原料库存透视表API接口
创建透视表展示组件HotZhaRaw.vue和Perspective.vue
实现数据持久化功能及左右布局管理界面
优化锌卷标签显示样式及字段名称

klp-ui/src/views/wms/coil/panels/Perspective/index.vue

@@ -0,0 +1,48 @@
+<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>