From da469d1af50b432842b27a011ba8e3f918b33c58 Mon Sep 17 00:00:00 2001
From: tdg930622 <51816549+tdg930622@users.noreply.github.com>
Date: Tue, 24 Dec 2024 18:09:48 +0800
Subject: [PATCH] tj

---
 .../components/videoReservationDialog.vue     |  85 ++++
 .../event-tracing/components/voideDialog.vue  | 377 +++++++++---------
 .../components/VideoReservationDialog.vue     |   2 +-
 3 files changed, 282 insertions(+), 182 deletions(-)
 create mode 100644 src/pages/event-tracing/components/videoReservationDialog.vue

diff --git a/src/pages/event-tracing/components/videoReservationDialog.vue b/src/pages/event-tracing/components/videoReservationDialog.vue
new file mode 100644
index 0000000..9c30fa5
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/pages/event-tracing/components/voideDialog.vue b/src/pages/event-tracing/components/voideDialog.vue
index 49dd527..f8a2b66 100644
--- a/src/pages/event-tracing/components/voideDialog.vue
+++ b/src/pages/event-tracing/components/voideDialog.vue
@@ -1,193 +1,208 @@
 <template>
-    <div>
-        <div v-if="!DialogDetail">
-            <div class="pt-8 border-b-solid-lighter-1">
-                <div class="height-30 flex-row align-items-center justify-content-between mb-24">
-                    <div class="f18 color-text-primary">筛选1</div>
-                </div>
-                <el-collapse-transition>
-                    <el-row :gutter="56">
-                        <el-col :span="6">
-                            <div class="flex-row-center align-items-center height-40 mb-24">
-                                <span class="tabs__search-criteria-title flex-shrink-0 pr-16">案件包名称</span>
-                                <el-input v-model.trim="queryParam.pkgName"
-                                            clearable placeholder="请输入案件包名称"
-                                            @keydown.enter.native="handleSearch">
-                                </el-input>
-                            </div>
-                        </el-col>
-                        <el-col :span="5">
-                            <div class="flex-row-center align-items-center height-40 mb-24">
-                                <span class="tabs__search-criteria-title flex-shrink-0 pr-16">案件编号</span>
-                                <el-input v-model.trim="queryParam.caseNo"
-                                            clearable placeholder="请输入案件编号"
-                                            @keydown.enter.native="handleSearch">
-                                </el-input>
-                            </div>
-                        </el-col>
-                        <el-col :span="9">
-                            <div class="justify-content-start  align-items-center height-40 mb-24">
-                                <span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
-                                <el-date-picker
-                                        v-model="queryDate"
-                                        type="daterange"
-                                        clearable
-                                        range-separator="至"
-                                        start-placeholder="开始日期"
-                                        end-placeholder="结束日期"
-                                        @change="handleChangeDate">
-                                </el-date-picker>
-                            </div>
-                        </el-col>
-                        <el-col :span="4">
-                            <div class="flex-row align-items-center justify-content-end">
-                                <el-button @click="hanldeReset">重置</el-button>
-                                <el-button type="primary" @click="handleSearch">搜索</el-button>
-                            </div>
-                        </el-col>
-                    </el-row>
-                </el-collapse-transition>
-            </div>
-            <!-- table -->
-            <div class="pt-8">
-                <div class="height-56 flex-row align-items-center justify-content-between">
-                    <div class="f18 color-text-primary">追踪列表</div>
-                    <div class="flex-row">
-                        
-                    </div>
-                </div>
-                
-                <div class="case-table">
-                    <el-table :data="tableData" height="330" >
-                        <el-table-column type="index" label="序号" width="55"></el-table-column>
-                        <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column>
-                        <el-table-column prop="caseNo" label="案件编号" width="200" show-overflow-tooltip ></el-table-column>
-                        <el-table-column prop="bookingTime" label="预约开始时间" show-overflow-tooltip ></el-table-column>
-                        <el-table-column prop="bookingEndTime" label="预约结束时间" show-overflow-tooltip ></el-table-column>
-                        <el-table-column prop="status" label="状态" show-overflow-tooltip ></el-table-column>
-                        <el-table-column prop="invitee" label="受邀人" show-overflow-tooltip ></el-table-column>
-                        <el-table-column prop="createByName" label="操作人" show-overflow-tooltip ></el-table-column>
-                        <el-table-column prop="createAt" label="操作时间" show-overflow-tooltip >
-                            <template slot-scope="scope">
-                                <span >{{ scope.row.createAt | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
-                            </template>
-                        </el-table-column>
-                        
-                        <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>
-                                </div>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                </div>
-                
-                <div class="text-center pt-16">
-                    <el-pagination
-                        @size-change="getList"
-                        @current-change="getList"
-                        :current-page="queryParam.current"
-                        :page-size="queryParam.size"
-                        layout="total, prev, pager, next, jumper"
-                        :total="total">
-                    </el-pagination>
-                </div>
-            </div>
+  <div>
+    <div v-if="!DialogDetail">
+      <div class="pt-8 border-b-solid-lighter-1">
+        <div class="height-30 flex-row align-items-center justify-content-between mb-24">
+          <div class="f18 color-text-primary">筛选1</div>
         </div>
-        <!-- 短信发送追踪 -->
-        <smsDialogDetail v-else :DialogDetail="DialogDetail" />
+        <el-collapse-transition>
+          <el-row :gutter="56">
+            <el-col :span="6">
+              <div class="flex-row-center align-items-center height-40 mb-24">
+                <span class="tabs__search-criteria-title flex-shrink-0 pr-16">案件包名称</span>
+                <el-input v-model.trim="queryParam.pkgName"
+                          clearable placeholder="请输入案件包名称"
+                          @keydown.enter.native="handleSearch">
+                </el-input>
+              </div>
+            </el-col>
+            <el-col :span="5">
+              <div class="flex-row-center align-items-center height-40 mb-24">
+                <span class="tabs__search-criteria-title flex-shrink-0 pr-16">案件编号</span>
+                <el-input v-model.trim="queryParam.caseNo"
+                          clearable placeholder="请输入案件编号"
+                          @keydown.enter.native="handleSearch">
+                </el-input>
+              </div>
+            </el-col>
+            <el-col :span="9">
+              <div class="justify-content-start  align-items-center height-40 mb-24">
+                <span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
+                <el-date-picker
+                    v-model="queryDate"
+                    type="daterange"
+                    clearable
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    @change="handleChangeDate">
+                </el-date-picker>
+              </div>
+            </el-col>
+            <el-col :span="4">
+              <div class="flex-row align-items-center justify-content-end">
+                <el-button @click="hanldeReset">重置</el-button>
+                <el-button type="primary" @click="handleSearch">搜索</el-button>
+              </div>
+            </el-col>
+          </el-row>
+        </el-collapse-transition>
+      </div>
+      <!-- table -->
+      <div class="pt-8">
+        <div class="height-56 flex-row align-items-center justify-content-between">
+          <div class="f18 color-text-primary">追踪列表</div>
+          <div class="flex-row">
+
+          </div>
+        </div>
+
+        <div class="case-table">
+          <el-table :data="tableData" height="330">
+            <el-table-column type="index" label="序号" width="55"></el-table-column>
+            <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="caseNo" label="案件编号" width="200" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="bookingTime" label="预约开始时间" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="bookingEndTime" label="预约结束时间" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="status" label="状态" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="invitee" label="受邀人" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="createByName" label="操作人" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="createAt" label="操作时间" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <span>{{ scope.row.createAt | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="操作" width="240">
+              <template slot-scope="scope">
+                <div class="flex-row align-items-center">
+                  <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>
+          </el-table>
+        </div>
+
+        <div class="text-center pt-16">
+          <el-pagination
+              @size-change="getList"
+              @current-change="getList"
+              :current-page="queryParam.current"
+              :page-size="queryParam.size"
+              layout="total, prev, pager, next, jumper"
+              :total="total">
+          </el-pagination>
+        </div>
+      </div>
     </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'),//短信发送追踪明细
-        },
-        props: {
-            eventTraDialog: {
-                type: Object,
-                default: () => {
-                    return {}
-                },
-            },
-        },
-        data() {
-            return {
-                DialogDetail:null,
-                queryDate: '',
-                queryParam:{
-                    caseNo:'',
-                    pkgName:'',
-                    size:10,
-                    current:1
-                },
-                tableData:[],
-                total:0,
-            };
-        },
-        mounted () {
-            this.queryParam.caseNo = this.eventTraDialog.caseNo
-            this.getList(1)
-        },
-        methods: {
-            handleChangeDate() {
-                this.activeUsage = ''
-                if(this.queryDate === null) {
-                    this.setDateFast()
-                }else {
-                    this.queryParam.beginTime = this.$util.getDayStart(this.queryDate[0])
-                    this.queryParam.endTime = this.$util.getDayEnd(this.queryDate[1])
-                }
-            },
-            // 重置
-            hanldeReset() {
-                for (let key in this.queryParam) {
-                this.queryParam[key] = ''
-                }
-                this.queryParam.current = 1
-                this.queryParam.size = 10
-            },
-            handleSearch() {
-                this.queryParam.size = 10;
-                this.queryParam.current = 1;
-                this.getList(1)
-            },
-            // 列表数据
-            getList(val){
-                this.queryParam.planBegin = this.queryParam.beginTime
-                this.queryParam.planEnd = this.queryParam.endTime
-                this.queryParam.current = val
-                api.posttrace_video(this.queryParam).then(res => {
-                    if (!res.code) {
-                        this.tableData = res.records;
-                        this.total = res.total;
-                    }
-                })
-            },
-            
-        }
+
+export default {
+  components: {
+    smsDialogDetail: () => import('../dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
+    videoReservationDialog: () => import('./videoReservationDialog'),//视频预约修改
+  },
+  props: {
+    eventTraDialog: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return {
+      DialogDetail: null,
+      queryDate: '',
+      queryParam: {
+        caseNo: '',
+        pkgName: '',
+        size: 10,
+        current: 1
+      },
+      tableData: [],
+      total: 0,
+      VideoDialog: null
     };
+  },
+  mounted() {
+    this.queryParam.caseNo = this.eventTraDialog.caseNo
+    this.getList(1)
+  },
+  methods: {
+    handleChangeDate() {
+      this.activeUsage = ''
+      if (this.queryDate === null) {
+        this.setDateFast()
+      } else {
+        this.queryParam.beginTime = this.$util.getDayStart(this.queryDate[0])
+        this.queryParam.endTime = this.$util.getDayEnd(this.queryDate[1])
+      }
+    },
+    // 重置
+    hanldeReset() {
+      for (let key in this.queryParam) {
+        this.queryParam[key] = ''
+      }
+      this.queryParam.current = 1
+      this.queryParam.size = 10
+    },
+    handleSearch() {
+      this.queryParam.size = 10;
+      this.queryParam.current = 1;
+      this.getList(1)
+    },
+    // 列表数据
+    getList(val) {
+      this.queryParam.planBegin = this.queryParam.beginTime
+      this.queryParam.planEnd = this.queryParam.endTime
+      this.queryParam.current = val
+      api.posttrace_video(this.queryParam).then(res => {
+        if (!res.code) {
+          this.tableData = res.records;
+          this.total = res.total;
+        }
+      })
+    },
+    handleDelete() {},
+    handleBackCase() {},
+  }
+};
 </script>
 <style scoped lang="scss">
-.dialog-content{
-    padding: 16px 24px;
-    max-height:500px
+.dialog-content {
+  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;
-    }
+
+.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>
\ No newline at end of file
diff --git a/src/pages/mediation-page/components/VideoReservationDialog.vue b/src/pages/mediation-page/components/VideoReservationDialog.vue
index bc676b6..9f0ff01 100644
--- a/src/pages/mediation-page/components/VideoReservationDialog.vue
+++ b/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">