From 3c75ba788897a524771bfde12feddcc94aaf14c6 Mon Sep 17 00:00:00 2001
From: huanghongfeng <huanghongfeng@hnkhzn.com>
Date: 星期二, 22 四月 2025 11:26:02 +0800
Subject: [PATCH] Merge branch 'master' of http://115.159.85.185:8098/r/MeiXinLaiRui/LunDuiYa
---
项目代码/WMS/WIDESEA_WMSClient/src/views/charts/formChart.vue | 118 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 118 insertions(+), 0 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/charts/formChart.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/charts/formChart.vue"
new file mode 100644
index 0000000..25d4f10
--- /dev/null
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/charts/formChart.vue"
@@ -0,0 +1,118 @@
+<template>
+ <div class="c-container">
+ <div class="item">
+ <div class="left">
+ <VolHeader
+ icon="md-apps"
+ text="鏌辩姸鍥�"
+ style="padding-left: 10px; margin-bottom: 5px"
+ ></VolHeader>
+ <div style="height: calc(100% - 45px)" :id="bar"></div>
+ </div>
+ <div class="right">
+ <VolHeader
+ icon="md-apps"
+ text="鍩虹琛ㄥ崟"
+ style="padding-left: 10px; margin-bottom: 20px"
+ ></VolHeader>
+ <VolForm
+ style="padding-right: 30px"
+ ref="myform1"
+ :loadKey="true"
+ :label-width="80"
+ :formFields="formFields1"
+ :formRules="formRules1"
+ ></VolForm>
+ </div>
+ </div>
+
+ <div class="item">
+ <div class="left">
+ <VolHeader
+ icon="md-apps"
+ text="琛ㄥ崟灞炴�у瓧娈靛彧璇�"
+ style="padding-left: 10px; margin-bottom: 20px"
+ ></VolHeader>
+ <VolForm
+ style="padding-right: 30px"
+ ref="myform1"
+ :loadKey="true"
+ :formFields="formFields2"
+ :formRules="formRules2"
+ ></VolForm>
+ </div>
+ <div class="right">
+ <VolHeader
+ icon="md-apps"
+ text="楗肩姸鍥捐〃"
+ style="padding-left: 10px"
+ ></VolHeader>
+ <div style="height: calc(100% - 30px)" :id="pie"></div>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+import VolHeader from '@/components/basic/VolHeader.vue';
+import VolForm from '@/components/basic/VolForm.vue';
+let echarts = require('echarts');
+import options from './chartOptions';
+import {
+ formFields1,
+ formRules1,
+ formFields2,
+ formRules2
+} from './formOptions';
+export default {
+ components: { VolForm, VolHeader },
+ data() {
+ return {
+ formFields1: formFields1,
+ formRules1: formRules1,
+ formFields2: formFields2,
+ formRules2: formRules2,
+ bar: 'b-' + ~~(Math.random(10000, 100000) * 100000),
+ pie: 'p-' + ~~(Math.random(10000, 100000) * 100000),
+ options: options
+ };
+ },
+ mounted() {
+ let $bar = echarts.init(document.getElementById(this.bar));
+ $bar.setOption(this.options.bar);
+
+ this.options.pie.legend.top = 50;
+ this.options.pie.legend.right = 80;
+ this.options.pie.legend.orient = 'vertical';
+ let $pie = echarts.init(document.getElementById(this.pie));
+ $pie.setOption(this.options.pie);
+ }
+};
+</script>
+<style lang="less" scoped>
+.c-container {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ background: #f1f1f1;
+ display: flex;
+ flex-direction: column;
+ padding: 3px;
+ .item {
+ flex:1;
+ height:0;
+ display: flex;
+ > div {
+ flex: 1;
+ width: 0;
+ // margin: 10px;
+ background: #fff;
+ }
+ .left {
+ margin: 4px;
+ }
+ .right {
+ margin: 4px;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3