证据目录界面,案件导入问题

2023-10-24 16:27:30 +08:00
parent bd6cf08d7a
commit b10e21505b
10 changed files with 345 additions and 64 deletions
@@ -0,0 +1,103 @@
+<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>