页面修改

src/components/schedul/appodetail-form.vue

@@ -21,20 +21,24 @@
         </div>
       </div>
       <div style="padding:20px 15px;">
-        <q-input filled stack-label maxlength="100" readonly :dense="false"
-          v-model="saveObj.VisitorName" class="col-12 q-pb-lg" label="客户名称" />
-        <q-input filled stack-label maxlength="100" readonly :dense="false"
-          v-model="saveObj.ClassDateStr" class="col-12 q-pb-lg" label="日期" />
-        <q-input filled stack-label maxlength="100" readonly :dense="false"
-          v-model="saveObj.TeacherName" class="col-12 q-pb-lg" label="老师" />
-        <q-input filled stack-label maxlength="100" readonly :dense="false"
-          v-model="saveObj.RoomName" class="col-12 q-pb-lg" label="教室" />
-        <q-input filled stack-label maxlength="100" readonly :dense="false"
-          v-model="saveObj.OrderId" class="col-12 q-pb-lg" label="订单编号" />
-        <q-input filled stack-label maxlength="100" readonly :dense="false"
-          v-model="saveObj.ReserveStatusStr" class="col-12 q-pb-lg" label="状态" />
-        <q-input filled stack-label :dense="false" readonly v-model="saveObj.ClassContent"
-          type="textarea" class="col-12 q-pb-lg" label="主讲内容" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.VisitorName"
+          class="col-12 q-pb-lg" label="客户名称" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.ClassDateStr"
+          class="col-12 q-pb-lg" label="日期" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.ClassTime"
+          class="col-12 q-pb-lg" label="开始时间" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.EndTime"
+          class="col-12 q-pb-lg" label="结束时间" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.TeacherName"
+          class="col-12 q-pb-lg" label="老师" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.RoomName"
+          class="col-12 q-pb-lg" label="教室" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.OrderId"
+          class="col-12 q-pb-lg" label="订单编号" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.ReserveStatusStr"
+          class="col-12 q-pb-lg" label="状态" />
+        <q-input filled stack-label :dense="false" readonly v-model="saveObj.ClassContent" type="textarea"
+          class="col-12 q-pb-lg" label="主讲内容" />
         <div style="margin:30px 10px 70px 0;">
           <q-btn class="q-mr-md" label="取消" @click="closeEditOrder" />
         </div>
@@ -60,10 +64,9 @@
       }
     },
     created() {
-     
-    },
-    mounted() {
+
     },
+    mounted() {},
     watch: {
 
     },

src/pages/sale/appointManagement.vue

@@ -27,6 +27,10 @@
             v-model="msg.Q_ReserveStatus" ref="Q_ReserveStatus" :options="statusList" label="状态" clearable
             :dense="false" class="col-6 q-pb-lg" emit-value map-options />
         </div>
+        <div class="col-3">
+          <q-input @input="resetSearch" clearable standout="bg-primary text-white" v-model="msg.Id" label="预约编号"
+            @clear="resetSearch" maxlength="20" />
+        </div>
         <div class="col-4">
           <div class="col-4 Sysuser_Date">
             <q-field filled>
@@ -93,8 +97,8 @@
         <q-td :props="props">
           <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" v-if="props.row.ReserveStatus!=1" icon="delete" color="negative" style="font-weight:400;" label="删除"
-            @click="deleteAppoint(props.row)" />
+          <q-btn flat size="xs" v-if="props.row.ReserveStatus!=1" icon="delete" color="negative"
+            style="font-weight:400;" label="删除" @click="deleteAppoint(props.row)" />
           <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;"
             v-if="props.row.ReserveStatus==0">
             <q-list>
@@ -164,6 +168,7 @@
           ClassRoomId: "",
           Q_ReserveStatus: "", //状态
           VisitorName: "", //客户名称
+          Id: "",
         },
         dataList: [],
         loading: false,
@@ -256,6 +261,9 @@
       }
     },
     created() {
+      if (this.$route.query.Id) {
+        this.msg.Id = this.$route.query.Id;
+      }
       this.GetTeacherList();
       this.getClassRoomList();
     },
@@ -265,6 +273,7 @@
       var month = nowDay.getMonth() + 1; //月
       var day = nowDay.getDate(); //日
       this.msg.StartClassDate = year + '-' + month + '-' + day;
+
       this.getList()
     },
     methods: {