修改案件归档添加案件详情
This commit is contained in:
gyj
@@ -693,6 +693,7 @@ export default {
|
|||||||
this.showarchiveDetails = true
|
this.showarchiveDetails = true
|
||||||
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.respondentSex)
|
||||||
this.detailsAwardNum = res.data
|
this.detailsAwardNum = res.data
|
||||||
console.log(this.detailsAwardNum)
|
console.log(this.detailsAwardNum)
|
||||||
this.flagLoadingS = false
|
this.flagLoadingS = false
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
</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="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>
|
||||||
@@ -43,6 +44,204 @@
|
|||||||
</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=='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">
|
||||||
|
<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">
|
||||||
|
<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="调解书:">
|
||||||
|
<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">
|
||||||
|
<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="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>
|
||||||
</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>
|
||||||
@@ -51,6 +250,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import { getToken } from "@/utils/auth";
|
||||||
export default {
|
export default {
|
||||||
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts"],
|
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts"],
|
||||||
components: {
|
components: {
|
||||||
@@ -58,16 +258,25 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
activeName: 'first',
|
activeName: 'five',
|
||||||
fileURL: window.location.origin + "/API",
|
fileURL: window.location.origin + "/API",
|
||||||
noData: false,
|
noData: false,
|
||||||
|
filedata: {
|
||||||
|
annexType: 2,
|
||||||
|
},
|
||||||
|
fileList: [],
|
||||||
|
headers: {
|
||||||
|
Authorization: "Bearer " + getToken(),
|
||||||
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
showarchiveDetails: {
|
showarchiveDetails: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
this.activeName = 'first'
|
this.activeName = 'five'
|
||||||
|
// this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
|
||||||
|
console.log(this.detailsAwardNum)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -86,6 +295,42 @@ watch: {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
return resNumber
|
return resNumber
|
||||||
|
},
|
||||||
|
/** 查看证据 */
|
||||||
|
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
|
||||||
|
} 个文件`
|
||||||
|
);
|
||||||
|
},
|
||||||
|
// 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
|
||||||
|
beforeRemove(file, fileList) {
|
||||||
|
return this.$confirm(`确定移除 ${file.name}？`);
|
||||||
|
},
|
||||||
|
handleRemove(file, fileList) {
|
||||||
|
this.caseAttachListArr = this.caseAttachListArr.filter(
|
||||||
|
(item) => item.annexId != file.annexId
|
||||||
|
);
|
||||||
|
},
|
||||||
|
handlePreview(file) {
|
||||||
|
window.open(
|
||||||
|
window.location.origin + "/API" + file.certificatePath,
|
||||||
|
"_blank"
|
||||||
|
);
|
||||||
},
|
},
|
||||||
handleClick(tab, event) {
|
handleClick(tab, event) {
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user