页面修改

src/components/schedul/audition-form.vue

@@ -6,37 +6,20 @@
       </q-card-section>
       <q-card-section>
         <div class="row wrap">
-          <div class="col-6 q-pb-lg q-pr-lg auditionformdate">
-            <q-field borderless>
-               <template v-slot:prepend>
-                <q-input filled v-model="msg.StartClassDate" mask="date" label="开始日期">
-                  <template v-slot:append>
-                    <q-icon name="event" class="cursor-pointer">
-                      <q-popup-proxy ref="StartClassDate" transition-show="scale" transition-hide="scale">
-                        <q-date v-model="msg.StartClassDate" @input="() => $refs.StartClassDate.hide()" />
-                      </q-popup-proxy>
-                    </q-icon>
-                  </template>
-                </q-input>
-              </template>
-              <template v-slot:append>
-                至
-              </template>
-              <template v-slot:append>
-                <q-input filled v-model="msg.EndClassDate" mask="date" label="结束日期">
-                  <template v-slot:append>
-                    <q-icon name="event" class="cursor-pointer">
-                      <q-popup-proxy ref="EndClassDate" transition-show="scale" transition-hide="scale">
-                        <q-date v-model="msg.EndClassDate" @input="() => $refs.EndClassDate.hide()" />
-                      </q-popup-proxy>
-                    </q-icon>
-                  </template>
-                </q-input>
+          <div class="col-6 q-pb-lg q-pr-lg">
+            <q-field filled>
+               <template v-slot:control>
+                <el-date-picker v-model="msg.StartClassDate" value-format="yyyy-MM-dd" type="date" placeholder="开始时间"
+                  size="small" style="width:47%;" @change="resetSearch" clear-icon="iconfont icon-guanbi">
+                </el-date-picker>至
+                <el-date-picker v-model="msg.EndClassDate" value-format="yyyy-MM-dd" type="date" placeholder="结束时间"
+                  size="small" style="width:47%;" @change="resetSearch" clear-icon="iconfont icon-guanbi">
+                </el-date-picker>
               </template>
             </q-field>
           </div>
           <div class="col-6 q-pr-lg q-pb-lg">
-            <q-select @input="resetSearch" filled option-value="TId" option-label="TeacherName" v-model="msg.TeacherId"
+            <q-select @input="resetSearch" filled  option-value="TId" option-label="TeacherName" v-model="msg.TeacherId"
               :options="TeacherList" emit-value map-options label="老师" clearable />
           </div>
         </div>
@@ -68,7 +51,7 @@
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="关闭" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
       </q-card-actions>
     </q-card>
   </q-dialog>
@@ -89,8 +72,8 @@
         loading: false,
         msg: {
           pageIndex: 1,
-          pageSize: 6,
-          rowsPerPage: 6,
+          pageSize: 10,
+          rowsPerPage: 10,
           StartClassDate: "", //开始时间
           EndClassDate: "", //结束时间
           TeacherId: "", //教师编号
@@ -147,12 +130,8 @@
       this.GetTeacherList();
     },
     mounted() {
-      let nowDay = new Date();
-      var year = nowDay.getFullYear(); //年
-      var month = nowDay.getMonth() + 1; //月
-      var day = nowDay.getDate(); //日
-      var currentDay = year + '-' + (month < 10 ? ('0' + month) : month) + '-' + day;
-      this.msg.StartClassDate = currentDay;
+      var day = new Date();
+      this.msg.StartClassDate = day.getFullYear() + "-" + (day.getMonth() + 1) + "-" + day.getDate();
       this.getList();
     },
     methods: {
@@ -204,10 +183,12 @@
   }
 
 </script>
+
 <style>
-  .auditionformdate .el-input__inner {
+<style>
+  .Sysuser_Date .el-input__inner {
     background: transparent !important;
     border: 0 !important;
   }
-
+</style>
 </style>

src/pages/sale/visitorRegistrat.vue

@@ -43,7 +43,7 @@
             <q-btn flat size="xs" @click="getDetail(props.row)" icon="iconfont icon-View" color="accent"
               style="font-weight:400" label="详情" />
             <q-btn flat size="xs" @click="getAppointment(props.row)" icon="iconfont icon-ziyuan1" color="accent"
-              style="font-weight:400;display:none;" label="申请约课" />
+              style="font-weight:400; " label="申请约课" />
 
           </q-td>
         </template>