预约时间加限制

src/views/IM/diagnosis-admin/diagnosis-list.vue

@@ -182,16 +182,20 @@
                                 v-model="timeForm.beginTime"
                                 type="datetime"
                                 placeholder="请选择开始时间"
-                                value-format="yyyy-MM-dd HH:mm:ss">
+                                value-format="yyyy-MM-dd HH:mm:ss"
+                                @change="changeBeginTime">
                             </el-date-picker>
+                            <p v-if="beginFlag" style="color: red;font-size: 12px">开始时间不能大于结束时间</p>
                         </el-form-item>
                         <el-form-item label="结束时间" prop="endTime">
                             <el-date-picker
                                 v-model="timeForm.endTime"
                                 type="datetime"
                                 placeholder="请选择结束时间"
-                                value-format="yyyy-MM-dd HH:mm:ss">
+                                value-format="yyyy-MM-dd HH:mm:ss"
+                                @change="changeEndTime">
                             </el-date-picker>
+                            <p v-if="endFlag" style="color: red;font-size: 12px">结束时间不能小于开始时间</p>
                         </el-form-item>
                     </el-col>
                 </el-form>
@@ -208,6 +212,8 @@
 export default {
     data(){
         return {
+            endFlag: false,
+            beginFlag: false,
             loading: false,
             activeName: 'second',
             timeVisible: false,
@@ -245,6 +251,20 @@ export default {
         this.search()
     },
     methods: {
+        changeBeginTime(val) {
+            let b = new Date(val).getTime(), e
+            if(this.timeForm.endTime) {
+                e = new Date(this.timeForm.endTime).getTime()
+            }
+            this.beginFlag = b > e ? true : false
+        },
+        changeEndTime(val) {
+            let b = new Date(val).getTime(), e
+            if(this.timeForm.beginTime) {
+                e = new Date(this.timeForm.beginTime).getTime()
+            }
+            this.endFlag = b < e ? true : false
+        },
         // 问诊类型
         getDiagnoseTypeList() {
             let url = `/basic-data/constants?typeCode=P253`
@@ -291,6 +311,9 @@ export default {
         confirmTime() {
             this.$refs.timeForm.validate((valid) => {
                 if(valid) {
+                    if(this.beginFlag || this.endFlag) {
+                        return;
+                    }
                     this.loading = true
                     this.POST('/diagnose/admin/diagnose/appointTime', this.timeForm).then(res => {
                         this.loading = false
@@ -358,7 +381,8 @@ export default {
         },
         // 选择
         selectBtn(row) {
-            this.POST(`/diagnose/admin/diagnose/choose/${row.diagnoseLogId}`, '').then(res => {
+            this.POST(`/diagnose/admin/diagnose/choose/${row.diagnoseLogId}`, '')
+            .then(res => {
                 if (res.code == "000000") {
                     this.$message({
                         message: '选择成功',
@@ -372,7 +396,13 @@ export default {
                         type: "error"
                     })
                 }
-            });
+            })
+            .catch((error) => {
+                this.$message({
+                    message: error,
+                    type: "error"
+                })
+            })
             this.activeName = 'first'
             this.searchParam.tab = 1
             this.search()