xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-06-06 10:11:42 +08:00
parent c89c0df89e
commit efc79484bd
2 changed files with 23 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/view/echarts_yl/ylSMFW.vue
View File

@ -300,22 +300,6 @@ const getOption = () => {
};
};
// // 使用生命钩子
// onMounted(() => {
// // 基于准备好的dom，初始化echarts实例
// // var myChart = echarts.init(document.getElementById('main'));
// // Vue3中： 需要引入
// var myChart = echarts.init(chart.value);
// // init(); // vue3.2没有this
// // 使用刚指定的配置项和数据显示图表。
// myChart.setOption(option);
// // 单图表响应式: 跟随浏览器大小改变
// // window.addEventListener("resize", () => {
// // myChart.resize();
// // });
// });
const setChart = () => {
var myChart = echarts.init(chart.value);
myChart.setOption(data.option);
@ -324,12 +308,16 @@ const setChart = () => {
const setChart1 = () => {
data.list1 = [];
data.list2 = [];
// var myChart = echarts.init(chart.value);
// // 显示加载动画
// myChart.showLoading();
if (data.list.length !== 0) {
// console.log(data.list, "助老服务");
data.list.data.forEach((item) => {
data.list1.push(item.sc); //服务时长
data.list2.push(item.fwcs); //服务次数
});
// // 隐藏加载动画
// myChart.hideLoading();
}
};
@ -338,6 +326,7 @@ onBeforeMount(() => {
setTimeout(() => {
data.list = props.list;
data.day = props.list.day;
console.log(data.list, "助老服务");
setChart1();
getOption();
setChart();

73
src/view/yl.vue
View File

@ -48,10 +48,7 @@
:year="data.leftTopYear"
></ePie2>
</div>
<div
class="flex1"
style="margin-top: 10px"
>
<div class="flex1" style="margin-top: 10px">
<div class="yd_title left_2">
<div class="animate-border">
<i></i>
@ -97,10 +94,7 @@
:year="data.leftCenterYear"
/>
</div>
<div
class="flex1"
style="margin-top: 10px"
>
<div class="flex1" style="margin-top: 10px">
<div class="yd_title left_3">
<div class="animate-border">
<i></i>
@ -192,19 +186,9 @@
<div>
<span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
</div>
<img
src="@/assets/YLimg/ylimg11.png"
alt=""
/>
<img
class="historyimg"
src="@/assets/YLimg/ylimg5.png"
alt=""
/>
<img
src="@/assets/YLimg/yljg.gif"
class="historyMoveImg"
/>
<img src="@/assets/YLimg/ylimg11.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
<img src="@/assets/YLimg/yljg.gif" class="historyMoveImg" />
</div>
<!-- <div class="history1">
<div>
@ -217,19 +201,9 @@
<div>
<span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
</div>
<img
src="@/assets/YLimg/ylimg12.png"
alt=""
/>
<img
class="historyimg"
src="@/assets/YLimg/ylimg10.png"
alt=""
/>
<img
src="@/assets/YLimg/yljg.gif"
class="historyMoveImg"
/>
<img src="@/assets/YLimg/ylimg12.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" />
<img src="@/assets/YLimg/yljg.gif" class="historyMoveImg" />
</div>
</div>
</div>
@ -243,30 +217,14 @@
<div class="serviceBox">
<div class="serviceTop">
<div class="visit">
<img
class="serviceimg"
src="@/assets/YLimg/ylimg8.png"
alt=""
/>
<img class="serviceimg" src="@/assets/YLimg/ylimg8.png" alt="" />
<ylSMFW :list="data.smfwcs"></ylSMFW>
</div>
<div class="medicalService">
<img
class="serviceimg"
src="@/assets/YLimg/ylimg9.png"
alt=""
/>
<img
class="moveYl"
src="@/assets/YLimg/turn.gif"
alt=""
/>
<img class="serviceimg" src="@/assets/YLimg/ylimg9.png" alt="" />
<img class="moveYl" src="@/assets/YLimg/turn.gif" alt="" />
<div class="medicalServiceTop">
<img
class="ylimg"
src="@/assets/YLimg/ylimg1.png"
alt=""
/>
<img class="ylimg" src="@/assets/YLimg/ylimg1.png" alt="" />
<span>36,234</span>
</div>
</div>
@ -439,7 +397,10 @@ const data = reactive({
yljgzlzx: { yljg: "", zlzx: "" },
zccs1: [],
zccs2: [],
smfwcs: [],
smfwcs: {
data: [{ nf: "2024", yf: "5", rq: "22", fwcs: "16", sc: "22" }],
day: ["5.22"],
},
});
onBeforeMount(async () => {
getData();
@ -448,6 +409,7 @@ onBeforeMount(async () => {
const getData = async () => {
await http.get("/api/ggfwyth/yl").then((res) => {
if (res.code == 200) {
console.log(res.data, "养老");
// 养老保险
// 人次
res.data.endowmentInsurance.ffrc.forEach((element) => {
@ -503,7 +465,6 @@ const getData = async () => {
data.yljgzlzx.zlzx = res.data.yljgzlzx.zlzx;
// 助老服务
data.smfwcs = res.data.zlfw.smfwcs;
console.log(data.smfwcs,6666);
// 乡镇助餐次数
res.data.zlfw.xzzccs.forEach((element) => {
data.zccs1.push(element.xzjd); // 地点