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-07-25 15:53:37 +08:00
parent f8107a4e47 bd9fd3533a
commit 68876fcabf
4 changed files with 133 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

94
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,7 +190,7 @@
class="left_3_1_item" class="left_3_1_item"
@click="showDialog('就业培训', '/api/ggfwyth/jypxList')" @click="showDialog('就业培训', '/api/ggfwyth/jypxList')"
> >
<div>{{ data.employmentService.jypx }}</div> <div>{{ data.employmentService.jypx }}<span>人</span></div>
<div>就业培训</div> <div>就业培训</div>
<div class="moveImg"></div> <div class="moveImg"></div>
</div> </div>
@ -188,7 +198,7 @@
class="left_3_1_item" class="left_3_1_item"
@click="showDialog('就业见习服务', '/api/ggfwyth/jyjxfwList')" @click="showDialog('就业见习服务', '/api/ggfwyth/jyjxfwList')"
> >
<div>{{ data.employmentService.jyjxfw }}</div> <div>{{ data.employmentService.jyjxfw }}<span>次</span></div>
<div>就业见习服务</div> <div>就业见习服务</div>
<div class="moveImg"></div> <div class="moveImg"></div>
</div> </div>
@ -196,7 +206,7 @@
class="left_3_1_item" class="left_3_1_item"
@click="showDialog('就业援助', '/api/ggfwyth/jyyzList')" @click="showDialog('就业援助', '/api/ggfwyth/jyyzList')"
> >
<div>{{ data.employmentService.jyyz }}</div> <div>{{ data.employmentService.jyyz }}<span>人</span></div>
<div>就业援助</div> <div>就业援助</div>
<div class="moveImg"></div> <div class="moveImg"></div>
</div> </div>
@ -518,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>
@ -533,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>
@ -548,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>
@ -1075,7 +1103,7 @@ const data = reactive({
name: "公共自行车", name: "公共自行车",
key1: "骑行次数", key1: "骑行次数",
key1_value: "117231", key1_value: "117231",
dw:"人次", dw: "人次",
key2: "骑行时长", key2: "骑行时长",
key2_value: "1283时", key2_value: "1283时",
img: ggjtimg, img: ggjtimg,
@ -1084,7 +1112,7 @@ const data = reactive({
name: "电动单车", name: "电动单车",
key1: "骑行次数", key1: "骑行次数",
key1_value: "1172491", key1_value: "1172491",
dw:"人次", dw: "人次",
key2: "骑行时长", key2: "骑行时长",
key2_value: "1283时", key2_value: "1283时",
img: ggjtimg1, img: ggjtimg1,
@ -1093,27 +1121,27 @@ const data = reactive({
name: "公共汽车", name: "公共汽车",
key1: "公交线路", key1: "公交线路",
key1_value: "176", key1_value: "176",
dw:"条", dw: "条",
key2: "乘坐人次", key2: "乘坐人次",
key2_value: "239741人次", key2_value: "239741",
img: ggjtimg2, img: ggjtimg2,
}, },
{ {
name: "长途汽车", name: "长途汽车",
key1: "班车次数", key1: "班车次数",
key1_value: "133", key1_value: "133",
dw:"次", dw: "次",
key2: "客流量", key2: "客流量",
key2_value: "192874人次", key2_value: "192874",
img: ggjtimg3, img: ggjtimg3,
}, },
{ {
name: "高铁", name: "高铁",
key1: "列车班次", key1: "列车班次",
key1_value: "23", key1_value: "23",
dw:"次", dw: "次",
key2: "客流量", key2: "客流量",
key2_value: "113414人次", key2_value: "113414",
img: ggjtimg4, img: ggjtimg4,
}, },
], ],
@ -1217,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"];
@ -2017,7 +2045,7 @@ onBeforeMount(async () => {
} }
.last_1 { .last_1 {
background-image: url(@/assets/images/sy/new_jtsy.png); background-image: url(@/assets/images/sy/jtcx.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -2246,8 +2274,8 @@ onBeforeMount(async () => {
margin-top: 15px; margin-top: 15px;
.sr { .sr {
display: flex; // display: flex;
align-items: center; // align-items: center;
.left { .left {
font-weight: 400; font-weight: 400;
@ -2337,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;
@ -2366,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;
@ -3193,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;

107
src/view/sy_details.vue
View File

@ -9,22 +9,22 @@
</div> </div>
</div> </div>
</div> </div>
<div style="width: 97.5%;position: relative"> <div style="width: 97.5%; position: relative">
<div class="backgroundVirtual"></div> <div class="backgroundVirtual"></div>
<el-table <el-table
border border
:data="data.tableData" :data="data.tableData"
style="width: 100%; height: 712px; margin-bottom: 20px" style="width: 100%; height: 810px; margin-bottom: 20px"
max-height="820" max-height="850px"
class="table_border" class="table_border"
:row-style="rowState" :row-style="rowState"
:header-cell-style="tableHeaderColor" :header-cell-style="tableHeaderColor"
> >
<el-table-column prop="fullName" label="姓名" width="60" /> <el-table-column prop="xm" label="姓名" width="60" />
<el-table-column prop="address" label="地址" /> <el-table-column prop="dz" label="地址" />
<el-table-column prop="age" label="年龄" /> <el-table-column prop="nl" label="年龄" />
<el-table-column prop="IDNumber" label="身份证号" /> <el-table-column prop="sfzhm" label="身份证号" />
<el-table-column prop="PopulationLabel" label="人口标签" /> <el-table-column prop="bq" label="人口标签" />
</el-table> </el-table>
<el-pagination <el-pagination
background background
@ -33,8 +33,8 @@
:total="pagination.total" :total="pagination.total"
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
@current-change="handle"
v-model:current-page="pagination.currentPage" v-model:current-page="pagination.currentPage"
@current-change="handlePagination"
/> />
</div> </div>
</div> </div>
@ -47,13 +47,13 @@
</div> </div>
</div> </div>
</div> </div>
<div style="width: 97.5%;position: relative"> <div style="width: 97.5%; position: relative">
<div class="backgroundVirtual"></div> <div class="backgroundVirtual"></div>
<el-table <el-table
border border
:data="data.pagedData" :data="data.pagedData"
style="width: 100%; height: 712px; margin-bottom: 20px" style="width: 100%; height: 810px; margin-bottom: 20px"
max-height="820" max-height="850"
class="table_border" class="table_border"
:row-style="rowState" :row-style="rowState"
:header-cell-style="tableHeaderColor" :header-cell-style="tableHeaderColor"
@ -102,13 +102,13 @@
</span> </span>
</div> </div>
</div> </div>
<div style="width: 97.5%;position: relative"> <div style="width: 97.5%; position: relative">
<div class="backgroundVirtual"></div> <div class="backgroundVirtual"></div>
<el-table <el-table
border border
:data="data.tableData2" :data="data.tableData2"
style="width: 100%; height: 712px; margin-bottom: 20px" style="width: 100%; height: 810px; margin-bottom: 20px"
max-height="800" max-height="850"
class="table_border" class="table_border"
:row-style="rowState" :row-style="rowState"
:header-cell-style="tableHeaderColor" :header-cell-style="tableHeaderColor"
@ -135,7 +135,8 @@
</template> </template>
<script setup> <script setup>
import { ref, reactive,onMounted } from "vue"; import { ref, reactive, onMounted } from "vue";
import http from "@/utils/request.js";
const data = reactive({ const data = reactive({
pagedData: [], pagedData: [],
@ -663,16 +664,6 @@ const pagination2 = reactive({
currentPage: 1, currentPage: 1,
}); });
//表格分页 //表格分页
// const handlePagination = (current) => {
// console.log(current);
// pagination.currentPage = current;
// // getTable(tableType.url, pagination.currentPage);
// };
// //Tab切换分页
// const handlePaginationTab = (current) => {
// pagination.currentPage = current;
// getTableTab(dataTab.url, pagination.currentPage);
// };
const handleSizeChange = (val) => { const handleSizeChange = (val) => {
const startIndex = (val - 1) * 10; const startIndex = (val - 1) * 10;
const endIndex = val * 10; const endIndex = val * 10;
@ -684,6 +675,11 @@ const handleCurrentChange = (val) => {
const endIndex = val * 10; const endIndex = val * 10;
data.pagedData = data.tableData1.slice(startIndex, endIndex); data.pagedData = data.tableData1.slice(startIndex, endIndex);
}; };
const handlePagination = (current) => {
// console.log(current,"page1");
pagination.currentPage = current;
getTable("/api/ggfwyth/ysyzt/lyxsdbrymd", pagination.currentPage);
};
// 服务表格样式 // 服务表格样式
const tableHeaderColor = (arg) => { const tableHeaderColor = (arg) => {
return { return {
@ -721,7 +717,20 @@ const rowState = (row) => {
const change = (name, index) => { const change = (name, index) => {
data.first = !data.first; data.first = !data.first;
}; };
const getTable = async (url, currentPage) => {
await http
.get(`${url}?page=${currentPage}&size=${pagination.pageSize}`)
.then((res) => {
if (res.code == 200) {
data.tableData = res.data;
console.log(data.tableData);
pagination.total = res.count;
}
});
};
onMounted(() => { onMounted(() => {
getTable("/api/ggfwyth/ysyzt/lyxsdbrymd", pagination.currentPage);
handleCurrentChange(1); handleCurrentChange(1);
}); });
</script> </script>
@ -730,7 +739,7 @@ onMounted(() => {
.module { .module {
width: 100%; width: 100%;
height: 943px; height: 943px;
margin-top: 112px; margin-top: 125px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 10px 45px; padding: 10px 45px;
@ -905,20 +914,20 @@ onMounted(() => {
} }
} }
.backgroundVirtual { .backgroundVirtual {
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
height: 79px; height: 79px;
// background: linear-gradient( // background: linear-gradient(
// 270deg, // 270deg,
// rgba(0, 52, 131, 0.20) 0%, // rgba(0, 52, 131, 0.20) 0%,
// rgba(0, 32, 83, 0.30) 50%, // rgba(0, 32, 83, 0.30) 50%,
// rgba(0, 60, 131, 0.40) 100% // rgba(0, 60, 131, 0.40) 100%
// ); // );
box-shadow: inset 0px 0px 55px 0px rgba(173, 221, 255, 1); box-shadow: inset 0px 0px 55px 0px rgba(173, 221, 255, 1);
// backdrop-filter: blur(0px); // backdrop-filter: blur(0px);
z-index: 99; z-index: 99;
} }
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -937,10 +946,9 @@ onMounted(() => {
padding-left: 10px !important; padding-left: 10px !important;
text-align: center; text-align: center;
} }
}
:deep(.el-table td.el-table__cell) { :deep(.el-table td.el-table__cell) {
padding-left: 10px; padding: 13px 0px;
}
} }
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) { :deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
@ -976,6 +984,15 @@ onMounted(() => {
// color: #ffffff; // color: #ffffff;
// } // }
} }
:deep(.el-pagination.is-background .btn-prev) {
margin: 0;
}
:deep(.el-pagination.is-background .btn-next) {
margin: 0;
}
:deep(.el-pagination) {
justify-content: center;
}
.yd_title { .yd_title {
box-sizing: border-box; box-sizing: border-box;

18
src/view/sy_table.vue
View File

@ -288,28 +288,28 @@ const data = reactive({
name: "重特困人员救助供养", name: "重特困人员救助供养",
Bj: Bj1, Bj: Bj1,
text: "我县特困供养对象329户331人，2023年支出特困供养经费722.29万元。", text: "我县特困供养对象329户331人，2023年支出特困供养经费722.29万元。",
progress: 35, //进度条 progress: 95, //进度条
}, },
{ {
id: "2", id: "2",
name: "医疗救助", name: "医疗救助",
Bj: Bj2, Bj: Bj2,
text: "我县医疗救助的对象为民攻部门认定的特困供养人员最低生活保障家庭成员、最低生活保障边缘家庭成员（包括纳入低保、低边的因病致贫等支出型贫困对象）。", text: "我县医疗救助的对象为民攻部门认定的特困供养人员最低生活保障家庭成员、最低生活保障边缘家庭成员（包括纳入低保、低边的因病致贫等支出型贫困对象）。",
progress: 45, //进度条 progress: 95, //进度条
}, },
{ {
id: "3", id: "3",
name: "临时救助", name: "临时救助",
Bj: Bj3, Bj: Bj3,
text: "为数助对象发放临时救助金，2023年共救助609户1036人，数助225.39万元。", text: "为数助对象发放临时救助金，2023年共救助609户1036人，数助225.39万元。",
progress: 100, //进度条 progress: 95, //进度条
}, },
{ {
id: "4", id: "4",
name: "受灾人员救助", name: "受灾人员救助",
Bj: Bj4, Bj: Bj4,
text: "机构改革以来(2019年)，我县自然灾害形势总体平稳，未发生因灾亡人事故。", text: "机构改革以来(2019年)，我县自然灾害形势总体平稳，未发生因灾亡人事故。",
progress: 25, //进度条 progress: 95, //进度条
}, },
], ],
}); });
@ -434,7 +434,7 @@ const rowState = (row) => {
.right_bg { .right_bg {
width: 100%; width: 100%;
height: 943px; height: 943px;
margin: 0 30px 30px 30px; margin: 40px 30px 0px 30px;
// background-color: pink; // background-color: pink;
.formText { .formText {
// .formText_top { // .formText_top {
@ -594,10 +594,12 @@ const rowState = (row) => {
padding-left: 10px !important; padding-left: 10px !important;
} }
:deep(.el-table td.el-table__cell) {
padding-left: 10px;
}
} }
:deep(.el-table td.el-table__cell) {
padding: 12px 0px;
}
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) { :deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
background-color: #2f4b74; background-color: #2f4b74;