onlyoffice在线编辑

This commit is contained in:
hanchaobo
2024-03-18 17:54:57 +08:00
4 changed files with 12 additions and 9 deletions
@@ -84,7 +84,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-col :span="12"> <el-col :span="12" v-if="buttonFlag">
<el-form-item label="申请人案件证据资料上传:" prop="applicantEvidence"> <el-form-item label="申请人案件证据资料上传:" prop="applicantEvidence">
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf" <el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview" :action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
@@ -97,7 +97,7 @@
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" v-if="modelFlag"> <el-col :span="24" v-if="modelFlag && showEvidence">
<el-form-item label="证据:"> <el-form-item label="证据:">
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 2"> <div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 2">
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)"> <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
@@ -572,6 +572,7 @@ export default {
getUserInfoList: {}, getUserInfoList: {},
applicationFlag: null, applicationFlag: null,
showmediate: false, showmediate: false,
showEvidence: false,//是否显示证据
formZipData: {}, formZipData: {},
nationalityList: [ nationalityList: [
{ {
@@ -678,6 +679,7 @@ export default {
this.formData.caseAttachList.forEach((item) => { this.formData.caseAttachList.forEach((item) => {
if (item.annexType == 2) { if (item.annexType == 2) {
this.applicantEvidence.push(item); this.applicantEvidence.push(item);
this.showEvidence = true
} else if (item.annexType == 6) { } else if (item.annexType == 6) {
// this.respondentEvidence.push(item); // this.respondentEvidence.push(item);
} else if (item.annexType == 7) { } else if (item.annexType == 7) {
@@ -742,9 +744,10 @@ export default {
return this.$confirm(`确定移除 ${file.name}?`); return this.$confirm(`确定移除 ${file.name}?`);
}, },
handleRemove(file, fileList) { handleRemove(file, fileList) {
this.caseAttachListArr = this.caseAttachListArr.filter( let newcaseAttachList = this.formData.caseAttachList.filter(item =>
(item) => item.annexId != file.annexId item.annexId !== file.response.annexId
); )
this.formData.caseAttachList = newcaseAttachList
}, },
handleExceedZip(files, fileList) { handleExceedZip(files, fileList) {
this.$message.warning(`当前限制选择 1 个文件`); this.$message.warning(`当前限制选择 1 个文件`);
@@ -130,7 +130,7 @@ export default {
handleRemove(file, fileList) { handleRemove(file, fileList) {
(this.submitForm.payOrderList = []), (this.submitForm.payOrderList = []),
fileList.forEach((item) => { fileList.forEach((item) => {
this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName }); this.submitForm.payOrderList.push({ annexId:item.response.annexId,annexName:item.response.annexName });
}); });
}, },
handlePreview(file) { handlePreview(file) {
@@ -14,13 +14,13 @@
<el-form-item label="缴费金额:" prop="feePayable"> <el-form-item label="缴费金额:" prop="feePayable">
<el-input v-model="form.feePayable" :disabled="true"/> <el-input v-model="form.feePayable" :disabled="true"/>
</el-form-item> </el-form-item>
<el-form-item label="申请人缴费凭证:" v-if="form.caseAttachList"> <el-form-item label="申请人缴费凭证:" v-if="form.caseAttachList&&form.caseAttachList.length>0 ">
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index" <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index"
@click="preview(item.annexPath)"> @click="preview(item.annexPath)">
{{ item.annexName }} {{ item.annexName }}
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="被申请人缴费凭证:" v-if="form.resCaseAttachList"> <el-form-item label="被申请人缴费凭证:" v-if="form.resCaseAttachList&&form.resCaseAttachList.length>0">
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.resCaseAttachList" :key="index" <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.resCaseAttachList" :key="index"
@click="preview(item.annexPath)"> @click="preview(item.annexPath)">
{{ item.annexName }} {{ item.annexName }}
@@ -130,7 +130,7 @@
handleRemove(file, fileList) { handleRemove(file, fileList) {
(this.submitForm.payOrderList = []), (this.submitForm.payOrderList = []),
fileList.forEach((item) => { fileList.forEach((item) => {
this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName }); this.submitForm.payOrderList.push({ annexId:item.response.annexId,annexName:item.response.annexName });
}); });
}, },
handlePreview(file) { handlePreview(file) {