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

gx

This commit is contained in:
duanxiaohai 2024-10-17 17:29:30 +08:00
parent 68dd704226
commit 4e87b1309e
1 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,7 @@
:class="chooseTitle == item.id ? 'active' : ''" :class="chooseTitle == item.id ? 'active' : ''"
v-for="item in titleList" v-for="item in titleList"
:key="item.id" :key="item.id"
@click="chooseTitle = item.id" @click="onTypel(item)"
> >
{{ item.title }} {{ item.title }}
<div class="line" v-if="chooseTitle == item.id"></div> <div class="line" v-if="chooseTitle == item.id"></div>
@ -45,15 +45,15 @@
max-height="100vh" max-height="100vh"
style="width: 100%" style="width: 100%"
> >
<el-table-column prop="xh" label="序号" width="50" /> <el-table-column prop="index" label="序号" width="50" />
<el-table-column prop="xm" label="姓名" width="60" /> <el-table-column prop="xm" label="姓名" width="60" />
<el-table-column prop="sfzhm" label="身份证" /> <el-table-column prop="sfzhm" label="身份证" />
<el-table-column prop="sfzhm" label="救助证号" /> <el-table-column prop="jzzh" label="救助证号" />
<el-table-column prop="sfzhm" label="联系电话" /> <el-table-column prop="sjhm" label="联系电话" />
<el-table-column prop="sfzhm" label="乡镇(街道)" /> <el-table-column prop="xzjd" label="乡镇(街道)" />
<el-table-column prop="sfzhm" label="村社" /> <el-table-column prop="csq" label="村社" />
<el-table-column prop="dz" label="地址" /> <el-table-column prop="dz" label="地址" />
<el-table-column prop="sfzhm" label="救助日期" /> <el-table-column prop="jzrq" label="救助日期" />
<!-- <el-table-column prop="nl" label="年龄" width="60" /> --> <!-- <el-table-column prop="nl" label="年龄" width="60" /> -->
<!-- <el-table-column prop="bq" label="人口标签" /> --> <!-- <el-table-column prop="bq" label="人口标签" /> -->
</el-table> </el-table>
@ -90,6 +90,11 @@ const titleList = reactive([
const data = reactive({ const data = reactive({
xh: "", xh: "",
bm: "", bm: "",
pagination: {
current: 1,
pageSize: 200,
total: 0,
},
columns: [ columns: [
{ {
label: "姓名", label: "姓名",
@ -130,6 +135,8 @@ const throttle = (func, limit) => {
}; };
const searchT = (val) => { const searchT = (val) => {
console.log(val);
if (val == "name") { if (val == "name") {
console.log(search); console.log(search);
} else { } else {
@ -140,6 +147,15 @@ const searchT = (val) => {
} }
} }
}; };
const onTypel = (val) => {
console.log("选择",val);
chooseTitle.value = val.id;
if (val.id == 1) {
}else{
data.tableData = []
}
};
const getDate = () => { const getDate = () => {
console.log("未选择时间"); console.log("未选择时间");
}; };
@ -161,7 +177,7 @@ onMounted(() => {
data.xh = routers.query.xh; data.xh = routers.query.xh;
data.bm = routers.query.bm; data.bm = routers.query.bm;
console.log(11, data.tableData); console.log(11, data.tableData);
// personDetails() personDetails();
}); });
</script> </script>
@ -181,6 +197,7 @@ onMounted(() => {
margin-bottom: 20px; margin-bottom: 20px;
border-bottom: 2px solid #ccc; border-bottom: 2px solid #ccc;
.tableheader_title { .tableheader_title {
cursor: pointer;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
@ -218,7 +235,7 @@ onMounted(() => {
border: none; border: none;
} }
:deep(.el-table) { :deep(.el-table) {
--el-table-border-color: #62696d; --el-table-border-color: #62696d;
// border: 1px solid #62696d; // border: 1px solid #62696d;
} }
</style> </style>