链接签收跳转开发与接口联调
This commit is contained in:
hanchaobo
+49
-131
@@ -1,39 +1,18 @@
|
||||
<template>
|
||||
<div class="page">
|
||||
<div class="roompage" @mouseover="mouseHover" v-if="modileFlag">
|
||||
<div class="txtContent">
|
||||
<el-tag type="danger" @click="txtContent">会议内容</el-tag>
|
||||
</div>
|
||||
<div :class="userClass" :style="{ height: userHeight }" id="localStream">
|
||||
<div class="userName">{{ userId }}</div>
|
||||
</div>
|
||||
<div :class="userClass" :style="{ height: userHeight }" v-for="(item, index) in userList" :key="index"
|
||||
:id="item">
|
||||
<div class="userName">{{ item }}</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<roomFooter @exitRoom="exitRoom" :roomId="roomId"></roomFooter>
|
||||
</div>
|
||||
</div>
|
||||
<div class="roomPhone" v-if="!modileFlag">
|
||||
<div class="header">
|
||||
<roomFooterPhone @exitRoom="exitRoom"></roomFooterPhone>
|
||||
</div>
|
||||
<div class="bodyVideo">
|
||||
<div :class="userClassPhone" id="localStream">
|
||||
<div class="userNamePhone">{{ userId }}</div>
|
||||
</div>
|
||||
<div :class="userClassPhone" v-for="(item, index) in userList" :key="index" :id="item">
|
||||
<div class="userNamePhone">{{ item }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 语音转文字弹窗 -->
|
||||
<el-drawer title="会议内容" :visible.sync="textVisible" :modal="false">
|
||||
<quill-editor ref="myQuillEditor" v-model="contentValue" :options="editorOption" @blur="onEditorBlur($event)"
|
||||
@focus="onEditorFocus($event)" @ready="onEditorReady($event)"></quill-editor>
|
||||
<el-button class="updataBtn" @click="updataClick" type="primary" :disabled="!updataFlag">确认修改内容</el-button>
|
||||
</el-drawer>
|
||||
<div class="page">
|
||||
<div class="roompage" @mouseover="mouseHover" v-if="modileFlag">
|
||||
<div class="txtContent">
|
||||
<el-tag type="danger" @click="txtContent">会议内容</el-tag>
|
||||
</div>
|
||||
<div :class="userClass" :style="{ height: userHeight }" id="localStream">
|
||||
<div class="userName">{{ userId }}</div>
|
||||
</div>
|
||||
<div :class="userClass" :style="{ height: userHeight }" v-for="(item, index) in userList" :key="index" :id="item">
|
||||
<div class="userName">{{ item }}</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<roomFooter @exitRoom="exitRoom" :roomId="roomId"></roomFooter>
|
||||
</div>
|
||||
</div>
|
||||
<div class="roomPhone" v-if="!modileFlag">
|
||||
<div class="header">
|
||||
@@ -43,12 +22,7 @@
|
||||
<div :class="userClassPhone" id="localStream">
|
||||
<div class="userNamePhone">{{ userId }}</div>
|
||||
</div>
|
||||
<div
|
||||
:class="userClassPhone"
|
||||
v-for="(item, index) in userList"
|
||||
:key="index"
|
||||
:id="item"
|
||||
>
|
||||
<div :class="userClassPhone" v-for="(item, index) in userList" :key="index" :id="item">
|
||||
<div class="userNamePhone">{{ item }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -56,115 +30,59 @@
|
||||
<!-- 语音转文字弹窗 -->
|
||||
<el-drawer title="会议内容" :visible.sync="textVisible" :modal="false">
|
||||
<div style="margin-left: 20px; margin-bottom: 10px">
|
||||
<div
|
||||
style="
|
||||
<div style="
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 10px;
|
||||
"
|
||||
>
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:limit="1"
|
||||
action="https://api.xayunmei.com/tiaojieapi/video/upload"
|
||||
: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 ref="upload" :limit="1" action="https://api.xayunmei.com/tiaojieapi/video/upload"
|
||||
: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
|
||||
v-if="resFlag"
|
||||
ref="upload1"
|
||||
:limit="1"
|
||||
action="https://api.xayunmei.com/tiaojieapi/video/upload"
|
||||
:headers="headers1"
|
||||
:data="filedata1"
|
||||
:on-change="beforeUpload1"
|
||||
:on-success="handlSuccess1"
|
||||
:file-list="fileList1"
|
||||
>
|
||||
<el-button slot="trigger" size="small" type="primary"
|
||||
>被申请人上传证据</el-button
|
||||
>
|
||||
<el-upload v-if="resFlag" ref="upload1" :limit="1" action="https://api.xayunmei.com/tiaojieapi/video/upload"
|
||||
:headers="headers1" :data="filedata1" :on-change="beforeUpload1" :on-success="handlSuccess1"
|
||||
:file-list="fileList1">
|
||||
<el-button slot="trigger" size="small" type="primary">被申请人上传证据</el-button>
|
||||
</el-upload>
|
||||
<el-upload
|
||||
v-if="editFlag"
|
||||
ref="upload3"
|
||||
:limit="1"
|
||||
action="https://api.xayunmei.com/tiaojieapi/video/upload"
|
||||
:headers="headers3"
|
||||
:data="filedata3"
|
||||
:on-change="beforeUpload3"
|
||||
:on-success="handlSuccess3"
|
||||
:file-list="fileList3"
|
||||
accept=".doc,.docx"
|
||||
>
|
||||
<el-button slot="trigger" size="small" type="primary"
|
||||
>上传调解书</el-button
|
||||
>
|
||||
<el-upload v-if="editFlag" ref="upload3" :limit="1" action="https://api.xayunmei.com/tiaojieapi/video/upload"
|
||||
:headers="headers3" :data="filedata3" :on-change="beforeUpload3" :on-success="handlSuccess3"
|
||||
:file-list="fileList3" accept=".doc,.docx">
|
||||
<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)"
|
||||
>
|
||||
<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)"
|
||||
>
|
||||
<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)"
|
||||
>
|
||||
<div style="color: #104fad; cursor: pointer" v-for="(item, index) in mediateFile" :key="index"
|
||||
@click="preview(item, 1)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<quill-editor
|
||||
ref="myQuillEditor"
|
||||
v-model="contentValue"
|
||||
:options="editorOption"
|
||||
@blur="onEditorBlur($event)"
|
||||
@focus="onEditorFocus($event)"
|
||||
@ready="onEditorReady($event)"
|
||||
></quill-editor>
|
||||
<el-button
|
||||
class="updataBtn"
|
||||
@click="updataClick"
|
||||
type="primary"
|
||||
:disabled="!updataFlag"
|
||||
>确认修改内容</el-button
|
||||
>
|
||||
<quill-editor ref="myQuillEditor" v-model="contentValue" :options="editorOption" @blur="onEditorBlur($event)"
|
||||
@focus="onEditorFocus($event)" @ready="onEditorReady($event)"></quill-editor>
|
||||
<el-button class="updataBtn" @click="updataClick" type="primary" :disabled="!updataFlag">确认修改内容</el-button>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import { getUsersig, reserveConferenceList } from "@/api/home";
|
||||
import {
|
||||
@@ -217,7 +135,7 @@ export default {
|
||||
token: "",
|
||||
applicantFile: [],
|
||||
resFile: [],
|
||||
mediateFile:[],
|
||||
mediateFile: [],
|
||||
headers: {
|
||||
// Authorization: "Bearer " + token,
|
||||
Authorization: "",
|
||||
@@ -306,11 +224,11 @@ export default {
|
||||
this.$refs.upload3.clearFiles();
|
||||
this.selectByIdFn(this.caseId);
|
||||
},
|
||||
preview(item,flag) {
|
||||
preview(item, flag) {
|
||||
if (item.onlyOfficeFileId) {
|
||||
this.$router.push({
|
||||
path: "/onlyoffice",
|
||||
query: { id: item.onlyOfficeFileId,flag:flag },
|
||||
query: { id: item.onlyOfficeFileId, flag: flag },
|
||||
});
|
||||
} else {
|
||||
window.open(
|
||||
@@ -378,7 +296,7 @@ export default {
|
||||
this.applicantFile.push(item);
|
||||
} else if (item.annexType == 12) {
|
||||
this.resFile.push(item);
|
||||
}else if (item.annexType == 7){
|
||||
} else if (item.annexType == 7) {
|
||||
this.mediateFile.push(item)
|
||||
}
|
||||
});
|
||||
@@ -603,7 +521,7 @@ export default {
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped>
|
||||
.roompage {
|
||||
width: 100%;
|
||||
@@ -745,14 +663,17 @@ export default {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
.fileList {
|
||||
/* max-height: 300px; */
|
||||
/* overflow-y: scroll; */
|
||||
}
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.applicant,
|
||||
.res,
|
||||
.mediate {
|
||||
@@ -761,7 +682,4 @@ export default {
|
||||
margin-bottom: 10px;
|
||||
color: #38393b;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user