manager/my-bigScreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏项目初始化

Browse Source
This commit is contained in:
gaoxq
2026-02-26 21:58:09 +08:00
parent 28cb663bf3
commit 36c8df2bc4
12 changed files with 410 additions and 400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
screen-vue/src/views/desktop/screen/Erp/index.vue
View File

@@ -10,20 +10,17 @@
<div class="erp-section erp-upper-section">
<div class="erp-col erp-col-1-3">
<div class="erp-card">
<h3>上部列1</h3>
<p>ERP数据面板1</p>
</div>
</div>
<div class="erp-col erp-col-1-3">
<div class="erp-card">
<h3>上部列2</h3>
<p>ERP数据面板2</p>
</div>
</div>
<div class="erp-col erp-col-1-3">
<div class="erp-card">
<h3>上部列3</h3>
<p>ERP数据面板3</p>
<ChartV03 :formParams="props.formParams" />
</div>
</div>
</div>
@@ -33,22 +30,19 @@
<div class="erp-inner-layout">
<div class="erp-col erp-col-1-2">
<div class="erp-card">
<h3>中部左1列</h3>
<p>ERP明细1</p>
<ChartV04 :formParams="props.formParams" />
</div>
</div>
<div class="erp-col erp-col-1-2">
<div class="erp-card">
<h3>中部左2列</h3>
<p>ERP明细2</p>
<ChartV05 :formParams="props.formParams" />
</div>
</div>
</div>
</div>
<div class="erp-col erp-col-1-2">
<div class="erp-card">
<h3>中部右侧列</h3>
<p>ERP核心数据展示</p>
<ChartV01 :formParams="props.formParams" />
</div>
</div>
</div>
@@ -58,22 +52,19 @@
<div class="erp-inner-layout">
<div class="erp-col erp-col-1-2">
<div class="erp-card">
<h3>下部左1列</h3>
<p>ERP统计1</p>
<ChartV06 :formParams="props.formParams" />
</div>
</div>
<div class="erp-col erp-col-1-2">
<div class="erp-card">
<h3>下部左2列</h3>
<p>ERP统计2</p>
<ChartV02 :formParams="props.formParams" />
</div>
</div>
</div>
</div>
<div class="erp-col erp-col-1-2">
<div class="erp-card">
<h3>下部右侧列</h3>
<p>ERP报表/图表展示</p>
<ChartV07 :formParams="props.formParams" />
</div>
</div>
</div>
@@ -81,6 +72,29 @@
</template>
<script setup>
import { ref, watch } from 'vue';
import ChartV01 from './components/ChartV01.vue';
import ChartV02 from './components/ChartV02.vue';
import ChartV03 from './components/ChartV03.vue';
import ChartV04 from './components/ChartV04.vue';
import ChartV05 from './components/ChartV05.vue';
import ChartV06 from './components/ChartV06.vue';
import ChartV07 from './components/ChartV07.vue';
const props = defineProps({
formParams: {
type: Object,
default: () => ({})
}
});
watch(
() => props.formParams,
{
deep: true,
immediate: true
}
);
</script>
<style scoped>
@@ -143,9 +157,9 @@
background-color: rgba(15, 52, 96, 0.9);
border: 1px solid #1a508b;
border-radius: 8px;
padding: 12px;
padding: 2px;
box-sizing: border-box;
display: flex;
display: block;
flex-direction: column;
justify-content: center;
align-items: center;