视频审理界面优化,用印流程修改,案件压缩包导入,审核界面优化
This commit is contained in:
@@ -76,7 +76,7 @@
|
|||||||
<el-form-item label="笔录内容:" prop="responCrossOpin">
|
<el-form-item label="笔录内容:" prop="responCrossOpin">
|
||||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecord.responCrossOpin" placeholder="请输入" />
|
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecord.responCrossOpin" placeholder="请输入" />
|
||||||
</el-form-item>
|
</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-input type="textarea" autosize placeholder="请输入内容" v-model="arbitrateRecord.checkOpinion" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
@@ -112,7 +112,9 @@ export default {
|
|||||||
return {
|
return {
|
||||||
// key: value
|
// key: value
|
||||||
form: {},
|
form: {},
|
||||||
arbitrateRecord: {},
|
arbitrateRecord: {
|
||||||
|
checkOpinion:"同意"
|
||||||
|
},
|
||||||
// 表单校验
|
// 表单校验
|
||||||
rules: {
|
rules: {
|
||||||
evidenDetermi: [
|
evidenDetermi: [
|
||||||
@@ -187,6 +189,10 @@ export default {
|
|||||||
(this.awardPathArr = []), //裁决书
|
(this.awardPathArr = []), //裁决书
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.form = this.detailform;
|
this.form = this.detailform;
|
||||||
|
console.log(this.detailform)
|
||||||
|
if(this.form.arbitrateRecord.checkOpinion == null ){
|
||||||
|
this.form.arbitrateRecord.checkOpinion = '同意'
|
||||||
|
}
|
||||||
this.arbitrateRecord = this.form.arbitrateRecord;
|
this.arbitrateRecord = this.form.arbitrateRecord;
|
||||||
this.evidenceFile(this.form);
|
this.evidenceFile(this.form);
|
||||||
}, 1000);
|
}, 1000);
|
||||||
|
|||||||
@@ -46,6 +46,8 @@
|
|||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="filingApplication"
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="filingApplication"
|
||||||
v-hasPermi="['caseManagement:list:add']">案件录入</el-button>
|
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"
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchApplication"
|
||||||
v-hasPermi="['caseManagement:list:import']">案件批量导入</el-button>
|
v-hasPermi="['caseManagement:list:import']">案件批量导入</el-button>
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(0)"
|
<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>
|
v-hasPermi="['caseManagement:list:pay']">批量缴费</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</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 type="selection">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="序号" type="index" align="center">
|
<el-table-column label="序号" type="index" align="center">
|
||||||
@@ -231,6 +233,10 @@
|
|||||||
<caseentryExamineDialog :dialogtitle="dialogtitle" :caseentryExamineVisible="caseentryExamineVisible" :queryParams="queryParams"
|
<caseentryExamineDialog :dialogtitle="dialogtitle" :caseentryExamineVisible="caseentryExamineVisible" :queryParams="queryParams"
|
||||||
:getcaseApply="getcaseApply"
|
:getcaseApply="getcaseApply"
|
||||||
@caseentryExamineCancel="caseentryExamineCancel" :caseentryExamineData="caseentryExamineData" :caseentryExamineDataAll="caseentryExamineDataAll"></caseentryExamineDialog>
|
@caseentryExamineCancel="caseentryExamineCancel" :caseentryExamineData="caseentryExamineData" :caseentryExamineDataAll="caseentryExamineDataAll"></caseentryExamineDialog>
|
||||||
|
<caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams" @cancelCompreess="cancelCompreess"
|
||||||
|
:getcaseApply="getcaseApply">
|
||||||
|
</caseCompressionPackage>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -250,6 +256,7 @@ import evidenceDialog from './components/evidenceDialog.vue';
|
|||||||
import timeDialog from './components/timeDialog.vue';
|
import timeDialog from './components/timeDialog.vue';
|
||||||
import operateDialog from './components/operateDialog.vue';
|
import operateDialog from './components/operateDialog.vue';
|
||||||
import uploadCaseDialog from './components/uploadCaseDialog.vue';
|
import uploadCaseDialog from './components/uploadCaseDialog.vue';
|
||||||
|
import caseCompressionPackage from './components/caseCompressionPackage.vue'
|
||||||
// 秘书审核页面
|
// 秘书审核页面
|
||||||
import caseentryExamineDialog from './components/caseentryExamine.vue';
|
import caseentryExamineDialog from './components/caseentryExamine.vue';
|
||||||
import { caseApplicationDetail } from "@/api/pay/pay";
|
import { caseApplicationDetail } from "@/api/pay/pay";
|
||||||
@@ -288,7 +295,8 @@ export default {
|
|||||||
timeDialog,
|
timeDialog,
|
||||||
operateDialog,
|
operateDialog,
|
||||||
uploadCaseDialog,
|
uploadCaseDialog,
|
||||||
caseentryExamineDialog
|
caseentryExamineDialog,
|
||||||
|
caseCompressionPackage
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -323,6 +331,7 @@ export default {
|
|||||||
showfilingreview: false, //立案申查弹框控制
|
showfilingreview: false, //立案申查弹框控制
|
||||||
filingreviewdata: {}, //立案审查传输数据
|
filingreviewdata: {}, //立案审查传输数据
|
||||||
openbatch: false, // 批量申请弹框
|
openbatch: false, // 批量申请弹框
|
||||||
|
openCompressedPackages:false,//案件压缩包导入
|
||||||
formateCourtData: {}, //组庭
|
formateCourtData: {}, //组庭
|
||||||
showformateCourt: false, //组庭界面显示
|
showformateCourt: false, //组庭界面显示
|
||||||
showcourtReview: false, //组庭审核页面
|
showcourtReview: false, //组庭审核页面
|
||||||
@@ -388,6 +397,10 @@ export default {
|
|||||||
},
|
},
|
||||||
cancelBatch() {
|
cancelBatch() {
|
||||||
this.openbatch = false;
|
this.openbatch = false;
|
||||||
|
|
||||||
|
},
|
||||||
|
cancelCompreess(){
|
||||||
|
this.openCompressedPackages = false;
|
||||||
},
|
},
|
||||||
cancelTime() {
|
cancelTime() {
|
||||||
this.timeVisable = false;
|
this.timeVisable = false;
|
||||||
@@ -557,6 +570,10 @@ export default {
|
|||||||
batchApplication() {
|
batchApplication() {
|
||||||
this.openbatch = true;
|
this.openbatch = true;
|
||||||
},
|
},
|
||||||
|
//案件导入压缩包
|
||||||
|
compressedPackages(){
|
||||||
|
this.openCompressedPackages = true;
|
||||||
|
},
|
||||||
// 详情
|
// 详情
|
||||||
detailRow(row) {
|
detailRow(row) {
|
||||||
this.flag = "0";
|
this.flag = "0";
|
||||||
@@ -815,11 +832,21 @@ export default {
|
|||||||
.catch(() => { });
|
.catch(() => { });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
// 表格显示高亮
|
||||||
|
tableRowClassName(row){
|
||||||
|
if(row.row.caseStatus==8){
|
||||||
|
return 'pendingTrial'
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style>
|
||||||
#formContainer {}
|
/* // #formContainer {} */
|
||||||
|
.el-table .pendingTrial {
|
||||||
|
background:oldlace;
|
||||||
|
}
|
||||||
</style>
|
</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>
|
||||||
Reference in New Issue
Block a user