From c676e48cfcfae16cf276e75af57d0c79344bbcdc Mon Sep 17 00:00:00 2001
From: zhangyanpeng <bob.zhang@highdatas.com>
Date: 星期二, 21 一月 2020 13:47:43 +0800
Subject: [PATCH] 添加文件库，上传参数
---
src/views/Overview.vue | 69 +++++++++++++++++++++++++++++++++-
1 files changed, 67 insertions(+), 2 deletions(-)
diff --git a/src/views/Overview.vue b/src/views/Overview.vue
index a7a4ac1..aaf0fd9 100644
--- a/src/views/Overview.vue
+++ b/src/views/Overview.vue
@@ -18,7 +18,23 @@
<div class="z_shadow" style="float: left; margin: 10px; margin-top: 0px; width: 46%; height: 43%; border: 1px solid #e4eef9;"></div>
<div class="z_shadow" style="float: left; margin: 10px; margin-top: 0px; width: 46%; height: 43%; border: 1px solid #e4eef9;"></div>
<div class="z_shadow" style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #e4eef9;"></div>
- <div class="z_shadow" style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #e4eef9;"></div>
+ <div class="z_shadow" style="float: left; margin: 10px; padding: 10px; box-sizing: border-box; width: 46%; height: 43%; border: 1px solid #e4eef9;">
+ <h3 style="margin: 0px;">鏂囨。搴�</h3>
+ <div class="files_div">
+ <div style="width: 0px; height: 0px;">
+ <iframe ref="frame_export" style="width: 0px; height: 0px;"></iframe>
+ </div>
+ <div v-if="fileLevel > 0">
+ <el-button type="text" size="mini" @click="upFile_click">涓婁竴绾�</el-button>
+ </div>
+ <div v-for="(file, k) in fileList" :key="k" @click="file_click(file)" class="file_div">
+ <i v-if="file.type==='isfiles'" class="el-icon-folder"></i>
+ <i v-else-if="file.type==='isfile'" class="el-icon-tickets"></i>
+ <span>{{file.name}}</span>
+ </div>
+
+ </div>
+ </div>
</div>
<div class="z_shadow" style="float: right; margin-right: 1%; width: 28%; height: 70vh; border: 1px solid #e4eef9;"></div>
@@ -59,10 +75,45 @@
],
value: '',
dialog_1: false,
-
+ fileLevel: 0,
+ fileList: [],
}
},
+ mounted() {
+ let fileList1 = [
+ {name: "鏂囦欢鍚嶇О1", type: "isfile", path: ""},
+ {name: "鏂囦欢鍚嶇О2", type: "isfile", path: ""},
+ {name: "鏂囦欢澶瑰悕绉�", type: "isfiles", path: ""},
+ ];
+ this.fileList = fileList1;
+ },
+
methods: {
+ file_click(file) {
+ if (file.type == 'isfiles') {
+ let fileList2 = [
+ {name: "瀛愭枃浠跺悕绉�1", type: "isfile", path: ""},
+ {name: "瀛愭枃浠跺悕绉�2", type: "isfile", path: ""},
+ {name: "瀛愭枃浠跺す鍚嶇О", type: "isfiles", path: ""},
+ ];
+ this.fileList = fileList2;
+ this.fileLevel ++;
+ }
+ else {
+ //涓嬭浇
+ this.$refs.frame_export.src = "";
+ }
+ },
+ upFile_click() {
+ this.fileLevel --;
+
+ let fileList2 = [
+ {name: "鏂囦欢鍚嶇О1", type: "isfile", path: ""},
+ {name: "鏂囦欢鍚嶇О2", type: "isfile", path: ""},
+ {name: "鏂囦欢澶瑰悕绉�", type: "isfiles", path: ""},
+ ];
+ this.fileList = fileList2;
+ },
addProject() {
this.dialog_1 = true;
@@ -83,4 +134,18 @@
text-align: left;
background-color: #dee0e2;
}
+
+ .files_div{
+ height: 90%;
+ overflow: auto;
+ }
+ .file_div {
+ width: 30%;
+ height: 20px;
+ float: left;
+ }
+ .file_div :hover {
+ cursor: pointer;
+ font-weight: bold;
+ }
</style>
--
Gitblit v1.8.0