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

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

This commit is contained in:
姚宇浩 2024-06-04 13:42:20 +08:00
parent 9208afcea6 f60440ae5f
commit cbf2c9ae0d
12 changed files with 278 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/sy/jtsy.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
src/assets/images/sy/jyfw.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
src/assets/images/sy/jyfwM.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/images/sy/主页人口.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
src/assets/ylMove.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

1
src/components/header.vue
View File

@ -164,6 +164,7 @@ onMounted(() => {
display: flex; display: flex;
position: absolute; position: absolute;
align-items: center; align-items: center;
z-index: 2;
} }
&-left { &-left {

2
src/view/echarts_work/eP1.vue
View File

@ -302,7 +302,7 @@ onBeforeMount(() => {
setTimeout(() => { setTimeout(() => {
data.list = props.list; data.list = props.list;
setChart1(); setChart1();
console.log(data.list, "教育"); // console.log(data.list, "教育");
getOption(); getOption();
setChart(); setChart();
}, 600); }, 600);

25
src/view/echarts_work/eP3.vue
View File

@ -37,7 +37,7 @@ const data = reactive({
list3: [], list3: [],
lineData: [], lineData: [],
lineData1: [], lineData1: [],
year: [], month: [],
option: {}, option: {},
initialLegendData: ["特困救助金额", "低保救助金额"], initialLegendData: ["特困救助金额", "低保救助金额"],
initialLegendData1: ["特困救助人次", "低保救助人次", "低边救助人次"], initialLegendData1: ["特困救助人次", "低保救助人次", "低边救助人次"],
@ -72,7 +72,7 @@ const getOption = () => {
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
formatter: formatter:
"{b0}<br/> {a0}:{c0}<br/>{a1}:{c1}<br/>{a2}:{c2}<br/>{a3}:{c3}<br/>{a4}:{c4}", "{b0}月<br/> {a0}:{c0}<br/>{a1}:{c1}<br/>{a2}:{c2}<br/>{a3}:{c3}<br/>{a4}:{c4}",
}, },
legend: [ legend: [
{ {
@ -118,12 +118,12 @@ const getOption = () => {
axisTick: { axisTick: {
show: false, // 设置轴刻度不显示 show: false, // 设置轴刻度不显示
}, },
data: data.year, data: data.month,
}, },
{ {
type: "category", type: "category",
show: false, show: false,
data: data.year, data: data.month,
}, },
], ],
yAxis: [ yAxis: [
@ -354,7 +354,7 @@ const getOption = () => {
itemStyle: { itemStyle: {
color: "rgba(180, 180, 180, 0.2)", //外阴影背景 color: "rgba(180, 180, 180, 0.2)", //外阴影背景
}, },
data: data.list.subsidyInformation.map(() => 100), data: data.list.data.map(() => 100),
barWidth: 60, //外阴影背景宽 barWidth: 60, //外阴影背景宽
emphasis: { emphasis: {
itemStyle: { itemStyle: {
@ -436,21 +436,20 @@ const setChart1 = () => {
data.list3 = []; data.list3 = [];
data.lineData = []; data.lineData = [];
data.lineData1 = []; data.lineData1 = [];
data.list.subsidyInformation.forEach((item) => { data.list.data.forEach((item) => {
data.list1.push(item.btsx); //特困补贴金额 data.lineData.push(item.tkjzje); //特困救助金额
data.list2.push(item.btje1); //低保补贴金额 data.lineData1.push(item.dbjzje); //低保救助金额
data.list3.push(item.btje2); //特困补贴人数 data.list1.push(item.tkjzrs); //特困救助人数
data.lineData.push(item.btje3); //低保补贴人数 data.list2.push(item.dbjzrs); //低保救助人数
data.lineData1.push(item.btje4); //低边补贴人数 data.list3.push(item.dibianJzrs); //低边救助人数
}); });
// console.log("补贴人2", data.list1, data.list2);
}; };
// 使用生命钩子 // 使用生命钩子
onBeforeMount(() => { onBeforeMount(() => {
setTimeout(() => { setTimeout(() => {
data.list = props.list; data.list = props.list;
data.year = props.list.year; data.month = props.list.month;
// console.log(data.list, "生活"); // console.log(data.list, "生活");
setChart1(); setChart1();
getOption(); getOption();

10
src/view/hygiene.vue
View File

@ -250,11 +250,11 @@ onBeforeMount(async () => {
}); });
onMounted(() => { onMounted(() => {
startAutoScroll(); startAutoScroll();
console.log( // console.log(
mainRef.value.scrollTop, // mainRef.value.scrollTop,
mainRef.value.scrollHeight, // mainRef.value.scrollHeight,
mainRef.value.clientHeight // mainRef.value.clientHeight
); // );
}); });
const getData = async () => { const getData = async () => {
await http.get("/api/ggfwyth/health").then((res) => { await http.get("/api/ggfwyth/health").then((res) => {

340
src/view/sy.vue
View File

@ -5,9 +5,9 @@
<div class="yd_title left_1"> <div class="yd_title left_1">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
</div> </div>
<div class="left_1_bg"> <div class="left_1_bg">
<div class="item yl_1"> <div class="item yl_1">
@ -16,16 +16,13 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span>
><span class="right"
>{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span
>
</div> </div>
<div class="sr" style="margin-top: 5px"> <div
<span class="left">支出：</span class="sr"
><span class="right" style="margin-top: 5px"
>{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span >
> <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span>
</div> </div>
</div> </div>
</div> </div>
@ -33,16 +30,13 @@
<div class="item_title"><span class="blue">工伤</span>保险</div> <div class="item_title"><span class="blue">工伤</span>保险</div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.gsbxzsr }}万元</span>
><span class="right"
>{{ data.LivelihoodWelfare.gsbxzsr }}万元</span
>
</div> </div>
<div class="sr" style="margin-top: 5px"> <div
<span class="left">支出：</span class="sr"
><span class="right" style="margin-top: 5px"
>{{ data.LivelihoodWelfare.gsbxzzc }}万元</span >
> <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.gsbxzzc }}万元</span>
</div> </div>
</div> </div>
</div> </div>
@ -52,16 +46,13 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span>
><span class="right"
>{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span
>
</div> </div>
<div class="sr" style="margin-top: 5px"> <div
<span class="left">支出：</span class="sr"
><span class="right" style="margin-top: 5px"
>{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span >
> <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span>
</div> </div>
</div> </div>
</div> </div>
@ -71,16 +62,13 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span>
><span class="right"
>{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span
>
</div> </div>
<div class="sr" style="margin-top: 5px"> <div
<span class="left">支出：</span class="sr"
><span class="right" style="margin-top: 5px"
>{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span >
> <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span>
</div> </div>
</div> </div>
</div> </div>
@ -90,16 +78,13 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span>
><span class="right"
>{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span
>
</div> </div>
<div class="sr" style="margin-top: 5px"> <div
<span class="left">支出：</span class="sr"
><span class="right" style="margin-top: 5px"
>{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span >
> <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span>
</div> </div>
</div> </div>
</div> </div>
@ -116,12 +101,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="flex1" style="margin-top: 10px"> <div
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title left_2"> <div class="yd_title left_2">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
</div> </div>
<div class="left_2_top"> <div class="left_2_top">
<div class="item school"> <div class="item school">
@ -141,40 +129,46 @@
<div class="left_2_bottom_item"> <div class="left_2_bottom_item">
<div class="left_2_bottom_item_shang"> <div class="left_2_bottom_item_shang">
<div class="left"> <div class="left">
<span class="span1">{{ jysyList[0].title }}</span <span class="span1">{{ jysyList[0].title }}</span>学校师生比
>学校师生比
</div> </div>
<div class="right"> <div class="right">
<span class="span1">{{ jysyList[0].teacher }}</span <span class="span1">{{ jysyList[0].teacher }}</span>:{{ jysyList[0].student }}
>:{{ jysyList[0].student }}
</div> </div>
</div> </div>
<div class="left_2_bottom_item_xia"> <div class="left_2_bottom_item_xia">
<div class="csbl" :style="cs"></div> <div
class="csbl"
:style="cs"
></div>
</div> </div>
</div> </div>
<div class="left_2_bottom_item"> <div class="left_2_bottom_item">
<div class="left_2_bottom_item_shang"> <div class="left_2_bottom_item_shang">
<div class="left"> <div class="left">
<span class="span2">{{ jysyList[1].title }}</span <span class="span2">{{ jysyList[1].title }}</span>学校师生比
>学校师生比
</div> </div>
<div class="right"> <div class="right">
{{ jysyList[1].teacher }}:{{ jysyList[1].student }} {{ jysyList[1].teacher }}:{{ jysyList[1].student }}
</div> </div>
</div> </div>
<div class="left_2_bottom_item_xia"> <div class="left_2_bottom_item_xia">
<div class="ncbl" :style="nc"></div> <div
class="ncbl"
:style="nc"
></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex1" style="margin-top: 10px"> <div
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title left_3"> <div class="yd_title left_3">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
</div> </div>
<div class="left_3_1"> <div class="left_3_1">
<div <div
@ -183,6 +177,7 @@
> >
<div>{{ data.employmentService.jypx }}</div> <div>{{ data.employmentService.jypx }}</div>
<div>就业培训</div> <div>就业培训</div>
<div class="moveImg"></div>
</div> </div>
<div <div
class="left_3_1_item" class="left_3_1_item"
@ -190,6 +185,7 @@
> >
<div>{{ data.employmentService.jyjxfw }}</div> <div>{{ data.employmentService.jyjxfw }}</div>
<div>就业见习服务</div> <div>就业见习服务</div>
<div class="moveImg"></div>
</div> </div>
<div <div
class="left_3_1_item" class="left_3_1_item"
@ -197,6 +193,7 @@
> >
<div>{{ data.employmentService.jyyz }}</div> <div>{{ data.employmentService.jyyz }}</div>
<div>就业援助</div> <div>就业援助</div>
<div class="moveImg"></div>
</div> </div>
</div> </div>
</div> </div>
@ -204,24 +201,44 @@
<div class="displayFlex center_bg"> <div class="displayFlex center_bg">
<div class="flex1"> <div class="flex1">
<div class="people_total"> <div class="people_total">
<img
src="../assets/images/sy/主页人口.gif"
style="width:70%;height:112%; margin: -2% 15%;"
alt=""
>
<div class="people_total_item left"> <div class="people_total_item left">
<div class="number">{{ data.PopulationData.man }}</div> <div class="number">{{ data.PopulationData.man }}</div>
<img src="../assets/images/sy/man.png" alt="" /> <img
src="../assets/images/sy/man.png"
alt=""
/>
<div class="sex">男性人口</div> <div class="sex">男性人口</div>
</div> </div>
<div class="people_total_item2 center"> <div class="people_total_item2 center">
<img src="../assets/images/sy/people_total.png" alt="" /> <img
src="../assets/images/sy/people_total.png"
alt=""
/>
<div class="number">{{ data.PopulationData.rkzs }}</div> <div class="number">{{ data.PopulationData.rkzs }}</div>
<div class="total">人口总数</div> <div class="total">人口总数</div>
</div> </div>
<div class="people_total_item right"> <div class="people_total_item right">
<div class="number">{{ data.PopulationData.woman }}</div> <div class="number">{{ data.PopulationData.woman }}</div>
<img src="../assets/images/sy/woman.png" alt="" /> <img
src="../assets/images/sy/woman.png"
alt=""
/>
<div class="sex">女性人口</div> <div class="sex">女性人口</div>
</div> </div>
</div> </div>
<ePie2 style="margin-top: 20px" :list="data.ageRatio"></ePie2> <ePie2
<ePie style="margin-bottom: 20px" :list="data.ageGroup"></ePie> style="margin-top: 20px"
:list="data.ageRatio"
></ePie2>
<ePie
style="margin-bottom: 20px"
:list="data.ageGroup"
></ePie>
<div class="table"> <div class="table">
<div class="table_choose"> <div class="table_choose">
<div <div
@ -251,13 +268,20 @@
:header-cell-style="tableHeaderColor" :header-cell-style="tableHeaderColor"
v-if="choose == '1'" v-if="choose == '1'"
> >
<el-table-column prop="company" label="企业名称" width="200" /> <el-table-column
prop="company"
label="企业名称"
width="200"
/>
<el-table-column <el-table-column
prop="address" prop="address"
label="项目事项牵头单位" label="项目事项牵头单位"
width="200" width="200"
/> />
<el-table-column prop="finish" label="完成情况"> <el-table-column
prop="finish"
label="完成情况"
>
<template #default="scope"> <template #default="scope">
<div <div
style="letter-spacing: 3px" style="letter-spacing: 3px"
@ -268,36 +292,57 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="zwfw" v-if="choose == '3'"> <div
class="zwfw"
v-if="choose == '3'"
>
<div class="shang"> <div class="shang">
<div class="shang_item"> <div class="shang_item">
<div class="title">一网通办事</div> <div class="title">一网通办事</div>
<div class="i"><zwfw1 /></div> <div class="i">
<zwfw1 />
</div>
</div> </div>
<div class="shang_item"> <div class="shang_item">
<div class="title">超期受理率</div> <div class="title">超期受理率</div>
<div class="i"><zwfw2 /></div> <div class="i">
<zwfw2 />
</div>
</div> </div>
<div class="shang_item"> <div class="shang_item">
<div class="title">超期办理率</div> <div class="title">超期办理率</div>
<div class="i"><zwfw3 /></div> <div class="i">
<zwfw3 />
</div>
</div> </div>
</div> </div>
<div class="xia"> <div class="xia">
<div class="xia_item"> <div class="xia_item">
<img class="left" src="@/assets/images/sy/zwfw_sl.png" /> <img
class="left"
src="@/assets/images/sy/zwfw_sl.png"
/>
<div class="right"> <div class="right">
<div class="name">平均受理时长</div> <div class="name">平均受理时长</div>
<img class="line" src="@/assets/images/sy/zwfw_line.png" /> <img
class="line"
src="@/assets/images/sy/zwfw_line.png"
/>
<div class="time"><span>0.22</span>小时</div> <div class="time"><span>0.22</span>小时</div>
</div> </div>
</div> </div>
<div class="fgx"></div> <div class="fgx"></div>
<div class="xia_item"> <div class="xia_item">
<img class="left" src="@/assets/images/sy/zwfw_bl.png" /> <img
class="left"
src="@/assets/images/sy/zwfw_bl.png"
/>
<div class="right"> <div class="right">
<div class="name">平均办理时长</div> <div class="name">平均办理时长</div>
<img class="line" src="@/assets/images/sy/zwfw_line.png" /> <img
class="line"
src="@/assets/images/sy/zwfw_line.png"
/>
<div class="time"><span>0.54</span>小时</div> <div class="time"><span>0.54</span>小时</div>
</div> </div>
</div> </div>
@ -310,9 +355,9 @@
<div class="flex1"> <div class="flex1">
<div class="yd_title mechanism"> <div class="yd_title mechanism">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
</div> </div>
<div class="ylws"> <div class="ylws">
<div <div
@ -325,12 +370,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="flex1" style="margin-top: 10px"> <div
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title service"> <div class="yd_title service">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
</div> </div>
<div class="whsy"> <div class="whsy">
<div <div
@ -345,12 +393,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="flex1" style="margin-top: 10px"> <div
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title last"> <div class="yd_title last">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
</div> </div>
<div class="tysy"> <div class="tysy">
<div <div
@ -362,17 +413,23 @@
{{ item.value }}<span>{{ item.dw ? item.dw : "" }}</span> {{ item.value }}<span>{{ item.dw ? item.dw : "" }}</span>
</div> </div>
<img :src="item.img" /> <img :src="item.img" />
<img src="../assets/images/sy/tyBon.png" style="margin-top: -60px;"> <img
src="../assets/images/sy/tyBon.png"
style="margin-top: -60px;"
>
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex1" style="margin-top: 10px"> <div
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title last_1"> <div class="yd_title last_1">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
</div> </div>
</div> </div>
<!-- <table class="table"> <!-- <table class="table">
<tbody> <tbody>
@ -396,7 +453,15 @@
<div class="jtsyBox"> <div class="jtsyBox">
<div class="jtsyBoxtop"> <div class="jtsyBoxtop">
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img :src="data.jtsyList[0].img" alt="" /> <img
:src="data.jtsyList[0].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[0].name }}</div> <div class="jtsyname">{{ data.jtsyList[0].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -410,7 +475,15 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img :src="data.jtsyList[1].img" alt="" /> <img
:src="data.jtsyList[1].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[1].name }}</div> <div class="jtsyname">{{ data.jtsyList[1].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -454,7 +527,15 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img :src="data.jtsyList[4].img" alt="" /> <img
:src="data.jtsyList[4].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[4].name }}</div> <div class="jtsyname">{{ data.jtsyList[4].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -997,16 +1078,14 @@ const jtsyList = ref([
// 县城学校师生比样式 // 县城学校师生比样式
const cs = computed(() => { const cs = computed(() => {
let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${ let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${jysyList.value[0].teacher + jysyList.value[0].student
jysyList.value[0].teacher + jysyList.value[0].student }`;
}`;
return str; return str;
}); });
// 农村学校师生比样式 // 农村学校师生比样式
const nc = computed(() => { const nc = computed(() => {
let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${ let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${jysyList.value[1].teacher + jysyList.value[1].student
jysyList.value[1].teacher + jysyList.value[1].student }`;
}`;
return str; return str;
}); });
// 服务表格样式 // 服务表格样式
@ -1403,7 +1482,6 @@ onBeforeMount(async () => {
} }
} }
.mechanism { .mechanism {
background-image: url(@/assets/images/sy/new_ylws.png); background-image: url(@/assets/images/sy/new_ylws.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1935,19 +2013,47 @@ onBeforeMount(async () => {
//就业服务 //就业服务
.left_3_1 { .left_3_1 {
width: 94%; width: 94%;
margin-top: 15px; margin-top: 40px;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
&_item { &_item {
box-sizing: border-box; box-sizing: border-box;
width: 160px; width: 160px;
height: 133px; height: 112px;
background-image: url(@/assets/images/sy/jyfw.png); background-image: url(@/assets/images/sy/jyfw.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
text-align: center; text-align: center;
padding-top: 22px; position: relative;
.moveImg {
position: absolute;
width: 160px;
height: 140px;
bottom: 18px;
background-image: url(@/assets/images/sy/jyfwM.png);
background-repeat: no-repeat;
background-size: 100% 100%;
animation: example 3s infinite linear;
}
@keyframes example {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-4px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(4px);
}
100% {
transform: translateY(0);
}
}
div:nth-child(1) { div:nth-child(1) {
font-family: PangMenZhengDao, PangMenZhengDao; font-family: PangMenZhengDao, PangMenZhengDao;
@ -2441,13 +2547,22 @@ table {
height: 96px; height: 96px;
margin-right: 4px; margin-right: 4px;
} }
.jtsyBoxtop { .jtsyBoxtop {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
margin-bottom: 15px; margin-bottom: 15px;
padding-top: 20px; padding-top: 20px;
.jtsyBoxtop1 { .jtsyBoxtop1 {
position: relative;
display: flex; display: flex;
.turn {
width: 146px;
height: 104px;
position: absolute;
left: -40px;
top: -31px;
}
span { span {
font-family: TCloudNumber, TCloudNumber; font-family: TCloudNumber, TCloudNumber;
font-weight: 400; font-weight: 400;
@ -2490,6 +2605,14 @@ table {
justify-content: space-between; justify-content: space-between;
.jtsyBoxtop1 { .jtsyBoxtop1 {
display: flex; display: flex;
position: relative;
.turn {
width: 146px;
height: 104px;
position: absolute;
left: -40px;
top: -31px;
}
span { span {
font-family: TCloudNumber, TCloudNumber; font-family: TCloudNumber, TCloudNumber;
font-weight: 400; font-weight: 400;
@ -2527,5 +2650,4 @@ table {
} }
} }
} }
</style> </style>

23
src/view/work.vue
View File

@ -71,7 +71,7 @@
<i></i> <i></i>
</div> </div>
</div> </div>
<eP3 :list="data.lifeAssistance1"></eP3> <eP3 :list="data.salvation"></eP3>
</div> </div>
<div class="flex1"> <div class="flex1">
<div class="fundingBox"> <div class="fundingBox">
@ -272,19 +272,18 @@ const data = reactive({
btje: "11515620", //补贴金额 btje: "11515620", //补贴金额
}, },
], ],
}, //生活类救助模块 }, //一卡通
lifeAssistance1: { salvation: {
subsidyInformation: [ data: [
{ {
nf: "2019", //救助年份 tkjzje:"868.4888", //特困救助金额
btsx: "11", //特困补贴金额 tkjzrs: "9430", //特困救助人数
btje1: "22", //低保补贴金额 dbjzrs: "9430", //低保救助人数
btje2: "33", //特困补贴人数 dbjzje: "868.4888", //低保救助金额
btje3: "44", //低保补贴人数 dibianJzrs: "2310", //低边救助人数
btje4: "55", //低边补贴人数
}, },
], ],
year: ["2019"], month: ["1"],
}, //生活类救助模块 }, //生活类救助模块
difficultSoldiers: { difficultSoldiers: {
data: [ data: [
@ -369,6 +368,8 @@ const getData = async () => {
data.lifeAssistance.subsidyInformation[index].btje = data.lifeAssistance.subsidyInformation[index].btje =
addThousandSeparator((item.btje / 10000).toFixed(2)); addThousandSeparator((item.btje / 10000).toFixed(2));
}); });
// 救助统计图
data.salvation = res.data.lifeAssistance.jz;
// 弱势群体补贴 // 弱势群体补贴
// 困难残疾人&困难军人&困难职工 // 困难残疾人&困难军人&困难职工
// 困难军人 // 困难军人

11
src/view/yl.vue
View File

@ -150,6 +150,7 @@
</div> </div>
</div> </div>
<div class="minTopPart"> <div class="minTopPart">
<div class="moveImg"></div>
<div class="mtpImg1"></div> <div class="mtpImg1"></div>
<div class="mtpImg2"></div> <div class="mtpImg2"></div>
<div class="mtpImg3"></div> <div class="mtpImg3"></div>
@ -1042,6 +1043,16 @@ const getData = async () => {
margin-top: 10px; margin-top: 10px;
position: relative; position: relative;
.moveImg{
position: absolute;
background-image: url(@/assets/ylMove.gif);
background-repeat: no-repeat;
background-size: 100% 100%;
left: 170px;
width: 190px;
height: 173px;
}
.mtpImg1 { .mtpImg1 {
width: 140px; width: 140px;
height: 24px; height: 24px;