tj

src/pages/event-tracing/components/videoReservationDialog.vue

@@ -0,0 +1,85 @@
+<template>
+  <el-dialog title="视频预约" :visible="true" width="600px" append-to-body :close-on-click-modal="false"
+             @close="handleClose">
+    <div class="dialog-content dialog-office-batch">
+      <div class="pt-8">
+        <el-form ref="ruleFormVideoReservation"
+                 :model="videoReservationObj"
+                 :rules="rulesRule"
+                 label-width="130px">
+          <el-row :gutter="50">
+            <el-col :span="23">
+              <el-form-item label="开始时间" prop="bookingTime">
+                <el-date-picker
+                    v-model="videoReservationObj.bookingTime"
+                    type="datetime"
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    placeholder="请选择"
+                    class="width100">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+
+      </div>
+
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose()">取消</el-button>
+      <el-button type="primary" @click="handleSubmit()">立即预约</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import videoTelephone from "@/services/videoTelephone";
+export default {
+  name: "videoReservationDialog",
+  props: {
+    eventDialog: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return{
+      videoReservationObj: {
+        bookingTime: '',
+        id: '', // 案件ID
+      },
+      rulesRule: {
+        bookingTime: [
+          {required: true, message: '请选择', trigger: 'change',},
+        ],
+      },
+    }
+  },
+  mounted() {
+    // console.log(1231)
+    this.videoReservationObj = this.eventDialog;
+  },
+  methods: {
+    handleClose() {
+      this.$emit('update:eventDialog', null)
+    },
+    handleSubmit() {
+      if(!this.$clickThrottle()) { return }//防止重复点击
+      this.$refs.ruleFormVideoReservation.validate((valid) => {
+        if (valid) {
+          videoTelephone.videoTelephoneModify(this.videoReservationObj).then(res => {
+            this.handleClose()
+            this.$message.success("操作成功");
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/event-tracing/components/voideDialog.vue

@@ -76,9 +76,9 @@
             <el-table-column label="操作" width="240">
               <template slot-scope="scope">
                 <div class="flex-row align-items-center">
-                                    <el-button size="mini" @click="handleDelete(scope)">进入视频间</el-button>
-                                    <el-button size="mini" @click="handleDelete(scope)">修改</el-button>
-                                    <el-button size="mini" @click="handleBackCase(scope)">取消</el-button>
+                  <el-button size="mini" @click="handleDelete(scope.row)">进入视频间</el-button>
+                  <el-button size="mini" @click="VideoDialog={id:scope.row.id, bookingTime:scope.row.bookingTime}">修改</el-button>
+                  <el-button size="mini" @click="handleBackCase(scope.row)">取消</el-button>
                 </div>
               </template>
             </el-table-column>
@@ -99,14 +99,18 @@
     </div>
     <!-- 短信发送追踪 -->
     <smsDialogDetail v-else :DialogDetail="DialogDetail"/>
+    <!-- 视频预约修改 -->
+    <videoReservationDialog v-if="VideoDialog" :eventDialog.sync="VideoDialog" />
   </div>
 
 </template>
 <script>
 import api from "@/services/eventTracingApi";
+
 export default {
   components: {
     smsDialogDetail: () => import('../dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
+    videoReservationDialog: () => import('./videoReservationDialog'),//视频预约修改
   },
   props: {
     eventTraDialog: {
@@ -128,6 +132,7 @@ import api from "@/services/eventTracingApi";
       },
       tableData: [],
       total: 0,
+      VideoDialog: null
     };
   },
   mounted() {
@@ -169,7 +174,8 @@ import api from "@/services/eventTracingApi";
         }
       })
     },
-            
+    handleDelete() {},
+    handleBackCase() {},
   }
 };
 </script>
@@ -178,16 +184,25 @@ import api from "@/services/eventTracingApi";
   padding: 16px 24px;
   max-height: 500px
 }
+
 .department-wrap {
   padding: 16px 24px;
   max-height: 250px;
+
   .department-wrap-list {
     margin-bottom: 32px;
   }
+
   .department-wrap-list:last-child {
     margin-bottom: 0;
   }
 }
-.min-height350{min-height: 350px;}
-.department-dept ::v-deep .el-checkbox__label {color: $color-000000}
+
+.min-height350 {
+  min-height: 350px;
+}
+
+.department-dept ::v-deep .el-checkbox__label {
+  color: $color-000000
+}
 </style>

src/pages/mediation-page/components/VideoReservationDialog.vue

@@ -14,7 +14,7 @@
 <!--                  format="yyyy-MM-dd HH:mm"-->
                   <el-date-picker
                       v-model="repaymentObj.bookingTime"
-                      value-format="yyyy-MM-DD HH:mm:ss"
+                      value-format="yyyy-MM-dd HH:mm:ss"
                       type="datetime"
                       placeholder="请选择"
                       class="width100">