Merge branch 'hcb' of SH-Arbitrate/Mediation-Frontend into dev
This commit was merged in pull request #11.
This commit is contained in:
Gitea
@@ -23,4 +23,20 @@ export function caseApplicationSelectById(data) {
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
}
|
||||
/** 案件证据查询 */
|
||||
export function getFileList(data) {
|
||||
return request({
|
||||
url: "/common/fileList",
|
||||
method: "get",
|
||||
params: data,
|
||||
});
|
||||
}
|
||||
/** 批量上传证据 */
|
||||
export function batchUpload(data) {
|
||||
return request({
|
||||
url: "/caseApplication/batchUpdateAttach",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
@@ -59,12 +59,15 @@
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text" icon="el-icon-edit">修改</el-button>
|
||||
<el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
|
||||
icon="el-icon-edit">修改</el-button>
|
||||
<el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
|
||||
<el-button size="mini" @click="consultantApplica(scope.row)" type="text"
|
||||
icon="el-icon-tickets">法律顾问用印申请</el-button>
|
||||
<el-button size="mini" @click="departmentApplica(scope.row)" type="text"
|
||||
icon="el-icon-edit-outline">部门长用印申请</el-button>
|
||||
icon="el-icon-edit-outline">部门长用印申请</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
@click="evidenceUpload(scope.row)">证据修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -77,6 +80,9 @@
|
||||
<caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
|
||||
@cancelCompreess="cancelCompreess" :getList="getList">
|
||||
</caseCompressionPackage>
|
||||
<!-- 证据修改 -->
|
||||
<evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
|
||||
</evidenceDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -85,13 +91,15 @@ import { caseApplicationList } from '@/api/caseManagement/caseManagement.js'
|
||||
import { listDept } from '@/api/system/dept.js'
|
||||
import moment from "moment";
|
||||
import addCase from './components/addCase.vue'
|
||||
import evidenceDialog from './components/evidenceDialog.vue';
|
||||
import caseCompressionPackage from './components/caseCompressionPackage.vue';
|
||||
export default {
|
||||
name: "caseList",
|
||||
dicts: ["case_flow_node"],
|
||||
components: {
|
||||
addCase,
|
||||
caseCompressionPackage
|
||||
caseCompressionPackage,
|
||||
evidenceDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -109,8 +117,10 @@ export default {
|
||||
rules: {},
|
||||
dataList: [],
|
||||
addVisable: false,//新增弹窗
|
||||
openCompressedPackages:false,//压缩包导入弹窗
|
||||
openCompressedPackages: false,//压缩包导入弹窗
|
||||
evidenceVisable: false,//证据修改弹窗
|
||||
caseData: {},
|
||||
evidenceData: {},
|
||||
caseDisabled: false,
|
||||
caseTime: '',
|
||||
deptList: []
|
||||
@@ -165,6 +175,15 @@ export default {
|
||||
this.deptList = res.data;
|
||||
})
|
||||
},
|
||||
/** 修改证据 */
|
||||
evidenceUpload(row) {
|
||||
this.evidenceData = row;
|
||||
this.evidenceVisable = true;
|
||||
},
|
||||
/** 取消弹窗（证据弹窗） */
|
||||
cancelEvidence() {
|
||||
this.evidenceVisable = false;
|
||||
},
|
||||
/** 关闭新增弹窗 */
|
||||
cancelCaseAdd() {
|
||||
this.addVisable = false;
|
||||
@@ -194,15 +213,15 @@ export default {
|
||||
},
|
||||
// 法律顾问用印申请
|
||||
consultantApplica(row) {
|
||||
this.$modal.confirm("你确定要用印申请吗？").then((res) => {
|
||||
|
||||
}).catch(() =>{
|
||||
|
||||
})
|
||||
this.$modal.confirm("你确定要用印申请吗？").then((res) => {
|
||||
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
// 部门长用印申请
|
||||
departmentApplica(){
|
||||
|
||||
departmentApplica() {
|
||||
|
||||
}
|
||||
},
|
||||
};
|
||||
|
||||
@@ -2,313 +2,339 @@
|
||||
<div>
|
||||
<el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center
|
||||
:distroy-on-close="true">
|
||||
<el-form :model="formData" ref="ruleForm" label-width="130px" class="demo-ruleForm" :disabled="caseDisabled">
|
||||
<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="申请人仲裁请求" prop="arbitratClaims" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人仲裁请求不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.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="formData.facts" placeholder="请输入事实和理由" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人请求仲裁庭裁决" prop="requestRule">
|
||||
<el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="案件描述" prop="caseDescribe">
|
||||
<el-input v-model="formData.caseDescribe" placeholder="请输入案件描述" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '案件标的不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="裁决书模板" prop="templateId" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '裁决书模板',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select placeholder="请选择裁决书模板" v-model="formData.templateId">
|
||||
<el-option v-for="item in templateList" :label="item.temName" :key="item.id"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</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="modelFlag">
|
||||
<el-form-item label="证据">
|
||||
<div v-for="(item, index) in formData.caseAttachList" :key="index">
|
||||
<div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{
|
||||
item.annexName }}</div>
|
||||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane label="案件信息" name="first"><el-form :model="formData" ref="ruleForm" label-width="130px"
|
||||
class="demo-ruleForm" :disabled="caseDisabled">
|
||||
<el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">双方信息：</div>
|
||||
<el-divider></el-divider>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人仲裁请求" prop="arbitratClaims" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人仲裁请求不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.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="formData.facts" placeholder="请输入事实和理由" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人请求仲裁庭裁决" prop="requestRule">
|
||||
<el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="案件描述" prop="caseDescribe">
|
||||
<el-input v-model="formData.caseDescribe" placeholder="请输入案件描述" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '案件标的不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="裁决书模板" prop="templateId" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '裁决书模板',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select placeholder="请选择裁决书模板" v-model="formData.templateId">
|
||||
<el-option v-for="item in templateList" :label="item.temName" :key="item.id"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</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="modelFlag">
|
||||
<el-form-item label="证据">
|
||||
<div v-for="(item, index) in formData.caseAttachList" :key="index">
|
||||
<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="12">
|
||||
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请机构名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '统一社会信用代码不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.creditCode" placeholder="请输入统一社会信用代码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '法定代表人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :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="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '委托代理人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :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="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :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="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :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="formData.affiliate.respondentIdentityNum"
|
||||
placeholder="请输入被申请人身份证号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择性别'
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="formData.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" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人出生年月日不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-date-picker v-model="formData.affiliate.respondentBirth" type="date"
|
||||
placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :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="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">抓取规则设置</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item v-for="(item) in formData.columnValueList" :label="item.name" :key="item.id">
|
||||
<el-input type="textarea" v-model="item.value"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form></el-tab-pane>
|
||||
<el-tab-pane label="证据清单" name="second" v-show="evidenceFlag">
|
||||
<el-card class="box-card" style="margin-bottom: 30px;">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>申请人证据清单</span>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请机构名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '统一社会信用代码不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.creditCode" placeholder="请输入统一社会信用代码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '法定代表人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :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="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '委托代理人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :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="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :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="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :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="formData.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择性别'
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="formData.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" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人出生年月日不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-date-picker v-model="formData.affiliate.respondentBirth" type="date"
|
||||
placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :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="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">抓取规则设置</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item v-for="(item) in formData.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 v-for="(item, index) in applicantEvidence" :key="index" class="text item"
|
||||
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>被申请人证据清单</span>
|
||||
</div>
|
||||
<div v-for="(item, index) in respondentEvidence" :key="index" class="text item"
|
||||
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</el-card>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
|
||||
@@ -330,6 +356,7 @@ export default {
|
||||
dicts: ["case_built_type"],
|
||||
data() {
|
||||
return {
|
||||
activeName: 'first',
|
||||
title: "新增案件",
|
||||
formData: {
|
||||
affiliate: {
|
||||
@@ -348,6 +375,9 @@ export default {
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
applicantEvidence: [],//申请人证据
|
||||
respondentEvidence: [],//被申请人证据
|
||||
evidenceFlag: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@@ -360,6 +390,7 @@ export default {
|
||||
this.title = '修改案件';
|
||||
this.caseApplicationSelectByIdFn(val.id)
|
||||
} else if (!val.id && !val.flag) {
|
||||
this.evidenceFlag = false;
|
||||
this.modelFlag = false;
|
||||
this.title = '新增案件';
|
||||
this.formData = {
|
||||
@@ -372,6 +403,7 @@ export default {
|
||||
} else if (val.id && val.flag == 1) {
|
||||
this.modelFlag = true;
|
||||
this.title = '案件详情';
|
||||
this.evidenceFlag = true;
|
||||
this.caseApplicationSelectByIdFn(val.id);
|
||||
}
|
||||
},
|
||||
@@ -383,8 +415,17 @@ export default {
|
||||
methods: {
|
||||
/** 根据案件id获取对应信息 */
|
||||
caseApplicationSelectByIdFn(data) {
|
||||
this.applicantEvidence = [];
|
||||
this.respondentEvidence = [];
|
||||
caseApplicationSelectById({ id: data }).then((res => {
|
||||
this.formData = res.data;
|
||||
this.formData.caseAttachList.forEach(item => {
|
||||
if (item.annexType == 2) {
|
||||
this.applicantEvidence.push(item)
|
||||
} else if (item.annexType == 6) {
|
||||
this.respondentEvidence.push(item)
|
||||
}
|
||||
})
|
||||
}))
|
||||
},
|
||||
// 新增案件
|
||||
@@ -406,6 +447,10 @@ export default {
|
||||
fileDetil(val) {
|
||||
window.open(this.fileURL + val)
|
||||
},
|
||||
/** 查看证据 */
|
||||
toPreview(val) {
|
||||
window.open(this.fileURL + val)
|
||||
},
|
||||
/** 文件上传地址 */
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/common/upload";
|
||||
@@ -414,7 +459,7 @@ export default {
|
||||
handlSuccess(res, file) {
|
||||
this.formData.caseAttachList.push(
|
||||
{
|
||||
annexId:res.annexId,
|
||||
annexId: res.annexId,
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
@@ -0,0 +1,139 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="修改证据" :visible="evidenceVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-descriptions title="案件内容" :column="2" border>
|
||||
<el-descriptions-item label="案件编号">{{ evidenceData.caseNum }}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人(机构)">{{ evidenceData.applicantName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{ evidenceData.caseSubjectAmount }}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件状态">
|
||||
<el-tag size="small">{{ evidenceData.caseStatusName }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="仲裁方式">{{ evidenceData.arbitratMethodName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人证据">
|
||||
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in fileListData"
|
||||
@click="preview(item.annexPath)" :key="index">
|
||||
{{ item.annexName }}</div>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div style="margin-top: 30px;">
|
||||
<el-upload class="upload-demo" ref="upload" action="" :file-list="fileList" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
||||
:auto-upload="false" :http-request="uploadFile" :on-change="beforeAvatarUpload" :before-remove="beforeRemove" multiple>
|
||||
<el-button type="primary"><span>选择证据</span></el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
||||
<el-button @click="upload" class="endbutton1"><span>点击上传</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getFileList, batchUpload } from '@/api/caseManagement/caseManagement'
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["evidenceVisable", "evidenceData"],
|
||||
data() {
|
||||
return {
|
||||
fileListData: [],
|
||||
// 上传文件的列表
|
||||
uploadFiles: [],
|
||||
// 上传文件的个数
|
||||
filesLength: 0,
|
||||
info: {
|
||||
annexType: 2,
|
||||
},
|
||||
fileList:[]
|
||||
// headers: {
|
||||
// Authorization: "Bearer " + getToken(),
|
||||
// },
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
evidenceVisable(val) {
|
||||
this.fileList = []
|
||||
if (val) {
|
||||
this.getEvidenceList({ caseAppliId: this.evidenceData.id, annexTypeList: "2" })
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.info.id = this.evidenceData.id;
|
||||
},
|
||||
methods: {
|
||||
preview(data) {
|
||||
window.open(
|
||||
window.location.origin + "/API" + data,
|
||||
"_blank"
|
||||
);
|
||||
},
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/evidence/upload";
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelEvidence");
|
||||
},
|
||||
// 修改当前文件列表长度
|
||||
// changeFileLength(file, fileList) {
|
||||
// this.uploadFiles.push(file)
|
||||
// },
|
||||
// 删除文件
|
||||
beforeRemove(file, fileList){
|
||||
this.uploadFiles = fileList
|
||||
},
|
||||
// 文件上传之前处理
|
||||
beforeAvatarUpload(file,fileList) {
|
||||
console.log(file,fileList,"before");
|
||||
this.uploadFiles = [];
|
||||
// this.uploadFiles.push(file)
|
||||
this.uploadFiles = fileList
|
||||
},
|
||||
// 用户点击上传调用
|
||||
async upload() {
|
||||
// 触发上传 调用配置 :http-request="uploadFile"
|
||||
// 即触发 uploadFile函数
|
||||
this.uploadFile()
|
||||
// await this.$refs.upload.submit();
|
||||
// 上传完成后执行的操作 ...
|
||||
},
|
||||
// 该函数还是会被调用多次
|
||||
// 每次param参数传入一个文件
|
||||
uploadFile() {
|
||||
// 将文件加入需要上传的文件列表
|
||||
// 当uploadFiles长度等于用户需要上传的文件数时进行上传
|
||||
// 创建FormData上传
|
||||
if (this.uploadFiles.length === 0) {
|
||||
this.$message.warning('请选取文件')
|
||||
return
|
||||
}
|
||||
let fd = new FormData()
|
||||
// 将全部文件添加至FormData中
|
||||
this.uploadFiles.forEach(file => {
|
||||
fd.append('file', file.raw)
|
||||
})
|
||||
// // 将附加信息添加至FormData
|
||||
fd.append("id", this.evidenceData.id)
|
||||
fd.append("annexType", this.info.annexType)
|
||||
// 上传文件
|
||||
batchUpload(fd).then(res => {
|
||||
this.$modal.msgSuccess("上传成功");
|
||||
this.cancel()
|
||||
})
|
||||
},
|
||||
// 获取案件申请人证据列表
|
||||
getEvidenceList(data) {
|
||||
getFileList(data).then(res => {
|
||||
this.fileListData = res.data;
|
||||
})
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.steps {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user