This commit is contained in:
parent
ee96424f17
commit
42f5a25db4
|
@ -9,7 +9,7 @@
|
|||
@click="onTypel(item)"
|
||||
>
|
||||
{{ 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>
|
||||
|
@ -24,7 +24,6 @@
|
|||
background: 'rgba(231, 233, 235, 1)',
|
||||
color: 'black',
|
||||
}"
|
||||
:row-style="{ background: 'rgba(245, 246, 247, 1)' }"
|
||||
>
|
||||
<el-table-column prop="index" label="序号" fixed width="60" />
|
||||
<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="xzjd" 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>
|
||||
<div class="pagePart">
|
||||
|
@ -52,19 +51,6 @@
|
|||
</div>
|
||||
<div v-if="chooseTitle == '3'">
|
||||
<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">
|
||||
<el-date-picker
|
||||
style="width: 45%"
|
||||
|
@ -94,36 +80,51 @@
|
|||
end-placeholder="结束时间"
|
||||
/> -->
|
||||
</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>
|
||||
<el-table
|
||||
:data="data.tableData1"
|
||||
stripe
|
||||
max-height="74vh"
|
||||
style="width: 100%;color: black"
|
||||
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="ahap0016" label="姓名" 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" />
|
||||
<el-table-column prop="ahax0011" label="银行账号" width="170" />
|
||||
<el-table-column prop="azdf0005" label="家庭总人口" width="100" />
|
||||
<!-- <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="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" />
|
||||
<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="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="bhax0005" label="人员类别" width="170" /> -->
|
||||
<!-- <el-table-column prop="bhax0008" 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="bhax0035" label="低保类型" width="170"/>
|
||||
<!-- <el-table-column prop="bhax0035" label="低保类型" width="170" /> -->
|
||||
</el-table>
|
||||
<div class="pagePart">
|
||||
<el-pagination
|
||||
|
@ -141,6 +142,17 @@
|
|||
</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"
|
||||
|
@ -154,17 +166,6 @@
|
|||
</template>
|
||||
</el-input>
|
||||
</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>
|
||||
<el-table
|
||||
:data="data.tableData"
|
||||
|
@ -180,12 +181,12 @@
|
|||
>
|
||||
<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="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="地址" 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">
|
||||
|
@ -204,6 +205,17 @@
|
|||
</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"
|
||||
|
@ -217,17 +229,6 @@
|
|||
</template>
|
||||
</el-input>
|
||||
</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>
|
||||
<el-table
|
||||
:data="data.tableData"
|
||||
|
@ -243,12 +244,12 @@
|
|||
>
|
||||
<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="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="地址" 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">
|
||||
|
@ -267,6 +268,17 @@
|
|||
</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"
|
||||
|
@ -280,17 +292,6 @@
|
|||
</template>
|
||||
</el-input>
|
||||
</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>
|
||||
<el-table
|
||||
:data="data.tableData"
|
||||
|
@ -306,12 +307,12 @@
|
|||
>
|
||||
<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="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="地址" 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">
|
||||
|
@ -328,7 +329,6 @@
|
|||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -353,23 +353,23 @@ const search2 = reactive({
|
|||
|
||||
const titleList = reactive([
|
||||
{
|
||||
title: "服务项目(未完成)",
|
||||
title: "服务项目(未完成)",
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
title: "在册低保 户",
|
||||
title: "在册低保户",
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
title: "在册低保 人员",
|
||||
title: "在册低保人员",
|
||||
id: 3,
|
||||
},
|
||||
{
|
||||
title: "新增低保 人员",
|
||||
title: "新增低保人员",
|
||||
id: 4,
|
||||
},
|
||||
{
|
||||
title: "退出低保 人员",
|
||||
title: "退出低保人员",
|
||||
id: 5,
|
||||
},
|
||||
]);
|
||||
|
@ -463,10 +463,14 @@ const onTypel = (val) => {
|
|||
chooseTitle.value = val.id;
|
||||
if (val.id == 1) {
|
||||
personDetails();
|
||||
} else if (val.id == 2) {
|
||||
} else if (val.id == 3) {
|
||||
data.tableData = [];
|
||||
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 = [];
|
||||
}
|
||||
};
|
||||
|
@ -564,12 +568,15 @@ onMounted(() => {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 10px;
|
||||
// padding-bottom: 20px;
|
||||
// border-bottom: 2px solid #ccc;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
||||
.tableheader_title {
|
||||
width: 72px;
|
||||
height: 40px;
|
||||
// width: 72px;
|
||||
width: 100%;
|
||||
// height: 40px;
|
||||
// line-height: 40px;
|
||||
padding: 5px 3px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
|
||||
|
@ -597,9 +604,13 @@ onMounted(() => {
|
|||
// bottom: -22px;
|
||||
// }
|
||||
}
|
||||
.tableheader_title:hover {
|
||||
color: rgba(45, 98, 244, 1);
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.active {
|
||||
// color: rgba(45, 98, 244, 1);
|
||||
background: #F8F8F8;
|
||||
color: rgba(45, 98, 244, 1);
|
||||
background: #f8f8f8;
|
||||
}
|
||||
}
|
||||
.select {
|
||||
|
|
Loading…
Reference in New Issue