新增上传文件界面

@@ -157,6 +157,8 @@ import transfer from './views/airtransport/transfer.vue'
 // import transpour from './views/airtransport/transpour.vue'
 //对话框
 import dialogs from './views/dialogBox/dialogs.vue'
+import upload from './views/dialogBox/upload.vue'
+
 
 // 场站管理
 import Yard from './views/station_manage/Yard.vue'
@@ -263,10 +265,11 @@ let routes = [
     {
         path: '/dialogName',
         component: HomeNew,
-        name: '对话框',
+        name: '物流GPT',
         iconCls: 'el-icon-delete-location',
         children: [
             { path: '/dialogs', component: dialogs, name: '对话框' },
+            { path: '/upload', component: upload, name: '上传文件' },
         ]
     },
 

+<template>
+    <el-container>
+        <el-main>
+            <el-card style="background-color: #F5F7FA">
+                <div>
+                    <el-upload
+                            class="upload-demo"
+                            action="https://jsonplaceholder.typicode.com/posts/"
+                            :on-preview="handlePreview"
+                            :on-remove="handleRemove"
+                            :before-remove="beforeRemove"
+                            multiple
+                            :limit="3"
+                            :on-exceed="handleExceed"
+                            :file-list="fileList">
+                        <el-button size="small" type="primary">点击上传</el-button>
+                        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+                    </el-upload>
+                </div>
+            </el-card>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                fileList: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}]
+            };
+        },
+        methods: {
+            handleRemove(file, fileList) {
+                console.log(file, fileList);
+            },
+            handlePreview(file) {
+                console.log(file);
+            },
+            handleExceed(files, fileList) {
+                this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+            },
+            beforeRemove(file, fileList) {
+                return this.$confirm(`确定移除 ${ file.name }？`);
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>