Merge branch 'hcb' of SH-Arbitrate/Mediation-Frontend into dev
This commit was merged in pull request #95.
This commit is contained in:
Gitea
@@ -18,8 +18,8 @@
|
||||
@keyup.enter.native="handleQuery" />
|
||||
</el-form-item> -->
|
||||
<el-form-item label="案件编号" prop="caseNum">
|
||||
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable style="width: 240px"
|
||||
@keyup.enter.native="handleQuery" />
|
||||
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable
|
||||
style="width: 240px" @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" prop="caseTime">
|
||||
<el-date-picker v-model="caseTime" type="daterange" align="right" unlink-panels range-separator="至"
|
||||
@@ -82,9 +82,9 @@
|
||||
" @click="caseFilingDetails(scope.row)">归档详情</el-button>
|
||||
<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)"
|
||||
v-if="item.id == scope.row.caseFlowId &&
|
||||
v-if="(item.id == scope.row.caseFlowId &&
|
||||
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>
|
||||
</div>
|
||||
</template>
|
||||
@@ -211,7 +211,7 @@ export default {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
queryDisable:false,
|
||||
queryDisable: false,
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
@@ -279,9 +279,9 @@ export default {
|
||||
},
|
||||
created() {
|
||||
this.queryParams.caseNum = this.$route.query.caseNum;
|
||||
if(this.$route.query.token){
|
||||
if (this.$route.query.token) {
|
||||
this.queryDisable = true;
|
||||
}else{
|
||||
} else {
|
||||
this.queryDisable = false;
|
||||
}
|
||||
// this.getList(this.queryParams);
|
||||
@@ -469,6 +469,12 @@ export default {
|
||||
caseApplicationSelectById(parms).then((res) => {
|
||||
this.formPayDetail = res.data;
|
||||
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.caseId = res.data.id;
|
||||
});
|
||||
@@ -477,6 +483,12 @@ export default {
|
||||
caseApplicationSelectById(parms).then((res) => {
|
||||
this.formResPayDetail = res.data;
|
||||
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.caseId = res.data.id;
|
||||
});
|
||||
@@ -698,25 +710,25 @@ export default {
|
||||
ids: [row.id],
|
||||
};
|
||||
this.$confirm("你确定要案件送达吗？", "提示", {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: () => { },
|
||||
beforeClose: (action, ctx, close) => {
|
||||
if (action !== 'confirm') {
|
||||
close();
|
||||
return;
|
||||
}
|
||||
ctx.confirmButtonLoading = true;
|
||||
msCaseFile(paramValues).then((res) => {
|
||||
this.$modal.msgSuccess("案件送达成功");
|
||||
close();
|
||||
this.getList(this.queryParams);
|
||||
}).finally(() => {
|
||||
ctx.confirmButtonLoading = false;
|
||||
})
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: () => { },
|
||||
beforeClose: (action, ctx, close) => {
|
||||
if (action !== 'confirm') {
|
||||
close();
|
||||
return;
|
||||
}
|
||||
}).finally(() => { })
|
||||
ctx.confirmButtonLoading = true;
|
||||
msCaseFile(paramValues).then((res) => {
|
||||
this.$modal.msgSuccess("案件送达成功");
|
||||
close();
|
||||
this.getList(this.queryParams);
|
||||
}).finally(() => {
|
||||
ctx.confirmButtonLoading = false;
|
||||
})
|
||||
}
|
||||
}).finally(() => { })
|
||||
// .then((res) => {
|
||||
// msCaseFile(paramValues).then((res) => {
|
||||
// this.$modal.msgSuccess("案件送达成功");
|
||||
@@ -757,9 +769,22 @@ export default {
|
||||
this.caseFilingData = val;
|
||||
let vals = { id: val.id };
|
||||
caseApplicationSelectById(vals).then((res) => {
|
||||
res.data.affiliate.respondentSex = Number(
|
||||
res.data.affiliate.respondentSex
|
||||
);
|
||||
res.data.affiliate.applicant.forEach(item => {
|
||||
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;
|
||||
console.log(this.detailsAwardNum);
|
||||
this.flagLoadingS = false;
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
<el-col :span="24" v-if="modelFlag && showEvidence">
|
||||
<el-form-item label="证据:">
|
||||
<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 }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -631,6 +631,7 @@ export default {
|
||||
title: "新增案件",
|
||||
// organizeFlag:0,//选择机构和自然人
|
||||
formData: {
|
||||
caseSource:"YC",
|
||||
arbitratClaims: "",
|
||||
facts: "",
|
||||
organizeFlag: 0,
|
||||
@@ -785,6 +786,7 @@ export default {
|
||||
if (val) {
|
||||
if (this.addModifyData == 1) {
|
||||
this.formData = {
|
||||
caseSource:"YC",
|
||||
organizeFlag: 0,
|
||||
affiliate:
|
||||
{
|
||||
@@ -1024,19 +1026,19 @@ export default {
|
||||
this.$set(this.formData, 'organizeFlag', 0);
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
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, 'address', this.formZipData.affiliate[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, 'name', this.formZipData.affiliate[0].applicantAgent.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate[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, 'phone', this.formZipData.affiliate[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, 'sex', this.formZipData.affiliate[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, 'home', this.formZipData.affiliate[0].res.home);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[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, 'home', this.formZipData.affiliate.applicant[0].applicant.home);
|
||||
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.applicant[0].applicantAgent.phone);
|
||||
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.applicant[0].applicantAgent.email);
|
||||
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.res[0].res.phone);
|
||||
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.res[0].res.sex);
|
||||
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.res[0].res.home);
|
||||
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.applicant[0].applicant.compLegalPerson);
|
||||
// this.$set(this.formData.affiliate,'respondentSex',Number(res.data.affiliate.respondentSex));
|
||||
},
|
||||
handlePreview(file) {
|
||||
@@ -1067,18 +1069,18 @@ export default {
|
||||
this.$set(this.formData, 'organizeFlag', 0);
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
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, 'address', this.formZipData.affiliate[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, 'name', this.formZipData.affiliate[0].applicantAgent.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate[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, 'phone', this.formZipData.affiliate[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, 'sex', Number(this.formZipData.affiliate[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, 'home', this.formZipData.affiliate[0].res.home);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email);
|
||||
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.applicant[0].applicant.address);
|
||||
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.applicant[0].applicantAgent.name);
|
||||
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.res[0].res.name);
|
||||
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.res[0].res.idCard);
|
||||
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.res[0].res.birth);
|
||||
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.res[0].res.email);
|
||||
} else {
|
||||
this.formData.affiliate.applicant[0].applicantAgent.name = 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, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
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, 'code', this.formZipData.affiliate[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, 'phone', this.formZipData.affiliate[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, 'phone', this.formZipData.affiliate[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, 'sex', this.formZipData.affiliate[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, 'home', this.formZipData.affiliate[0].res.home);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email);
|
||||
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.applicant[0].applicant.code);
|
||||
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.applicant[0].applicant.phone);
|
||||
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.res[0].res.phone);
|
||||
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.res[0].res.sex);
|
||||
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.res[0].res.home);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
|
||||
} else {
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', null);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'idCard', null);
|
||||
@@ -1121,12 +1123,12 @@ export default {
|
||||
handleBlur(index) {
|
||||
// console.log(this.formData.affiliate.respondentIdentityNum);
|
||||
let idCards = {
|
||||
idCard: this.formData.affiliate[index].res.idCard,
|
||||
idCard: this.formData.affiliate.res[index].res.idCard,
|
||||
};
|
||||
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);
|
||||
this.formData.affiliate[index].res.birth = res.respondentBirth;
|
||||
this.formData.affiliate.res[index].res.birth = res.respondentBirth;
|
||||
});
|
||||
},
|
||||
/**删除新增信息某一项 */
|
||||
@@ -1177,7 +1179,7 @@ export default {
|
||||
addRes(){
|
||||
this.formData.affiliate.res.push({
|
||||
res: {
|
||||
roleType: 1,
|
||||
roleType: 3,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
@@ -1193,7 +1195,7 @@ export default {
|
||||
operatorFlag:0
|
||||
},
|
||||
resAgent: {
|
||||
roleType: 2,
|
||||
roleType: 4,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
|
||||
@@ -5,252 +5,575 @@
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="案件信息" name="five"></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="third"></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-tabs>
|
||||
<div v-show="activeName=='first'">
|
||||
|
||||
<div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<!-- <div v-show="activeName=='second'">
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="案件信息" name="five"></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="third"></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-tabs>
|
||||
<div v-show="activeName == 'first'">
|
||||
|
||||
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2"
|
||||
style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 2) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<!-- <div v-show="activeName=='second'">
|
||||
<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>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
||||
</div> -->
|
||||
<div v-show="activeName=='third'">
|
||||
<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>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='fourth'">
|
||||
<div style="margin-top:10px;" v-for="(item,index) in detailsAwardNum.caseAttachList" v-if="item.annexType==5">
|
||||
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index" :src="fileURL+item.annexPath" controls="controls"></video>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,5) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='six'">
|
||||
<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>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='five'">
|
||||
<el-form :disabled="true" :model="detailsAwardNum" label-width="130px"
|
||||
class="demo-ruleForm">
|
||||
<el-row>
|
||||
<div style="display: inline-flex">
|
||||
<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 v-show="activeName == 'third'">
|
||||
<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>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 7) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName == 'fourth'">
|
||||
<div style="margin-top:10px;" v-for="(item, index) in detailsAwardNum.caseAttachList"
|
||||
v-if="item.annexType == 5">
|
||||
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index"
|
||||
:src="fileURL + item.annexPath" controls="controls"></video>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 5) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName == 'six'">
|
||||
<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>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 6) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName == 'five'">
|
||||
<el-form :disabled="true" :model="detailsAwardNum" label-width="130px" class="demo-ruleForm">
|
||||
<el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">双方信息：</div>
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
|
||||
<el-radio-group v-model="detailsAwardNum.affiliate.organizeFlag">
|
||||
<el-radio :label="0">自然人</el-radio>
|
||||
<el-radio :label="1">机构</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||
<el-form-item label="申请机构名称">
|
||||
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请机构名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||
<el-form-item label="申请人">
|
||||
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||
<el-form-item label="统一社会信用代码">
|
||||
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入统一社会信用代码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||
<el-form-item label="申请人身份证号码">
|
||||
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入申请人的身份证号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||
<el-form-item label="申请人邮箱">
|
||||
<el-input v-model="detailsAwardNum.affiliate.applicationEmail" placeholder="请输入申请人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||
<el-form-item label="申请人电话">
|
||||
<el-input v-model="detailsAwardNum.affiliate.applicationPhone" placeholder="请输入申请人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||
<el-form-item label="法定代表人">
|
||||
<el-input v-model="detailsAwardNum.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人住所">
|
||||
<el-input v-model="detailsAwardNum.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人联系地址">
|
||||
<el-input v-model="detailsAwardNum.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||
<el-form-item label="代理人联系电话">
|
||||
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent">
|
||||
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||
<el-form-item label="代理人姓名" prop="affiliate.nameAgent">
|
||||
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||
<el-form-item label="代理人姓名" prop="affiliate.nameAgent">
|
||||
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||
<el-form-item label="代理人邮箱">
|
||||
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||
<el-form-item label="代理人邮箱">
|
||||
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人姓名">
|
||||
<el-input v-model="detailsAwardNum.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人联系电话" >
|
||||
<el-input v-model="detailsAwardNum.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人身份证号">
|
||||
<el-input v-model="detailsAwardNum.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人性别：">
|
||||
<el-radio-group v-model="detailsAwardNum.affiliate.respondentSex">
|
||||
<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="被申请人出生年月日：" prop="affiliate.respondentBirth">
|
||||
<el-date-picker v-model="detailsAwardNum.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人申请人住所">
|
||||
<el-input v-model="detailsAwardNum.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人邮箱">
|
||||
<el-input v-model="detailsAwardNum.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item v-for="item in detailsAwardNum.columnValueList" :label="item.name" :key="item.id">
|
||||
<el-input type="textarea" v-model="item.value"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人调解请求" prop="arbitratClaims" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人调解请求不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<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="事实和理由" prop="facts" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '事实和理由不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<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, 1)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="调解书:">
|
||||
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
|
||||
<div style="color: blue; cursor: pointer" @click="fileDetil(item.onlyOfficeFileId, 2)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="调解结果:">
|
||||
<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 class="infoIcon"></div>
|
||||
<div class="caseInfo">双方信息：</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="选择机构或自然人" prop="organizeFlag">
|
||||
<el-radio-group v-model="detailsAwardNum.organizeFlag">
|
||||
<el-radio :label="0">自然人</el-radio>
|
||||
<el-radio :label="1">机构</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<div class="applicant" v-for="(item, index) in detailsAwardNum.affiliate.applicant" :key="item.key">
|
||||
<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 + '.applicant.name'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请机构名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.applicant.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.name'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.applicant.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'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择是否为操作人',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select v-model="item.applicant.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-width="140px" label="统一社会信用代码"
|
||||
:prop="'affiliate.applicant.' + index + '.applicant.code'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '统一社会信用代码不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.applicant.code" placeholder="请输入统一社会信用代码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :prop="'affiliate.applicant.' + index + '.applicant.nationality'" label="国籍" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '国籍不能为空',
|
||||
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 slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
@@ -262,15 +585,16 @@
|
||||
import { getToken } from "@/utils/auth";
|
||||
import {
|
||||
caseApplicationSelectById,
|
||||
getIdType
|
||||
} from "@/api/caseManagement/caseManagement.js";
|
||||
export default {
|
||||
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts","caseFilingData"],
|
||||
props: ["showarchiveDetails", "detailsAwardNum", "videoList", "flagLoadingS", "trialTranscripts", "caseFilingData"],
|
||||
components: {
|
||||
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: 'five',
|
||||
activeName: 'five',
|
||||
fileURL: window.location.origin + "/API",
|
||||
noData: false,
|
||||
filedata: {
|
||||
@@ -280,71 +604,99 @@ export default {
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
showEvidence:false,
|
||||
showmediate:false,
|
||||
showConciliation:false
|
||||
showEvidence: false,
|
||||
showmediate: false,
|
||||
showConciliation: false,
|
||||
roleTypeList: [
|
||||
{
|
||||
value: '否',
|
||||
id: 0
|
||||
},
|
||||
{
|
||||
value: '是',
|
||||
id: 1
|
||||
}
|
||||
],
|
||||
nationalityList: [
|
||||
{
|
||||
value: '境内',
|
||||
id: 0
|
||||
},
|
||||
{
|
||||
value: '境外',
|
||||
id: 1
|
||||
}
|
||||
],
|
||||
idTypeList: [
|
||||
|
||||
]
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
watch: {
|
||||
showarchiveDetails: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.getIdTypeFn();
|
||||
this.activeName = 'five'
|
||||
this.caseApplicationSelectByIdFn(this.caseFilingData.id)
|
||||
this.showEvidence=false,
|
||||
this.showmediate=false,
|
||||
this.showConciliation=false
|
||||
this.showEvidence = false,
|
||||
this.showmediate = false,
|
||||
this.showConciliation = false
|
||||
// this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
},
|
||||
created(){
|
||||
|
||||
|
||||
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
isNoData(data,type){
|
||||
let resNumber = 0
|
||||
if(data){
|
||||
let list = data.filter(item => item.annexType == type)
|
||||
if(list){
|
||||
resNumber = list.length
|
||||
}
|
||||
isNoData(data, type) {
|
||||
let resNumber = 0
|
||||
if (data) {
|
||||
let list = data.filter(item => item.annexType == type)
|
||||
if (list) {
|
||||
resNumber = list.length
|
||||
}
|
||||
return resNumber
|
||||
}
|
||||
return resNumber
|
||||
},
|
||||
/** 获取证件类型 */
|
||||
getIdTypeFn() {
|
||||
getIdType().then(res => {
|
||||
this.idTypeList = res.data;
|
||||
})
|
||||
},
|
||||
/** 根据案件id获取对应信息 */
|
||||
caseApplicationSelectByIdFn(data) {
|
||||
caseApplicationSelectById({ id: data }).then((res) => {
|
||||
res.data.caseAttachList.forEach(item => {
|
||||
if(item.annexType==2){
|
||||
this.showmediate = true
|
||||
}else if(item.annexType==3){
|
||||
this.showEvidence = true
|
||||
}else if(item.annexType==7){
|
||||
this.showConciliation = true
|
||||
}
|
||||
});
|
||||
caseApplicationSelectByIdFn(data) {
|
||||
caseApplicationSelectById({ id: data }).then((res) => {
|
||||
res.data.caseAttachList.forEach(item => {
|
||||
if (item.annexType == 2) {
|
||||
this.showmediate = true
|
||||
} else if (item.annexType == 3) {
|
||||
this.showEvidence = true
|
||||
} else if (item.annexType == 7) {
|
||||
this.showConciliation = true
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
/** 查看证据 */
|
||||
/** 查看证据 */
|
||||
fileDetil(val) {
|
||||
window.open(this.fileURL + val);
|
||||
},
|
||||
/** 文件上传地址 */
|
||||
/** 文件上传地址 */
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/common/upload";
|
||||
},
|
||||
/**文件上传成功*/
|
||||
/**文件上传成功*/
|
||||
handlSuccess(res, file) {
|
||||
this.detailsAwardNum.caseAttachList.push({
|
||||
annexId: res.annexId,
|
||||
});
|
||||
},
|
||||
/**文件超出个数限制时的钩子*/
|
||||
/**文件超出个数限制时的钩子*/
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
|
||||
@@ -369,7 +721,7 @@ watch: {
|
||||
handleClick(tab, event) {
|
||||
|
||||
},
|
||||
|
||||
|
||||
cancel() {
|
||||
this.$emit("cancelDetail");
|
||||
},
|
||||
@@ -381,11 +733,13 @@ watch: {
|
||||
height: 500px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
width: 925px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -205,7 +205,8 @@ export default {
|
||||
// 根据用户id查询是否为调解员
|
||||
secretaryRoleByUserIdFn() {
|
||||
secretaryRoleByUserId({
|
||||
userId: this.userId
|
||||
userId: this.userId,
|
||||
caseId: this.mediationData.id
|
||||
}).then(res => {
|
||||
this.isSecretaryRole = res.data.isSecretaryRole;
|
||||
})
|
||||
|
||||
@@ -189,7 +189,7 @@ export default {
|
||||
this.submitForm.caseId = this.payId;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user