完成上传下载连接,公告管理与详情页面,求种区页面,轮播图折扣显示,修改部分bug

Change-Id: I86fc294e32911cb3426a8b16f90aca371f975c11
diff --git a/src/components/Dashboard.css b/src/components/Dashboard.css
index a6b3a5a..d3a5471 100644
--- a/src/components/Dashboard.css
+++ b/src/components/Dashboard.css
@@ -717,6 +717,154 @@
   background-color: #218838;

 }

 

+/* 下载模态框样式 */

+.modal-overlay {

+    position: fixed;

+    top: 0;

+    left: 0;

+    right: 0;

+    bottom: 0;

+    background: rgba(0, 0, 0, 0.5);

+    z-index: 1000;

+    display: flex;

+    justify-content: center;

+    align-items: center;

+}

+

+.download-modal {

+    background: white;

+    padding: 20px;

+    border-radius: 8px;

+    width: 500px;

+    max-width: 90%;

+    position: relative;

+}

+

+.download-modal .close-btn {

+    position: absolute;

+    top: 10px;

+    right: 10px;

+    background: none;

+    border: none;

+    font-size: 20px;

+    cursor: pointer;

+}

+

+.download-modal .form-group {

+    margin-bottom: 15px;

+}

+

+.download-modal .form-group label {

+    display: block;

+    margin-bottom: 5px;

+}

+

+.download-modal .form-group input {

+    width: 100%;

+    padding: 8px;

+    border: 1px solid #ddd;

+    border-radius: 4px;

+}

+

+.progress-container {

+    margin: 15px 0;

+    background: #f0f0f0;

+    border-radius: 4px;

+    height: 20px;

+    overflow: hidden;

+}

+

+.progress-bar {

+    height: 100%;

+    background: #1890ff;

+    transition: width 0.3s;

+    color: white;

+    text-align: center;

+    font-size: 12px;

+    line-height: 20px;

+}

+

+.modal-actions {

+    display: flex;

+    justify-content: flex-end;

+    gap: 10px;

+    margin-top: 20px;

+}

+

+.modal-actions button {

+    padding: 8px 16px;

+    border-radius: 4px;

+    cursor: pointer;

+}

+

+.modal-actions button:first-child {

+    background: #f5f5f5;

+    border: 1px solid #d9d9d9;

+}

+

+.modal-actions button:last-child {

+    background: #1890ff;

+    color: white;

+    border: none;

+}

+

+.modal-actions button:disabled {

+    background: #d9d9d9;

+    cursor: not-allowed;

+    opacity: 0.7;

+}

+

+/* 在Dashboard.css中添加以下样式 */

+

+.resource-actions {

+  display: flex;

+  gap: 10px;

+  margin-left: auto;

+}

+

+.delete-btn {

+  padding: 8px 15px;

+  background-color: #ff4d4f;

+  color: white;

+  border: none;

+  border-radius: 4px;

+  cursor: pointer;

+  transition: background-color 0.3s;

+}

+

+.delete-btn:hover {

+  background-color: #ff7875;

+}

+

+.delete-btn:disabled {

+  background-color: #d9d9d9;

+  cursor: not-allowed;

+}

+

+.carousel-image {

+  padding: 1rem;

+  background: linear-gradient(to right, #f7b733, #fc4a1a);

+  color: white;

+  border-radius: 10px;

+  height: 180px;

+  display: flex;

+  flex-direction: column;

+  justify-content: center;

+  align-items: center;

+  font-size: 18px;

+  transition: all 0.5s ease-in-out;

+}

+

+.carousel-image h3 {

+  font-size: 22px;

+  margin: 0;

+}

+

+.carousel-image p {

+  margin: 4px 0;

+}

+

+

 /* 平台名称样式 */

 .platform-name {

   flex: 1;