约课

src/api/scheduling/schedu.js

@@ -213,6 +213,18 @@ export function SetVisitorReserve(data) {
 }
 
 
+/**
+ * 预约课程详情
+ * @param {JSON参数} data
+ */
+ export function GetVisitorReserveById(data) {
+  return request({
+    url: '/VisitorReserve/GetVisitorReserveById',
+    method: 'post',
+    data
+  });
+}
+
 /**
  * 设置约课开课信息
  * @param {JSON参数} data

src/components/school/student/student-shiting.vue

@@ -87,57 +87,10 @@
         <el-button type="primary" @click="saveFankuiForm()">确 定</el-button>
       </div>
       </el-dialog>
-
-      <el-dialog title="试听开课" :visible.sync="VisitorReserveClassMsg.IsShow"  width="30%">
-        <div class="row wrap">
-          <div style="width:100%;margin-bottom:15px;">试听时间：<span style="color:red;">{{timeFormatSeconds(VisitorReserveClassMsg.ReservationDate)}}</span></div>
-          <div  style="width:100%;margin-bottom:15px;">试听需求：<span style="color:red;">{{VisitorReserveClassMsg.Demand}}</span></div>
-      </div>
-       <div class="row studentDate">
-        <q-field filled class="col-6 q-pb-lg q-pr-lg" dense>
-          <template v-slot:control>
-            <el-date-picker v-model="VisitorReserveClassMsg.ClassDate" ref="ClassDate" :rules="[val => !!val || '请选择预约日期']"
-              style="width:225px" size="mini" type="date" placeholder="预约日期" value-format="yyyy-MM-dd">
-            </el-date-picker>
-          </template>
-        </q-field>
-        <div class="col-6 q-pr-lg Student_Date ">
-          <q-field filled class="q-pb-lg" dense>
-            <template v-slot:control>
-              <el-time-select v-model="VisitorReserveClassMsg.ClassTime" size="mini" ref="ClassTime" style="width:50%" :picker-options="{
-                  start: '09:00',
-                  step: '00:15',
-                  end: '21:00',
-                  maxTime: VisitorReserveClassMsg.EndTime
-                }" placeholder="预约开始时间">
-              </el-time-select>
-              <el-time-select v-model="VisitorReserveClassMsg.EndTime" size="mini" dense ref="EndTime" style="width:50%"
-                :picker-options="{
-                  start: '09:00',
-                  step: '00:15',
-                  end: '21:00',
-                  minTime: VisitorReserveClassMsg.ClassTime
-                }" placeholder="预约结束时间">
-              </el-time-select>
-            </template>
-          </q-field>
-        </div>
-      </div>
-      <div class="row wrap">
-        <q-select filled stack-label option-value="TId" option-label="TeacherName" v-model="VisitorReserveClassMsg.TeacherId"
-          ref="TeacherId" :options="TeacherList" label="选择教师" dense class="col-6 q-pb-lg q-pr-lg" emit-value
-          map-options />
-          <q-select filled stack-label option-value="RoomId" dense option-label="RoomName" v-model="VisitorReserveClassMsg.ClassRoomId"
-          ref="ClassRoomId" :options="ClassRoomList" label="关联教室" class="col-6 q-pb-lg q-pr-lg" emit-value
-          map-options />
-        <q-select filled stack-label option-value="Id" dense option-label="LessonName" v-model="VisitorReserveClassMsg.TrialLessonId"
-          :options="TrialList" label="试听课程" class="col-6 q-pb-lg q-pr-lg" emit-value map-options />
-      </div>
-
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="closeShitingKaiKe()">取 消</el-button>
-        <el-button type="primary" @click="SetVisitorReserveClass()">确 定</el-button>
-      </div>
+      <el-dialog title="试听开课" :visible.sync="VisitorReserveClassMsg.IsShow" width="30%" @close="closeShitingKaiKe()">
+        <audition :VisitorReserveClassMsg="VisitorReserveClassMsg"
+        @close="closeShitingKaiKe()"
+        @success="SetVisitorReserveClass"></audition>
       </el-dialog>
   </div>
 </template>
@@ -157,6 +110,7 @@
   } from "../../../api/school/index";
   import reserveclassForm from "./reserveclass-form";
   import reserveclasskaikeform from "./reserveclasskaikeform";
+  import audition from "../../../pages/h5page/audition";
 
   export default {
     meta: {
@@ -165,7 +119,8 @@
     components: {
       reserveclassForm,
       reserveclasskaikeform,
-      UeEditor
+      UeEditor,
+      audition
     },
     props: {
       saveObj: {
@@ -256,54 +211,11 @@ return timeStr;
 },
  //保存
  SetVisitorReserveClass() {
-        if (this.VisitorReserveClassMsg.ClassDate == "") {
-          this.$q.notify({
-            type: "negative",
-            position: "top",
-            timeout: 2000,
-            message: "请选择预约日期！"
-          });
-          return;
-        }
-        if (this.VisitorReserveClassMsg.ClassTime == "") {
-          this.$q.notify({
-            type: "negative",
-            position: "top",
-            timeout: 2000,
-            message: "请选择预约开始时间！"
-          });
-          return;
-        }
-        if (this.VisitorReserveClassMsg.EndTime == "") {
-          this.$q.notify({
-            type: "negative",
-            position: "top",
-            timeout: 2000,
-            message: "请选择预约结束时间！"
-          });
-          return;
-        }
-          SetVisitorReserveClass(this.VisitorReserveClassMsg).then(res => {
-            if (res.Code == 1) {
-              this.$q.notify({
-                icon: "iconfont icon-chenggong",
-                color: "accent",
-                timeout: 2000,
-                message: res.Message,
-                position: "top"
-              });
+
         this.$emit("success");
-            } else {
-              this.$q.notify({
-                type: "negative",
-                position: "top",
-                timeout: 2000,
-                message: res.Message
-              });
-            }
         this.closeShitingKaiKe();
         this.getList();
-          });
+
       },
       closeShitingKaiKe(){
         this.VisitorReserveClassMsg.Id=0;
@@ -322,6 +234,7 @@ return timeStr;
         this.VisitorReserveClassMsg.ClassPlanId=0;
         this.VisitorReserveClassMsg.Demand="";
         this.VisitorReserveClassMsg.IsShow=false;
+        this.$forceUpdate()
       },
       //试听课开课
       ShitingKaiKe(item){

src/pages/h5page/statusPrompt.vue

+<template>
+	<div class="pay-OuterFrame">
+        <div class="popup-box">
+            <div class="popup-title">
+                <div style="margin-top: 230px;">
+                    <img style="width:80px;height:80px;" src="../../assets/images/da_gou.png" />
+                </div>
+                <div style="font-size: 18px;margin-top: 15px;">{{isSuccessTitle}}</div>
+            </div>
+
+        </div>
+
+	</div>
+</template>
+<script>
+	export default {
+    props:["isSuccess","isSuccessTitle"],
+		components: {
+
+		},
+		data() {
+			return {
+
+            }
+		},
+		computed: {
+		},
+    mounted(){
+
+    },
+		methods: {
+
+    }
+	}
+</script>
+
+<style lang="scss" scoped>
+    .popup-box{
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: #ffffff;
+        z-index: 3;
+    }
+    .popup-title{
+        padding: 400rpx 0;
+        text-align: center;
+    }
+    .popup-title text{
+        display: block;
+        margin-top: 30rpx;
+        font-size: 35rpx;
+    }
+</style>