出生日期改为时间段

src/views/system/studentInfo/index.vue

@@ -43,10 +43,13 @@
       <el-form-item label="出生日期" prop="birthDate">
         <el-date-picker
           clearable
-          v-model="queryParams.birthDate"
+          v-model="Data"
-          type="date"
           value-format="yyyy-MM-dd"
-          placeholder="请选择出生日期"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          unlink-panels
         >
         </el-date-picker>
       </el-form-item>
@@ -82,6 +85,7 @@
           @click="handleQuery"
           >搜索</el-button
         >
+
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery1"
           >重置</el-button
         >
@@ -215,14 +219,8 @@
     />
 
     <!-- 添加或修改学生信息对话框 -->
-    <el-dialog
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      :title="title"
+      <el-form ref="form" :model="form" :rules="rules" label-width="85px">
-      :visible.sync="open"
-      width="500px"
-      append-to-body
-      :before-close="cancel"
-    >
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="所属班级" prop="classId">
           <el-button
             type=""
@@ -329,7 +327,6 @@
         :visible.sync="innerVisible2"
         append-to-body
         :before-close="prentclickok"
-     
       >
         <el-form
           :model="parentInfoList2"
@@ -338,7 +335,6 @@
           :inline="true"
           v-show="showSearch"
           label-width="70px"
-          style="margin-bottom:-30px;"
         >
           <el-form-item label="家长姓名" prop="parentName">
             <el-input
@@ -427,6 +423,14 @@
           </el-table-column>
         </el-table>
 
+        <el-button
+          type="success"
+          plain
+          size="mini"
+          @click="prentclickok"
+          style="margin-top: 30px; margin-left: 20px"
+          >选择完成</el-button
+        >
 
         <pagination
           v-show="total3 > 0"
@@ -434,16 +438,7 @@
           :page.sync="parentInfoList2.pageNum"
           :limit.sync="parentInfoList2.pageSize"
           @pagination="getList"
-          style="margin-top:40px"
         />
-        
-        <el-button
-          type="primary"
-          size="mini"
-          @click="prentclickok"
-          style="margin-top: 30px; margin-left: 85%;width: 100px; height: 50px;font-size:15px"
-          >选择完成</el-button
-        >
       </el-dialog>
 
       <!-- //班级信息表格数据 -->
@@ -721,6 +716,8 @@ export default {
           return time.getTime() > Date.now();
         },
       },
+      Data: "",
+
       //查看家长
       parentStudentInfoList: [],
       //民族
@@ -729,6 +726,7 @@ export default {
       male: "MALE",
       female: "FEMALE",
       // 遮罩层
+      kindergartenshow: false,
       loading: true,
       innerVisible: false,
       innerVisible2: false,
@@ -811,6 +809,7 @@ export default {
       // 是否显示弹出层
       open: false,
       // 查询参数
+
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -1319,6 +1318,10 @@ export default {
     },
     /** 搜索按钮操作 */
     handleQuery() {
+      console.log(this.Data);
+      this.queryParams.startTime = this.Data[0];
+      this.queryParams.endTime = this.Data[1];
+
       this.queryParams.pageNum = 1;
       listStudentInfo(this.queryParams).then((res) => {
         this.studentInfoList = res.rows;
@@ -1333,7 +1336,23 @@ export default {
     /** 重置按钮操作 */
     resetQuery1() {
       this.resetForm("queryForm");
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        classId: null,
+        nationDictId: null,
+        studentName: null,
+        studentSex: null,
+        studentNumber: null,
+        birthDate: null,
+        cardNumber: null,
+        onceName: null,
+        homeAddress: null,
+      };
+      this.Data = [];
+
       this.handleQuery();
+      // this.reload();
     },
     /** 重置按钮操作 */
     resetQuery3() {