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

gx

This commit is contained in:
duanxiaohai 2024-10-22 14:36:11 +08:00
parent ee96424f17
commit 42f5a25db4
2 changed files with 100 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip Normal file
View File

Binary file not shown.

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

@ -9,7 +9,7 @@
@click="onTypel(item)" @click="onTypel(item)"
> >
{{ item.title }} {{ item.title }}
<div class="line"></div> <div class="line" v-if="item.id !== 5"></div>
<!-- <div class="line" v-if="chooseTitle == item.id"></div> --> <!-- <div class="line" v-if="chooseTitle == item.id"></div> -->
</div> </div>
@ -24,7 +24,6 @@
background: 'rgba(231, 233, 235, 1)', background: 'rgba(231, 233, 235, 1)',
color: 'black', color: 'black',
}" }"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
> >
<el-table-column prop="index" label="序号" fixed width="60" /> <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" />
@ -33,7 +32,7 @@
<el-table-column prop="sjhm" label="联系电话" width="120" /> <el-table-column prop="sjhm" label="联系电话" width="120" />
<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="地址" width="100" /> <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">
@ -52,19 +51,6 @@
</div> </div>
<div v-if="chooseTitle == '3'"> <div v-if="chooseTitle == '3'">
<div class="select"> <div class="select">
<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="searchT('name')" />
</template>
</el-input>
</div>
<div class="select_item"> <div class="select_item">
<el-date-picker <el-date-picker
style="width: 45%" style="width: 45%"
@ -94,6 +80,19 @@
end-placeholder="结束时间" end-placeholder="结束时间"
/> --> /> -->
</div> </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="searchT('name')" />
</template>
</el-input>
</div>
</div> </div>
<el-table <el-table
:data="data.tableData1" :data="data.tableData1"
@ -104,26 +103,28 @@
background: 'rgba(231, 233, 235, 1)', background: 'rgba(231, 233, 235, 1)',
color: 'black', color: 'black',
}" }"
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
> >
<el-table-column prop="index" label="序号" width="60" /> <el-table-column prop="index" label="序号" width="60" />
<el-table-column prop="ahap0016" label="姓名" width="70" /> <el-table-column prop="ahap0016" label="姓名" width="70" />
<el-table-column prop="ahap0015" label="身份证" width="170" /> <el-table-column prop="ahap0015" label="身份证" width="170" />
<el-table-column prop="ahax0003" label="低保证号" width="210" /> <el-table-column prop="ahax0003" label="低保证号" width="210" />
<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="azdf0011" label="联系电话" width="170" /> <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="bhax0004" label="减免地址" width="170" /> <el-table-column prop="csq" label="村社" />
<el-table-column prop="bhax0005" label="人员类别" width="170" /> <el-table-column prop="dz" label="地址" />
<el-table-column prop="bhax0008" label="致贫原因" width="170" /> <!-- <el-table-column prop="bhax0003" label="用电户号" width="170" /> -->
<el-table-column prop="bhax0009" label="是否申请电力减免" width="170" /> <!-- <el-table-column prop="bhax0004" label="减免地址" width="170" /> -->
<el-table-column prop="bhax0011" label="水费户号" width="170" /> <!-- <el-table-column prop="bhax0005" label="人员类别" width="170" /> -->
<el-table-column prop="bhax0012" label="燃气户号" width="170" /> <!-- <el-table-column prop="bhax0008" label="致贫原因" width="170" /> -->
<el-table-column prop="bhax0013" label="有线电视户号" width="170" /> <!-- <el-table-column prop="bhax0009" label="是否申请电力减免" width="170" /> -->
<!-- <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="bhax0033" label="救助日期" width="170" />
<el-table-column prop="bhax0035" label="低保类型" width="170"/> <!-- <el-table-column prop="bhax0035" label="低保类型" width="170" /> -->
</el-table> </el-table>
<div class="pagePart"> <div class="pagePart">
<el-pagination <el-pagination
@ -141,6 +142,17 @@
</div> </div>
<div v-if="chooseTitle == '5'"> <div v-if="chooseTitle == '5'">
<div class="select"> <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"> <div class="select_item">
<el-input <el-input
v-model="search1.name" v-model="search1.name"
@ -154,17 +166,6 @@
</template> </template>
</el-input> </el-input>
</div> </div>
<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> </div>
<el-table <el-table
:data="data.tableData" :data="data.tableData"
@ -185,7 +186,7 @@
<el-table-column prop="sjhm" label="联系电话" width="110" /> <el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" /> <el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" /> <el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" width="110" /> <el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" /> <el-table-column prop="jzrq" label="救助日期" width="110" />
</el-table> </el-table>
<div class="pagePart"> <div class="pagePart">
@ -204,6 +205,17 @@
</div> </div>
<div v-if="chooseTitle == '2'"> <div v-if="chooseTitle == '2'">
<div class="select"> <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"> <div class="select_item">
<el-input <el-input
v-model="search1.name" v-model="search1.name"
@ -217,17 +229,6 @@
</template> </template>
</el-input> </el-input>
</div> </div>
<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> </div>
<el-table <el-table
:data="data.tableData" :data="data.tableData"
@ -248,7 +249,7 @@
<el-table-column prop="sjhm" label="联系电话" width="110" /> <el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" /> <el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" /> <el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" width="110" /> <el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" /> <el-table-column prop="jzrq" label="救助日期" width="110" />
</el-table> </el-table>
<div class="pagePart"> <div class="pagePart">
@ -267,6 +268,17 @@
</div> </div>
<div v-if="chooseTitle == '4'"> <div v-if="chooseTitle == '4'">
<div class="select"> <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"> <div class="select_item">
<el-input <el-input
v-model="search1.name" v-model="search1.name"
@ -280,17 +292,6 @@
</template> </template>
</el-input> </el-input>
</div> </div>
<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> </div>
<el-table <el-table
:data="data.tableData" :data="data.tableData"
@ -311,7 +312,7 @@
<el-table-column prop="sjhm" label="联系电话" width="110" /> <el-table-column prop="sjhm" label="联系电话" width="110" />
<el-table-column prop="xzjd" label="乡镇(街道)" width="110" /> <el-table-column prop="xzjd" label="乡镇(街道)" width="110" />
<el-table-column prop="csq" label="村社" width="110" /> <el-table-column prop="csq" label="村社" width="110" />
<el-table-column prop="dz" label="地址" width="110" /> <el-table-column prop="dz" label="地址" />
<el-table-column prop="jzrq" label="救助日期" width="110" /> <el-table-column prop="jzrq" label="救助日期" width="110" />
</el-table> </el-table>
<div class="pagePart"> <div class="pagePart">
@ -328,7 +329,6 @@
/> />
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -353,7 +353,7 @@ const search2 = reactive({
const titleList = reactive([ const titleList = reactive([
{ {
title: "服务项目（未完成）", title: "服务项目(未完成)",
id: 1, id: 1,
}, },
{ {
@ -463,10 +463,14 @@ const onTypel = (val) => {
chooseTitle.value = val.id; chooseTitle.value = val.id;
if (val.id == 1) { if (val.id == 1) {
personDetails(); personDetails();
} else if (val.id == 2) { } else if (val.id == 3) {
data.tableData = []; data.tableData = [];
getRegisteredDB(); getRegisteredDB();
} else if (val.id == 3) { } else if (val.id == 2) {
data.tableData = [];
} else if (val.id == 4) {
data.tableData = [];
} else if (val.id == 5) {
data.tableData = []; data.tableData = [];
} }
}; };
@ -564,12 +568,15 @@ onMounted(() => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
// padding-bottom: 20px; padding-bottom: 4px;
// border-bottom: 2px solid #ccc; border-bottom: 1px solid #ccc;
.tableheader_title { .tableheader_title {
width: 72px; // width: 72px;
height: 40px; width: 100%;
// height: 40px;
// line-height: 40px;
padding: 5px 3px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
@ -597,9 +604,13 @@ onMounted(() => {
// bottom: -22px; // bottom: -22px;
// } // }
} }
.tableheader_title:hover {
color: rgba(45, 98, 244, 1);
background: #f8f8f8;
}
.active { .active {
// color: rgba(45, 98, 244, 1); color: rgba(45, 98, 244, 1);
background: #F8F8F8; background: #f8f8f8;
} }
} }
.select { .select {