Merge branch 'main' of git.zdool.com:xs/ggfwjsc
This commit is contained in:
commit
8ab21e15e3
Binary file not shown.
After Width: | Height: | Size: 71 KiB |
Binary file not shown.
After Width: | Height: | Size: 73 KiB |
|
@ -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);
|
||||
|
|
110
src/view/yl.vue
110
src/view/yl.vue
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue