style: 修改文件上传功能暗黑模式

src/styles/elementui.scss

@@ -518,6 +518,11 @@ div .el-select-dropdown__item.is-hovering {
 .el-select-dropdown__item {
   border-radius: var(--border-radius-6);
   margin: 0 8px;
+
+  margin-bottom: 4px;
+  &:last-child {
+    margin-bottom: 0;
+  }
 }
 
 div .el-badge__content--warning {
@@ -776,4 +781,4 @@ div .DaterangeClass {
   background-color: var(--management-bg-color) !important;
   border-color: var(--management-bg-color) !important;
   border-radius: 12px !important;
-}
+}

src/styles/theme.scss

@@ -246,6 +246,10 @@
   --color-vxe-table-visited-row-bg: #f2f2f2;
 
   --color-public-tracking-empty-bg: #fff;
+
+  --color-upload-file-bg: #fef8f2;
+  --color-upload-file-color: #b5b9bf;
+  --color-upload-file-border-bg: #f5b279;
 }
 
 :root.dark {
@@ -308,6 +312,10 @@
   --color-share-link-bg: #3a4149;
 
   --color-public-tracking-empty-bg: #2b2f36;
+
+  --color-upload-file-bg: rgba(237, 109, 0, 0.2);
+  --color-upload-file-color: rgba(240, 241, 243, 0.7);
+  --color-upload-file-border-bg: rgba(237, 109, 0, 0.5);
   // 滚动条
   --color-scrollbar-thumb: #656f7d;
 

src/views/Tracking/src/components/TrackingDetail/src/components/UploadFilesDialog.vue

@@ -16,9 +16,17 @@ defineExpose({
 const uploadFileList = ref()
 
 const changeFileList = (file: any, fileList: any) => {
+  if (file.size / 1024 / 1024 > 25) {
+    const index = fileList.findIndex((item: any) => item.uid === file.uid)
+    if (index !== -1) {
+      fileList.splice(index, 1)
+    }
+    return false
+  }
   // 给当前文件添加fileType属性
   file.raw.fileType = fileType.value
   uploadFileList.value = fileList
+  console.log('change', fileList)
 }
 
 function bytesToKB(bytes: number) {
@@ -225,8 +233,8 @@ const uploadFileParams = computed(() => ({
   :deep(.el-upload-dragger) {
     padding-top: 19px;
     padding-bottom: 19px;
-    background-color: #fef8f2;
-    border: 1px dashed #f5b279;
+    background-color: var(--color-upload-file-bg);
+    border: 1px dashed var(--color-upload-file-border-bg);
   }
   .el-upload-text {
     margin-bottom: 8px;
@@ -241,7 +249,7 @@ const uploadFileParams = computed(() => ({
       transform: translateY(2px);
     }
     span {
-      color: var(--color-neutral-3);
+      color: var(--color-upload-file-color);
     }
   }
 }