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

Merge branch 'hcb' of SH-Arbitrate/Mediation-Frontend into dev

Browse Source
This commit was merged in pull request #95.
This commit is contained in:
hanchaobo
2024-04-02 15:17:13 +08:00
committed by Gitea
parent 930c654c68 c071610f80
commit c454099061
5 changed files with 730 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/caseList.vue
+53 -28
View File
@@ -18,8 +18,8 @@
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> --> </el-form-item> -->
<el-form-item label="案件编号" prop="caseNum"> <el-form-item label="案件编号" prop="caseNum">
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable style="width: 240px" <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable
@keyup.enter.native="handleQuery" /> style="width: 240px" @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="创建时间" prop="caseTime"> <el-form-item label="创建时间" prop="caseTime">
<el-date-picker v-model="caseTime" type="daterange" align="right" unlink-panels range-separator="至" <el-date-picker v-model="caseTime" type="daterange" align="right" unlink-panels range-separator="至"
@@ -82,9 +82,9 @@
" @click="caseFilingDetails(scope.row)">归档详情</el-button> " @click="caseFilingDetails(scope.row)">归档详情</el-button>
<div class="btnList" v-for="item in buttonList" :key="item.id"> <div class="btnList" v-for="item in buttonList" :key="item.id">
<el-button size="mini" type="text" icon="el-icon-tickets" @click="caseClick(scope.row, item.id)" <el-button size="mini" type="text" icon="el-icon-tickets" @click="caseClick(scope.row, item.id)"
v-if="item.id == scope.row.caseFlowId && v-if="(item.id == scope.row.caseFlowId &&
checkPermi([item.buttonAuthFlag]) && checkPermi([item.buttonAuthFlag]) &&
scope.row.signButtonFlag != 1 scope.row.signButtonFlag != 1) && (scope.row.appOperatorFlag == 1 || scope.row.resOperatorFlag == 1 || scope.row.otherFlag == 1)
">{{ item.nodeName }}</el-button> ">{{ item.nodeName }}</el-button>
</div> </div>
</template> </template>
@@ -211,7 +211,7 @@ export default {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
}, },
queryDisable:false, queryDisable: false,
// 遮罩层 // 遮罩层
loading: false, loading: false,
// 总条数 // 总条数
@@ -279,9 +279,9 @@ export default {
}, },
created() { created() {
this.queryParams.caseNum = this.$route.query.caseNum; this.queryParams.caseNum = this.$route.query.caseNum;
if(this.$route.query.token){ if (this.$route.query.token) {
this.queryDisable = true; this.queryDisable = true;
}else{ } else {
this.queryDisable = false; this.queryDisable = false;
} }
// this.getList(this.queryParams); // this.getList(this.queryParams);
@@ -469,6 +469,12 @@ export default {
caseApplicationSelectById(parms).then((res) => { caseApplicationSelectById(parms).then((res) => {
this.formPayDetail = res.data; this.formPayDetail = res.data;
this.formPayDetailAffiliate = res.data.affiliate; this.formPayDetailAffiliate = res.data.affiliate;
let applicantStr = '';
let resStr = '';
applicantStr = this.formPayDetailAffiliate.applicant.map(item => item.applicant.name).join(',');
resStr = this.formPayDetailAffiliate.res.map(item => item.res.name).join(',');
this.formPayDetailAffiliate.applicationName = applicantStr;
this.formPayDetailAffiliate.respondentName = resStr;
this.payForm.feePayable = res.data.feePayable; this.payForm.feePayable = res.data.feePayable;
this.payForm.caseId = res.data.id; this.payForm.caseId = res.data.id;
}); });
@@ -477,6 +483,12 @@ export default {
caseApplicationSelectById(parms).then((res) => { caseApplicationSelectById(parms).then((res) => {
this.formResPayDetail = res.data; this.formResPayDetail = res.data;
this.formResPay = res.data.affiliate; this.formResPay = res.data.affiliate;
let applicantStr = '';
let resStr = '';
applicantStr = this.formResPay.applicant.map(item => item.applicant.name).join(',');
resStr = this.formResPay.res.map(item => item.res.name).join(',');
this.formResPay.applicationName = applicantStr;
this.formResPay.respondentName = resStr;
this.resPayForm.feePayable = res.data.feePayable; this.resPayForm.feePayable = res.data.feePayable;
this.resPayForm.caseId = res.data.id; this.resPayForm.caseId = res.data.id;
}); });
@@ -698,25 +710,25 @@ export default {
ids: [row.id], ids: [row.id],
}; };
this.$confirm("你确定要案件送达吗？", "提示", { this.$confirm("你确定要案件送达吗？", "提示", {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
callback: () => { }, callback: () => { },
beforeClose: (action, ctx, close) => { beforeClose: (action, ctx, close) => {
if (action !== 'confirm') { if (action !== 'confirm') {
close(); close();
return; return;
}
ctx.confirmButtonLoading = true;
msCaseFile(paramValues).then((res) => {
this.$modal.msgSuccess("案件送达成功");
close();
this.getList(this.queryParams);
}).finally(() => {
ctx.confirmButtonLoading = false;
})
} }
}).finally(() => { }) ctx.confirmButtonLoading = true;
msCaseFile(paramValues).then((res) => {
this.$modal.msgSuccess("案件送达成功");
close();
this.getList(this.queryParams);
}).finally(() => {
ctx.confirmButtonLoading = false;
})
}
}).finally(() => { })
// .then((res) => { // .then((res) => {
// msCaseFile(paramValues).then((res) => { // msCaseFile(paramValues).then((res) => {
// this.$modal.msgSuccess("案件送达成功"); // this.$modal.msgSuccess("案件送达成功");
@@ -757,9 +769,22 @@ export default {
this.caseFilingData = val; this.caseFilingData = val;
let vals = { id: val.id }; let vals = { id: val.id };
caseApplicationSelectById(vals).then((res) => { caseApplicationSelectById(vals).then((res) => {
res.data.affiliate.respondentSex = Number( res.data.affiliate.applicant.forEach(item => {
res.data.affiliate.respondentSex if (!item.applicant) {
); item.applicant = {}
}
if (!item.applicantAgent) {
item.applicantAgent = {}
}
})
res.data.affiliate.res.forEach(item => {
if (!item.res) {
item.res = {}
}
if (!item.resAgent) {
item.resAgent = {}
}
})
this.detailsAwardNum = res.data; this.detailsAwardNum = res.data;
console.log(this.detailsAwardNum); console.log(this.detailsAwardNum);
this.flagLoadingS = false; this.flagLoadingS = false;
src/views/caseManagement/components/addCase.vue
+44 -42
View File
@@ -64,7 +64,7 @@
<el-col :span="24" v-if="modelFlag && showEvidence"> <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,1)">
{{ item.annexName }} {{ item.annexName }}
</div> </div>
</div> </div>
@@ -631,6 +631,7 @@ export default {
title: "新增案件", title: "新增案件",
// organizeFlag:0,//选择机构和自然人 // organizeFlag:0,//选择机构和自然人
formData: { formData: {
caseSource:"YC",
arbitratClaims: "", arbitratClaims: "",
facts: "", facts: "",
organizeFlag: 0, organizeFlag: 0,
@@ -785,6 +786,7 @@ export default {
if (val) { if (val) {
if (this.addModifyData == 1) { if (this.addModifyData == 1) {
this.formData = { this.formData = {
caseSource:"YC",
organizeFlag: 0, organizeFlag: 0,
affiliate: affiliate:
{ {
@@ -1024,19 +1026,19 @@ export default {
this.$set(this.formData, 'organizeFlag', 0); this.$set(this.formData, 'organizeFlag', 0);
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims); this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
this.$set(this.formData, 'facts', this.formZipData.facts); this.$set(this.formData, 'facts', this.formZipData.facts);
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData.affiliate[0].applicant.home); this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData.affiliate.applicant[0].applicant.home);
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate[0].applicant.address); this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate[0].applicantAgent.phone); this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate[0].applicantAgent.name); this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate[0].applicantAgent.email); this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate[0].res.name); this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate[0].res.phone); this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate[0].res.idCard); this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate[0].res.sex); this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate.res[0].res.sex);
this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate[0].res.birth); this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate[0].res.home); this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email); this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this.formZipData.affiliate[0].applicant.compLegalPerson); this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this.formZipData.affiliate.applicant[0].applicant.compLegalPerson);
// this.$set(this.formData.affiliate,'respondentSex',Number(res.data.affiliate.respondentSex)); // this.$set(this.formData.affiliate,'respondentSex',Number(res.data.affiliate.respondentSex));
}, },
handlePreview(file) { handlePreview(file) {
@@ -1067,18 +1069,18 @@ export default {
this.$set(this.formData, 'organizeFlag', 0); this.$set(this.formData, 'organizeFlag', 0);
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims); this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
this.$set(this.formData, 'facts', this.formZipData.facts); this.$set(this.formData, 'facts', this.formZipData.facts);
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate[0].applicant.name); this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate.applicant[0].applicant.name);
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate[0].applicant.address); this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate[0].applicantAgent.phone); this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate[0].applicantAgent.name); this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate[0].applicantAgent.email); this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate[0].res.name); this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate[0].res.phone); this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate[0].res.idCard); this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
this.$set(this.formData.affiliate.res[0].res, 'sex', Number(this.formZipData.affiliate[0].res.sex)); this.$set(this.formData.affiliate.res[0].res, 'sex', Number(this.formZipData.affiliate.res[0].res.sex));
this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate[0].res.birth); this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate[0].res.home); this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email); this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
} else { } else {
this.formData.affiliate.applicant[0].applicantAgent.name = null; this.formData.affiliate.applicant[0].applicantAgent.name = null;
this.formData.affiliate.applicant[0].applicantAgent.email = null; this.formData.affiliate.applicant[0].applicantAgent.email = null;
@@ -1092,17 +1094,17 @@ export default {
this.$set(this.formData, 'organizeFlag', 1); this.$set(this.formData, 'organizeFlag', 1);
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims); this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
this.$set(this.formData, 'facts', this.formZipData.facts); this.$set(this.formData, 'facts', this.formZipData.facts);
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate[0].applicant.name); this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate.applicant[0].applicant.name);
this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData.affiliate[0].applicant.code); this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData.affiliate.applicant[0].applicant.code);
this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData.affiliate[0].applicant.email); this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData.affiliate.applicant[0].applicant.email);
this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData.affiliate[0].applicant.phone); this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData.affiliate.applicant[0].applicant.phone);
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate[0].res.name); this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate[0].res.phone); this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate[0].res.idCard); this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate[0].res.sex); this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate.res[0].res.sex);
this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate[0].res.birth); this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate[0].res.home); this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email); this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
} else { } else {
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', null); this.$set(this.formData.affiliate.applicant[0].applicant, 'name', null);
this.$set(this.formData.affiliate.applicant[0].applicant, 'idCard', null); this.$set(this.formData.affiliate.applicant[0].applicant, 'idCard', null);
@@ -1121,12 +1123,12 @@ export default {
handleBlur(index) { handleBlur(index) {
// console.log(this.formData.affiliate.respondentIdentityNum); // console.log(this.formData.affiliate.respondentIdentityNum);
let idCards = { let idCards = {
idCard: this.formData.affiliate[index].res.idCard, idCard: this.formData.affiliate.res[index].res.idCard,
}; };
getInfoByIdCard(idCards).then((res) => { getInfoByIdCard(idCards).then((res) => {
this.formData.affiliate[index].res.sex = res.respondentSex; this.formData.affiliate.res[index].res.sex = res.respondentSex;
// console.log(res.respondentBirth); // console.log(res.respondentBirth);
this.formData.affiliate[index].res.birth = res.respondentBirth; this.formData.affiliate.res[index].res.birth = res.respondentBirth;
}); });
}, },
/**删除新增信息某一项 */ /**删除新增信息某一项 */
@@ -1177,7 +1179,7 @@ export default {
addRes(){ addRes(){
this.formData.affiliate.res.push({ this.formData.affiliate.res.push({
res: { res: {
roleType: 1, roleType: 3,
name: "", name: "",
idCard: "", idCard: "",
code: "", code: "",
@@ -1193,7 +1195,7 @@ export default {
operatorFlag:0 operatorFlag:0
}, },
resAgent: { resAgent: {
roleType: 2, roleType: 4,
name: "", name: "",
idCard: "", idCard: "",
code: "", code: "",
src/views/caseManagement/components/caseFilingDetailsPage.vue
+630 -276
View File
@@ -5,252 +5,575 @@
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div v-else> <div v-else>
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="案件信息" name="five"></el-tab-pane> <el-tab-pane label="案件信息" name="five"></el-tab-pane>
<el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane> <el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
<!-- <el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane> --> <!-- <el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane> -->
<el-tab-pane label="调解书" name="third"></el-tab-pane> <el-tab-pane label="调解书" name="third"></el-tab-pane>
<el-tab-pane label="案件视频" name="fourth" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane> <el-tab-pane label="案件视频" name="fourth" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
<el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane> <el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
</el-tabs> </el-tabs>
<div v-show="activeName=='first'"> <div v-show="activeName == 'first'">
<div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;"> <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2"
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link> style="margin-top:10px;">
</div> <el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty> </div>
</div> <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 2) == 0" description="暂无数据"></el-empty>
<!-- <div v-show="activeName=='second'"> </div>
<!-- <div v-show="activeName=='second'">
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;"> <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link> <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
</div> </div>
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty> <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
</div> --> </div> -->
<div v-show="activeName=='third'"> <div v-show="activeName == 'third'">
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;"> <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType == 7" style="margin-top:10px;">
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link> <el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
</div> </div>
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty> <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 7) == 0" description="暂无数据"></el-empty>
</div> </div>
<div v-show="activeName=='fourth'"> <div v-show="activeName == 'fourth'">
<div style="margin-top:10px;" v-for="(item,index) in detailsAwardNum.caseAttachList" v-if="item.annexType==5"> <div style="margin-top:10px;" v-for="(item, index) in detailsAwardNum.caseAttachList"
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index" :src="fileURL+item.annexPath" controls="controls"></video> v-if="item.annexType == 5">
</div> <video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index"
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,5) == 0" description="暂无数据"></el-empty> :src="fileURL + item.annexPath" controls="controls"></video>
</div> </div>
<div v-show="activeName=='six'"> <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 5) == 0" description="暂无数据"></el-empty>
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;"> </div>
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link> <div v-show="activeName == 'six'">
</div> <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType == 6" style="margin-top:10px;">
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty> <el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
</div> </div>
<div v-show="activeName=='five'"> <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 6) == 0" description="暂无数据"></el-empty>
<el-form :disabled="true" :model="detailsAwardNum" label-width="130px" </div>
class="demo-ruleForm"> <div v-show="activeName == 'five'">
<el-row> <el-form :disabled="true" :model="detailsAwardNum" label-width="130px" class="demo-ruleForm">
<div style="display: inline-flex"> <el-row>
<div class="infoIcon"></div>
<div class="caseInfo">案件信息：</div>
</div>
<el-divider></el-divider>
<el-col :span="24">
<el-form-item label="申请人调解请求">
<el-input v-model="detailsAwardNum.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
:autosize="{ minRows: 4, maxRows: 8 }" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="事实和理由">
<el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
:autosize="{ minRows: 4, maxRows: 8 }" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
<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"
:before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
:on-exceed="handleExceed" :file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">
文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
</div>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="24" v-if="showmediate">
<el-form-item label="证据:">
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2">
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
{{ item.annexName }}
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="24" v-if="showEvidence">
<el-form-item label="调解申请书:">
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
{{ item.annexName }}
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="调解书:" v-if="showConciliation">
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
{{ item.annexName }}
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="调解结果:" v-if="detailsAwardNum.mediaResult">
<el-link v-if="detailsAwardNum.mediaResult==1">达成调解</el-link>
<el-link v-if="detailsAwardNum.mediaResult==2">未达成调解</el-link>
<el-link v-if="detailsAwardNum.mediaResult==3">未达成调解但不在争议</el-link>
<el-link v-if="detailsAwardNum.mediaResult==4">未达成调解但同意引入仲裁</el-link>
<el-link v-if="detailsAwardNum.mediaResult==5">达成和解</el-link>
</el-form-item>
</el-col>
<el-col :span="24">
<div style="display: inline-flex"> <div style="display: inline-flex">
<div class="infoIcon"></div> <div class="infoIcon"></div>
<div class="caseInfo">双方信息：</div> <div class="caseInfo">案件信息：</div>
</div> </div>
<el-divider></el-divider> <el-divider></el-divider>
</el-col> <el-col :span="24">
<el-col :span="24"> <el-form-item label="申请人调解请求" prop="arbitratClaims" :rules="[
<el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag"> {
<el-radio-group v-model="detailsAwardNum.affiliate.organizeFlag"> required: true,
<el-radio :label="0">自然人</el-radio> message: '申请人调解请求不能为空',
<el-radio :label="1">机构</el-radio> trigger: 'blur',
</el-radio-group> },
</el-form-item> ]">
</el-col> <el-input v-model="detailsAwardNum.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1"> :autosize="{ minRows: 4, maxRows: 8 }" />
<el-form-item label="申请机构名称"> </el-form-item>
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请机构名称" /> </el-col>
</el-form-item> <el-col :span="24">
</el-col> <el-form-item label="事实和理由" prop="facts" :rules="[
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0"> {
<el-form-item label="申请人"> required: true,
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请人姓名" /> message: '事实和理由不能为空',
</el-form-item> trigger: 'blur',
</el-col> },
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1"> ]">
<el-form-item label="统一社会信用代码"> <el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入统一社会信用代码" /> :autosize="{ minRows: 4, maxRows: 8 }" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0"> <el-col :span="24">
<el-form-item label="申请人身份证号码"> <el-form-item label="调解申请书:">
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入申请人的身份证号" /> <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
</el-form-item> <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath, 1)">
</el-col> {{ item.annexName }}
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0"> </div>
<el-form-item label="申请人邮箱"> </div>
<el-input v-model="detailsAwardNum.affiliate.applicationEmail" placeholder="请输入申请人邮箱" /> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="24">
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0"> <el-form-item label="调解书:">
<el-form-item label="申请人电话"> <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
<el-input v-model="detailsAwardNum.affiliate.applicationPhone" placeholder="请输入申请人联系电话" /> <div style="color: blue; cursor: pointer" @click="fileDetil(item.onlyOfficeFileId, 2)">
</el-form-item> {{ item.annexName }}
</el-col> </div>
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1"> </div>
<el-form-item label="法定代表人"> </el-form-item>
<el-input v-model="detailsAwardNum.affiliate.compLegalPerson" placeholder="请输入法定代表人" /> </el-col>
</el-form-item> <el-col :span="24">
</el-col> <el-form-item label="调解结果:">
<el-col :span="12"> <el-link v-if="detailsAwardNum.mediaResult == 1">达成调解</el-link>
<el-form-item label="申请人住所"> <el-link v-if="detailsAwardNum.mediaResult == 2">未达成调解</el-link>
<el-input v-model="detailsAwardNum.affiliate.applicantHome" placeholder="请输入申请人住所" /> <el-link v-if="detailsAwardNum.mediaResult == 3">未达成调解但不在争议</el-link>
</el-form-item> <el-link v-if="detailsAwardNum.mediaResult == 4">未达成调解但同意引入仲裁</el-link>
</el-col> <el-link v-if="detailsAwardNum.mediaResult == 5">达成和解</el-link>
<el-col :span="12"> </el-form-item>
<el-form-item label="申请人联系地址"> </el-col>
<el-input v-model="detailsAwardNum.affiliate.applicantAddress" placeholder="请输入申请人联系地址" /> <el-col :span="24">
</el-form-item> <div style="display: inline-flex">
</el-col> <div class="infoIcon"></div>
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1"> <div class="caseInfo">双方信息：</div>
<el-form-item label="代理人联系电话"> </div>
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" /> <el-divider></el-divider>
</el-form-item> </el-col>
</el-col> <el-col :span="24">
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0"> <el-form-item label="选择机构或自然人" prop="organizeFlag">
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent"> <el-radio-group v-model="detailsAwardNum.organizeFlag">
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" /> <el-radio :label="0">自然人</el-radio>
</el-form-item> <el-radio :label="1">机构</el-radio>
</el-col> </el-radio-group>
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1"> </el-form-item>
<el-form-item label="代理人姓名" prop="affiliate.nameAgent"> </el-col>
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" /> <div class="applicant" v-for="(item, index) in detailsAwardNum.affiliate.applicant" :key="item.key">
</el-form-item> <el-col :span="24">
</el-col> <div style="display: inline-flex">
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0"> <div class="infoIcon"></div>
<el-form-item label="代理人姓名" prop="affiliate.nameAgent"> <div class="caseInfo">申请人</div>
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" /> </div>
</el-form-item> <el-divider></el-divider>
</el-col> </el-col>
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1"> <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="代理人邮箱"> <el-form-item label="申请机构名称" :prop="'affiliate.applicant.' + index + '.applicant.name'" :rules="[
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" /> {
</el-form-item> required: true,
</el-col> message: '申请机构名称不能为空',
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0"> trigger: 'blur',
<el-form-item label="代理人邮箱"> },
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" /> ]">
</el-form-item> <el-input v-model="item.applicant.name" placeholder="请输入申请机构名称" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="被申请人姓名"> <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-input v-model="detailsAwardNum.affiliate.respondentName" placeholder="请输入被申请人姓名" /> <el-form-item label="申请人" :prop="'affiliate.applicant.' + index + '.applicant.name'" :rules="[
</el-form-item> {
</el-col> required: true,
<el-col :span="12"> message: '申请人名称不能为空',
<el-form-item label="被申请人联系电话" > trigger: 'blur',
<el-input v-model="detailsAwardNum.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" /> },
</el-form-item> ]">
</el-col> <el-input v-model="item.applicant.name" placeholder="请输入申请人姓名" />
<el-col :span="12"> </el-form-item>
<el-form-item label="被申请人身份证号"> </el-col>
<el-input v-model="detailsAwardNum.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" /> <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
</el-form-item> <el-form-item label="是否为操作人" :prop="'affiliate.applicant.' + index + '.applicant.operatorFlag'"
</el-col> :rules="[
<el-col :span="12"> {
<el-form-item label="被申请人性别："> required: true,
<el-radio-group v-model="detailsAwardNum.affiliate.respondentSex"> message: '请选择是否为操作人',
<el-radio :label="0">男</el-radio> trigger: 'blur',
<el-radio :label="1">女</el-radio> },
</el-radio-group> ]">
</el-form-item> <el-select v-model="item.applicant.operatorFlag" placeholder="请选择" auto-complete="off"
</el-col> style="width: 100%;">
<el-col :span="12"> <el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
<el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth">
<el-date-picker v-model="detailsAwardNum.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日"> </el-option>
</el-date-picker> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="被申请人申请人住所"> <el-form-item label-width="140px" label="统一社会信用代码"
<el-input v-model="detailsAwardNum.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" /> :prop="'affiliate.applicant.' + index + '.applicant.code'" :rules="[
</el-form-item> {
</el-col> required: true,
<el-col :span="12"> message: '统一社会信用代码不能为空',
<el-form-item label="被申请人邮箱"> trigger: 'blur',
<el-input v-model="detailsAwardNum.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" /> },
</el-form-item> ]">
</el-col> <el-input v-model="item.applicant.code" placeholder="请输入统一社会信用代码" />
</el-row> </el-form-item>
<el-col :span="24"> </el-col>
<el-form-item v-for="item in detailsAwardNum.columnValueList" :label="item.name" :key="item.id"> <el-col :span="12">
<el-input type="textarea" v-model="item.value"></el-input> <el-form-item :prop="'affiliate.applicant.' + index + '.applicant.nationality'" label="国籍" :rules="[
</el-form-item> {
</el-col> required: true,
</el-form> message: '国籍不能为空',
</div> trigger: 'blur',
},
]">
<el-select v-model="item.applicant.nationality" placeholder="请选择国籍" auto-complete="off"
style="width: 100%;">
<el-option v-for="item in nationalityList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item :prop="'affiliate.applicant.' + index + '.applicant.idType'" label="证件类型" :rules="[
{
required: true,
message: '证件类型不能为空',
trigger: 'blur',
},
]">
<el-select v-model="item.applicant.idType" placeholder="证件类型" auto-complete="off"
style="width: 100%;">
<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="detailsAwardNum.organizeFlag == 0">
<el-form-item label="证件号码" :prop="'affiliate.applicant.' + index + '.applicant.idCard'" :rules="[
{
required: true,
message: '证件号码不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.applicant.idCard" placeholder="请输入申请人的证件号码" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="申请人邮箱" :prop="'affiliate.applicant.' + index + '.applicant.email'" :rules="[
{
required: true,
message: '申请人邮箱不能为空',
trigger: 'blur',
},
{
pattern:
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]">
<el-input v-model="item.applicant.email" placeholder="请输入申请人邮箱" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="申请人电话" :prop="'affiliate.applicant.' + index + '.applicant.phone'" :rules="detailsAwardNum.affiliate.nationality == 0 ? [
{
required: true,
message: '申请人联系电话不能为空',
trigger: 'blur',
},
{
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
] : []">
<el-input v-model="item.applicant.phone" placeholder="请输入申请人联系电话" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="法定代表人" :prop="'affiliate.applicant.' + index + '.applicant.compLegalPerson'"
:rules="[
{
required: true,
message: '法定代表人不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.applicant.compLegalPerson" placeholder="请输入法定代表人" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人住所" :prop="'affiliate.applicant.' + index + '.applicant.home'" :rules="[
{
required: true,
message: '申请人住所不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.applicant.home" placeholder="请输入申请人住所" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人联系地址" :prop="'affiliate.applicant.' + index + '.applicant.address'" :rules="[
{
required: true,
message: '申请人联系地址不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.applicant.address" placeholder="请输入申请人联系地址" />
</el-form-item>
</el-col>
<el-col :span="24">
<div style="display: inline-flex">
<div class="infoIcon"></div>
<div class="caseInfo">申请人代理人</div>
</div>
<el-divider></el-divider>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="代理人联系电话" :prop="'affiliate.applicant.' + index + '.applicantAgent.phone'" :rules="[
{
required: true,
message: '代理人联系电话不能为空',
trigger: 'blur',
},
{
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]">
<el-input v-model="item.applicantAgent.phone" placeholder="请输入代理人联系电话" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="代理人联系电话" :prop="'affiliate.applicant.' + index + '.applicantAgent.phone'">
<el-input v-model="item.applicantAgent.phone" placeholder="请输入代理人联系电话" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="代理人姓名" :prop="'affiliate.applicant.' + index + '.applicantAgent.name'" :rules="[
{
required: true,
message: '代理人姓名不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.applicantAgent.name" placeholder="请输入代理人姓名" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="代理人姓名" :prop="'affiliate.applicant.' + index + '.applicantAgent.name'">
<el-input v-model="item.applicantAgent.name" placeholder="请输入代理人姓名" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="是否为操作人" :prop="'affiliate.applicant.' + index + '.applicant.operatorFlag'">
<el-select v-model="item.applicantAgent.operatorFlag" placeholder="请选择" auto-complete="off"
style="width: 100%;">
<el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="代理人邮箱" :prop="'affiliate.applicant.' + index + '.applicantAgent.email'" :rules="[
{
required: true,
message: '代理人邮箱不能为空',
trigger: 'blur',
},
{
pattern:
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]">
<el-input v-model="item.applicantAgent.email" placeholder="请输入代理人邮箱" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="代理人邮箱" :prop="'affiliate.applicant.' + index + '.applicantAgent.email'" :rules="[
{
pattern:
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]">
<el-input v-model="item.applicantAgent.email" placeholder="请输入代理人邮箱" />
</el-form-item>
</el-col>
</div>
<div class="res" v-for="(item, index) in detailsAwardNum.affiliate.res" :key="index">
<el-col :span="24">
<div style="display: inline-flex">
<div class="infoIcon"></div>
<div class="caseInfo" style="margin-right: 40px;">被申请人</div>
</div>
<el-divider></el-divider>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人姓名" :prop="'affiliate.res.' + index + '.res.name'" :rules="[
{
required: true,
message: '被申请人姓名不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.res.name" placeholder="请输入被申请人姓名" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="是否为操作人" :prop="'affiliate.res.' + index + '.res.operatorFlag'">
<el-select v-model="item.res.operatorFlag" placeholder="请选择" auto-complete="off"
style="width: 100%;">
<el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="140px" label="被申请人联系电话" :prop="'affiliate.res.' + index + '.res.phone'"
:rules="[
{
required: true,
message: '被申请人联系电话不能为空',
trigger: 'blur',
},
{
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]">
<el-input v-model="item.res.phone" placeholder="请输入被申请人联系电话" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="150px" label="被申请人申请人住所" :prop="'affiliate.res.' + index + '.res.home'"
:rules="[
{
required: true,
message: '被申请人申请人住所不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.res.home" placeholder="请输入被申请人申请人住所" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人邮箱" :prop="'affiliate.res.' + index + '.res.email'" :rules="[
{
required: true,
message: '被申请人邮箱不能为空',
trigger: 'blur',
},
{
pattern:
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]">
<el-input v-model="item.res.email" placeholder="请输入被申请人邮箱" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="140px" label="被申请人身份证号" :prop="'affiliate.res.' + index + '.res.idCard'"
: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="item.res.idCard" @blur="handleBlur(index)" placeholder="请输入被申请人身份证号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="140px" label="被申请人出生年月：" :prop="'affiliate.res.' + index + '.res.birth'">
<el-date-picker disabled v-model="item.res.birth" type="date" placeholder="被申请人出生年月日">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人性别：" :prop="'affiliate.res.' + index + '.res.sex'" :rules="[
{
required: true,
message: '请选择性别',
},
]">
<el-radio-group v-model="item.res.sex" 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">
<div style="display: inline-flex">
<div class="infoIcon"></div>
<div class="caseInfo">被申请人代理人</div>
</div>
<el-divider></el-divider>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="代理人联系电话" :prop="'affiliate.res.' + index + '.resAgent.phone'" :rules="[
{
required: true,
message: '代理人联系电话不能为空',
trigger: 'blur',
},
{
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]">
<el-input v-model="item.resAgent.phone" placeholder="请输入代理人联系电话" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="代理人联系电话" :prop="'affiliate.res.' + index + '.resAgent.phone'">
<el-input v-model="item.resAgent.phone" placeholder="请输入代理人联系电话" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="代理人姓名" :prop="'affiliate.res.' + index + '.resAgent.name'" :rules="[
{
required: true,
message: '代理人姓名不能为空',
trigger: 'blur',
},
]">
<el-input v-model="item.resAgent.name" placeholder="请输入代理人姓名" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="是否为操作人" :prop="'affiliate.res.' + index + '.resAgent.operatorFlag'">
<el-select v-model="item.resAgent.operatorFlag" placeholder="请选择" auto-complete="off"
style="width: 100%;">
<el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="代理人姓名" :prop="'affiliate.res.' + index + '.resAgent.name'">
<el-input v-model="item.resAgent.name" placeholder="请输入代理人姓名" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
<el-form-item label="代理人邮箱" :prop="'affiliate.res.' + index + '.resAgent.email'" :rules="[
{
required: true,
message: '代理人邮箱不能为空',
trigger: 'blur',
},
{
pattern:
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]">
<el-input v-model="item.resAgent.email" placeholder="请输入代理人邮箱" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
<el-form-item label="代理人邮箱" :prop="'affiliate.res.' + index + '.resAgent.email'" :rules="[
{
pattern:
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
},
]">
<el-input v-model="item.resAgent.email" placeholder="请输入代理人邮箱" />
</el-form-item>
</el-col>
</div>
</el-row>
</el-form>
</div>
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
@@ -262,15 +585,16 @@
import { getToken } from "@/utils/auth"; import { getToken } from "@/utils/auth";
import { import {
caseApplicationSelectById, caseApplicationSelectById,
getIdType
} from "@/api/caseManagement/caseManagement.js"; } from "@/api/caseManagement/caseManagement.js";
export default { export default {
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts","caseFilingData"], props: ["showarchiveDetails", "detailsAwardNum", "videoList", "flagLoadingS", "trialTranscripts", "caseFilingData"],
components: { components: {
}, },
data() { data() {
return { return {
activeName: 'five', activeName: 'five',
fileURL: window.location.origin + "/API", fileURL: window.location.origin + "/API",
noData: false, noData: false,
filedata: { filedata: {
@@ -280,71 +604,99 @@ export default {
headers: { headers: {
Authorization: "Bearer " + getToken(), Authorization: "Bearer " + getToken(),
}, },
showEvidence:false, showEvidence: false,
showmediate:false, showmediate: false,
showConciliation:false showConciliation: false,
roleTypeList: [
{
value: '否',
id: 0
},
{
value: '是',
id: 1
}
],
nationalityList: [
{
value: '境内',
id: 0
},
{
value: '境外',
id: 1
}
],
idTypeList: [
]
}; };
}, },
watch: { watch: {
showarchiveDetails: { showarchiveDetails: {
handler(val) { handler(val) {
if (val) { if (val) {
this.getIdTypeFn();
this.activeName = 'five' this.activeName = 'five'
this.caseApplicationSelectByIdFn(this.caseFilingData.id) this.caseApplicationSelectByIdFn(this.caseFilingData.id)
this.showEvidence=false, this.showEvidence = false,
this.showmediate=false, this.showmediate = false,
this.showConciliation=false this.showConciliation = false
// this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex) // this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
} }
}, },
}, },
},
created(){
},
created() {
}, },
methods: { methods: {
isNoData(data,type){ isNoData(data, type) {
let resNumber = 0 let resNumber = 0
if(data){ if (data) {
let list = data.filter(item => item.annexType == type) let list = data.filter(item => item.annexType == type)
if(list){ if (list) {
resNumber = list.length resNumber = list.length
}
} }
return resNumber }
return resNumber
},
/** 获取证件类型 */
getIdTypeFn() {
getIdType().then(res => {
this.idTypeList = res.data;
})
}, },
/** 根据案件id获取对应信息 */ /** 根据案件id获取对应信息 */
caseApplicationSelectByIdFn(data) { caseApplicationSelectByIdFn(data) {
caseApplicationSelectById({ id: data }).then((res) => { caseApplicationSelectById({ id: data }).then((res) => {
res.data.caseAttachList.forEach(item => { res.data.caseAttachList.forEach(item => {
if(item.annexType==2){ if (item.annexType == 2) {
this.showmediate = true this.showmediate = true
}else if(item.annexType==3){ } else if (item.annexType == 3) {
this.showEvidence = true this.showEvidence = true
}else if(item.annexType==7){ } else if (item.annexType == 7) {
this.showConciliation = true this.showConciliation = true
} }
}); });
}); });
}, },
/** 查看证据 */ /** 查看证据 */
fileDetil(val) { fileDetil(val) {
window.open(this.fileURL + val); window.open(this.fileURL + val);
}, },
/** 文件上传地址 */ /** 文件上传地址 */
UploadUrl() { UploadUrl() {
return window.location.origin + "/API/common/upload"; return window.location.origin + "/API/common/upload";
}, },
/**文件上传成功*/ /**文件上传成功*/
handlSuccess(res, file) { handlSuccess(res, file) {
this.detailsAwardNum.caseAttachList.push({ this.detailsAwardNum.caseAttachList.push({
annexId: res.annexId, annexId: res.annexId,
}); });
}, },
/**文件超出个数限制时的钩子*/ /**文件超出个数限制时的钩子*/
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning( this.$message.warning(
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
@@ -369,7 +721,7 @@ watch: {
handleClick(tab, event) { handleClick(tab, event) {
}, },
cancel() { cancel() {
this.$emit("cancelDetail"); this.$emit("cancelDetail");
}, },
@@ -381,11 +733,13 @@ watch: {
height: 500px !important; height: 500px !important;
overflow: auto !important; overflow: auto !important;
} }
::v-deep .el-dialog { ::v-deep .el-dialog {
width: 925px; width: 925px;
background: #ffffff; background: #ffffff;
border-radius: 20px; border-radius: 20px;
} }
.loading { .loading {
width: 100%; width: 100%;
height: 100%; height: 100%;
src/views/caseManagement/components/mediation.vue
+2 -1
View File
@@ -205,7 +205,8 @@ export default {
// 根据用户id查询是否为调解员 // 根据用户id查询是否为调解员
secretaryRoleByUserIdFn() { secretaryRoleByUserIdFn() {
secretaryRoleByUserId({ secretaryRoleByUserId({
userId: this.userId userId: this.userId,
caseId: this.mediationData.id
}).then(res => { }).then(res => {
this.isSecretaryRole = res.data.isSecretaryRole; this.isSecretaryRole = res.data.isSecretaryRole;
}) })
src/views/caseManagement/components/payDialog.vue
+1 -1
View File
@@ -189,7 +189,7 @@ export default {
this.submitForm.caseId = this.payId; this.submitForm.caseId = this.payId;
} }
} }
} },
}; };
</script> </script>