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

gx

This commit is contained in:
duanxiaohai 2024-10-29 10:10:09 +08:00
parent c82008de6e 443558dc8f
commit d7dea0cc3c
2 changed files with 450 additions and 215 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -5,7 +5,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>公共服务一体化驾驶舱</title>
<title>精准智服系统</title>
<!-- <script type="text/javascript"
src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=2KLQUajGSpNL2DInxT6BwdPklMNpG3hw"></script> -->
</head>

663
src/view/person/rwTable.vue
View File

@ -25,7 +25,15 @@
color: 'black',
}"
>
<el-table-column prop="index" label="序号" fixed width="60" />
<template v-for="item in data.columns">
<el-table-column
:prop="item.property"
:label="item.label"
:width="item.width"
:fixed="item.fixed"
/>
</template>
<!-- <el-table-column prop="index" label="序号" fixed width="60" />
<el-table-column prop="xm" label="姓名" fixed width="70" />
<el-table-column prop="sfzhm" label="身份证" width="170" />
<el-table-column prop="jzzh" label="低保证号" width="210" />
@ -68,6 +76,219 @@
/>
</div>
</div>
<div v-if="chooseTitle == '5'">
<div class="select">
<div class="select_item">
<el-date-picker
style="width: 100%"
v-model="search1.date"
type="date"
placeholder="选择时间"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="searchT1('date')"
/>
</div>
<div class="select_item">
<el-input
v-model="search1.name"
style="width: 100%"
placeholder="姓名查询"
clearable
class="input-with-select"
>
<template #append>
<el-button :icon="Search" @click="searchT1('name')" />
</template>
</el-input>
</div>
</div>
<el-table
:data="data.tableData"
stripe
border
max-height="80vh"
style="width: 100%; color: black"
:header-cell-style="{
background: 'rgba(231, 233, 235, 1)',
color: 'black',
}"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
>
<template v-for="item in data.columns">
<el-table-column
:prop="item.property"
:label="item.label"
:width="item.width"
:fixed="item.fixed"
/>
</template>-->
<!-- <el-table-column prop="index" label="序号" width="60" />
<el-table-column prop="xm" label="姓名" width="70" />
<el-table-column prop="sfzhm" label="身份证" width="110" />
<el-table-column prop="jzzh" label="低保证号" width="110" />
<el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" /> -->
</el-table>
<div class="pagePart">
<el-pagination
size="small"
class="mt-4"
background
layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination.pageSize"
:total="data.pagination.total"
:current-page="data.pagination.current"
@current-change="handlePagination"
/>
</div>
</div>
<div v-if="chooseTitle == '2'">
<div class="select">
<div class="select_item">
<el-date-picker
style="width: 100%"
v-model="search1.date"
type="date"
placeholder="选择时间"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="searchT1('date')"
/>
</div>
<div class="select_item">
<el-input
v-model="search1.name"
style="width: 100%"
placeholder="姓名查询"
clearable
class="input-with-select"
>
<template #append>
<el-button :icon="Search" @click="searchT1('name')" />
</template>
</el-input>
</div>
</div>
<el-table
:data="data.tableData"
stripe
border
max-height="80vh"
style="width: 100%; color: black"
:header-cell-style="{
background: 'rgba(231, 233, 235, 1)',
color: 'black',
}"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
>
<template v-for="item in data.columns">
<el-table-column
:prop="item.property"
:label="item.label"
:width="item.width"
:fixed="item.fixed"
/>
</template>
<!-- <el-table-column prop="index" label="序号" width="60" />
<el-table-column prop="xm" label="姓名" width="70" />
<el-table-column prop="sfzhm" label="身份证" width="110" />
<el-table-column prop="jzzh" label="低保证号" width="110" />
<el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" /> -->
</el-table>
<div class="pagePart">
<el-pagination
size="small"
class="mt-4"
background
layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination.pageSize"
:total="data.pagination.total"
:current-page="data.pagination.current"
@current-change="handlePagination"
/>
</div>
</div>
<div v-if="chooseTitle == '4'">
<div class="select">
<div class="select_item">
<el-date-picker
style="width: 100%"
v-model="search1.date"
type="date"
placeholder="选择时间"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="searchT1('date')"
/>
</div>
<div class="select_item">
<el-input
v-model="search1.name"
style="width: 100%"
placeholder="姓名查询"
clearable
class="input-with-select"
>
<template #append>
<el-button :icon="Search" @click="searchT1('name')" />
</template>
</el-input>
</div>
</div>
<el-table
:data="data.tableData"
stripe
border
max-height="80vh"
style="width: 100%; color: black"
:header-cell-style="{
background: 'rgba(231, 233, 235, 1)',
color: 'black',
}"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
>
<template v-for="item in data.columns">
<el-table-column
:prop="item.property"
:label="item.label"
:width="item.width"
:fixed="item.fixed"
/>
</template>
<!-- <el-table-column prop="index" label="序号" width="60" />
<el-table-column prop="xm" label="姓名" width="70" />
<el-table-column prop="sfzhm" label="身份证" width="110" />
<el-table-column prop="jzzh" label="低保证号" width="110" />
<el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" /> -->
</el-table>
<div class="pagePart">
<el-pagination
size="small"
class="mt-4"
background
layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination.pageSize"
:total="data.pagination.total"
:current-page="data.pagination.current"
@current-change="handlePagination"
/>
</div>
</div>
<div v-if="chooseTitle == '3'">
<div class="select">
<div class="select_item">
@ -122,19 +343,19 @@
background: 'rgba(231, 233, 235, 1)',
color: 'black',
}"
>
<el-table-column prop="index" label="序号" fixed width="60" />
<el-table-column prop="ahap0016" label="姓名" fixed width="70" />
<el-table-column prop="ahap0015" label="身份证" width="170" />
<el-table-column prop="ahax0003" label="低保证号" width="210" />
<!-- <el-table-column prop="ahax0004" label="申请救助" width="170" /> -->
>
<template v-for="item in data.columns">
<el-table-column
:prop="item.property"
:label="item.label"
:width="item.width"
:fixed="item.fixed"
/>
</template>
<!-- <el-table-column prop="ahax0004" label="申请救助" width="170" /> -->
<!-- <el-table-column prop="ahax0011" label="银行账号" width="170" /> -->
<!-- <el-table-column prop="azdf0005" label="家庭总人口" width="100" /> -->
<el-table-column prop="azdf0011" label="联系电话" width="170" />
<el-table-column prop="xzjd" label="乡镇(街道)" />
<el-table-column prop="csq" label="村社" />
<el-table-column prop="dz" label="地址" />
<!-- <el-table-column prop="bhax0003" label="用电户号" width="170" /> -->
<!-- <el-table-column prop="bhax0003" label="用电户号" width="170" /> -->
<!-- <el-table-column prop="bhax0004" label="减免地址" width="170" /> -->
<!-- <el-table-column prop="bhax0005" label="人员类别" width="170" /> -->
<!-- <el-table-column prop="bhax0008" label="致贫原因" width="170" /> -->
@ -142,8 +363,19 @@
<!-- <el-table-column prop="bhax0011" label="水费户号" width="170" /> -->
<!-- <el-table-column prop="bhax0012" label="燃气户号" width="170" /> -->
<!-- <el-table-column prop="bhax0013" label="有线电视户号" width="170" /> -->
<el-table-column prop="bhax0033" label="救助日期" width="170" />
<!-- <el-table-column prop="bhax0035" label="低保类型" width="170" /> -->
<!-- <el-table-column prop="bhax0035" label="低保类型" width="170" /> -->
<!-- <el-table-column prop="index" label="序号" fixed width="60" />
<el-table-column prop="ahap0016" label="姓名" fixed width="70" />
<el-table-column prop="ahap0015" label="身份证" width="170" />
<el-table-column prop="ahax0003" label="低保证号" width="210" />
<el-table-column prop="azdf0011" label="联系电话" width="170" />
<el-table-column prop="xzjd" label="乡镇(街道)" />
<el-table-column prop="csq" label="村社" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="bhax0033" label="救助日期" width="170" /> -->
</el-table>
<div class="pagePart">
<el-pagination
@ -152,202 +384,13 @@
background
layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination1.pageSize"
:total="data.pagination1.total"
:current-page="data.pagination1.current"
:page-size="data.pagination.pageSize"
:total="data.pagination.total"
:current-page="data.pagination.current"
@current-change="handlePagination1"
/>
</div>
</div>
<div v-if="chooseTitle == '5'">
<div class="select">
<div class="select_item">
<el-date-picker
style="width: 100%"
v-model="search1.date"
type="date"
placeholder="选择时间"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="searchT1('date')"
/>
</div>
<div class="select_item">
<el-input
v-model="search1.name"
style="width: 100%"
placeholder="姓名查询"
clearable
class="input-with-select"
>
<template #append>
<el-button :icon="Search" @click="searchT1('name')" />
</template>
</el-input>
</div>
</div>
<el-table
:data="data.tableData"
stripe
border
max-height="80vh"
style="width: 100%; color: black"
:header-cell-style="{
background: 'rgba(231, 233, 235, 1)',
color: 'black',
}"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
>
<el-table-column prop="index" label="序号" width="60" />
<el-table-column prop="xm" label="姓名" width="70" />
<el-table-column prop="sfzhm" label="身份证" width="110" />
<el-table-column prop="jzzh" label="低保证号" width="110" />
<el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" />
</el-table>
<div class="pagePart">
<el-pagination
size="small"
class="mt-4"
background
layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination3.pageSize"
:total="data.pagination3.total"
:current-page="data.pagination3.current"
@current-change="handlePagination"
/>
</div>
</div>
<div v-if="chooseTitle == '2'">
<div class="select">
<div class="select_item">
<el-date-picker
style="width: 100%"
v-model="search1.date"
type="date"
placeholder="选择时间"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="searchT1('date')"
/>
</div>
<div class="select_item">
<el-input
v-model="search1.name"
style="width: 100%"
placeholder="姓名查询"
clearable
class="input-with-select"
>
<template #append>
<el-button :icon="Search" @click="searchT1('name')" />
</template>
</el-input>
</div>
</div>
<el-table
:data="data.tableData"
stripe
border
max-height="80vh"
style="width: 100%; color: black"
:header-cell-style="{
background: 'rgba(231, 233, 235, 1)',
color: 'black',
}"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
>
<el-table-column prop="index" label="序号" width="60" />
<el-table-column prop="xm" label="姓名" width="70" />
<el-table-column prop="sfzhm" label="身份证" width="110" />
<el-table-column prop="jzzh" label="低保证号" width="110" />
<el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" />
</el-table>
<div class="pagePart">
<el-pagination
size="small"
class="mt-4"
background
layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination3.pageSize"
:total="data.pagination3.total"
:current-page="data.pagination3.current"
@current-change="handlePagination"
/>
</div>
</div>
<div v-if="chooseTitle == '4'">
<div class="select">
<div class="select_item">
<el-date-picker
style="width: 100%"
v-model="search1.date"
type="date"
placeholder="选择时间"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
@change="searchT1('date')"
/>
</div>
<div class="select_item">
<el-input
v-model="search1.name"
style="width: 100%"
placeholder="姓名查询"
clearable
class="input-with-select"
>
<template #append>
<el-button :icon="Search" @click="searchT1('name')" />
</template>
</el-input>
</div>
</div>
<el-table
:data="data.tableData"
stripe
border
max-height="80vh"
style="width: 100%; color: black"
:header-cell-style="{
background: 'rgba(231, 233, 235, 1)',
color: 'black',
}"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
>
<el-table-column prop="index" label="序号" width="60" />
<el-table-column prop="xm" label="姓名" width="70" />
<el-table-column prop="sfzhm" label="身份证" width="110" />
<el-table-column prop="jzzh" label="低保证号" width="110" />
<el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" />
</el-table>
<div class="pagePart">
<el-pagination
size="small"
class="mt-4"
background
layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination3.pageSize"
:total="data.pagination3.total"
:current-page="data.pagination3.current"
@current-change="handlePagination"
/>
</div>
</div>
</div>
</template>
@ -370,7 +413,7 @@ const search2 = reactive({
date: "",
});
const titleList = reactive([
var titleList = reactive([
{
title: "服务项目(未完成)",
id: 1,
@ -396,6 +439,7 @@ const data = reactive({
code: "",
xh: "",
bm: "",
url:"",
pagination: {
current: 1,
pageSize: 20,
@ -439,7 +483,189 @@ const data = reactive({
tableData: [],
tableData1: [],
});
//页面配置(输入框还未配置)
/**
* @col 为每个标题对应的表格配置
*/
const columnsList = reactive({
最低生活保障: {
titleList: [
{
title: "服务项目(未完成)",
id: 1,
col:'columns',
url:'/api/ggfwyth/pg/wxsbmRyxx'
},
{
title: "在册低保户",
id: 2,
col:'columns',
url:'/api/ggfwyth/pg/wxsbmRyxx'
},
{
title: "在册低保人员",
id: 3,
col:'columns2',
url:'/api/ggfwyth/pg/zcdbry'
},
{
title: "新增低保人员",
id: 4,
col:'columns',
url:'/api/ggfwyth/pg/wxsbmRyxx'
},
{
title: "退出低保人员",
id: 5,
col:'columns',
url:'/api/ggfwyth/pg/wxsbmRyxx'
},
],
columns: [
{
label: "序号",
property: "index",
width: "60",
fixed:'left'
},
{
label: "姓名",
property: "xm",
width: "70",
fixed:'left'
},
{
label: "身份证",
property: "sfzhm",
width: "170",
},
{
label: "低保证号",
property: "jzzh",
width: "210",
},
{
label: "联系电话",
property: "sjhm",
width: "120",
},
{
label: "乡镇(街道)",
property: "xzjd",
width: "100",
},
{
label: "村社",
property: "csq",
width: "100",
},
{
label: "地址",
property: "dz",
},
{
label: "救助日期",
property: "jzrq",
width: "100",
},
],
columns2: [
{
label: "序号",
property: "index",
width: "60",
fixed:'left'
},
{
label: "姓名",
property: "ahap0016",
width: "70",
fixed:'left'
},
{
label: "身份证",
property: "ahap0015",
width: "170",
},
{
label: "低保证号",
property: "ahax0003",
width: "210",
},
{
label: "联系电话",
property: "azdf0011",
width: "170",
},
{
label: "乡镇(街道)",
property: "xzjd",
width: "100",
},
{
label: "村社",
property: "csq",
width: "100",
},
{
label: "地址",
property: "dz",
},
{
label: "救助日期",
property: "bhax0033",
width: "100",
},
],
},
职工医疗保险: {
titleList: [
{
title: "服务项目(未完成)",
id: 1,
col:'columns',
},
],
columns: [
{
label: "序号",
property: "index",
width: "60",
},
{
label: "姓名",
property: "xm",
width: "70",
},
{
label: "身份证",
property: "sfzhm",
width: "170",
},
{
label: "联系电话",
property: "sjhm",
width: "120",
},
{
label: "乡镇(街道)",
property: "xzjd",
width: "100",
},
{
label: "村社",
property: "cs",
width: "100",
},
{
label: "地址",
property: "dz",
},
],
},
});
//节流
var timer;
const throttle = (func, limit) => {
@ -476,7 +702,11 @@ const searchT1 = (val) => {
// }
};
const onTypel = (val) => {
//切换时，直接更换表头和url,重置分页器
chooseTitle.value = val.id;
data.columns=columnsList['最低生活保障'][val.col];
data.url=val.url;
data.pagination.current=1;
if (val.id == 1) {
personDetails();
} else if (val.id == 3) {
@ -506,14 +736,14 @@ const confirmEvent = (index, row) => {
const getRegisteredDB = () => {
http
.get(
`/api/ggfwyth/pg/zcdbry?size=${data.pagination1.pageSize}&page=${data.pagination1.current}&name=${search1.name}&startTime=${search1.date}&endTime=${search1.date1}`
`${data.url}?size=${data.pagination.pageSize}&page=${data.pagination.current}&name=${search1.name}&startTime=${search1.date}&endTime=${search1.date1}`
)
.then((res) => {
if (res.code == 200) {
data.tableData1 = res.data;
data.pagination1.total = res.count;
const currentPage = data.pagination1.current; // 当前页数
const pageSize = data.pagination1.pageSize; // 每页显示的条数
data.pagination.total = res.count;
const currentPage = data.pagination.current; // 当前页数
const pageSize = data.pagination.pageSize; // 每页显示的条数
data.tableData1 = res.data.map((item) => {
// 提取 bhax0033 中的日期部分
@ -536,7 +766,7 @@ const getRegisteredDB = () => {
const personDetails = () => {
http
.get(
`/api/ggfwyth/pg/wxsbmRyxx/${data.xh}/${data.bm}?size=${data.pagination.pageSize}&page=${data.pagination.current}`
`${data.url}/${data.xh}/${data.bm}?size=${data.pagination.pageSize}&page=${data.pagination.current}`
)
.then((res) => {
if (res.code == 200) {
@ -548,6 +778,8 @@ const personDetails = () => {
res.data.forEach((item, index) => {
item.index = index + 1 + (currentPage - 1) * pageSize;
});
console.log(2222222222,data.tableData);
} else {
ElMessage.warning({
message: res.message,
@ -563,13 +795,16 @@ const handlePagination = (currentPage) => {
personDetails();
};
const handlePagination1 = (currentPage) => {
data.pagination1.current = currentPage;
data.pagination.current = currentPage;
getRegisteredDB();
};
onMounted(() => {
// data.tableData = JSON.parse(routers.query.personDetails);
data.xh = routers.query.xh;
data.bm = routers.query.bm;
data.columns=columnsList['最低生活保障'][columnsList['最低生活保障'].titleList[0].col];
data.url=columnsList['最低生活保障'].titleList[0].url;
titleList=columnsList['最低生活保障'].titleList;
personDetails();
});
</script>