视频审理界面优化,用印流程修改,案件压缩包导入,审核界面优化

This commit is contained in:
gyj
2023-11-27 18:00:53 +08:00
parent 12ebd17ad5
commit 463e31ab37
3 changed files with 238 additions and 6 deletions
@@ -76,7 +76,7 @@
<el-form-item label="笔录内容:" prop="responCrossOpin">
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecord.responCrossOpin" placeholder="请输入" />
</el-form-item>
<el-form-item label="审核裁决书意见:" prop="checkOpinion" v-if="flag == 2">
<el-form-item label="审核意见:" prop="checkOpinion" v-if="flag == 2">
<el-input type="textarea" autosize placeholder="请输入内容" v-model="arbitrateRecord.checkOpinion" />
</el-form-item>
</el-form>
@@ -112,7 +112,9 @@ export default {
return {
// key: value
form: {},
arbitrateRecord: {},
arbitrateRecord: {
checkOpinion:"同意"
},
// 表单校验
rules: {
evidenDetermi: [
@@ -187,6 +189,10 @@ export default {
(this.awardPathArr = []), //裁决书
setTimeout(() => {
this.form = this.detailform;
console.log(this.detailform)
if(this.form.arbitrateRecord.checkOpinion == null ){
this.form.arbitrateRecord.checkOpinion = '同意'
}
this.arbitrateRecord = this.form.arbitrateRecord;
this.evidenceFile(this.form);
}, 1000);
+31 -4
View File
@@ -46,6 +46,8 @@
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="filingApplication"
v-hasPermi="['caseManagement:list:add']">案件录入</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="compressedPackages"
>案件压缩包导入</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchApplication"
v-hasPermi="['caseManagement:list:import']">案件批量导入</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(0)"
@@ -60,7 +62,7 @@
v-hasPermi="['caseManagement:list:pay']">批量缴费</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="dataList" style="width: 100%">
<el-table v-loading="loading" :data="dataList" style="width: 100%" :row-class-name="tableRowClassName" class="pendingTrial">
<el-table-column type="selection">
</el-table-column>
<el-table-column label="序号" type="index" align="center">
@@ -231,6 +233,10 @@
<caseentryExamineDialog :dialogtitle="dialogtitle" :caseentryExamineVisible="caseentryExamineVisible" :queryParams="queryParams"
:getcaseApply="getcaseApply"
@caseentryExamineCancel="caseentryExamineCancel" :caseentryExamineData="caseentryExamineData" :caseentryExamineDataAll="caseentryExamineDataAll"></caseentryExamineDialog>
<caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams" @cancelCompreess="cancelCompreess"
:getcaseApply="getcaseApply">
</caseCompressionPackage>
</div>
</template>
@@ -250,6 +256,7 @@ import evidenceDialog from './components/evidenceDialog.vue';
import timeDialog from './components/timeDialog.vue';
import operateDialog from './components/operateDialog.vue';
import uploadCaseDialog from './components/uploadCaseDialog.vue';
import caseCompressionPackage from './components/caseCompressionPackage.vue'
// 秘书审核页面
import caseentryExamineDialog from './components/caseentryExamine.vue';
import { caseApplicationDetail } from "@/api/pay/pay";
@@ -288,7 +295,8 @@ export default {
timeDialog,
operateDialog,
uploadCaseDialog,
caseentryExamineDialog
caseentryExamineDialog,
caseCompressionPackage
},
data() {
return {
@@ -323,6 +331,7 @@ export default {
showfilingreview: false, //立案申查弹框控制
filingreviewdata: {}, //立案审查传输数据
openbatch: false, // 批量申请弹框
openCompressedPackages:false,//案件压缩包导入
formateCourtData: {}, //组庭
showformateCourt: false, //组庭界面显示
showcourtReview: false, //组庭审核页面
@@ -388,6 +397,10 @@ export default {
},
cancelBatch() {
this.openbatch = false;
},
cancelCompreess(){
this.openCompressedPackages = false;
},
cancelTime() {
this.timeVisable = false;
@@ -557,6 +570,10 @@ export default {
batchApplication() {
this.openbatch = true;
},
//案件导入压缩包
compressedPackages(){
this.openCompressedPackages = true;
},
// 详情
detailRow(row) {
this.flag = "0";
@@ -815,11 +832,21 @@ export default {
.catch(() => { });
}
},
// 表格显示高亮
tableRowClassName(row){
if(row.row.caseStatus==8){
return 'pendingTrial'
}
}
},
};
</script>
<style lang="scss" scoped>
#formContainer {}
<style>
/* // #formContainer {} */
.el-table .pendingTrial {
background:oldlace;
}
</style>
@@ -0,0 +1,199 @@
<template>
<div>
<!-- 立案申请弹框 -->
<el-dialog
title="案件压缩"
:visible="openCompressedPackages"
width="600px"
append-to-body
@close="cancel"
center
>
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
<el-row>
<!-- <el-col :span="16">
<el-form-item label="申请人姓名:" prop="applyName">
<el-input v-model="form.jobName" placeholder="请输入姓名" />
</el-form-item>
</el-col>-->
<el-col :span="15">
<div class="download" style="">
<span> 下载: </span>
<a href="#">
<el-button class="uploadlink" @click="downloadTemplate">案件压缩导入模板</el-button>
</a>
</div>
</el-col>
<el-col :span="15">
<div style="margin:10px 0;font-size:12px;color:grey">
<span>
提示:请将多个excel文件压缩后上传
</span>
</div>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="立案申请书:" prop="applybook"> </el-form-item>
</el-col>
<el-col :span="12"> </el-col> -->
</el-row>
<el-row>
<el-form-item :span="24" label="案件压缩包上传:" prop="upload">
<el-upload
class="upload-demo"
ref="uploadZipBatch"
:limit="1"
accept=".zip, .rar"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<!-- <el-button size="small" type="primary">点击上传</el-button> -->
<div slot="tip" class="el-upload__tip">
支持rar或zip格式文件
</div>
</el-upload>
</el-form-item>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { importTemplate } from "@/api/caseAccess/caseEntry";
import { getToken } from "@/utils/auth";
export default {
props: ["openCompressedPackages","getcaseApply","queryParams"],
data() {
return {
// key: value,
form: {},
fileList: [],
rules: {
upload: [
{ required: true, message: "案件压缩包不能为空", trigger: "blur" },
],
},
// 案件压缩导入
upload: {
// 是否显示弹出层(用户导入)
open: false,
// 弹出层标题(用户导入)
title: "",
// 是否禁用上传
isUploading: false,
// 是否更新已经存在的用户数据
updateSupport: 0,
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url: process.env.VUE_APP_BASE_API + "/caseApplication/uploadCaseZipFile",
},
};
},
methods: {
submitForm() {
this.$refs.uploadZipBatch.submit();
},
// 取消
cancel() {
this.$emit("cancelCompreess");
},
handleRemove(file, fileList) {},
handlePreview(file) {},
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${
files.length + fileList.length
} 个文件`
);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}?`);
},
// 下载模板 importTemplate
downloadTemplate() {
// console.log("下载模板");
this.download(
"caseApplication/uploadCaseZipFile",
{},
`case_batch_${new Date().getTime()}.xlsx`
);
},
// 文件上传中处理
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
// 文件上传成功处理
handleFileSuccess(response, file, fileList) {
// this.upload.open = false;
this.$emit("cancelCompreess");
this.upload.isUploading = false;
this.$refs.uploadZipBatch.clearFiles();
this.$alert(
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
response.msg +
"</div>",
"导入结果",
{ dangerouslyUseHTMLString: true }
);
this.getcaseApply(this.queryParams);
},
},
};
</script>
<style lang="scss" scoped>
.download {
a {
.uploadlink{
border: none;
color: #2092c7;
}
}
}
::v-deep .el-dialog {
width: 800px;
background: #ffffff;
border-radius: 20px;
}
.endbutton {
width: 154px;
height: 37px;
background: #0072ff;
border-radius: 19px;
span {
width: 96px;
height: 15px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
}
}
.endbutton1 {
width: 154px;
height: 37px;
background: #ffffff;
border: 1px solid #d0d0d0;
border-radius: 19px;
span {
width: 31px;
height: 13px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #959595;
}
}
</style>