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

gx

This commit is contained in:
duanxiaohai 2024-07-25 15:48:47 +08:00
parent c985a328a5
commit bd9fd3533a
2 changed files with 51 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

76
src/view/sy.vue
View File

@ -107,11 +107,21 @@
<div class="left_jzfw"> <div class="left_jzfw">
<div class="left_1_2"> <div class="left_1_2">
<div class="top">救助人数</div> <div class="top">救助人数</div>
<div class="bottom">{{ data.salvageServices.jzrc }}</div> <div class="bottom">
{{ data.salvageServices.jzrc
}}<span style="font-size: 12px; color: #fff; margin-left: 4px"
>人</span
>
</div>
</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
}}<span style="font-size: 12px; color: #fff; margin-left: 4px"
>元</span
>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -180,9 +190,7 @@
class="left_3_1_item" class="left_3_1_item"
@click="showDialog('就业培训', '/api/ggfwyth/jypxList')" @click="showDialog('就业培训', '/api/ggfwyth/jypxList')"
> >
<div> <div>{{ data.employmentService.jypx }}<span>人</span></div>
{{ data.employmentService.jypx }}<span>人</span>
</div>
<div>就业培训</div> <div>就业培训</div>
<div class="moveImg"></div> <div class="moveImg"></div>
</div> </div>
@ -520,12 +528,18 @@
<div> <div>
<div class="jtsyname">{{ data.jtsyList[2].name }}</div> <div class="jtsyname">{{ data.jtsyList[2].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
{{ data.jtsyList[2].key1 }}： {{ data.jtsyList[2].key1 }}:<span
<span>{{ data.jtsyList[2].key1_value }}条</span> >{{ data.jtsyList[2].key1_value
}}<span style="font-size: 12px">条</span></span
>
</div> </div>
<div> <div>
{{ data.jtsyList[2].key2 }}： {{ data.jtsyList[2].key2 }}:<span
<span>{{ data.jtsyList[2].key2_value }}</span> >{{ data.jtsyList[2].key2_value
}}<span style="font-size: 12px; color: #fff"
>人次</span
></span
>
</div> </div>
</div> </div>
</div> </div>
@ -535,12 +549,19 @@
<div> <div>
<div class="jtsyname">{{ data.jtsyList[3].name }}</div> <div class="jtsyname">{{ data.jtsyList[3].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
{{ data.jtsyList[3].key1 }}： {{ data.jtsyList[3].key1 }}:<span
<span>{{ data.jtsyList[3].key1_value }}次</span> >{{ data.jtsyList[3].key1_value
}}<span style="font-size: 12px">次</span></span
>
</div> </div>
<div> <div>
{{ data.jtsyList[3].key2 }}： {{ data.jtsyList[3].key2 }}：
<span>{{ data.jtsyList[3].key2_value }}</span> <span
>{{ data.jtsyList[3].key2_value
}}<span style="font-size: 12px; color: #fff"
>人次</span
></span
>
</div> </div>
</div> </div>
</div> </div>
@ -550,12 +571,17 @@
<div> <div>
<div class="jtsyname">{{ data.jtsyList[4].name }}</div> <div class="jtsyname">{{ data.jtsyList[4].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
{{ data.jtsyList[4].key1 }}： {{ data.jtsyList[4].key1 }}:<span
<span>{{ data.jtsyList[4].key1_value }}次</span> >{{ data.jtsyList[4].key1_value }}次</span
>
</div> </div>
<div> <div>
{{ data.jtsyList[4].key2 }}： {{ data.jtsyList[4].key2 }}:<span
<span>{{ data.jtsyList[4].key2_value }}人次</span> >{{ data.jtsyList[4].key2_value
}}<span style="font-size: 12px; color: #fff"
>人次</span
></span
>
</div> </div>
</div> </div>
</div> </div>
@ -1097,7 +1123,7 @@ const data = reactive({
key1_value: "176", key1_value: "176",
dw: "条", dw: "条",
key2: "乘坐人次", key2: "乘坐人次",
key2_value: "239741人次", key2_value: "239741",
img: ggjtimg2, img: ggjtimg2,
}, },
{ {
@ -1106,7 +1132,7 @@ const data = reactive({
key1_value: "133", key1_value: "133",
dw: "次", dw: "次",
key2: "客流量", key2: "客流量",
key2_value: "192874人次", key2_value: "192874",
img: ggjtimg3, img: ggjtimg3,
}, },
{ {
@ -1115,7 +1141,7 @@ const data = reactive({
key1_value: "23", key1_value: "23",
dw: "次", dw: "次",
key2: "客流量", key2: "客流量",
key2_value: "113414人次", key2_value: "113414",
img: ggjtimg4, img: ggjtimg4,
}, },
], ],
@ -1219,8 +1245,8 @@ const getData = async () => {
// 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.jzrc = addThousandSeparator(res.data.jzfw.jzrc);
data.salvageServices.jzje = (res.data.jzfw.jzje / 10000).toFixed(2); data.salvageServices.jzje = addThousandSeparator(res.data.jzfw.jzje) ;
} }
// 教育事业&师生比例 // 教育事业&师生比例
const jysyKeys = ["xxzs", "xszs", "jzgzs"]; const jysyKeys = ["xxzs", "xszs", "jzgzs"];
@ -2339,7 +2365,7 @@ onBeforeMount(async () => {
.bottom { .bottom {
margin-top: 6px; margin-top: 6px;
font-weight: normal; font-weight: normal;
font-size: 24px; font-size: 20px;
color: #00f5ff; color: #00f5ff;
line-height: 18px; line-height: 18px;
letter-spacing: 1px; letter-spacing: 1px;
@ -2368,7 +2394,7 @@ onBeforeMount(async () => {
.bottom { .bottom {
margin-top: 6px; margin-top: 6px;
font-weight: normal; font-weight: normal;
font-size: 24px; font-size: 20px;
color: #00f5ff; color: #00f5ff;
line-height: 18px; line-height: 18px;
letter-spacing: 1px; letter-spacing: 1px;
@ -3195,11 +3221,11 @@ table {
} }
// 交通事业 // 交通事业
.jtsyBox { .jtsyBox {
width: 97%; width: 100%;
// background-color: skyblue; // background-color: skyblue;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transform: translate(-14px, 0px);
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;