Merge branch 'main' of git.zdool.com:xs/ggfwjsc

This commit is contained in:
lnn19986213 2024-05-11 16:05:36 +08:00
commit 8ab21e15e3
4 changed files with 102 additions and 28 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

View File

@ -40,6 +40,15 @@ const color = [
const option = {
color,
calculable: true,
legend: {
data: ["总救助金额", "总救助人数"],
top: "8%",
bottom: "9%",
textStyle: {
fontSize: 12,
color: "#ffffff", //
},
},
tooltip: {
trigger: "axis",
formatter: "{b0}<br/> {a1}:{c0}<br/>{a2}:{c1}",
@ -50,15 +59,6 @@ const option = {
},
},
},
legend: {
data: ["总救助金额", "总救助人数"],
top: "8%",
bottom: "9%",
textStyle: {
fontSize: 12,
color: "#ffffff", //
},
},
grid: {
left: "6%",
right: "9%",
@ -312,6 +312,8 @@ const option = {
// ]
};
onMounted(() => {
var myChart = echarts.init(chart.value);
myChart.setOption(option);

View File

@ -4,11 +4,31 @@
<div class="flex1">
<div class="yd_title left_1">
<span class="text">
<img v-if="leftchoose.first == '1'" src="@/assets/images/ylbx_1.png" class="c" style="width: 160px" />
<img v-else src="@/assets/images/ylbx_1_1.png" class="c" @click="change('first', '1')" />
<img v-if="leftchoose.first == '2'" src="@/assets/images/ylbx_1.png" class="c" style="width: 160px" />
<img v-else src="@/assets/images/ylbx_2_1.png" class="c" @click="change('first', '2')"
style="height:35px;width:120px;margin-right:10px;" />
<img
v-if="leftchoose.first == '1'"
src="@/assets/images/ylbx_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/ylbx_1_1.png"
class="c"
@click="change('first', '1')"
/>
<img
v-if="leftchoose.first == '2'"
src="@/assets/images/ylbx_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/ylbx_2_1.png"
class="c"
@click="change('first', '2')"
style="height: 35px; width: 120px; margin-right: 10px"
/>
</span>
</div>
<ePie v-if="leftchoose.first == '1'" :list1="data.leftTop1" :list2="data.leftTop2" :year="data.leftTopYear"></ePie>
@ -17,10 +37,30 @@
<div class="flex1" style="margin-top: 10px">
<div class="yd_title left_2">
<span class="text">
<img v-if="leftchoose.second == '1'" src="@/assets/images/gllrbt_1.png" class="c" style="width: 160px" />
<img v-else src="@/assets/images/gllrbt_1_1.png" class="c" @click="change('second', '1')" />
<img v-if="leftchoose.second == '2'" src="@/assets/images/gllrbt_1.png" class="c" style="width: 160px" />
<img v-else src="@/assets/images/gllrbt_2_1.png" class="c" @click="change('second', '2')" />
<img
v-if="leftchoose.second == '1'"
src="@/assets/images/gllrbt_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/gllrbt_1_1.png"
class="c"
@click="change('second', '1')"
/>
<img
v-if="leftchoose.second == '2'"
src="@/assets/images/gllrbt_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/gllrbt_2_1.png"
class="c"
@click="change('second', '2')"
/>
</span>
</div>
<eP2 v-if="leftchoose.second == '1'"></eP2>
@ -29,10 +69,30 @@
<div class="flex1" style="margin-top: 10px">
<div class="yd_title left_3">
<span class="text">
<img v-if="leftchoose.third == '1'" src="@/assets/images/tkjz_1.png" class="c" style="width: 160px" />
<img v-else src="@/assets/images/tkjz_1_1.png" class="c" @click="change('third', '1')" />
<img v-if="leftchoose.third == '2'" src="@/assets/images/tkjz_1.png" class="c" style="width: 160px" />
<img v-else src="@/assets/images/tkjz_2_1.png" class="c" @click="change('third', '2')" />
<img
v-if="leftchoose.third == '1'"
src="@/assets/images/tkjz_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/tkjz_1_1.png"
class="c"
@click="change('third', '1')"
/>
<img
v-if="leftchoose.third == '2'"
src="@/assets/images/tkjz_1.png"
class="c"
style="width: 160px"
/>
<img
v-else
src="@/assets/images/tkjz_2_1.png"
class="c"
@click="change('third', '2')"
/>
</span>
</div>
<eP3 v-if="leftchoose.third == '1'"></eP3>
@ -64,21 +124,21 @@
<div>
<span>16<span class="unit"></span></span>
</div>
<img src="@/assets/YLimg/ylimg2.png" alt="" />
<img src="@/assets/YLimg/ylimg11.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
</div>
<div class="history1">
<!-- <div class="history1">
<div>
<span>239<span class="unit"></span> </span>
</div>
<img src="@/assets/YLimg/ylimg3.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg6.png" alt="" />
</div>
</div> -->
<div class="history1">
<div>
<span>139<span class="unit"></span></span>
</div>
<img src="@/assets/YLimg/ylimg4.png" alt="" />
<img src="@/assets/YLimg/ylimg12.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" />
</div>
</div>
@ -103,7 +163,11 @@
</div>
<div class="flex1">
<div class="mealAssistance">
<img class="mealAssistanceimg" src="@/assets/YLimg/ylimg7.png" alt="" />
<img
class="mealAssistanceimg"
src="@/assets/YLimg/ylimg7.png"
alt=""
/>
</div>
<ylXZZC></ylXZZC>
</div>
@ -474,7 +538,15 @@ const getData = () => {
display: flex;
flex-direction: column;
align-items: center;
span {
font-family: PangMenZhengDao;
font-size: 26px;
color: #ffffff;
letter-spacing: 1px;
text-align: center;
font-style: normal;
margin-left: 4px;
}
.unit {
font-weight: 500;
font-size: 14px;