Merge branch 'main' of git.zdool.com:xs/ggfwjsc
This commit is contained in:
commit
cbf2c9ae0d
Binary file not shown.
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
After Width: | Height: | Size: 38 KiB |
|
@ -164,6 +164,7 @@ onMounted(() => {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-left {
|
&-left {
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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();
|
||||||
|
|
|
@ -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) => {
|
||||||
|
|
284
src/view/sy.vue
284
src/view/sy.vue
|
@ -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,7 +101,10 @@
|
||||||
</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>
|
||||||
|
@ -141,35 +129,41 @@
|
||||||
<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>
|
||||||
|
@ -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>
|
||||||
|
@ -325,7 +370,10 @@
|
||||||
</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>
|
||||||
|
@ -345,7 +393,10 @@
|
||||||
</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>
|
||||||
|
@ -362,12 +413,18 @@
|
||||||
{{ 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>
|
||||||
|
@ -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,15 +1078,13 @@ 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>
|
||||||
|
|
|
@ -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;
|
||||||
// 弱势群体补贴
|
// 弱势群体补贴
|
||||||
// 困难残疾人&困难军人&困难职工
|
// 困难残疾人&困难军人&困难职工
|
||||||
// 困难军人
|
// 困难军人
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue