From d2381806dc871328a0a93d7673a03bbc006a8145 Mon Sep 17 00:00:00 2001
From: hanchaobo <you@example.com>
Date: Fri, 19 Jan 2024 18:02:16 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E8=A7=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/caseManagement/caseManagement.js      |   2 +
 src/api/metting/metting.js                    |  19 ++
 src/views/caseManagement/caseList.vue         | 240 ++++++++++++------
 .../caseManagement/components/mediation.vue   | 149 +++++++++++
 .../components/selectMediator.vue             |  10 +
 .../caseManagement/components/timeConfirm.vue |  21 +-
 6 files changed, 354 insertions(+), 87 deletions(-)
 create mode 100644 src/api/metting/metting.js
 create mode 100644 src/views/caseManagement/components/mediation.vue

diff --git a/src/api/caseManagement/caseManagement.js b/src/api/caseManagement/caseManagement.js
index 71d00cb..be54a28 100644
--- a/src/api/caseManagement/caseManagement.js
+++ b/src/api/caseManagement/caseManagement.js
@@ -123,6 +123,8 @@ export function verifyMediator(data) {
 export function confirmDate(data) {
   return request({
     url: "/caseApplication/confirmDate",
+    method: "post",
+    data: data,
   })
 }
 // 查看案件流程
diff --git a/src/api/metting/metting.js b/src/api/metting/metting.js
new file mode 100644
index 0000000..46d3f5e
--- /dev/null
+++ b/src/api/metting/metting.js
@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 生成会议号
+export function createRoomId(data) {
+  return request({
+    url: 'video/createRoomId',
+    method: 'get',
+    params: data
+  })
+}
+// 根据案件id查询房间号
+export function reserveConferenceList(data) {
+    return request({
+      url: 'video/reserveConferenceList',
+      method: 'get',
+      params: data
+    })
+  }
+
diff --git a/src/views/caseManagement/caseList.vue b/src/views/caseManagement/caseList.vue
index ff0f95c..d23327c 100644
--- a/src/views/caseManagement/caseList.vue
+++ b/src/views/caseManagement/caseList.vue
@@ -59,26 +59,30 @@
             <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
-                    <el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</el-button>
+                    <!-- <el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</el-button> -->
                     <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
                         icon="el-icon-edit">修改</el-button>
                     <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
-                    <el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button>
-                    <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button>
+                    <!-- <el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button> -->
+                    <!-- <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button> -->
                     <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
-                    <el-button size="mini" @click="caseLog(scope.row)" type="text" icon="el-icon-edit-outline">案件日志</el-button>
-                    <el-button size="mini" @click="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button>
-                    <el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button>
-                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text" icon="el-icon-edit">查看缴费单</el-button>
-                    <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button>
-                    <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>                 
+                    <el-button size="mini" @click="caseLog(scope.row)" type="text"
+                        icon="el-icon-edit-outline">案件日志</el-button>
+                    <!-- <el-button size="mini" @click="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button> -->
+                    <!-- <el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button> -->
+                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
+                        icon="el-icon-edit">查看缴费单</el-button>
+                    <!-- <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button> -->
+                    <!-- <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>                  -->
                     <el-button size="mini" type="text" icon="el-icon-edit"
                         @click="evidenceUpload(scope.row)">证据修改</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)">缴费</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="selectMediator(scope.row)">预约时间</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="secretaryConfirm(scope.row)">秘书审核</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="department(scope.row)">部门长审核</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="timeConfirm(scope.row)">确认调解时间</el-button>
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)">缴费</el-button> -->
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="selectMediator(scope.row)">预约时间</el-button> -->
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="secretaryConfirm(scope.row)">秘书审核</el-button> -->
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="department(scope.row)">部门长审核</el-button> -->
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="timeConfirm(scope.row)">确认调解时间</el-button> -->
+                    <el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
+                        @click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag])">{{ item.nodeName }}</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -92,7 +96,8 @@
             @cancelCompreess="cancelCompreess" :getList="getList">
         </caseCompressionPackage>
         <!-- 案件详情 -->
-        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess" :caseFlowNumber="caseFlowNumber">
+        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"
+            :caseFlowNumber="caseFlowNumber">
         </mediationCaseDetails>
         <!-- 案件日志 -->
         <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog"></mediationCaseLog>
@@ -103,23 +108,34 @@
         <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
             :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"></payDialog>
         <!-- 缴费确认查看详情 -->
-        <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle" :detailform="detailform" :flag="flag" :paymentConfirma="paymentConfirma" :getList="getList"></paymentdetailsDialog>
+        <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
+            :detailform="detailform" :flag="flag" :paymentConfirma="paymentConfirma" @getList="getList">
+        </paymentdetailsDialog>
         <!-- 案件受理 -->
-        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance" :caseAcceptanceData="caseAcceptanceData" :getList="getList"></caseAcceptance>
+        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
+            :caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
         <!-- 调解员弹窗 -->
-        <selectMediator  @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData" @getList="getList" :queryParams="queryParams"></selectMediator>
+        <selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
+            @getList="getList" :queryParams="queryParams"></selectMediator>
         <!-- 秘书确认 -->
-        <confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData" @getList="getList" :queryParams="queryParams"></confirmMediator>
+        <confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData"
+            @getList="getList" :queryParams="queryParams"></confirmMediator>
         <!-- 部门长确认 -->
-        <departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable" :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
+        <departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable"
+            :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
         <!-- 秘书确认时间 -->
-        <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable" :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
+        <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
+            :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
+        <!-- 待调解     -->
+        <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
+            :mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>    
     </div>
 </template>
 
 <script>
-import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl} from '@/api/caseManagement/caseManagement.js'
+import { caseApplicationList, caseApplicationSelectById, submitCaseApply, selectPaymentDetail, sealApply, selectSealUrl } from '@/api/caseManagement/caseManagement.js'
 import { listDept } from '@/api/system/dept.js'
+import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
 import moment from "moment";
 import addCase from './components/addCase.vue'
 import evidenceDialog from './components/evidenceDialog.vue';
@@ -133,6 +149,7 @@ import selectMediator from './components/selectMediator.vue'
 import confirmMediator from './components/confirmMediator.vue'
 import departmentMediator from './components/departmentMediator.vue'
 import timeConfirm from './components/timeConfirm.vue'
+import mediation from './components/mediation.vue'
 export default {
     name: "caseList",
     dicts: ["case_flow_node"],
@@ -148,7 +165,8 @@ export default {
         selectMediator,//调解员弹窗
         confirmMediator,
         departmentMediator,
-        timeConfirm
+        timeConfirm,
+        mediation
     },
     data() {
         return {
@@ -170,21 +188,23 @@ export default {
             formPayDetail: {},
             payId: null,
             payForm: {},
-            openCompressedPackages:false,//压缩包导入弹窗
-            processVisable:false,//案件详情
-            showcaseLog:false,//案件日志
-            openDialog:false,//确认缴费和缴费详情
+            openCompressedPackages: false,//压缩包导入弹窗
+            processVisable: false,//案件详情
+            showcaseLog: false,//案件日志
+            openDialog: false,//确认缴费和缴费详情
             detailform: {}, //缴费详情数据
             evidenceVisable: false,//证据修改弹窗
-            payTitle:"",//缴费标题
-            paymentConfirma:{},//缴费确认
-            showAcceptance:false,//案件受理弹框
-            caseAcceptanceData:{},//案件受理数据
-            mediatorVisable:false,//选择调解员弹窗
-            timeVisable:false,//预约时间弹窗
-            confirmVisable:false,//确认时间/调解员
-            caseFlowNumber:{},//案件流程数据
-            mediatorData:{},
+            payTitle: "",//缴费标题
+            paymentConfirma: {},//缴费确认
+            showAcceptance: false,//案件受理弹框
+            caseAcceptanceData: {},//案件受理数据
+            mediatorVisable: false,//选择调解员弹窗
+            timeVisable: false,//预约时间弹窗
+            confirmVisable: false,//确认时间/调解员
+            mediationVisable:false,//待调解弹窗
+            caseFlowNumber: {},//案件流程数据
+            mediatorData: {},
+            mediationData:{},
             flag: null,
             caseData: {},
             evidenceData: {},
@@ -193,18 +213,74 @@ export default {
             deptList: [],
             payTitle: '',
             tabFlag: false,
-            confirmData:{},
-            departmentVisable:false,
-            departmentData:{},
-            timeConfirmVisable:false,
-            timeConfirmData:{}
+            confirmData: {},
+            departmentVisable: false,
+            departmentData: {},
+            timeConfirmVisable: false,
+            timeConfirmData: {},
+            buttonList: []
         };
     },
     created() {
         this.getList(this.queryParams);
         this.listDeptFn()
+        this.getButtonList()
     },
     methods: {
+        /**所有按钮事件 */
+        caseClick(val,type){
+            if(type == 1){
+                // 提交案件
+                this.onsubmitRow(val);
+            }else if(type == 2){
+                // 缴费
+                this.payStatus(val);
+            }else if(type == 3){
+                // 确认缴费
+                this.paymentconfirmationRow(val);
+            }else if(type == 4){
+                // 受理分配
+                this.caseAccep(val);
+            }else if(type == 5){
+                // 选择调解员
+                this.selectMediator(val);
+            }else if(type == 6){
+                // 核实调解员
+                this.secretaryConfirm(val);
+            }else if(type == 7){
+                // 确认调解员
+                this.department(val);
+            }else if(type == 8){
+                // 确定调解时间
+                this.timeConfirm(val);
+            }else if(type == 9){
+                // 调解
+                this.mediationClick(val)
+            }else if(type == 10){
+                // 确认调解书
+            }else if(type == 11){
+                // 签名
+            }else if(type == 12){
+                // 用印申请
+            }else if(type == 13){
+                // 用印
+            }else if(type == 14){
+                // 归档
+            }else if(type == 15){
+                // 签收
+            }else if(type == 16){
+                // 结束
+            }
+        },
+        /**查询按钮列表 */
+        getButtonList() {
+            queryCaseFlowInfo({
+                pageNum: 1,
+                pageSize: 100000
+            }).then(res => {
+                this.buttonList = res.rows;
+            })
+        },
         /** 新增案件 */
         addCase() {
             this.addVisable = true;
@@ -243,7 +319,7 @@ export default {
             this.$modal
                 .confirm("是否提交立案申请？")
                 .then(function () {
-                    return submitCaseApply({ id: row.id,caseFlowId:row.caseFlowId });
+                    return submitCaseApply({ id: row.id, caseFlowId: row.caseFlowId });
                 })
                 .then(() => {
                     this.getList(this.queryParams);
@@ -252,14 +328,19 @@ export default {
                 .catch(() => { });
         },
         /** 选择调解员 */
-        selectMediator(val){
+        selectMediator(val) {
             this.mediatorVisable = true;
             this.mediatorData = val;
         },
         /** 预约时间 */
-        selectTime(val){
+        selectTime(val) {
             this.timeVisable = true;
         },
+        /** 调解 */
+        mediationClick(val){
+            this.mediationVisable = true;
+            this.mediationData = val;
+        },
         getDetail(parms) {
             caseApplicationSelectById(parms).then((res) => {
                 this.formPayDetail = res.data;
@@ -268,17 +349,17 @@ export default {
             });
         },
         /** 确认调解员 */
-        secretaryConfirm(val){
+        secretaryConfirm(val) {
             this.confirmVisable = true;
             this.confirmData = val;
         },
         /** 部门长确认调解员 */
-        department(val){
+        department(val) {
             this.departmentVisable = true;
             this.departmentData = val;
         },
         /**确认时间 */
-        timeConfirm(val){
+        timeConfirm(val) {
             this.timeConfirmVisable = true;
             this.timeConfirmData = val;
         },
@@ -325,20 +406,27 @@ export default {
             this.openPay = false;
         },
         /** 取消调解员弹窗 */
-        cancelMediator(){
+        cancelMediator() {
             this.mediatorVisable = false;
         },
         /** 取消预约时间弹窗 */
-        cancelTime(){
+        cancelTime() {
             this.timeVisable = false;
         },
-        cancelConfirm(){
+        /**取消调解 */
+        cancelMediation(){
+            this.timeConfirmVisable = false;
+        },
+        cancelMediation(){
+            this.mediationVisable = false;
+        },
+        cancelConfirm() {
             this.confirmVisable = false;
         },
-        cancelDepartment(){
+        cancelDepartment() {
             this.departmentVisable = false;
         },
-        cancelTimeConfirm(){
+        cancelTimeConfirm() {
             this.timeConfirmVisable = false;
         },
         /** 搜索按钮操作 */
@@ -362,13 +450,13 @@ export default {
         },
         // 法律顾问用印申请
         consultantApplica(row) {
-            let paramsValue ={
-                caseId:row.id,
-                batchNumber:"",
-                caseFlowId:row.caseFlowId
+            let paramsValue = {
+                caseId: row.id,
+                batchNumber: "",
+                caseFlowId: row.caseFlowId
             }
             this.$modal.confirm("你确定要用印申请吗？").then((res) => {
-                sealApply(paramsValue).then(res=>{
+                sealApply(paramsValue).then(res => {
                     this.getList(this.queryParams);
                     this.$modal.msgSuccess("用印申请成功");
                 })
@@ -378,49 +466,49 @@ export default {
         },
         // 部门长用印申请
         departmentApplica(row) {
-             this.$modal.confirm("你确定要用印确认吗？").then((res) => {
-                 let paramsValue ={
-                     caseId:row.id
-                 }
-                 selectSealUrl(paramsValue).then(res=>{
-                     window.open(res.data.sealUrl)
-                     this.$modal.confirm("你确认用印了吗？").then((res) => {
-                     this.getList(this.queryParams);
+            this.$modal.confirm("你确定要用印确认吗？").then((res) => {
+                let paramsValue = {
+                    caseId: row.id
+                }
+                selectSealUrl(paramsValue).then(res => {
+                    window.open(res.data.sealUrl)
+                    this.$modal.confirm("你确认用印了吗？").then((res) => {
+                        this.getList(this.queryParams);
                     }).catch(() => {
 
                     })
-                 })
+                })
             }).catch(() => {
 
             })
         },
         // 案件受理
-        caseAccep(row){
+        caseAccep(row) {
             this.caseAcceptanceData = row
             this.showAcceptance = true
         },
-        cancelAcceptance(){
+        cancelAcceptance() {
             this.showAcceptance = false
         },
         // 缴费确认
-        paymentconfirmationRow(row){
+        paymentconfirmationRow(row) {
             this.paymentConfirma = row
             console.log(this.paymentConfirma)
             this.paymentDetails({
-                id:row.id
+                id: row.id
             })
             this.openDialog = true
             this.payTitle = "缴费确认"
             this.flag = 0;
             this.detailform = {}
         },
-        cancelpaymentdetails(){
+        cancelpaymentdetails() {
             this.openDialog = false
         },
         // 查看缴费确认
-        viewpaymentformRow(row){
-             this.paymentDetails({
-                id:row.id
+        viewpaymentformRow(row) {
+            this.paymentDetails({
+                id: row.id
             })
             this.payTitle = "缴费单详情"
             this.flag = 1;
@@ -428,8 +516,8 @@ export default {
             this.openDialog = true
         },
         // 缴费详情
-        paymentDetails(val){
-            selectPaymentDetail(val).then(res=>{
+        paymentDetails(val) {
+            selectPaymentDetail(val).then(res => {
                 this.detailform = res.data;
             })
         },
diff --git a/src/views/caseManagement/components/mediation.vue b/src/views/caseManagement/components/mediation.vue
new file mode 100644
index 0000000..dda09a9
--- /dev/null
+++ b/src/views/caseManagement/components/mediation.vue
@@ -0,0 +1,149 @@
+<template>
+    <div>
+        <el-dialog :title="title" :visible="mediationVisable" @close="cancel" center :distroy-on-close="true" width="1000px">
+            <el-form ref="form" :model="formData" label-width="180px">
+                <div class="caseInfo">案件信息：</div>
+                <el-divider></el-divider>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="案件编号：" prop="caseNum">
+                            <el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="true" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="申请人：" prop="applicationOrganName">
+                            <el-input v-model="formData.affiliate.applicationOrganName" :disabled="true" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="被申请人：" prop="respondentName">
+                            <el-input v-model="mediationData.respondentName" :disabled="true" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="案件标的：" prop="caseSubjectAmount">
+                            <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="调解费用：" prop="feePayable">
+                            <el-input v-model="formData.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="调解员：" prop="mediatorName">
+                            <el-input v-model="formData.mediatorName" placeholder="请输入" :disabled="true" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-col :span="24">
+                    <el-form-item label="申请人案件证据：">
+                        <div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
+                        <div v-else v-for="(item, index) in applicateArr" :key="index">
+                            <a href="#" @click="toFile(item, index)" style="color: blue">
+                                {{ item.annexName }}
+                            </a>
+                        </div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                    <el-form-item label="被申请人案件证据：">
+                        <div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
+                        <div v-for="(item, index) in quiltArr" :key="index">
+                            <a href="#" @click="toFile1(item, index)" style="color: blue">
+                                {{ item.annexName }}
+                            </a>
+                        </div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24" v-if="recordArr.length > 0">
+                    <el-form-item label="庭审笔录：">
+                        <div v-for="(item, index) in recordArr" :key="index" style="color: blue">
+                            <a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
+                        </div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                    <el-form-item label="预约会议房间号：">
+                        <div>{{ roomId }}</div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                    <el-form-item label="开庭时间：">
+                        <div>{{ formData.hearDate }}</div>
+                    </el-form-item>
+                </el-col>
+                <!-- </el-form> -->
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+                <el-button @click="submitMediation" class="endbutton1"><span>提 交</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<!-- hearDate -->
+<script>
+import { caseApplicationSelectById } from '@/api/caseManagement/caseManagement.js'
+import { reserveConferenceList } from '@/api/metting/metting.js'
+export default {
+    props: ["mediationVisable", "mediationData", "queryParams"],
+    data() {
+        return {
+            loanStartDate: "",
+            title: "开庭调解",
+            applicateArr:[],
+            quiltArr:[],
+            recordArr:[],
+            roomId:null,
+            startTime:null,
+            formData:{}
+        };
+    },
+    watch: {
+        mediationVisable(val) {
+            if (val) {
+                this.caseApplicationSelectByIdFn({
+                    id:this.mediationData.id
+                })
+                this.reserveConferenceListFn({
+                    caseId:this.mediationData.id
+                })
+            }
+        },
+    },
+    created() {
+        if(this.mediationData.mediationMethod == '1'){
+            this.title = '开庭调解'
+        }else{
+            this.title = '书面调解'
+        }
+    },
+    methods: {
+        /** 获取案件详情信息 */
+        caseApplicationSelectByIdFn(data){
+            caseApplicationSelectById(data).then(res=>{
+                this.formData = res.data;
+            })
+        },
+        /** 获取已经预约的会议 */
+        reserveConferenceListFn(data){
+            reserveConferenceList(data).then(res=>{
+                console.log(res,"LLLLLLLLLLLLLLLLLLLLLLLLLLL");
+            })
+        },
+        cancel() {
+            this.$emit("cancelMediation");
+        },
+        submitMediation() {
+
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}</style>
\ No newline at end of file
diff --git a/src/views/caseManagement/components/selectMediator.vue b/src/views/caseManagement/components/selectMediator.vue
index 6e2c6e7..9358234 100644
--- a/src/views/caseManagement/components/selectMediator.vue
+++ b/src/views/caseManagement/components/selectMediator.vue
@@ -48,6 +48,7 @@
 <script>
 import { Message } from 'element-ui'
 import { listMediator,updateBooking } from '@/api/caseManagement/caseManagement.js'
+import { createRoomId } from '@/api/metting/metting.js'
 import moment from "moment";
 export default {
     props: ["mediatorVisable", "mediatorData","queryParams"],
@@ -104,6 +105,9 @@ export default {
                     userName:item.mediatorName
                 })
             })
+            await this.createRoomIdFn({
+                caseId:this.mediatorData.id
+            })
             await this.updateBookingFn({
                 id:this.mediatorData.id,
                 caseFlowId:this.mediatorData.caseFlowId,
@@ -118,6 +122,12 @@ export default {
                 this.$emit('getList', this.queryParams);
             })
         },
+        // 生成会议房间号
+        async createRoomIdFn(data){
+            await createRoomId(data).then(res=>{
+                console.log(res,"房间号");
+            })
+        },
         handleSelectionChange(val) {
             this.multipleSelection = val;
             // console.log(this.multipleSelection,"LLLLLLLLLLLLLLLLL");
diff --git a/src/views/caseManagement/components/timeConfirm.vue b/src/views/caseManagement/components/timeConfirm.vue
index 3a3e8f5..2868ff6 100644
--- a/src/views/caseManagement/components/timeConfirm.vue
+++ b/src/views/caseManagement/components/timeConfirm.vue
@@ -13,7 +13,7 @@
                     <div style="margin-top: 20px;margin-bottom: 20px;">时间</div>
                     <el-form label-position="right" label-width="80px" :model="formLabelAlign" :disabled="confirmShow">
                         <el-form-item label="时间">
-                            <el-date-picker v-if="!confirmShow" v-model="formLabelAlign.time[0]" type="datetime" placeholder="选择日期时间">
+                            <el-date-picker v-if="!confirmShow" v-model="formLabelAlign.name" type="datetime" placeholder="选择日期时间">
                             </el-date-picker>
                             <el-input v-else v-model="formLabelAlign.name"></el-input>
                         </el-form-item>
@@ -103,16 +103,16 @@ export default {
                     id: this.timeConfirmData.id,
                     caseFlowId: this.timeConfirmData.caseFlowId,
                     // userList: userArr,
-                    herDates: this.formLabelAlign.time
+                    herDates: [this.formLabelAlign.name]
                 })
             } else {
-                if (this.multipleSelection.length > 1) {
-                    Message.error('最多选择一名调解员');
-                    return
-                } else if (this.multipleSelection.length < 1) {
-                    Message.error('至少选择一名调解员');
-                    return
-                }
+                // if (this.multipleSelection.length > 1) {
+                //     Message.error('最多选择一名调解员');
+                //     return
+                // } else if (this.multipleSelection.length < 1) {
+                //     Message.error('至少选择一名调解员');
+                //     return
+                // }
                 if (this.formLabelAlign.time.length < 1) {
                     Message.error('至少选择一个时间');
                     return
@@ -132,8 +132,7 @@ export default {
                 this.verifyMediatorFn({
                     id: this.timeConfirmData.id,
                     caseFlowId: this.timeConfirmData.caseFlowId,
-                    // userList: this.mediatorArr,
-                    herDates: this.formLabelAlign.time
+                    herDates: [this.formLabelAlign.name]
                 })
             }
         },
-- 
2.54.0