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 | 86 +++++++++++++++++++++++++++++++++++++-----
1 files changed, 75 insertions(+), 11 deletions(-)
diff --git a/src/views/Overview.vue b/src/views/Overview.vue
index 9a2e724..aaf0fd9 100644
--- a/src/views/Overview.vue
+++ b/src/views/Overview.vue
@@ -15,12 +15,28 @@
</div>
<div style="float: left; margin-left: 1%; width: 69%; height: 80vh; ">
- <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></div>
- <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></div>
- <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></div>
- <div style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #42B983;"></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; 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; 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 style="float: right; margin-right: 1%; width: 28%; height: 80vh; border: 1px solid #42B983;"></div>
+ <div class="z_shadow" style="float: right; margin-right: 1%; width: 28%; height: 70vh; border: 1px solid #e4eef9;"></div>
<el-dialog @close="Cancel" width="70%" top="50px" :visible.sync="dialog_1" append-to-body>
@@ -42,27 +58,62 @@
options: [
{
value: '閫夐」1',
- label: '榛勯噾绯�'
+ label: '椤圭洰1'
}, {
value: '閫夐」2',
- label: '鍙岀毊濂�'
+ label: '椤圭洰2'
}, {
value: '閫夐」3',
- label: '铓典粩鐓�'
+ label: '椤圭洰3'
}, {
value: '閫夐」4',
- label: '榫欓』闈�'
+ label: '椤圭洰4'
}, {
value: '閫夐」5',
- label: '鍖椾含鐑ら腑'
+ label: '椤圭洰5'
}
],
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;
@@ -84,4 +135,17 @@
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