This commit is contained in:
姚宇浩 2024-07-13 13:37:35 +08:00
parent 60226c6756
commit 2566b67acf
6 changed files with 33 additions and 26 deletions

View File

@ -24,7 +24,7 @@ const data = reactive({
option: {}, option: {},
bg: [], bg: [],
}); });
const max=ref(100);
const getOption = () => { const getOption = () => {
data.option = { data.option = {
tooltip: { tooltip: {
@ -62,6 +62,7 @@ const getOption = () => {
}, },
yAxis: { yAxis: {
type: "value", type: "value",
max:max,
splitLine: { splitLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -94,9 +95,10 @@ const getOption = () => {
symbol: "emptyCircle", symbol: "emptyCircle",
symbolSize: 10, symbolSize: 10,
label: { label: {
show: true, show: true,
color: "#ffffff", color: "#ffffff",
fontSize:17,
position:'top', position:'top',
formatter: function (data) { formatter: function (data) {
return data.value; return data.value;
@ -138,6 +140,9 @@ const getOption = () => {
], ],
}; };
}; };
const getMaxValue=(arr)=> {
return Math.max(...arr);
}
const setChart = () => { const setChart = () => {
// Vue3 // Vue3
var myChart = echarts.init(chart.value); var myChart = echarts.init(chart.value);
@ -150,6 +155,8 @@ onBeforeMount(() => {
setTimeout(() => { setTimeout(() => {
data.list = props.list; data.list = props.list;
data.year = props.month; data.year = props.month;
max.value=getMaxValue(data.list);
max.value=max.value+20;
// console.log(data.list,props.month,''); // console.log(data.list,props.month,'');
data.year.forEach(() => { data.year.forEach(() => {
data.bg.push(0); data.bg.push(0);

View File

@ -157,6 +157,7 @@ const getOption = () => {
show: true, show: true,
position: "top", position: "top",
color: "#ffffff", color: "#ffffff",
fontSize:'17',
formatter: function (data) { formatter: function (data) {
return data.value; return data.value;
}, },

View File

@ -121,6 +121,7 @@ const getOption = () => {
show: true, show: true,
position: "right", position: "right",
color: "#ffffff", color: "#ffffff",
fontSize: 17,
formatter: function (data) { formatter: function (data) {
return data.value; return data.value;
}, },
@ -148,6 +149,7 @@ const getOption = () => {
show: true, show: true,
position: "right", position: "right",
color: "#ffffff", color: "#ffffff",
fontSize: 17,
formatter: function (data) { formatter: function (data) {
return data.value; return data.value;
}, },

View File

@ -96,15 +96,15 @@
class="schoolbs" class="schoolbs"
@click="showDialog('学校', '/api/ggfwyth/schoolList')" @click="showDialog('学校', '/api/ggfwyth/schoolList')"
> >
<span class="spot">初中</span> <span class="spot font" >初中</span>
<span>{{ data.xxgk.czxxsl }}</span> <span class="font">{{ data.xxgk.czxxsl }}</span>
</div> </div>
<div <div
class="schoolbs" class="schoolbs"
@click="showDialog('学校', '/api/ggfwyth/schoolList')" @click="showDialog('学校', '/api/ggfwyth/schoolList')"
> >
<span class="spot">高中</span> <span class="spot font">高中</span>
<span>{{ data.xxgk.gzxxsl }}</span> <span class="font">{{ data.xxgk.gzxxsl }}</span>
</div> </div>
</div> </div>
<div class="grade"> <div class="grade">
@ -112,15 +112,15 @@
class="schoolbs" class="schoolbs"
@click="showDialog('学校', '/api/ggfwyth/schoolList')" @click="showDialog('学校', '/api/ggfwyth/schoolList')"
> >
<span class="spot">小学</span> <span class="spot font">小学</span>
<span>{{ data.xxgk.xxxxsl }}</span> <span class="font">{{ data.xxgk.xxxxsl }}</span>
</div> </div>
<div <div
class="schoolbs" class="schoolbs"
@click="showDialog('学校', '/api/ggfwyth/schoolList')" @click="showDialog('学校', '/api/ggfwyth/schoolList')"
> >
<span class="spot">中职</span> <span class="spot font">中职</span>
<span>{{ data.xxgk.zzxxsl }}</span> <span class="font">{{ data.xxgk.zzxxsl }}</span>
</div> </div>
</div> </div>
<div class="grade grade1"> <div class="grade grade1">
@ -128,16 +128,16 @@
class="schoolbs" class="schoolbs"
@click="showDialog('学校', '/api/ggfwyth/schoolList')" @click="showDialog('学校', '/api/ggfwyth/schoolList')"
> >
<span class="spot">幼儿园</span> <span class="spot font">幼儿园</span>
<span>{{ data.xxgk.yeyxxsl }}</span> <span class="font">{{ data.xxgk.yeyxxsl }}</span>
</div> </div>
<div class="schoolbs"> <div class="schoolbs">
<span <span
class="spot" class="spot font"
@click="showDialog('学校', '/api/ggfwyth/schoolList')" @click="showDialog('学校', '/api/ggfwyth/schoolList')"
>特殊教育</span >特殊教育</span
> >
<span>{{ data.xxgk.tsjyxxsl }}</span> <span class="font">{{ data.xxgk.tsjyxxsl }}</span>
</div> </div>
</div> </div>
</div> </div>
@ -226,7 +226,7 @@
<img src="@/assets/eduImg/jyImg10.png" alt="" /> <img src="@/assets/eduImg/jyImg10.png" alt="" />
<img src="@/assets/eduImg/pp3.gif" alt="" class="ppImg" /> <img src="@/assets/eduImg/pp3.gif" alt="" class="ppImg" />
<div class="historyimg historyimg1"> <div class="historyimg historyimg1">
<span>绿色预警</span> <span style="fontSize:18px;">绿色预警</span>
</div> </div>
</div> </div>
<div class="earlyWarning1"> <div class="earlyWarning1">
@ -236,7 +236,7 @@
<img src="@/assets/eduImg/jyImg9.png" alt="" /> <img src="@/assets/eduImg/jyImg9.png" alt="" />
<img src="@/assets/eduImg/pp2.gif" alt="" class="ppImg" /> <img src="@/assets/eduImg/pp2.gif" alt="" class="ppImg" />
<div class="historyimg historyimg2"> <div class="historyimg historyimg2">
<span>黄色预警</span> <span style="fontSize:18px;">黄色预警</span>
</div> </div>
</div> </div>
<div class="earlyWarning1"> <div class="earlyWarning1">
@ -246,7 +246,7 @@
<img src="@/assets/eduImg/jyImg8.png" alt="" /> <img src="@/assets/eduImg/jyImg8.png" alt="" />
<img src="@/assets/eduImg/pp1.gif" alt="" class="ppImg" /> <img src="@/assets/eduImg/pp1.gif" alt="" class="ppImg" />
<div class="historyimg historyimg3"> <div class="historyimg historyimg3">
<span>红色预警</span> <span style="fontSize:18px;">红色预警</span>
</div> </div>
</div> </div>
</div> </div>
@ -1819,7 +1819,9 @@ onMounted(() => {
} }
} }
} }
.font{
font-size: 16px !important;
}
:deep(.el-table) { :deep(.el-table) {
background: rgba(32, 64, 115, 1); background: rgba(32, 64, 115, 1);
@ -1867,4 +1869,5 @@ onMounted(() => {
font-size: 18px !important; font-size: 18px !important;
} }
} }
</style> </style>

View File

@ -566,13 +566,7 @@
@handle="handlePagination" @handle="handlePagination"
> >
<template #pxkssj="{ currentCol, currentData }"> <template #pxkssj="{ currentCol, currentData }">
<div> <div>{{ currentData.pxkssj }}/{{ currentData.pxjssj }}</div>
{{ currentData.pxkssj.slice(0, 4) }}-{{
currentData.pxkssj.slice(4, 6)
}}-{{ currentData.pxkssj.slice(6, 8) }}/{{
currentData.pxjssj.slice(4, 6)
}}-{{ currentData.pxjssj.slice(6, 8) }}
</div>
</template> </template>
<!-- <template #pxjssj="{ currentCol, currentData }"> <!-- <template #pxjssj="{ currentCol, currentData }">
<div> <div>

View File

@ -459,7 +459,7 @@ onMounted(() => {
setTimeout(()=>{ setTimeout(()=>{
startAutoScroll(); startAutoScroll();
},600) },600)
startAutoSwitching(); // startAutoSwitching();
}); });
onBeforeMount(() => { onBeforeMount(() => {