Compare commits
3 Commits
e8c33d831b
...
443558dc8f
| Author | SHA1 | Date |
|---|---|---|
 姚宇浩
|
443558dc8f | |
|
姚宇浩
|
6650896e88 | |
|
姚宇浩
|
f3f1fc757e |
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,15 @@
|
||||||
color: 'black',
|
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="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" />
|
||||||
|
|
@ -33,7 +41,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
|
||||||
|
|
@ -49,6 +57,219 @@
|
||||||
/>
|
/>
|
||||||
</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">
|
||||||
|
|
@ -104,18 +325,18 @@
|
||||||
color: 'black',
|
color: 'black',
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<el-table-column prop="index" label="序号" fixed width="60" />
|
<template v-for="item in data.columns">
|
||||||
<el-table-column prop="ahap0016" label="姓名" fixed width="70" />
|
<el-table-column
|
||||||
<el-table-column prop="ahap0015" label="身份证" width="170" />
|
:prop="item.property"
|
||||||
<el-table-column prop="ahax0003" label="低保证号" width="210" />
|
:label="item.label"
|
||||||
<!-- <el-table-column prop="ahax0004" label="申请救助" width="170" /> -->
|
: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="ahax0011" label="银行账号" width="170" /> -->
|
||||||
<!-- <el-table-column prop="azdf0005" label="家庭总人口" width="100" /> -->
|
<!-- <el-table-column prop="azdf0005" label="家庭总人口" width="100" /> -->
|
||||||
<el-table-column prop="azdf0011" label="联系电话" width="170" />
|
<!-- <el-table-column prop="bhax0003" 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" /> -->
|
||||||
|
|
@ -123,8 +344,19 @@
|
||||||
<!-- <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
|
||||||
|
|
@ -133,202 +365,13 @@
|
||||||
background
|
background
|
||||||
layout="prev, pager, next ,total"
|
layout="prev, pager, next ,total"
|
||||||
:pager-count="3"
|
:pager-count="3"
|
||||||
:page-size="data.pagination1.pageSize"
|
:page-size="data.pagination.pageSize"
|
||||||
:total="data.pagination1.total"
|
:total="data.pagination.total"
|
||||||
:current-page="data.pagination1.current"
|
:current-page="data.pagination.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>
|
||||||
|
|
||||||
|
|
@ -351,7 +394,7 @@ const search2 = reactive({
|
||||||
date: "",
|
date: "",
|
||||||
});
|
});
|
||||||
|
|
||||||
const titleList = reactive([
|
var titleList = reactive([
|
||||||
{
|
{
|
||||||
title: "服务项目(未完成)",
|
title: "服务项目(未完成)",
|
||||||
id: 1,
|
id: 1,
|
||||||
|
|
@ -377,6 +420,7 @@ const data = reactive({
|
||||||
code: "",
|
code: "",
|
||||||
xh: "",
|
xh: "",
|
||||||
bm: "",
|
bm: "",
|
||||||
|
url:"",
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
|
|
@ -420,7 +464,189 @@ 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) => {
|
||||||
|
|
@ -460,7 +686,11 @@ 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) {
|
||||||
|
|
@ -481,15 +711,15 @@ const getDate = () => {
|
||||||
const getRegisteredDB = () => {
|
const getRegisteredDB = () => {
|
||||||
http
|
http
|
||||||
.get(
|
.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) => {
|
.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.pagination1.total = res.count;
|
data.pagination.total = res.count;
|
||||||
const currentPage = data.pagination1.current; // 当前页数
|
const currentPage = data.pagination.current; // 当前页数
|
||||||
const pageSize = data.pagination1.pageSize; // 每页显示的条数
|
const pageSize = data.pagination.pageSize; // 每页显示的条数
|
||||||
|
|
||||||
data.tableData1 = res.data.map((item) => {
|
data.tableData1 = res.data.map((item) => {
|
||||||
// 提取 bhax0033 中的日期部分
|
// 提取 bhax0033 中的日期部分
|
||||||
|
|
@ -515,7 +745,7 @@ const getRegisteredDB = () => {
|
||||||
const personDetails = () => {
|
const personDetails = () => {
|
||||||
http
|
http
|
||||||
.get(
|
.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) => {
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
|
|
@ -529,6 +759,8 @@ 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,
|
||||||
|
|
@ -544,13 +776,16 @@ const handlePagination = (currentPage) => {
|
||||||
personDetails();
|
personDetails();
|
||||||
};
|
};
|
||||||
const handlePagination1 = (currentPage) => {
|
const handlePagination1 = (currentPage) => {
|
||||||
data.pagination1.current = currentPage;
|
data.pagination.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>
|
||||||
|
|
@ -651,7 +886,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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue