Compare commits

..

No commits in common. "443558dc8f91b20d6da2825f3f49f451b3752fdf" and "e8c33d831bedc6af20ad96570028f49c13b44a4a" have entirely different histories.

3 changed files with 217 additions and 452 deletions

BIN
dist.zip Normal file

Binary file not shown.

View File

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

View File

@ -25,15 +25,7 @@
color: 'black', color: 'black',
}" }"
> >
<template v-for="item in data.columns"> <el-table-column prop="index" label="序号" fixed width="60" />
<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="xm" label="姓名" fixed width="70" />
<el-table-column prop="sfzhm" label="身份证" width="170" /> <el-table-column prop="sfzhm" label="身份证" width="170" />
<el-table-column prop="jzzh" label="低保证号" width="210" /> <el-table-column prop="jzzh" label="低保证号" width="210" />
@ -41,7 +33,7 @@
<el-table-column prop="xzjd" label="乡镇(街道)" width="100" /> <el-table-column prop="xzjd" label="乡镇(街道)" width="100" />
<el-table-column prop="csq" label="村社" width="100" /> <el-table-column prop="csq" label="村社" width="100" />
<el-table-column prop="dz" label="地址" /> <el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="100" /> --> <el-table-column prop="jzrq" label="救助日期" width="100" />
</el-table> </el-table>
<div class="pagePart"> <div class="pagePart">
<el-pagination <el-pagination
@ -57,219 +49,6 @@
/> />
</div> </div>
</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 v-if="chooseTitle == '3'">
<div class="select"> <div class="select">
<div class="select_item"> <div class="select_item">
@ -325,18 +104,18 @@
color: 'black', color: 'black',
}" }"
> >
<template v-for="item in data.columns"> <el-table-column prop="index" label="序号" fixed width="60" />
<el-table-column <el-table-column prop="ahap0016" label="姓名" fixed width="70" />
:prop="item.property" <el-table-column prop="ahap0015" label="身份证" width="170" />
:label="item.label" <el-table-column prop="ahax0003" label="低保证号" width="210" />
:width="item.width"
:fixed="item.fixed"
/>
</template>
<!-- <el-table-column prop="ahax0004" label="申请救助" width="170" /> --> <!-- <el-table-column prop="ahax0004" label="申请救助" width="170" /> -->
<!-- <el-table-column prop="ahax0011" label="银行账号" width="170" /> --> <!-- <el-table-column prop="ahax0011" label="银行账号" width="170" /> -->
<!-- <el-table-column prop="azdf0005" label="家庭总人口" width="100" /> --> <!-- <el-table-column prop="azdf0005" label="家庭总人口" width="100" /> -->
<!-- <el-table-column prop="bhax0003" label="用电户号" width="170" /> --> <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="bhax0004" label="减免地址" width="170" /> --> <!-- <el-table-column prop="bhax0004" label="减免地址" width="170" /> -->
<!-- <el-table-column prop="bhax0005" label="人员类别" width="170" /> --> <!-- <el-table-column prop="bhax0005" label="人员类别" width="170" /> -->
<!-- <el-table-column prop="bhax0008" label="致贫原因" width="170" /> --> <!-- <el-table-column prop="bhax0008" label="致贫原因" width="170" /> -->
@ -344,19 +123,8 @@
<!-- <el-table-column prop="bhax0011" label="水费户号" width="170" /> --> <!-- <el-table-column prop="bhax0011" label="水费户号" width="170" /> -->
<!-- <el-table-column prop="bhax0012" label="燃气户号" width="170" /> --> <!-- <el-table-column prop="bhax0012" label="燃气户号" width="170" /> -->
<!-- <el-table-column prop="bhax0013" 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> </el-table>
<div class="pagePart"> <div class="pagePart">
<el-pagination <el-pagination
@ -365,13 +133,202 @@
background background
layout="prev, pager, next ,total" layout="prev, pager, next ,total"
:pager-count="3" :pager-count="3"
:page-size="data.pagination.pageSize" :page-size="data.pagination1.pageSize"
:total="data.pagination.total" :total="data.pagination1.total"
:current-page="data.pagination.current" :current-page="data.pagination1.current"
@current-change="handlePagination1" @current-change="handlePagination1"
/> />
</div> </div>
</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> </div>
</template> </template>
@ -394,7 +351,7 @@ const search2 = reactive({
date: "", date: "",
}); });
var titleList = reactive([ const titleList = reactive([
{ {
title: "服务项目(未完成)", title: "服务项目(未完成)",
id: 1, id: 1,
@ -420,7 +377,6 @@ const data = reactive({
code: "", code: "",
xh: "", xh: "",
bm: "", bm: "",
url:"",
pagination: { pagination: {
current: 1, current: 1,
pageSize: 20, pageSize: 20,
@ -464,189 +420,7 @@ const data = reactive({
tableData: [], tableData: [],
tableData1: [], 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; var timer;
const throttle = (func, limit) => { const throttle = (func, limit) => {
@ -686,11 +460,7 @@ const searchT1 = (val) => {
// } // }
}; };
const onTypel = (val) => { const onTypel = (val) => {
//url,
chooseTitle.value = val.id; chooseTitle.value = val.id;
data.columns=columnsList['最低生活保障'][val.col];
data.url=val.url;
data.pagination.current=1;
if (val.id == 1) { if (val.id == 1) {
personDetails(); personDetails();
} else if (val.id == 3) { } else if (val.id == 3) {
@ -711,15 +481,15 @@ const getDate = () => {
const getRegisteredDB = () => { const getRegisteredDB = () => {
http http
.get( .get(
`${data.url}?size=${data.pagination.pageSize}&page=${data.pagination.current}&name=${search1.name}&startTime=${search1.date}&endTime=${search1.date1}` `/api/ggfwyth/pg/zcdbry?size=${data.pagination1.pageSize}&page=${data.pagination1.current}&name=${search1.name}&startTime=${search1.date}&endTime=${search1.date1}`
) )
.then((res) => { .then((res) => {
if (res.code == 200) { if (res.code == 200) {
// console.log(res.data); // console.log(res.data);
data.tableData1 = res.data; data.tableData1 = res.data;
data.pagination.total = res.count; data.pagination1.total = res.count;
const currentPage = data.pagination.current; // const currentPage = data.pagination1.current; //
const pageSize = data.pagination.pageSize; // const pageSize = data.pagination1.pageSize; //
data.tableData1 = res.data.map((item) => { data.tableData1 = res.data.map((item) => {
// bhax0033 // bhax0033
@ -745,7 +515,7 @@ const getRegisteredDB = () => {
const personDetails = () => { const personDetails = () => {
http http
.get( .get(
`${data.url}/${data.xh}/${data.bm}?size=${data.pagination.pageSize}&page=${data.pagination.current}` `/api/ggfwyth/pg/wxsbmRyxx/${data.xh}/${data.bm}?size=${data.pagination.pageSize}&page=${data.pagination.current}`
) )
.then((res) => { .then((res) => {
if (res.code == 200) { if (res.code == 200) {
@ -759,8 +529,6 @@ const personDetails = () => {
res.data.forEach((item, index) => { res.data.forEach((item, index) => {
item.index = index + 1 + (currentPage - 1) * pageSize; item.index = index + 1 + (currentPage - 1) * pageSize;
}); });
console.log(2222222222,data.tableData);
} else { } else {
ElMessage.warning({ ElMessage.warning({
message: res.message, message: res.message,
@ -776,16 +544,13 @@ const handlePagination = (currentPage) => {
personDetails(); personDetails();
}; };
const handlePagination1 = (currentPage) => { const handlePagination1 = (currentPage) => {
data.pagination.current = currentPage; data.pagination1.current = currentPage;
getRegisteredDB(); getRegisteredDB();
}; };
onMounted(() => { onMounted(() => {
// data.tableData = JSON.parse(routers.query.personDetails); // data.tableData = JSON.parse(routers.query.personDetails);
data.xh = routers.query.xh; data.xh = routers.query.xh;
data.bm = routers.query.bm; data.bm = routers.query.bm;
data.columns=columnsList['最低生活保障'][columnsList['最低生活保障'].titleList[0].col];
data.url=columnsList['最低生活保障'].titleList[0].url;
titleList=columnsList['最低生活保障'].titleList;
personDetails(); personDetails();
}); });
</script> </script>
@ -886,7 +651,7 @@ onMounted(() => {
// } // }
:deep(.el-table__body tr.hover-row > td.el-table__cell) { :deep(.el-table__body tr.hover-row > td.el-table__cell) {
// background-color: var(--el-table-row-hover-bg-color); // background-color: var(--el-table-row-hover-bg-color);
background-color: rgba(45, 98, 244, 1); background-color: rgba(45, 98, 244, 1) ;
} }
:deep(.el-table) { :deep(.el-table) {
//--el-table-border-color: #62696d; //--el-table-border-color: #62696d;