feat(upload): scroll

Eug620 · Sep 1, 2023 · 7091fca · 7091fca
1 parent 9339ca3
commit 7091fca
Show file tree

Hide file tree

Showing 28 changed files with 34 additions and 24 deletions.
diff --git a/dist/assets/dashboard.55c05c67.js → dist/assets/dashboard.e4df7e81.js b/dist/assets/dashboard.55c05c67.js → dist/assets/dashboard.e4df7e81.js
diff --git a/dist/assets/dashboard.55c05c67.js.gz → dist/assets/dashboard.e4df7e81.js.gz b/dist/assets/dashboard.55c05c67.js.gz → dist/assets/dashboard.e4df7e81.js.gz
diff --git a/dist/assets/demo.cc0e684a.js → dist/assets/demo.a8c7eecb.js b/dist/assets/demo.cc0e684a.js → dist/assets/demo.a8c7eecb.js
diff --git a/dist/assets/demo.a8c7eecb.js.gz b/dist/assets/demo.a8c7eecb.js.gz
diff --git a/dist/assets/demo.cc0e684a.js.gz b/dist/assets/demo.cc0e684a.js.gz
diff --git a/dist/assets/index.40a0434d.css b/dist/assets/index.40a0434d.css
diff --git a/dist/assets/index.40a0434d.css.gz b/dist/assets/index.40a0434d.css.gz
diff --git a/dist/assets/index.64915100.js b/dist/assets/index.64915100.js
diff --git a/dist/assets/index.64915100.js.gz b/dist/assets/index.64915100.js.gz
diff --git a/dist/assets/index.d0527b54.css b/dist/assets/index.d0527b54.css
diff --git a/dist/assets/index.d0527b54.css.gz b/dist/assets/index.d0527b54.css.gz
diff --git a/dist/assets/index.e8e9c4ba.js → dist/assets/index.d37669f8.js b/dist/assets/index.e8e9c4ba.js → dist/assets/index.d37669f8.js
diff --git a/dist/assets/index.e8e9c4ba.js.gz → dist/assets/index.d37669f8.js.gz b/dist/assets/index.e8e9c4ba.js.gz → dist/assets/index.d37669f8.js.gz
diff --git a/dist/assets/index.ef34385e.js b/dist/assets/index.ef34385e.js
diff --git a/dist/assets/index.ef34385e.js.gz b/dist/assets/index.ef34385e.js.gz
diff --git a/dist/assets/player.42a3c329.js.gz b/dist/assets/player.42a3c329.js.gz
diff --git a/dist/assets/player.42a3c329.js → dist/assets/player.69a768ee.js b/dist/assets/player.42a3c329.js → dist/assets/player.69a768ee.js
diff --git a/dist/assets/player.69a768ee.js.gz b/dist/assets/player.69a768ee.js.gz
diff --git a/dist/assets/playground.528bba34.js → dist/assets/playground.0c8096f3.js b/dist/assets/playground.528bba34.js → dist/assets/playground.0c8096f3.js
diff --git a/dist/assets/playground.0c8096f3.js.gz b/dist/assets/playground.0c8096f3.js.gz
diff --git a/dist/assets/playground.528bba34.js.gz b/dist/assets/playground.528bba34.js.gz
diff --git a/dist/assets/upload.141c0fe7.js b/dist/assets/upload.141c0fe7.js
diff --git a/dist/assets/upload.141c0fe7.js.gz b/dist/assets/upload.141c0fe7.js.gz
diff --git a/dist/assets/upload.ad55d28a.js b/dist/assets/upload.ad55d28a.js
diff --git a/dist/assets/upload.ad55d28a.js.gz b/dist/assets/upload.ad55d28a.js.gz
diff --git a/dist/index.html b/dist/index.html
@@ -1 +1 @@
-<!doctype html><html lang="zh"><head><meta charset="UTF-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="referrer" content="no-referrer"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/><link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.3.0/css/all.min.css" rel="stylesheet"><title>Base | Pro</title><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts-wordcloud.min.js"></script><script type="module" crossorigin src="/assets/index.e8e9c4ba.js"></script><link rel="modulepreload" href="/assets/acro-design.370f9722.js"><link rel="modulepreload" href="/assets/lowdb.c138e033.js"><link rel="modulepreload" href="/assets/lodash.6aaafcb4.js"><link rel="stylesheet" href="/assets/index.40a0434d.css"></head><body><div id="app"><div class="base-container"><div class="base-child"></div><div class="base-child"></div><div class="base-child"></div></div></div></body></html>
+<!doctype html><html lang="zh"><head><meta charset="UTF-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="referrer" content="no-referrer"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/><link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.3.0/css/all.min.css" rel="stylesheet"><title>Base | Pro</title><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts-wordcloud.min.js"></script><script type="module" crossorigin src="/assets/index.d37669f8.js"></script><link rel="modulepreload" href="/assets/acro-design.370f9722.js"><link rel="modulepreload" href="/assets/lowdb.c138e033.js"><link rel="modulepreload" href="/assets/lodash.6aaafcb4.js"><link rel="stylesheet" href="/assets/index.d0527b54.css"></head><body><div id="app"><div class="base-container"><div class="base-child"></div><div class="base-child"></div><div class="base-child"></div></div></div></body></html>
diff --git a/dist/index.html.gz b/dist/index.html.gz
diff --git a/src/pages/upload.vue b/src/pages/upload.vue
@@ -3,7 +3,7 @@
  * @Author       : eug yyh3531@163.com
  * @Date         : 2023-08-23 11:15:19
  * @LastEditors  : eug yyh3531@163.com
- * @LastEditTime : 2023-09-01 11:11:30
+ * @LastEditTime : 2023-09-01 11:39:13
  * @FilePath     : /micro-base/src/pages/upload.vue
  * @Description  : filename
  * 
@@ -12,21 +12,30 @@
 <template>
     <a-card :bordered="false" class="h-full ml-2.5 ">
         <a-button class="float-right" @click="() => useCleans()" status="danger">清除全部</a-button>
-        <a-upload :show-file-list="false" :custom-request="customRequest" class="mb-4 mr-4" />
-        <a-progress :steps="3" size="small" :percent="pregress" />
+        <a-upload :disabled="!!uploadPregress.size && pregress !== 1" :show-file-list="false" :custom-request="customRequest"
+            class="mb-4 mr-4">
+            <!-- <template #upload-button>
+                <a-button type="primary" shape="round">
+                    <IconUpload/>点击上传
+                </a-button>
+            </template> -->
+        </a-upload>
+        <a-progress :animation="true" :steps="5" size="small" :percent="pregress" />
         <a-divider class="!mt-1 !mb-2" />
 
 
-        <template v-for="(item, idx) in fileList" :key="item">
-            <a-button class="m-2" status="danger" @click="useDelete(item)">
-                <template #icon>
-                    <IconDelete />
-                </template></a-button>
-            <a-link :href="`https://eug.asia/egg/api/assets/${item}`">{{ item
-            }}</a-link>
-
-            <a-divider class="!my-1" v-if="idx !== fileList.length - 1" />
-        </template>
+        <div class="overflow-y-auto" style="height: calc(100vh - 100px);">
+            <template v-for="(item, idx) in fileList" :key="item">
+                <a-button class="m-2" status="danger" @click="useDelete(item)">
+                    <template #icon>
+                        <IconDelete />
+                    </template></a-button>
+                <a-link :href="`https://eug.asia/egg/api/assets/${item}`">{{ item
+                }}</a-link>
+
+                <a-divider class="!my-1" v-if="idx !== fileList.length - 1" />
+            </template>
+        </div>
 
 
     </a-card>
@@ -36,7 +45,8 @@
 import { computed, reactive, ref, unref } from "vue";
 import { Notification } from '@arco-design/web-vue';
 import {
-    IconDelete
+    IconDelete,
+    IconUpload
 } from '@arco-design/web-vue/es/icon';
 const fileList = ref<string[]>([])
 const size = 1024 * 1024
@@ -52,7 +62,7 @@ const pregress = computed(() => {
         total += 1
         value && (finish += 1)
     })
-    return total && +(finish/total).toFixed(2)
+    return total && +(finish / total).toFixed(2)
 })
 
 const useGetFileList = async () => {
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="zh"><head><meta charset="UTF-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="referrer" content="no-referrer"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/><link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.3.0/css/all.min.css" rel="stylesheet"><title>Base \| Pro</title><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts-wordcloud.min.js"></script><script type="module" crossorigin src="/assets/index.e8e9c4ba.js"></script><link rel="modulepreload" href="/assets/acro-design.370f9722.js"><link rel="modulepreload" href="/assets/lowdb.c138e033.js"><link rel="modulepreload" href="/assets/lodash.6aaafcb4.js"><link rel="stylesheet" href="/assets/index.40a0434d.css"></head><body><div id="app"><div class="base-container"><div class="base-child"></div><div class="base-child"></div><div class="base-child"></div></div></div></body></html>
		<!doctype html><html lang="zh"><head><meta charset="UTF-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="referrer" content="no-referrer"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/><link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.3.0/css/all.min.css" rel="stylesheet"><title>Base \| Pro</title><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts-wordcloud.min.js"></script><script type="module" crossorigin src="/assets/index.d37669f8.js"></script><link rel="modulepreload" href="/assets/acro-design.370f9722.js"><link rel="modulepreload" href="/assets/lowdb.c138e033.js"><link rel="modulepreload" href="/assets/lodash.6aaafcb4.js"><link rel="stylesheet" href="/assets/index.d0527b54.css"></head><body><div id="app"><div class="base-container"><div class="base-child"></div><div class="base-child"></div><div class="base-child"></div></div></div></body></html>