This commit is contained in:
parent
60226c6756
commit
2566b67acf
|
@ -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);
|
||||||
|
|
|
@ -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;
|
||||||
},
|
},
|
||||||
|
|
|
@ -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;
|
||||||
},
|
},
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -459,7 +459,7 @@ onMounted(() => {
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
startAutoScroll();
|
startAutoScroll();
|
||||||
},600)
|
},600)
|
||||||
startAutoSwitching();
|
// startAutoSwitching();
|
||||||
});
|
});
|
||||||
|
|
||||||
onBeforeMount(() => {
|
onBeforeMount(() => {
|
||||||
|
|
Loading…
Reference in New Issue