From 832896ccaf8ac6a8ca31394e55577f064bc5eacf Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 20 十二月 2021 11:05:48 +0800
Subject: [PATCH] 暂存
---
src/pages/library/components/upload.vue | 57 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 41 insertions(+), 16 deletions(-)
diff --git a/src/pages/library/components/upload.vue b/src/pages/library/components/upload.vue
index 3c3c4aa..8a29d94 100644
--- a/src/pages/library/components/upload.vue
+++ b/src/pages/library/components/upload.vue
@@ -35,28 +35,34 @@
@dragenter="dragenter($event)"
@dragleave="dragleave($event)"
>
- <i
+ <!-- <i
class="el-icon-upload text-primary"
style="color: rgb(61, 104, 225)"
- ></i>
- <div class="el-upload__text" style="color: #babbbc !important">
- 灏嗘枃浠舵嫋鍒版澶勶紝鎴�
- <em class="text-primary cursor-pointer">鐐瑰嚮涓婁紶</em>
+ ></i> -->
+ <div class="icon-wrap">
+ <span class="iconfont iconshangchuantupian-11"></span>
+ </div>
+ <div
+ class="el-upload__text"
+ style="margin-top: 10px"
+ >
+ 灏嗘枃浠舵嫋鍒版澶勬垨<span class="text-primary cursor-pointer"
+ >鐐瑰嚮涓婁紶</span
+ >
</div>
<div
class="el-upload__tip text-light"
- style="color: #babbbc !important"
>
{{ limitTypes ? `鍙兘涓婁紶${limitTypes}鏂囦欢` : ""
}}{{ limitSize ? ` 鏂囦欢澶у皬涓嶈秴杩�${limitSize}` : "" }}
</div>
</div>
</div>
- <div
+ <!-- <div
class="upload-model"
v-show="isShowBox"
@click="isShowBox = false"
- ></div>
+ ></div> -->
</span>
</template>
<script>
@@ -207,7 +213,6 @@
// 涓婁紶闄勪欢
handleUpLoad(files) {
// 鍒ゆ柇鏄惁閫夋嫨搴曞簱
- // console.log(this.idJson, 'upload this.idJson')
if (this.idJson.tableId === undefined || this.idJson.tableId === "") {
this.$notify({
type: "error",
@@ -255,7 +260,6 @@
// fd.append('files', this.suFileList)
/* 娣诲姞tableId start */
if (this.idJson && this.idJson.tableId) {
- console.log(this.idJson, "upload this.idJson");
fd.append("tableId", this.idJson.tableId);
}
/* 娣诲姞orgId officeId end */
@@ -411,13 +415,34 @@
position: absolute;
z-index: 100 !important;
width: 320px;
- height: 160px;
- padding: 20px;
- right: 0;
- top: 35px;
+ height: 195px;
z-index: 5;
- background: #f1f1f1;
- border-radius: 5px;
+ background: #ffffff;
+ padding: 20px 20px 20px 20px;
+ right: 0;
+ top: 45px;
+ border-radius: 8px; box-sizing: border-box;
+
+ box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
+ .text-center {
+ .icon-wrap {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 72px;
+ margin-top: 20px;
+ .iconfont {
+ font-size: 72px;
+ color: #bbd2f9;
+ }
+ }
+ .el-upload__tip,.el-upload__text {
+ font-size: 12px;
+ line-height: 17px;
+ color: #999999;
+ margin-top: 0;
+ }
+ }
.files-area {
width: 100%;
height: 100%;
--
Gitblit v1.8.0