1

src/pages/stuMan/studentManage.vue

@@ -16,15 +16,16 @@
     <div class="page-search row items-center ">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3 Sysuser_Date">
-          <q-field filled label="日期" stack-label>
+          <q-field filled>
             <template v-slot:control>
-              <div class="self-center full-width no-outline" tabindex="0">{{ daterangeTimes }}</div>
-                <q-popup-proxy :offset="[0, 10]" ref="qDateProxy">
-                    <q-date v-model="dateRange" :options="optionsFn" range mask="YYYY/MM/DD" landscape
-                    @range-end="dateRangeHandler"></q-date>
-                </q-popup-proxy>
-            </template>
-          </q-field>
+             <el-date-picker v-model="msg.StartDate" type="date" placeholder="开始日期" value-format="yyyy-MM-dd"
+               size="small" style="width:47%;" @change="refreshPage" clear-icon="iconfont icon-guanbi">
+             </el-date-picker>至
+             <el-date-picker v-model="msg.EndDate" type="date" placeholder="结束日期" value-format="yyyy-MM-dd"
+               size="small" style="width:47%;" @change="refreshPage" clear-icon="iconfont icon-guanbi">
+             </el-date-picker>
+           </template>
+         </q-field>
         </div>
         <div class="col-3">
           <q-input @input="resetSearch" clearable standout="bg-primary text-white" v-model="msg.GuestName" label="学生名称"
@@ -52,6 +53,11 @@
             {{props.row.GuestName}}
           </q-td>
         </template>
+        <template v-slot:body-cell-StartTime="props">
+          <q-td :props="props" style="padding-right:0px">
+            {{props.row.StartTime}}~{{props.row.EndTime}}
+          </q-td>
+        </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="修改上课方式"
@@ -163,13 +169,6 @@
             align: "left",
             field: row => row.StartTime
           },
-          {
-            name: "EndTime",
-            required: true,
-            label: "下课时间",
-            align: "left",
-            field: row => row.EndTime
-          },
           {
             name: "AttendanceMethodName",
             required: true,
@@ -324,20 +323,6 @@
             this.GuestCheckLoading = false;
           });
       },
-      optionsFn(cd) {
-        return cd >= date.formatDate(date.addToDate(new Date(), { days: 1 }), 'YYYY-MM-DD')
-      },
-      dateRangeHandler(e) {
-        this.msg.StartDate = `${e.from.year}-${e.from.month>9?e.from.month:'0'+e.from.month}-${e.from.day>9?e.from.day:'0'+e.from.day}`
-        this.msg.EndDate = `${e.to.year}-${e.to.month>9?e.to.month:'0'+e.to.month}-${e.to.day>9?e.to.day:'0'+e.to.day}`
-        this.daterangeTimes = `${this.msg.StartDate} / ${this.msg.EndDate} `
-
-        this.dateRange.to = `${e.from.year}/${e.from.month}/${e.from.day}`
-        this.dateRange.from =  `${e.to.year}/${e.to.month}/${e.to.day}`
-
-        if (this.$refs.qDateProxy) this.$refs.qDateProxy.hide()
-        this.resetSearch()
-      },
       //获取校区列表
       getSchool() {
         getSchoolDropdown({}).then(res => {