103 lines
3.1 KiB
Vue
103 lines
3.1 KiB
Vue
<template>
|
|
<div>
|
|
<el-dialog title="上传证据目录" :visible="uploadCaseVisable" @close="cancel" center :distroy-on-close="true">
|
|
<el-upload class="upload-demo" ref="upload" action="https://jsonplaceholder.typicode.com/posts/"
|
|
:on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" :auto-upload="false">
|
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
|
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
|
|
</el-upload>
|
|
<div class="title">证据目录结构</div>
|
|
<el-tree :data="data" @node-click="handleNodeClick"></el-tree>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<!-- hearDate -->
|
|
<script>
|
|
// import { updateHeardate } from '@/api/caseManagement/caseManagement'
|
|
export default {
|
|
props: ["uploadCaseVisable", "uploadCaseData"],
|
|
data() {
|
|
return {
|
|
fileList: [],
|
|
data: [{
|
|
label: '寓件编号_中请人名称 / 中请人',
|
|
children: [
|
|
{
|
|
label: '1_货款申调表pdf',
|
|
},
|
|
{
|
|
label: '2_款白同pdf',
|
|
},
|
|
{
|
|
label: '3_抵押证明材林pdt',
|
|
},
|
|
{
|
|
label: '5.贷款利期罚息计算表pdf',
|
|
},
|
|
{
|
|
label: '6.数字签名验证报告.pdl',
|
|
},
|
|
{
|
|
label: '7_律师费明妞报售.pdt',
|
|
},
|
|
]
|
|
},
|
|
{
|
|
label: '寓件编号_中请人名称 / 中请人',
|
|
children: [
|
|
{
|
|
label: '1_货款申调表pdf',
|
|
},
|
|
{
|
|
label: '2_款白同pdf',
|
|
},
|
|
{
|
|
label: '3_抵押证明材林pdt',
|
|
},
|
|
{
|
|
label: '5.贷款利期罚息计算表pdf',
|
|
},
|
|
{
|
|
label: '6.数字签名验证报告.pdl',
|
|
},
|
|
{
|
|
label: '7_律师费明妞报售.pdt',
|
|
},
|
|
]
|
|
}],
|
|
};
|
|
},
|
|
watch: {
|
|
|
|
},
|
|
created() {
|
|
|
|
},
|
|
methods: {
|
|
cancel() {
|
|
this.$emit("uploadCaseCancel");
|
|
},
|
|
submitUpload() {
|
|
this.$refs.upload.submit();
|
|
},
|
|
handleRemove(file, fileList) {
|
|
console.log(file, fileList);
|
|
},
|
|
handlePreview(file) {
|
|
console.log(file);
|
|
},
|
|
handleNodeClick(data) {
|
|
console.log(data);
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.title {
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
}
|
|
</style> |