Merge branch 'main' of git.zdool.com:xs/ggfwjsc
This commit is contained in:
commit
68876fcabf
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
|
|
@ -107,11 +107,21 @@
|
|||
<div class="left_jzfw">
|
||||
<div class="left_1_2">
|
||||
<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 class="left_1_3">
|
||||
<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>
|
||||
|
|
@ -180,7 +190,7 @@
|
|||
class="left_3_1_item"
|
||||
@click="showDialog('就业培训', '/api/ggfwyth/jypxList')"
|
||||
>
|
||||
<div>{{ data.employmentService.jypx }}</div>
|
||||
<div>{{ data.employmentService.jypx }}<span>人</span></div>
|
||||
<div>就业培训</div>
|
||||
<div class="moveImg"></div>
|
||||
</div>
|
||||
|
|
@ -188,7 +198,7 @@
|
|||
class="left_3_1_item"
|
||||
@click="showDialog('就业见习服务', '/api/ggfwyth/jyjxfwList')"
|
||||
>
|
||||
<div>{{ data.employmentService.jyjxfw }}</div>
|
||||
<div>{{ data.employmentService.jyjxfw }}<span>次</span></div>
|
||||
<div>就业见习服务</div>
|
||||
<div class="moveImg"></div>
|
||||
</div>
|
||||
|
|
@ -196,7 +206,7 @@
|
|||
class="left_3_1_item"
|
||||
@click="showDialog('就业援助', '/api/ggfwyth/jyyzList')"
|
||||
>
|
||||
<div>{{ data.employmentService.jyyz }}</div>
|
||||
<div>{{ data.employmentService.jyyz }}<span>人</span></div>
|
||||
<div>就业援助</div>
|
||||
<div class="moveImg"></div>
|
||||
</div>
|
||||
|
|
@ -518,12 +528,18 @@
|
|||
<div>
|
||||
<div class="jtsyname">{{ data.jtsyList[2].name }}</div>
|
||||
<div class="jtsytext">
|
||||
{{ data.jtsyList[2].key1 }}：
|
||||
<span>{{ data.jtsyList[2].key1_value }}条</span>
|
||||
{{ data.jtsyList[2].key1 }}:<span
|
||||
>{{ data.jtsyList[2].key1_value
|
||||
}}<span style="font-size: 12px">条</span></span
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
{{ data.jtsyList[2].key2 }}：
|
||||
<span>{{ data.jtsyList[2].key2_value }}</span>
|
||||
{{ data.jtsyList[2].key2 }}:<span
|
||||
>{{ data.jtsyList[2].key2_value
|
||||
}}<span style="font-size: 12px; color: #fff"
|
||||
>人次</span
|
||||
></span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -533,12 +549,19 @@
|
|||
<div>
|
||||
<div class="jtsyname">{{ data.jtsyList[3].name }}</div>
|
||||
<div class="jtsytext">
|
||||
{{ data.jtsyList[3].key1 }}：
|
||||
<span>{{ data.jtsyList[3].key1_value }}次</span>
|
||||
{{ data.jtsyList[3].key1 }}:<span
|
||||
>{{ data.jtsyList[3].key1_value
|
||||
}}<span style="font-size: 12px">次</span></span
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
{{ 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>
|
||||
|
|
@ -548,12 +571,17 @@
|
|||
<div>
|
||||
<div class="jtsyname">{{ data.jtsyList[4].name }}</div>
|
||||
<div class="jtsytext">
|
||||
{{ data.jtsyList[4].key1 }}：
|
||||
<span>{{ data.jtsyList[4].key1_value }}次</span>
|
||||
{{ data.jtsyList[4].key1 }}:<span
|
||||
>{{ data.jtsyList[4].key1_value }}次</span
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
{{ data.jtsyList[4].key2 }}：
|
||||
<span>{{ data.jtsyList[4].key2_value }}人次</span>
|
||||
{{ data.jtsyList[4].key2 }}:<span
|
||||
>{{ data.jtsyList[4].key2_value
|
||||
}}<span style="font-size: 12px; color: #fff"
|
||||
>人次</span
|
||||
></span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1095,7 +1123,7 @@ const data = reactive({
|
|||
key1_value: "176",
|
||||
dw: "条",
|
||||
key2: "乘坐人次",
|
||||
key2_value: "239741人次",
|
||||
key2_value: "239741",
|
||||
img: ggjtimg2,
|
||||
},
|
||||
{
|
||||
|
|
@ -1104,7 +1132,7 @@ const data = reactive({
|
|||
key1_value: "133",
|
||||
dw: "次",
|
||||
key2: "客流量",
|
||||
key2_value: "192874人次",
|
||||
key2_value: "192874",
|
||||
img: ggjtimg3,
|
||||
},
|
||||
{
|
||||
|
|
@ -1113,7 +1141,7 @@ const data = reactive({
|
|||
key1_value: "23",
|
||||
dw: "次",
|
||||
key2: "客流量",
|
||||
key2_value: "113414人次",
|
||||
key2_value: "113414",
|
||||
img: ggjtimg4,
|
||||
},
|
||||
],
|
||||
|
|
@ -1217,8 +1245,8 @@ const getData = async () => {
|
|||
// jzfwKeys.forEach((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);
|
||||
data.salvageServices.jzrc = addThousandSeparator(res.data.jzfw.jzrc);
|
||||
data.salvageServices.jzje = addThousandSeparator(res.data.jzfw.jzje) ;
|
||||
}
|
||||
// 教育事业&师生比例
|
||||
const jysyKeys = ["xxzs", "xszs", "jzgzs"];
|
||||
|
|
@ -2017,7 +2045,7 @@ onBeforeMount(async () => {
|
|||
}
|
||||
|
||||
.last_1 {
|
||||
background-image: url(@/assets/images/sy/new_jtsy.png);
|
||||
background-image: url(@/assets/images/sy/jtcx.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
|
@ -2246,8 +2274,8 @@ onBeforeMount(async () => {
|
|||
margin-top: 15px;
|
||||
|
||||
.sr {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
|
||||
.left {
|
||||
font-weight: 400;
|
||||
|
|
@ -2337,7 +2365,7 @@ onBeforeMount(async () => {
|
|||
.bottom {
|
||||
margin-top: 6px;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
font-size: 20px;
|
||||
color: #00f5ff;
|
||||
line-height: 18px;
|
||||
letter-spacing: 1px;
|
||||
|
|
@ -2366,7 +2394,7 @@ onBeforeMount(async () => {
|
|||
.bottom {
|
||||
margin-top: 6px;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
font-size: 20px;
|
||||
color: #00f5ff;
|
||||
line-height: 18px;
|
||||
letter-spacing: 1px;
|
||||
|
|
@ -3193,11 +3221,11 @@ table {
|
|||
}
|
||||
// 交通事业
|
||||
.jtsyBox {
|
||||
width: 97%;
|
||||
width: 100%;
|
||||
// background-color: skyblue;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
transform: translate(-14px, 0px);
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
|
|
|
|||
|
|
@ -14,17 +14,17 @@
|
|||
<el-table
|
||||
border
|
||||
:data="data.tableData"
|
||||
style="width: 100%; height: 712px; margin-bottom: 20px"
|
||||
max-height="820"
|
||||
style="width: 100%; height: 810px; margin-bottom: 20px"
|
||||
max-height="850px"
|
||||
class="table_border"
|
||||
:row-style="rowState"
|
||||
:header-cell-style="tableHeaderColor"
|
||||
>
|
||||
<el-table-column prop="fullName" label="姓名" width="60" />
|
||||
<el-table-column prop="address" label="地址" />
|
||||
<el-table-column prop="age" label="年龄" />
|
||||
<el-table-column prop="IDNumber" label="身份证号" />
|
||||
<el-table-column prop="PopulationLabel" label="人口标签" />
|
||||
<el-table-column prop="xm" label="姓名" width="60" />
|
||||
<el-table-column prop="dz" label="地址" />
|
||||
<el-table-column prop="nl" label="年龄" />
|
||||
<el-table-column prop="sfzhm" label="身份证号" />
|
||||
<el-table-column prop="bq" label="人口标签" />
|
||||
</el-table>
|
||||
<el-pagination
|
||||
background
|
||||
|
|
@ -33,8 +33,8 @@
|
|||
:total="pagination.total"
|
||||
prev-text="上一页"
|
||||
next-text="下一页"
|
||||
@current-change="handle"
|
||||
v-model:current-page="pagination.currentPage"
|
||||
@current-change="handlePagination"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -52,8 +52,8 @@
|
|||
<el-table
|
||||
border
|
||||
:data="data.pagedData"
|
||||
style="width: 100%; height: 712px; margin-bottom: 20px"
|
||||
max-height="820"
|
||||
style="width: 100%; height: 810px; margin-bottom: 20px"
|
||||
max-height="850"
|
||||
class="table_border"
|
||||
:row-style="rowState"
|
||||
:header-cell-style="tableHeaderColor"
|
||||
|
|
@ -107,8 +107,8 @@
|
|||
<el-table
|
||||
border
|
||||
:data="data.tableData2"
|
||||
style="width: 100%; height: 712px; margin-bottom: 20px"
|
||||
max-height="800"
|
||||
style="width: 100%; height: 810px; margin-bottom: 20px"
|
||||
max-height="850"
|
||||
class="table_border"
|
||||
:row-style="rowState"
|
||||
:header-cell-style="tableHeaderColor"
|
||||
|
|
@ -136,6 +136,7 @@
|
|||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import http from "@/utils/request.js";
|
||||
|
||||
const data = reactive({
|
||||
pagedData: [],
|
||||
|
|
@ -663,16 +664,6 @@ const pagination2 = reactive({
|
|||
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 startIndex = (val - 1) * 10;
|
||||
const endIndex = val * 10;
|
||||
|
|
@ -684,6 +675,11 @@ const handleCurrentChange = (val) => {
|
|||
const endIndex = val * 10;
|
||||
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) => {
|
||||
return {
|
||||
|
|
@ -721,7 +717,20 @@ const rowState = (row) => {
|
|||
const change = (name, index) => {
|
||||
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(() => {
|
||||
getTable("/api/ggfwyth/ysyzt/lyxsdbrymd", pagination.currentPage);
|
||||
handleCurrentChange(1);
|
||||
});
|
||||
</script>
|
||||
|
|
@ -730,7 +739,7 @@ onMounted(() => {
|
|||
.module {
|
||||
width: 100%;
|
||||
height: 943px;
|
||||
margin-top: 112px;
|
||||
margin-top: 125px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 10px 45px;
|
||||
|
|
@ -937,10 +946,9 @@ onMounted(() => {
|
|||
padding-left: 10px !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:deep(.el-table td.el-table__cell) {
|
||||
padding-left: 10px;
|
||||
}
|
||||
:deep(.el-table td.el-table__cell) {
|
||||
padding: 13px 0px;
|
||||
}
|
||||
|
||||
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
|
||||
|
|
@ -976,6 +984,15 @@ onMounted(() => {
|
|||
// 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 {
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
|
|
@ -288,28 +288,28 @@ const data = reactive({
|
|||
name: "重特困人员救助供养",
|
||||
Bj: Bj1,
|
||||
text: "我县特困供养对象329户331人，2023年支出特困供养经费722.29万元。",
|
||||
progress: 35, //进度条
|
||||
progress: 95, //进度条
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "医疗救助",
|
||||
Bj: Bj2,
|
||||
text: "我县医疗救助的对象为民攻部门认定的特困供养人员最低生活保障家庭成员、最低生活保障边缘家庭成员（包括纳入低保、低边的因病致贫等支出型贫困对象）。",
|
||||
progress: 45, //进度条
|
||||
progress: 95, //进度条
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "临时救助",
|
||||
Bj: Bj3,
|
||||
text: "为数助对象发放临时救助金，2023年共救助609户1036人，数助225.39万元。",
|
||||
progress: 100, //进度条
|
||||
progress: 95, //进度条
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "受灾人员救助",
|
||||
Bj: Bj4,
|
||||
text: "机构改革以来(2019年)，我县自然灾害形势总体平稳，未发生因灾亡人事故。",
|
||||
progress: 25, //进度条
|
||||
progress: 95, //进度条
|
||||
},
|
||||
],
|
||||
});
|
||||
|
|
@ -434,7 +434,7 @@ const rowState = (row) => {
|
|||
.right_bg {
|
||||
width: 100%;
|
||||
height: 943px;
|
||||
margin: 0 30px 30px 30px;
|
||||
margin: 40px 30px 0px 30px;
|
||||
// background-color: pink;
|
||||
.formText {
|
||||
// .formText_top {
|
||||
|
|
@ -594,11 +594,13 @@ const rowState = (row) => {
|
|||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
:deep(.el-table td.el-table__cell) {
|
||||
padding-left: 10px;
|
||||
}
|
||||
padding: 12px 0px;
|
||||
}
|
||||
|
||||
|
||||
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
|
||||
background-color: #2f4b74;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue