This commit is contained in:
姚宇浩 2024-06-06 14:21:02 +08:00
parent b78c4af105
commit 007b678d7e
5 changed files with 200 additions and 185 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -15,13 +15,16 @@
</div>
<div class="item_content">
<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
class="sr"
style="margin-top: 5px"
>
<span class="left">支出</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span>
<div class="sr" style="margin-top: 5px">
<span class="left">支出</span
><span class="right"
>{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span
>
</div>
</div>
</div>
@ -29,13 +32,16 @@
<div class="item_title"><span class="blue">工伤</span>保险</div>
<div class="item_content">
<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
class="sr"
style="margin-top: 5px"
>
<span class="left">支出</span><span class="right">{{ data.LivelihoodWelfare.gsbxzzc }}万元</span>
<div class="sr" style="margin-top: 5px">
<span class="left">支出</span
><span class="right"
>{{ data.LivelihoodWelfare.gsbxzzc }}万元</span
>
</div>
</div>
</div>
@ -45,13 +51,16 @@
</div>
<div class="item_content">
<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
class="sr"
style="margin-top: 5px"
>
<span class="left">支出</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span>
<div class="sr" style="margin-top: 5px">
<span class="left">支出</span
><span class="right"
>{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span
>
</div>
</div>
</div>
@ -61,13 +70,16 @@
</div>
<div class="item_content">
<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
class="sr"
style="margin-top: 5px"
>
<span class="left">支出</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span>
<div class="sr" style="margin-top: 5px">
<span class="left">支出</span
><span class="right"
>{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span
>
</div>
</div>
</div>
@ -77,13 +89,16 @@
</div>
<div class="item_content">
<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
class="sr"
style="margin-top: 5px"
>
<span class="left">支出</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span>
<div class="sr" style="margin-top: 5px">
<span class="left">支出</span
><span class="right"
>{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span
>
</div>
</div>
</div>
@ -100,10 +115,7 @@
</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="animate-border">
<i></i>
@ -128,41 +140,35 @@
<div class="left_2_bottom_item">
<div class="left_2_bottom_item_shang">
<div class="left">
<span class="span1">{{ jysyList[0].title }}</span>学校师生比
<span class="span1">{{ jysyList[0].title }}</span
>学校师生比
</div>
<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 class="left_2_bottom_item_xia">
<div
class="csbl"
:style="cs"
></div>
<div class="csbl" :style="cs"></div>
</div>
</div>
<div class="left_2_bottom_item">
<div class="left_2_bottom_item_shang">
<div class="left">
<span class="span2">{{ jysyList[1].title }}</span>学校师生比
<span class="span2">{{ jysyList[1].title }}</span
>学校师生比
</div>
<div class="right">
{{ jysyList[1].teacher }}:{{ jysyList[1].student }}
</div>
</div>
<div class="left_2_bottom_item_xia">
<div
class="ncbl"
:style="nc"
></div>
<div class="ncbl" :style="nc"></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="animate-border">
<i></i>
@ -207,47 +213,24 @@
/>
<div class="people_total_item left">
<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>
<img
class="sexMove"
src="../assets/images/sy/sexImg.png"
alt=""
/>
<img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
</div>
<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="total">人口总数</div>
</div>
<div class="people_total_item right">
<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>
<img
class="sexMove"
src="../assets/images/sy/sexImg.png"
alt=""
/>
<img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
</div>
</div>
<ePie2
style="margin-top: 20px"
:list="data.ageRatio"
></ePie2>
<ePie
style="margin-bottom: 20px"
:list="data.ageGroup"
></ePie>
<ePie2 style="margin-top: 20px" :list="data.ageRatio"></ePie2>
<ePie style="margin-bottom: 20px" :list="data.ageGroup"></ePie>
<div class="table">
<div class="table_choose">
<div
@ -277,20 +260,13 @@
:header-cell-style="tableHeaderColor"
v-if="choose == '1'"
>
<el-table-column
prop="company"
label="企业名称"
width="200"
/>
<el-table-column prop="company" label="企业名称" width="200" />
<el-table-column
prop="address"
label="项目事项牵头单位"
width="200"
/>
<el-table-column
prop="finish"
label="完成情况"
>
<el-table-column prop="finish" label="完成情况">
<template #default="scope">
<div
style="letter-spacing: 3px"
@ -301,10 +277,24 @@
</template>
</el-table-column>
</el-table>
<div
class="zwfw"
v-if="choose == '3'"
>
<div class="qyfw" v-if="choose == '2'">
<div
class="qyfw_item"
v-for="(item, index) in qyfyList"
:key="index"
>
<img class="qyfw_item_left" :src="item.img" />
<div class="qyfw_item_right">
<div class="name">{{ item.name }}</div>
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
<div class="number">
<span>{{ item.value }}</span
>{{ item.dw }}
</div>
</div>
</div>
</div>
<div class="zwfw" v-if="choose == '3'">
<div class="shang">
<div class="shang_item">
<div class="title">一网通办事</div>
@ -327,31 +317,19 @@
</div>
<div class="xia">
<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="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>
</div>
<div class="fgx"></div>
<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="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>
</div>
@ -379,10 +357,7 @@
</div>
</div>
</div>
<div
class="flex1"
style="margin-top: 10px"
>
<div class="flex1" style="margin-top: 10px">
<div class="yd_title service">
<div class="animate-border">
<i></i>
@ -402,10 +377,7 @@
</div>
</div>
</div>
<div
class="flex1"
style="margin-top: 10px"
>
<div class="flex1" style="margin-top: 10px">
<div class="yd_title last">
<div class="animate-border">
<i></i>
@ -430,10 +402,7 @@
</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="animate-border">
<i></i>
@ -462,15 +431,8 @@
<div class="jtsyBox">
<div class="jtsyBoxtop">
<div class="jtsyBoxtop1">
<img
:src="data.jtsyList[0].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<img :src="data.jtsyList[0].img" alt="" />
<img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
<div>
<div class="jtsyname">{{ data.jtsyList[0].name }}</div>
<div class="jtsytext">
@ -484,15 +446,8 @@
</div>
</div>
<div class="jtsyBoxtop1">
<img
:src="data.jtsyList[1].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<img :src="data.jtsyList[1].img" alt="" />
<img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
<div>
<div class="jtsyname">{{ data.jtsyList[1].name }}</div>
<div class="jtsytext">
@ -508,15 +463,8 @@
</div>
<div class="jtsyBoxbot">
<div class="jtsyBoxtop1">
<img
:src="data.jtsyList[2].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<img :src="data.jtsyList[2].img" alt="" />
<img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
<div>
<div class="jtsyname">{{ data.jtsyList[2].name }}</div>
<div class="jtsytext">
@ -530,15 +478,8 @@
</div>
</div>
<div class="jtsyBoxtop1">
<img
:src="data.jtsyList[3].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<img :src="data.jtsyList[3].img" alt="" />
<img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
<div>
<div class="jtsyname">{{ data.jtsyList[3].name }}</div>
<div class="jtsytext">
@ -552,15 +493,8 @@
</div>
</div>
<div class="jtsyBoxtop1">
<img
:src="data.jtsyList[4].img"
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<img :src="data.jtsyList[4].img" alt="" />
<img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
<div>
<div class="jtsyname">{{ data.jtsyList[4].name }}</div>
<div class="jtsytext">
@ -627,7 +561,10 @@ import { ref, reactive, onMounted, onBeforeMount, computed } from "vue";
import http from "@/utils/request.js";
import { CircleCloseFilled } from "@element-plus/icons-vue";
import { columns } from "element-plus/es/components/table-v2/src/common.mjs";
import qyfw1 from "../assets/images/sy/ljzcs.png";
import qyfw2 from "../assets/images/sy/rzbms.png";
import qyfw3 from "../assets/images/sy/shqys.png";
import qyfw4 from "../assets/images/sy/dxje.png";
//
const dialogShow = ref(false);
//
@ -1103,14 +1040,16 @@ const jtsyList = ref([
//
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;
});
//
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;
});
//
@ -1277,6 +1216,33 @@ const getTable = (url, currentPage) => {
}
});
};
//
const qyfyList = reactive([
{
name: "累计政策数",
value: "273",
dw: "个",
img: qyfw1,
},
{
name: "入住部门数",
value: "35",
dw: "个",
img: qyfw2,
},
{
name: "受惠企业数",
value: "1084",
dw: "个",
img: qyfw3,
},
{
name: "累计已兑现资金额",
value: "18.54",
dw: "亿元",
img: qyfw4,
},
]);
onBeforeMount(async () => {
getData();
});
@ -2192,22 +2158,22 @@ onBeforeMount(async () => {
animation: sexIM 3s infinite linear;
}
@keyframes sexIM {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-3px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(2px);
}
100% {
transform: translateY(0);
}
0% {
transform: translateY(0);
}
25% {
transform: translateY(-3px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(2px);
}
100% {
transform: translateY(0);
}
}
}
.table {
@ -2245,6 +2211,55 @@ onBeforeMount(async () => {
}
}
}
//
.qyfw {
height: 272px;
height: 272px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.1);
border-radius: 4px;
border: 0px solid #7aceff;
padding: 16px 19px;
display: flex;
flex-wrap: wrap;
.qyfw_item {
width: 50%;
display: flex;
align-items: center;
// justify-content: center;
.qyfw_item_left {
width: 104px;
height: 72px;
}
.qyfw_item_right {
margin-top: 5px;
margin-left: 5px;
display: flex;
flex-direction: column;
.name {
font-weight: 400;
font-size: 16px;
color: #ffffff;
line-height: 20px;
}
.line {
margin: 10px 0;
width: 100px;
}
.number {
font-weight: 400;
font-size: 16px;
color: #ffffff;
line-height: 20px;
span {
font-size: 18px;
margin-right: 3px;
font-weight: 600;
}
}
}
}
}
//
.zwfw {
height: 272px;