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

申请人文件上传接口调试及详情展示

Browse Source
This commit is contained in:
Your Name
2023-09-26 19:45:46 +08:00
parent 99f21cca49
commit 269a2ee1a2
2 changed files with 70 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/caseList.vue
+5 -18
View File
@@ -126,14 +126,6 @@
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<!-- <el-button
size="mini"
type="text"
icon="el-icon-check"
@click="onsubmitRow(scope.row)"
v-hasPermi="['monitor:online:forceLogout']"
>提交</el-button
> -->
<el-button
size="mini"
type="text"
@@ -154,7 +146,7 @@
<el-button
size="mini"
type="text"
icon="el-icon-edit"
icon="el-icon-check"
@click="onsubmitRow(scope.row)"
v-if="scope.row.caseStatus == 0"
v-hasPermi="['monitor:online:forceLogout']"
@@ -178,7 +170,6 @@
v-hasPermi="['monitor:online:forceLogout']"
>立案审查</el-button
>
<!-- <el-popconfirm title="是否进行缴费" @confirm="payStatus(scope.row)"> -->
<el-button
size="mini"
type="text"
@@ -188,7 +179,6 @@
v-hasPermi="['monitor:online:forceLogout']"
>缴费</el-button
>
<!-- </el-popconfirm> -->
<!-- <el-button
size="mini"
@@ -281,6 +271,7 @@
:dialogtitle="dialogtitle"
:getcaseApply="getcaseApply"
:flag="flag"
:caseAttachList="caseAttachList"
:initpaymentArr="initpaymentArr"
:initpaymentArr1="initpaymentArr1"
></caseentryDialog>
@@ -427,6 +418,7 @@ export default {
openPay: false, //缴费弹框
payTitle: "",
payForm: {},
caseAttachList: [], //案件质证资料
};
},
created() {
@@ -553,14 +545,8 @@ export default {
// 是否进行缴费
payStatus(val) {
this.getDetail({ id: val.id });
this.payTitle = "缴费";
this.$modal
.confirm("是否进行缴费？")
.then()
.then(() => {
// this.payTitle = "缴费";
this.openPay = true;
})
.catch(() => {});
},
getDetail(parms) {
caseApplicationDetail(parms).then((res) => {
@@ -670,6 +656,7 @@ export default {
this.initpaymentArr1.push(item);
}
});
this.caseAttachList = res.data.caseAttachList
});
},
// 删除
src/views/caseManagement/components/caseentryDialog.vue
+65 -24
View File
@@ -112,13 +112,16 @@
<el-form-item
label="申请人案件证据资料上传："
prop="applicantEvidence"
v-if="flag !== '0'"
>
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
ref="fileupload"
:action="UploadUrl()"
:on-success="handlSuccess"
:before-remove="beforeRemove"
:data="filedata"
:headers="headers"
multiple
:limit="3"
:on-exceed="handleExceed"
@@ -126,18 +129,30 @@
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">
只能上传jpg/png文件，且不超过500kb
文件支持上传jpg/png、.doc/docx、pdf文件
</div>
</el-upload>
</el-form-item>
</el-col>
<!-- 仅详情展示 -->
<!-- <el-col :span="12">
<el-col :span="12">
<el-form-item
label="被申请人案件证据资料上传："
prop="respondentEvidence"
label="申请人案件证据资料："
v-if="flag == '0' && caseAttachList.length > 0"
>
<el-upload
<a href=""></a>
</el-form-item>
</el-col>
<!-- 仅详情展示 案件质证环节以后显示被申请人证据-->
<el-col :span="12">
<el-form-item
label="被申请人案件证据资料："
prop="respondentEvidence"
v-if="flag == '0' && caseAttachList.length > 0"
>
<a href="#" @click="toFile" style="color: blue">{{
caseAttachList[0].annexName
}}</a>
<!-- <el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
@@ -152,9 +167,9 @@
<div slot="tip" class="el-upload__tip">
只能上传jpg/png文件，且不超过500kb
</div>
</el-upload>
</el-upload> -->
</el-form-item>
</el-col> -->
</el-col>
</el-row>
</el-form>
<!-- 申请人主体信息 -->
@@ -602,6 +617,7 @@
<script>
import moment from "moment"; //导入文件
import { getToken } from "@/utils/auth";
import { addCaseApply, editCaseApply } from "@/api/caseAccess/caseEntry";
export default {
props: [
@@ -613,10 +629,17 @@ export default {
"initpaymentArr",
"initpaymentArr1",
"queryParams",
"caseAttachList",
],
data() {
return {
formData: this.form,
filedata: {
annexType: 2,
},
headers: {
Authorization: "Bearer " + getToken(),
},
form2: {
paymentArr: [
{
@@ -789,8 +812,13 @@ export default {
},
},
methods: {
handleRemove(file, fileList) {console.log('文件列表移除文件时的钩子');},
handlePreview(file) {console.log('点击文件列表中已上传的文件时的钩子');},
UploadUrl() {
return window.location.origin + "/API/evidence/upload";
},
// 文件上传成功
handlSuccess(res, file) {
console.log(res, file);
},
// 文件超出个数限制时的钩子
handleExceed(files, fileList) {
this.$message.warning(
@@ -809,23 +837,29 @@ export default {
},
// 校验借款开始日期与结束日期
setStartTime() {
if ( this.setTime(this.formData.loanStartDate) >= this.setTime(this.formData.loanEndDate) ) {
this.$message.error('借款开始日期应早于借款结束日期');
this.formData.loanStartDate = '';
this.formData.loanEndDate = '';
if (
this.setTime(this.formData.loanStartDate) >=
this.setTime(this.formData.loanEndDate)
) {
this.$message.error("借款开始日期应早于借款结束日期");
this.formData.loanStartDate = "";
this.formData.loanEndDate = "";
}
},
setEndTime() {
if ( this.setTime(this.formData.loanEndDate) <= this.setTime(this.formData.loanStartDate) ) {
this.$message.error('借款结束日期应晚于借款开始日期');
this.formData.loanStartDate = '';
this.formData.loanEndDate = '';
if (
this.setTime(this.formData.loanEndDate) <=
this.setTime(this.formData.loanStartDate)
) {
this.$message.error("借款结束日期应晚于借款开始日期");
this.formData.loanStartDate = "";
this.formData.loanEndDate = "";
}
},
setTime(val) {
const date = new Date(val)
const time = date.getTime()
return time
const date = new Date(val);
const time = date.getTime();
return time;
},
// 新增申请人主体信息
@@ -914,6 +948,13 @@ export default {
}
});
},
// 详情显示，展示案件文件
toFile() {
window.open(
window.location.origin + "/API" + this.caseAttachList[0].annexPath,
"_black"
);
},
},
};
</script>