From 07db4702cc86f56e8da819674d717e5c0404e0ea Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 20 六月 2022 17:36:48 +0800
Subject: [PATCH] get order

---
 src/pages/library/components/upload.vue |   87 ++++++++++++++++++++++---------------------
 1 files changed, 45 insertions(+), 42 deletions(-)

diff --git a/src/pages/library/components/upload.vue b/src/pages/library/components/upload.vue
index 3c3c4aa..78a9385 100644
--- a/src/pages/library/components/upload.vue
+++ b/src/pages/library/components/upload.vue
@@ -1,15 +1,5 @@
 <template>
   <span class="upload-content pr">
-    <!-- <el-button
-      type="primary"
-      :loading="upLoadLoading"
-      :size="uploadBtnSize"
-      data-style="slide-down"
-      @click.native="uploadStart"
-    >
-      <i :class="uploadBtnIcon"></i>
-      &nbsp;&nbsp;{{uploadBtntext}}
-    </el-button> -->
     <span
       class="iconfont iconfont-wrap iconshangchuantupian-09"
       @click="uploadStart"
@@ -35,28 +25,25 @@
         @dragenter="dragenter($event)"
         @dragleave="dragleave($event)"
       >
-        <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>
+        <div class="icon-wrap">
+          <span class="iconfont iconshangchuantupian-11"></span>
         </div>
-        <div
-          class="el-upload__tip text-light"
-          style="color: #babbbc !important"
-        >
+        <div class="el-upload__text" style="margin-top: 10px">
+          灏嗘枃浠舵嫋鍒版澶勬垨<span class="text-primary cursor-pointer"
+            >鐐瑰嚮涓婁紶</span
+          >
+        </div>
+        <div class="el-upload__tip text-light">
           {{ limitTypes ? `鍙兘涓婁紶${limitTypes}鏂囦欢` : ""
           }}{{ limitSize ? ` 鏂囦欢澶у皬涓嶈秴杩�${limitSize}` : "" }}
         </div>
       </div>
     </div>
-    <div
+    <!-- <div
       class="upload-model"
       v-show="isShowBox"
       @click="isShowBox = false"
-    ></div>
+    ></div> -->
   </span>
 </template>
 <script>
@@ -182,7 +169,6 @@
               fileObj && fileObj.name ? "鈥�" + fileObj.name + "鈥�" : ""
             }蹇呴』灏忎簬` + this.limitSize,
         };
-        // this.$notify(msg)
         return msg;
       }
       return "success";
@@ -207,7 +193,6 @@
     // 涓婁紶闄勪欢
     handleUpLoad(files) {
       // 鍒ゆ柇鏄惁閫夋嫨搴曞簱
-      // console.log(this.idJson, 'upload this.idJson')
       if (this.idJson.tableId === undefined || this.idJson.tableId === "") {
         this.$notify({
           type: "error",
@@ -255,7 +240,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 */
@@ -302,10 +286,6 @@
         });
         if (res && res.data) {
           const result = res.data;
-          // this.$notify({
-          //   type: result && result.success ? 'success' : 'error',
-          //   message: result.msg
-          // })
           this.progressValue = 0;
           this.showProgress = false;
           this.$emit("successFN", result);
@@ -382,12 +362,7 @@
 </script>
 
 <style lang="scss" scoped>
-.upload-img-icon {
-  width: 60px;
-  background-size: 100%;
-  background-repeat: no-repeat;
-  background-position: center;
-}
+
 .upload-progress {
   width: 96%;
   position: absolute;
@@ -406,18 +381,46 @@
     left: 0;
     display: none;
   }
+  .iconshangchuantupian-09:hover {
+    border: 1px solid var(--colorCard);
+    background: var(--colorCard);
+    color: #fff;
+  }
 }
 .drag-area {
   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