gx

src/view/person/rwTable.vue

@@ -6,7 +6,7 @@
         :class="chooseTitle == item.id ? 'active' : ''"
         v-for="item in titleList"
         :key="item.id"
-        @click="chooseTitle = item.id"
+        @click="onTypel(item)"
       >
         {{ item.title }}
         <div class="line" v-if="chooseTitle == item.id"></div>
@@ -45,15 +45,15 @@
       max-height="100vh"
       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="sfzhm" label="身份证" />
-      <el-table-column prop="sfzhm" label="救助证号" />
-      <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="sjhm" label="联系电话" />
+      <el-table-column prop="xzjd" label="乡镇(街道)" />
+      <el-table-column prop="csq" 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="bq" label="人口标签" /> -->
     </el-table>
@@ -74,7 +74,7 @@ const search = reactive({
 });
 
 const titleList = reactive([
-  { 
+  {
     title: "服务项目（未完成）",
     id: 1,
   },
@@ -90,6 +90,11 @@ const titleList = reactive([
 const data = reactive({
   xh: "",
   bm: "",
+  pagination: {
+    current: 1,
+    pageSize: 200,
+    total: 0,
+  },
   columns: [
     {
       label: "姓名",
@@ -130,6 +135,8 @@ const throttle = (func, limit) => {
 };
 
 const searchT = (val) => {
+  console.log(val);
+
   if (val == "name") {
     console.log(search);
   } 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 = () => {
   console.log("未选择时间");
 };
@@ -161,7 +177,7 @@ onMounted(() => {
   data.xh = routers.query.xh;
   data.bm = routers.query.bm;
   console.log(11, data.tableData);
-  // personDetails()
+  personDetails();
 });
 </script>
 
@@ -181,6 +197,7 @@ onMounted(() => {
     margin-bottom: 20px;
     border-bottom: 2px solid #ccc;
     .tableheader_title {
+      cursor: pointer;
       font-size: 16px;
       font-weight: 600;
       text-align: center;
@@ -218,7 +235,7 @@ onMounted(() => {
   border: none;
 }
 :deep(.el-table) {
-    --el-table-border-color: #62696d;
-    // border: 1px solid #62696d;
-  }
+  --el-table-border-color: #62696d;
+  // border: 1px solid #62696d;
+}
 </style>