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

gx

This commit is contained in:
duanxiaohai 2024-06-04 17:25:08 +08:00
parent d339906493
commit 7ed2d182ea
1 changed files with 109 additions and 176 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

285
src/view/sy.vue
View File

@ -2,7 +2,6 @@
<div class="module"> <div class="module">
<div class="displayFlex left_bg"> <div class="displayFlex left_bg">
<div class="flex1"> <div class="flex1">
<div class="yd_title left_1"> <div class="yd_title left_1">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
@ -16,13 +15,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -30,13 +32,16 @@
<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="right">{{ data.LivelihoodWelfare.gsbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.gsbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.gsbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.gsbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -46,13 +51,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -62,13 +70,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -78,13 +89,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -97,14 +111,11 @@
</div> </div>
<div class="left_1_3"> <div class="left_1_3">
<div class="top">救助金额</div> <div class="top">救助金额</div>
<div class="bottom">{{ data.salvageServices.jzje }}</div> <div class="bottom">{{ data.salvageServices.jzje }}万</div>
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
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>
@ -129,41 +140,35 @@
<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>:{{ jysyList[0].student }} <span class="span1">{{ jysyList[0].teacher }}</span
>:{{ jysyList[0].student }}
</div> </div>
</div> </div>
<div class="left_2_bottom_item_xia"> <div class="left_2_bottom_item_xia">
<div <div class="csbl" :style="cs"></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 <div class="ncbl" :style="nc"></div>
class="ncbl"
:style="nc"
></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
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>
@ -203,42 +208,27 @@
<div class="people_total"> <div class="people_total">
<img <img
src="../assets/images/sy/主页人口.gif" src="../assets/images/sy/主页人口.gif"
style="width:70%;height:112%; margin: -2% 15%;" style="width: 70%; height: 112%; margin: -2% 15%"
alt="" 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 <img src="../assets/images/sy/man.png" alt="" />
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 <img src="../assets/images/sy/people_total.png" alt="" />
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 <img src="../assets/images/sy/woman.png" alt="" />
src="../assets/images/sy/woman.png"
alt=""
/>
<div class="sex">女性人口</div> <div class="sex">女性人口</div>
</div> </div>
</div> </div>
<ePie2 <ePie2 style="margin-top: 20px" :list="data.ageRatio"></ePie2>
style="margin-top: 20px" <ePie style="margin-bottom: 20px" :list="data.ageGroup"></ePie>
: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
@ -268,20 +258,13 @@
:header-cell-style="tableHeaderColor" :header-cell-style="tableHeaderColor"
v-if="choose == '1'" v-if="choose == '1'"
> >
<el-table-column <el-table-column prop="company" label="企业名称" width="200" />
prop="company"
label="企业名称"
width="200"
/>
<el-table-column <el-table-column
prop="address" prop="address"
label="项目事项牵头单位" label="项目事项牵头单位"
width="200" width="200"
/> />
<el-table-column <el-table-column prop="finish" label="完成情况">
prop="finish"
label="完成情况"
>
<template #default="scope"> <template #default="scope">
<div <div
style="letter-spacing: 3px" style="letter-spacing: 3px"
@ -292,10 +275,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div <div class="zwfw" v-if="choose == '3'">
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>
@ -318,31 +298,19 @@
</div> </div>
<div class="xia"> <div class="xia">
<div class="xia_item"> <div class="xia_item">
<img <img class="left" src="@/assets/images/sy/zwfw_sl.png" />
class="left"
src="@/assets/images/sy/zwfw_sl.png"
/>
<div class="right"> <div class="right">
<div class="name">平均受理时长</div> <div class="name">平均受理时长</div>
<img <img class="line" src="@/assets/images/sy/zwfw_line.png" />
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 <img class="left" src="@/assets/images/sy/zwfw_bl.png" />
class="left"
src="@/assets/images/sy/zwfw_bl.png"
/>
<div class="right"> <div class="right">
<div class="name">平均办理时长</div> <div class="name">平均办理时长</div>
<img <img class="line" src="@/assets/images/sy/zwfw_line.png" />
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>
@ -370,10 +338,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
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>
@ -393,10 +358,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
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>
@ -415,16 +377,13 @@
<img :src="item.img" /> <img :src="item.img" />
<img <img
src="../assets/images/sy/tyBon.png" src="../assets/images/sy/tyBon.png"
style="margin-top: -60px;" style="margin-top: -60px"
> />
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
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>
@ -453,15 +412,8 @@
<div class="jtsyBox"> <div class="jtsyBox">
<div class="jtsyBoxtop"> <div class="jtsyBoxtop">
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[0].img" alt="" />
:src="data.jtsyList[0].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
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">
@ -475,15 +427,8 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[1].img" alt="" />
:src="data.jtsyList[1].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
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">
@ -499,15 +444,8 @@
</div> </div>
<div class="jtsyBoxbot"> <div class="jtsyBoxbot">
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[2].img" alt="" />
:src="data.jtsyList[2].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[2].name }}</div> <div class="jtsyname">{{ data.jtsyList[2].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -521,15 +459,8 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[3].img" alt="" />
:src="data.jtsyList[3].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[3].name }}</div> <div class="jtsyname">{{ data.jtsyList[3].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -543,15 +474,8 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[4].img" alt="" />
:src="data.jtsyList[4].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
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">
@ -1094,14 +1018,16 @@ const jtsyList = ref([
// 县城学校师生比样式 // 县城学校师生比样式
const cs = computed(() => { const cs = computed(() => {
let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${jysyList.value[0].teacher + jysyList.value[0].student let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${
}`; 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: ${jysyList.value[1].teacher + jysyList.value[1].student let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${
}`; jysyList.value[1].teacher + jysyList.value[1].student
}`;
return str; return str;
}); });
// 服务表格样式 // 服务表格样式
@ -1172,9 +1098,11 @@ const getData = async () => {
// 救助服务 // 救助服务
const jzfwKeys = ["jzrc", "jzje", "nf"]; const jzfwKeys = ["jzrc", "jzje", "nf"];
if (data.salvageServices) { if (data.salvageServices) {
jzfwKeys.forEach((key) => { // jzfwKeys.forEach((key) => {
data.salvageServices[key] = res.data.jzfw[key]; // data.salvageServices[key] = res.data.jzfw[key];
}); // });
data.salvageServices.jzrc = res.data.jzfw.jzrc;
data.salvageServices.jzje = (res.data.jzfw.jzje / 10000).toFixed(2);
} }
// 教育事业&师生比例 // 教育事业&师生比例
const jysyKeys = ["xxzs", "xszs", "jzgzs"]; const jysyKeys = ["xxzs", "xszs", "jzgzs"];
@ -1243,12 +1171,12 @@ const getData = async () => {
// 文化体育事业 // 文化体育事业
const whsyKeys = ["ggtsg", "zcs", "sxxxcs", "bwgcgcs", "tsjycs"]; const whsyKeys = ["ggtsg", "zcs", "sxxxcs", "bwgcgcs", "tsjycs"];
whsyKeys.forEach((key, index) => { whsyKeys.forEach((key, index) => {
data.whsyList[index].value =res.data.whtysy[key]; data.whsyList[index].value = res.data.whtysy[key];
}); });
// 体育事业 // 体育事业
const tysyKeys = ["zqcs", "lqcs", "ppqcs", "ymqcs", "lsbdcd"]; const tysyKeys = ["zqcs", "lqcs", "ppqcs", "ymqcs", "lsbdcd"];
tysyKeys.forEach((key, index) => { tysyKeys.forEach((key, index) => {
data.tysyList[index].value =res.data.whtysy[key]; data.tysyList[index].value = res.data.whtysy[key];
}); });
// 交通事业 // 交通事业
} }
@ -1635,6 +1563,7 @@ onBeforeMount(async () => {
.right { .right {
margin-left: 10px; margin-left: 10px;
.right_top { .right_top {
font-size: 16px; font-size: 16px;
@ -1834,7 +1763,7 @@ onBeforeMount(async () => {
.bottom { .bottom {
margin-top: 6px; margin-top: 6px;
font-weight: normal; font-weight: normal;
font-size: 16px; font-size: 24px;
color: #00f5ff; color: #00f5ff;
line-height: 18px; line-height: 18px;
letter-spacing: 1px; letter-spacing: 1px;
@ -1863,7 +1792,7 @@ onBeforeMount(async () => {
.bottom { .bottom {
margin-top: 6px; margin-top: 6px;
font-weight: normal; font-weight: normal;
font-size: 16px; font-size: 24px;
color: #00f5ff; color: #00f5ff;
line-height: 18px; line-height: 18px;
letter-spacing: 1px; letter-spacing: 1px;
@ -1887,7 +1816,7 @@ onBeforeMount(async () => {
.shang { .shang {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 22px;
color: #ffffff; color: #ffffff;
line-height: 22px; line-height: 22px;
letter-spacing: 1px; letter-spacing: 1px;
@ -1903,7 +1832,7 @@ onBeforeMount(async () => {
.xia { .xia {
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 28px;
color: #00f5ff; color: #00f5ff;
line-height: 21px; line-height: 21px;
letter-spacing: 3px; letter-spacing: 3px;
@ -1918,7 +1847,7 @@ onBeforeMount(async () => {
.xia { .xia {
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 28px;
color: #00c1ff; color: #00c1ff;
line-height: 21px; line-height: 21px;
letter-spacing: 2px; letter-spacing: 2px;
@ -1933,7 +1862,7 @@ onBeforeMount(async () => {
.xia { .xia {
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 28px;
color: #ffe689; color: #ffe689;
line-height: 21px; line-height: 21px;
letter-spacing: 2px; letter-spacing: 2px;
@ -1987,6 +1916,10 @@ onBeforeMount(async () => {
.right { .right {
letter-spacing: 3px; letter-spacing: 3px;
font-size:22px;
span{
font-size:22px;
}
} }
} }