SH-Arbitrate/Mediation-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

onlyoffice在线编辑

Browse Source
This commit is contained in:
hanchaobo
2024-03-18 17:53:14 +08:00
parent b1810b835a
commit 9948c9ed04
12 changed files with 1371 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/components/addCase.vue
+72 -69
View File
@@ -118,7 +118,7 @@
<el-col :span="24" v-if="modelFlag && showmediate">
<el-form-item label="调解书:">
<div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 7">
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
<div style="color: blue; cursor: pointer" @click="fileDetil(item.onlyOfficeFileId)">
{{ item.annexName }}
</div>
</div>
@@ -205,30 +205,24 @@
]">
<el-select v-model="formData.affiliate.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;"
disabled>
<el-option v-for="item in idTypeList" :key="item.id" :label="item.value" :value="item.id">
<el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel" :value="Number(item.dictValue)">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0 && formData.affiliate.idType == 0">
<el-form-item label="申请人身份证号码" prop="affiliate.code" :rules="[
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="证件号码" prop="affiliate.code" :rules="[
{
required: true,
message: '申请人身份证号不能为空',
trigger: 'blur',
},
{
pattern:
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
message: '请输入正确的身份证号码',
message: '证件号码不能为空',
trigger: 'blur',
},
]">
<el-input v-model="formData.affiliate.code" disabled placeholder="请输入申请人的身份证号" />
<el-input v-model="formData.affiliate.code" disabled placeholder="请输入申请人的证件号码" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0 && formData.affiliate.idType == 1">
<!-- <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0 && formData.affiliate.idType == 1">
<el-form-item label="申请人护照号码" prop="affiliate.code" :rules="[
{
required: true,
@@ -238,7 +232,7 @@
]">
<el-input v-model="formData.affiliate.code" disabled placeholder="请输入申请人的申请人护照号" />
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="申请人邮箱" prop="affiliate.applicationEmail" :rules="[
{
@@ -428,7 +422,7 @@
<el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="12">
<el-form-item label-width="150px" label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
{
required: true,
@@ -457,43 +451,42 @@
</el-form-item>
</el-col>
</el-row>
<el-col :span="12">
<el-form-item label-width="140px" label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
{
required: true,
message: '被申请人身份证号不能为空',
trigger: 'blur',
},
{
pattern:
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
message: '请输入正确的身份证号码',
trigger: 'blur',
},
]">
<el-input v-model="formData.affiliate.respondentIdentityNum" @blur="handleBlur"
placeholder="请输入被申请人身份证号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="140px" label="被申请人出生年月：" prop="affiliate.respondentBirth">
<el-date-picker disabled v-model="formData.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
{
required: true,
message: '请选择性别',
},
]">
<el-radio-group v-model="formData.affiliate.respondentSex" disabled>
<el-radio :label="0">男</el-radio>
<el-radio :label="1">女</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="140px" label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
{
required: true,
message: '被申请人身份证号不能为空',
trigger: 'blur',
},
{
pattern:
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
message: '请输入正确的身份证号码',
trigger: 'blur',
},
]">
<el-input v-model="formData.affiliate.respondentIdentityNum" @blur="handleBlur" placeholder="请输入被申请人身份证号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="140px" label="被申请人出生年月：" prop="affiliate.respondentBirth">
<el-date-picker disabled v-model="formData.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
{
required: true,
message: '请选择性别',
},
]">
<el-radio-group v-model="formData.affiliate.respondentSex" disabled>
<el-radio :label="0">男</el-radio>
<el-radio :label="1">女</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24" v-if="modelFlag">
<el-form-item v-for="item in formData.columnValueList" :label="item.name" :key="item.id">
<el-input type="textarea" v-model="item.value"></el-input>
@@ -534,7 +527,8 @@ import {
caseApplicationSelectById,
updateComfire,
getInfoByIdCard,
getUserInfo
getUserInfo,
getIdType
} from "@/api/caseManagement/caseManagement.js";
import { getTemplate } from "@/api/officialSeal/officialSeal.js";
import { getToken } from "@/utils/auth";
@@ -547,7 +541,7 @@ export default {
"tabFlag",
"addModifyData",
],
dicts: ["case_built_type"],
// dicts: ["id_type"],
data() {
return {
activeName: "first",
@@ -590,14 +584,14 @@ export default {
}
],
idTypeList: [
{
value: '身份证',
id: 0
},
{
value: '护照',
id: 1
}
// {
// value: '身份证',
// id: 0
// },
// {
// value: '护照',
// id: 1
// }
]
};
},
@@ -618,7 +612,7 @@ export default {
this.buttonFlag = false;
}
},
addVisable(val) {
async addVisable(val) {
if (val) {
if (this.addModifyData == 1) {
this.formData = {
@@ -640,16 +634,23 @@ export default {
this.showmediate = false;
this.getTemplateFn();
if (this.addModifyData != 1) {
this.caseApplicationSelectByIdFn(this.caseData.id);
await this.getIdTypeFn();
await this.caseApplicationSelectByIdFn(this.caseData.id);
}
}
},
},
created() {
console.log(this.formData, "000000000000000000")
// this.getUserInfoFn();
this.getIdTypeFn();
},
methods: {
/** 获取证件类型 */
getIdTypeFn(){
getIdType().then(res=>{
this.idTypeList = res.data;
})
},
/** 切换申请类型 */
changeApplyType(val) {
console.log(val, "变化");
@@ -668,10 +669,10 @@ export default {
})
},
/** 根据案件id获取对应信息 */
caseApplicationSelectByIdFn(data) {
async caseApplicationSelectByIdFn(data) {
this.applicantEvidence = [];
this.respondentEvidence = [];
caseApplicationSelectById({ id: data }).then((res) => {
await caseApplicationSelectById({ id: data }).then((res) => {
res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
this.formData = res.data;
this.formData.caseAttachList.forEach((item) => {
@@ -709,7 +710,8 @@ export default {
},
/** 查看证据 */
fileDetil(val) {
window.open(this.fileURL + val);
// window.open(this.fileURL + val);
this.$router.push({ path: '/onlyoffice', query: { id: val, flag: 0 } })
},
/** 查看证据 */
toPreview(val) {
@@ -895,7 +897,8 @@ export default {
height: 700px !important;
overflow: auto !important;
}
::v-deep .el-input--medium .el-input__inner{
::v-deep .el-input--medium .el-input__inner {
height: 40px;
line-height: 40px;
}
src/views/caseManagement/components/mediation.vue
+4 -3
View File
@@ -81,7 +81,7 @@
<el-col :span="24">
<el-form-item label="调解书：" v-if="recordArrMediate.length > 0">
<div v-for="(item, index) in recordArrMediate" :key="index" style="color: blue">
<a href="#" @click="toFileMediate(item.annexPath)">{{ item.annexName }}</a>
<a href="#" @click="toFileMediate(item.onlyOfficeFileId)">{{ item.annexName }}</a>
</div>
</el-form-item>
</el-col>
@@ -289,8 +289,9 @@ export default {
toFile2(annexPath) {
window.open(window.location.origin + "/API" + annexPath, "_black");
},
toFileMediate(annexPath) {
window.open(window.location.origin + "/API" + annexPath, "_black");
toFileMediate(val) {
// window.open(window.location.origin + "/API" + annexPath, "_black");
this.$router.push({ path: '/onlyoffice', query: {id:val,flag:1} })
},
/** 生成调解书 */
mediationFn(data) {