|
|
|
@ -23,20 +23,20 @@
|
|
|
|
|
v-for="item in evidenceTypeList"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
:label:="item.label"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="提供人" prop="provider">
|
|
|
|
|
<el-input v-model="evidenceForm['provider']" placeholder="请输入提供人" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="甲方" prop="firstParty">
|
|
|
|
|
<el-input v-model="evidenceForm['firstParty']" placeholder="请输入甲方" />
|
|
|
|
|
<el-form-item label="甲方" prop="partyA">
|
|
|
|
|
<el-input v-model="evidenceForm['partyA']" placeholder="请输入甲方" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="乙方" prop="partyB">
|
|
|
|
|
<el-input v-model="evidenceForm['partyB']" placeholder="请输入乙方" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="上传材料" prop="file">
|
|
|
|
|
<el-form-item label="上传材料" prop="fileIdList">
|
|
|
|
|
<el-upload
|
|
|
|
|
class="upload-demo"
|
|
|
|
|
:action="uploadOption.action"
|
|
|
|
@ -44,6 +44,7 @@
|
|
|
|
|
:on-preview="handlePreview"
|
|
|
|
|
:on-remove="handleRemove"
|
|
|
|
|
:before-remove="beforeRemove"
|
|
|
|
|
:on-success="handleSuccess"
|
|
|
|
|
multiple
|
|
|
|
|
:on-exceed="handleExceed"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
@ -58,38 +59,54 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { baseURL } from '@/config/net.config'
|
|
|
|
|
import { saveEvidence, updateEvidence } from '@/api/caseDetails'
|
|
|
|
|
export default {
|
|
|
|
|
name: 'EditEvidence',
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
drawerOption: {
|
|
|
|
|
show: false,
|
|
|
|
|
title: '添加笔录'
|
|
|
|
|
title: '添加证据'
|
|
|
|
|
},
|
|
|
|
|
// 笔录表单
|
|
|
|
|
evidenceForm: {},
|
|
|
|
|
evidenceForm: {
|
|
|
|
|
fileIdList: []
|
|
|
|
|
},
|
|
|
|
|
rules: {
|
|
|
|
|
evidenceName: [{ required: true, message: '证据名称不能为空!', trigger: 'blur' }],
|
|
|
|
|
evidenceType: [{ required: true, message: '证据类型不能为空!', trigger: 'blur' }],
|
|
|
|
|
evidenceType: [{ required: true, message: '证据类型不能为空!', trigger: 'change' }],
|
|
|
|
|
provider: [{ required: true, message: '提供人不能为空!', trigger: 'blur' }],
|
|
|
|
|
file: [{ required: true, message: '上传材料不能为空!', trigger: 'blur' }]
|
|
|
|
|
fileIdList: [{ required: true, message: '上传材料不能为空!', trigger: 'change' }]
|
|
|
|
|
},
|
|
|
|
|
// 证据类型
|
|
|
|
|
evidenceTypeList: [],
|
|
|
|
|
evidenceTypeList: JSON.parse(sessionStorage.getItem('evidence_type')),
|
|
|
|
|
// 文件列表
|
|
|
|
|
fileList: [],
|
|
|
|
|
// 上传配置
|
|
|
|
|
uploadOption: {
|
|
|
|
|
action: '',
|
|
|
|
|
action: `${baseURL}/minio/uploadFile`,
|
|
|
|
|
accept: '.docx,.bmp,.jpg,.png'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
isEdit: false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
show(data, isEdit) {
|
|
|
|
|
this.isEdit = isEdit
|
|
|
|
|
this.evidenceForm = isEdit ? data : {}
|
|
|
|
|
this.fileList = []
|
|
|
|
|
this.evidenceForm = isEdit ? data : { fileIdList: [] }
|
|
|
|
|
if (isEdit) {
|
|
|
|
|
const list = []
|
|
|
|
|
data.fileList.forEach(e => {
|
|
|
|
|
list.push(e.fileId)
|
|
|
|
|
this.fileList.push({
|
|
|
|
|
name: e.fileName
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
this.evidenceForm.fileIdList = list
|
|
|
|
|
}
|
|
|
|
|
this.drawerOption.title = isEdit ? '编辑证据' : '添加证据'
|
|
|
|
|
this.drawerOption.show = true
|
|
|
|
|
},
|
|
|
|
@ -106,11 +123,37 @@ export default {
|
|
|
|
|
// 确定
|
|
|
|
|
handleSubmit() {
|
|
|
|
|
this.$refs.form.validate(valid => {
|
|
|
|
|
if (valid) { this.drawerOption.show = false }
|
|
|
|
|
if (valid) {
|
|
|
|
|
const params = {
|
|
|
|
|
...this.evidenceForm,
|
|
|
|
|
caseId: this.$route.params.id
|
|
|
|
|
}
|
|
|
|
|
if (this.isEdit) {
|
|
|
|
|
updateEvidence(params).then(res => {
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
this.$baseMessage.success('提交成功')
|
|
|
|
|
this.drawerOption.show = false
|
|
|
|
|
this.$emit('onClose')
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
saveEvidence(params).then(res => {
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
this.$baseMessage.success('提交成功')
|
|
|
|
|
this.drawerOption.show = false
|
|
|
|
|
this.$emit('onClose')
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleRemove(file, fileList) {
|
|
|
|
|
console.log(file, fileList)
|
|
|
|
|
handleRemove(file, uploadFiles) {
|
|
|
|
|
const list = []
|
|
|
|
|
for (const item of uploadFiles) {
|
|
|
|
|
list.push(item.response.data)
|
|
|
|
|
}
|
|
|
|
|
this.evidenceForm.fileIdList = list
|
|
|
|
|
},
|
|
|
|
|
handlePreview(file) {
|
|
|
|
|
console.log(file)
|
|
|
|
@ -120,6 +163,11 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
beforeRemove(file, fileList) {
|
|
|
|
|
return this.$confirm(`确定移除 ${file.name}?`)
|
|
|
|
|
},
|
|
|
|
|
handleSuccess(response) {
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
this.evidenceForm.fileIdList.push(response.data)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|