视频调解页面接口开发

src/api/home.js

@@ -1,6 +1,6 @@
 import axios from "@/utils/request";
 // let baseUrlZc = 'https://api.xayunmei.com/zhongcaiapi';
-// let baseUrl = 'https://api.xayunmei.com/tiaojieapitest';
+let baseUrl = 'https://api.xayunmei.com/tiaojieapitest';
 // let baseUrl = 'http://172.16.1.4:6001';
 // 获取usersig
 export function getUsersig(userId) {
@@ -46,3 +46,7 @@ export function msCaseSign(data) {
 export function fileList(caseAppliId,annexTypeList) {
     return axios.get(`tiaojie/common/fileList?caseAppliId=${caseAppliId}&annexTypeList=${annexTypeList}`);
   }
+// 确定会议结果
+export function confirmMeetingResult(data) {
+    return axios.post(`tiaojie/caseApplication/confirmMeetingResult`, data);
+}

src/views/components/roomFooter.vue

@@ -56,6 +56,10 @@
           v-else
           @click="sharClickOff"
         />
+        
+      </div>
+      <div class="mediationPop">
+         <el-button type="warning" @click="mediationPop">调解</el-button>
       </div>
     </div>
   </div>
@@ -107,6 +111,10 @@ export default {
       this.sharFlag = true;
       this.$emit("sharClickOff");
     },
+    // 弹出调解内容
+    mediationPop(){
+      this.$emit("mediationPop");
+    },
     exitRoom() {
       if (this.roleFlag) {
         this.stopVideoFn();
@@ -194,7 +202,9 @@ export default {
   height: 60px;
   margin-left: 20px;
 }
-
+.mediationPop{
+  margin-left: 20px;
+}
 .micImg,
 .videoImg,
 .sharImg {

src/views/room.vue

@@ -36,6 +36,7 @@
           @videoClickOff="videoClickOff"
           @sharClickOn="sharClickOn"
           @sharClickOff="sharClickOff"
+          @mediationPop="mediationPop"
           :roomId="roomId"
           :micFlag="micFlag"
           :videoFlag="videoFlag"
@@ -63,7 +64,7 @@
     </div>
     <!-- 语音转文字弹窗 -->
     <el-drawer title="会议内容" :visible.sync="textVisible" :modal="false">
-      <div style="margin-left: 20px; margin-bottom: 10px">
+      <!-- <div style="margin-left: 20px; margin-bottom: 10px">
         <div
           style="
             width: 100%;
@@ -87,7 +88,6 @@
               >申请人上传证据</el-button
             >
           </el-upload>
-          <!-- https://api.xayunmei.com/tiaojieapitest/video/upload -->
           <el-upload
             v-if="resFlag"
             ref="upload1"
@@ -155,7 +155,7 @@
             </div>
           </div>
         </div>
-      </div>
+      </div> -->
       <quill-editor
         ref="myQuillEditor"
         v-model="contentValue"
@@ -172,11 +172,131 @@
         >确认修改内容</el-button
       >
     </el-drawer>
+    <!-- 调解 -->
+    <el-drawer :visible.sync="drawerMediatio" direction="ltr" title="调解内容">
+      <div
+        style="
+          width: 100%;
+          display: flex;
+          justify-content: space-around;
+          margin-bottom: 10px;
+          margin-top: 20px;
+        "
+      >
+        <el-upload
+          ref="upload"
+          :limit="1"
+          :action="UploadUrl()"
+          :headers="headers"
+          :data="filedata"
+          :on-change="beforeUpload"
+          :on-success="handlSuccess"
+          :file-list="fileList"
+          v-if="appFlag"
+        >
+          <el-button slot="trigger" size="small" type="primary"
+            >申请人上传证据</el-button
+          >
+        </el-upload>
+        <el-upload
+          ref="upload1"
+          :limit="1"
+          :action="UploadUrl()"
+          :headers="headers1"
+          :data="filedata1"
+          :on-change="beforeUpload1"
+          :on-success="handlSuccess1"
+          :file-list="fileList1"
+          v-if="resFlag"
+        >
+          <el-button slot="trigger" size="small" type="primary"
+            >被申请人上传证据</el-button
+          >
+        </el-upload>
+        <el-upload
+          ref="upload3"
+          :limit="1"
+          :action="UploadUrl()"
+          :headers="headers3"
+          :data="filedata3"
+          :on-change="beforeUpload3"
+          :on-success="handlSuccess3"
+          :file-list="fileList3"
+          accept=".doc,.docx"
+          v-if="updataFlag"
+        >
+          <el-button slot="trigger" size="small" type="primary"
+            >上传调解书</el-button
+          >
+        </el-upload>
+      </div>
+      <div class="list">
+        <div class="applicant" v-if="applicantFile.length > 0">
+          <div>申请人证据</div>
+          <div
+            style="color: #104fad; cursor: pointer"
+            v-for="(item, index) in applicantFile"
+            :key="index"
+            @click="preview(item, 0)"
+          >
+            {{ item.annexName }}
+          </div>
+        </div>
+        <div class="res" v-if="resFile.length > 0">
+          <div>被申请人证据</div>
+          <div
+            style="color: #104fad; cursor: pointer"
+            v-for="(item, index) in resFile"
+            :key="index"
+            @click="preview(item, 0)"
+          >
+            {{ item.annexName }}
+          </div>
+        </div>
+        <div class="mediate" v-if="mediateFile.length > 0">
+          <div>调解书</div>
+          <div
+            style="color: #104fad; cursor: pointer"
+            v-for="(item, index) in mediateFile"
+            :key="index"
+            @click="preview(item, 1)"
+          >
+            {{ item.annexName }}
+          </div>
+        </div>
+      </div>
+      <div>
+        <el-form label-width="100px">
+          <el-col :span="24">
+            <el-form-item label="调解结果:">
+              <el-radio-group v-model="formData.mediaResult">
+                <el-radio :label="1">达成调解</el-radio>
+                <el-radio :label="2">未达成调解</el-radio>
+                <el-radio :label="3">未达成调解但不在争议</el-radio>
+                <el-radio :label="4">未达成调解但同意引入仲裁</el-radio>
+                <el-radio :label="5">达成和解</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="是否用印申请:">
+              <el-radio-group v-model="formData.sealFlag">
+                <el-radio :label="1">是</el-radio>
+                <el-radio :label="0">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </div>
+      <div>
+        <el-button style="width:100%;" type="primary" @click="determineMeeting">确定</el-button>
+      </div>
+    </el-drawer>
   </div>
 </template>
 
 <script>
-import { getUsersig, reserveConferenceList } from "@/api/home";
+import { getUsersig, reserveConferenceList,confirmMeetingResult } from "@/api/home";
 import {
   secretaryRoleByUserId,
   htmlToPDF,
@@ -217,6 +337,7 @@ export default {
       userId: null,
       id: null,
       showFlag: false,
+      drawerMediatio: false,
       modileFlag: false,
       localStreamAsr: null,
       contentValue: "",
@@ -231,6 +352,11 @@ export default {
       applicantFile: [],
       resFile: [],
       mediateFile: [],
+      formData:{
+        mediaResult:1,
+        sealFlag:1
+      },
+      caseFlowId:null,
       headers: {
         // Authorization: "Bearer " + token,
         Authorization: "",
@@ -317,8 +443,8 @@ export default {
       // this.videoClass = "videoItem2";
       // this.screenShareFlag = true;
       if (this.screenShareFlag) {
-        alert("其他用户已经分享")
+        alert("其他用户已经分享");
-        return
+        return;
       }
       await trtc.startScreenShare().then(() => {
         this.sharFlag = false;
@@ -404,7 +530,7 @@ export default {
         } else {
           flag = 0;
         }
-        let token = sessionStorage.getItem('token')
+        let token = sessionStorage.getItem("token");
         window.open(
           `http://121.40.189.20:8002/onlyoffice?id=${item.onlyOfficeFileId}&flag=${flag}&token=${token}`,
           "_black"
@@ -454,15 +580,16 @@ export default {
     // 点击显示修改的文本框
     txtContent() {
       this.textVisible = true;
-      setInterval(() => {
+      // setInterval(() => {
-        this.selectByIdFn(this.caseId);
+      //   this.selectByIdFn(this.caseId);
-      }, 8000);
+      // }, 8000);
       this.selectRoleMenuByCaseIdFn(this.caseId);
       this.getMenuPermsByUserFn();
     },
     /** 获取证据列表 */
     selectByIdFn(id) {
       selectById(id).then((res) => {
+        this.caseFlowId = res.data.caseFlowId;
         this.applicantFile = [];
         this.resFile = [];
         this.mediateFile = [];
@@ -511,11 +638,13 @@ export default {
           });
         } else if (streamType == "sub") {
           setTimeout(() => {
-            trtc.startRemoteVideo({ userId, streamType, view: "screenShare" }).then(()=>{
+            trtc
+              .startRemoteVideo({ userId, streamType, view: "screenShare" })
+              .then(() => {
                 this.videoList = "videoList1";
                 this.videoClass = "videoItem2";
               });
-          })
+          });
           this.screenShareFlag = true;
         }
         setTimeout(() => {
@@ -619,6 +748,38 @@ export default {
         }
       });
     },
+        // 调解
+    mediationPop() {
+      this.drawerMediatio = true;
+      this.selectByIdFn(this.caseId);
+       setInterval(() => {
+        this.selectByIdFn(this.caseId);
+      }, 8000);
+      console.log("iiiiiiiiiiiiiiiiiiiiiiiiiiii");
+    },
+    // 确定会议结果
+    determineMeeting(){
+      let valueMeeting = {
+        id:this.caseId,
+        mediaResult: this.formData.mediaResult,
+        sealFlag:this.formData.sealFlag,
+        caseFlowId:this.caseFlowId
+      }
+      confirmMeetingResult(valueMeeting).then(res=>{
+        if (res.code == 200) {
+          this.$message({
+            message: "确定成功",
+            type: "success",
+          });
+          this.drawerMediatio = false
+        } else {
+          this.$message({
+            message: res.msg,
+            type: "error",
+          });
+        }
+      })
+    }
   },
   computed: {
     editor() {

src/views/testRoom.vue

@@ -32,6 +32,7 @@
           @videoClickOff="videoClickOff"
           @sharClickOn="sharClickOn"
           @sharClickOff="sharClickOff"
+          @mediationPop="mediationPop"
           :roomId="roomId"
           :micFlag="micFlag"
           :videoFlag="videoFlag"
@@ -472,6 +473,10 @@ export default {
         name: "Home",
       });
     },
+    // 调解
+    async mediationPop(){
+      console.log()
+    },
     // 获取拉流信息
     getPushVideo() {
       trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, (event) => {