大屏项目初始化
This commit is contained in:
@@ -9,17 +9,17 @@
|
||||
<div class="erp-section erp-upper-section">
|
||||
<div class="erp-col erp-col-1-3">
|
||||
<div class="erp-card">
|
||||
<ChartV01 :formParams="props.formParams" />
|
||||
<ChartV01 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="erp-col erp-col-1-3">
|
||||
<div class="erp-card">
|
||||
<ChartV02 :formParams="props.formParams" />
|
||||
<ChartV02 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="erp-col erp-col-1-3">
|
||||
<div class="erp-card">
|
||||
<ChartV03 :formParams="props.formParams" />
|
||||
<ChartV03 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -29,19 +29,19 @@
|
||||
<div class="erp-inner-layout">
|
||||
<div class="erp-col erp-col-1-2">
|
||||
<div class="erp-card">
|
||||
<ChartV04 :formParams="props.formParams" />
|
||||
<ChartV04 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="erp-col erp-col-1-2">
|
||||
<div class="erp-card">
|
||||
<ChartV05 :formParams="props.formParams" />
|
||||
<ChartV05 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="erp-col erp-col-1-2">
|
||||
<div class="erp-card">
|
||||
<ChartV06 :formParams="props.formParams" />
|
||||
<ChartV06 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -51,19 +51,19 @@
|
||||
<div class="erp-inner-layout">
|
||||
<div class="erp-col erp-col-1-2">
|
||||
<div class="erp-card">
|
||||
<ChartV07 :formParams="props.formParams" />
|
||||
<ChartV07 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="erp-col erp-col-1-2">
|
||||
<div class="erp-card">
|
||||
<ChartV08 :formParams="props.formParams" />
|
||||
<ChartV08 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="erp-col erp-col-1-2">
|
||||
<div class="erp-card">
|
||||
<ChartV09 :formParams="props.formParams" />
|
||||
<ChartV09 :formParams="FormValues" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -72,6 +72,7 @@
|
||||
|
||||
<script setup>
|
||||
import { ref, watch } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
import ChartTop from './components/ChartTop.vue'
|
||||
import ChartV01 from './components/ChartV01.vue';
|
||||
import ChartV02 from './components/ChartV02.vue';
|
||||
@@ -83,15 +84,17 @@ import ChartV07 from './components/ChartV07.vue';
|
||||
import ChartV08 from './components/ChartV08.vue';
|
||||
import ChartV09 from './components/ChartV09.vue';
|
||||
|
||||
const props = defineProps({
|
||||
formParams: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
const route = useRoute();
|
||||
|
||||
const FormValues = ref({
|
||||
reqParam: route.query.year
|
||||
});
|
||||
|
||||
watch(
|
||||
() => props.formParams,
|
||||
() => route.query.year,
|
||||
(newVal) => {
|
||||
FormValues.value.reqParam = newVal;
|
||||
},
|
||||
{
|
||||
deep: true,
|
||||
immediate: true
|
||||
|
||||
Reference in New Issue
Block a user