From e1db85f7f823252a75131bd016e5cb14365a9af9 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Fri, 2 Feb 2024 09:56:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E8=AF=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/common.scss          | 228 +++++++++++++++++++++++++++
 src/views/projectcenter/TaskPage.vue |   2 +-
 2 files changed, 229 insertions(+), 1 deletion(-)

diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 6d09f7d9..95df1ef7 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -374,6 +374,234 @@ textarea {
     }
 
   }
+  .drawerMain {
+		.header {
+			height: 73px;
+			border-bottom: 1px solid #e8e8e8;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.headerTitle {
+				font-size: 18px;
+				font-weight: 600;
+				color: #333333;
+				line-height: 25px;
+				margin-left: 24px;
+			}
+		}
+
+		.contentMain {
+			.main_items {
+				display: flex;
+
+				margin-bottom: 12px;
+				margin-top: 32px;
+				flex-wrap: wrap;
+
+				.mi_ipts {
+					display: flex;
+					margin-bottom: 20px;
+
+					.mii_ipt {
+						display: flex;
+						align-items: center;
+						margin-right: 24px;
+
+						.ipt_name {
+							white-space: nowrap;
+						}
+					}
+				}
+
+				.mi_btns {
+					display: flex;
+					margin-left: 38px;
+					margin-bottom: 20px;
+					cursor: pointer;
+
+					.btn {
+						padding: 0px 26px 0px 26px;
+						height: 38px;
+						border-radius: 8px;
+						border: 1px solid rgba(64, 158, 255, 1);
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						margin-left: 14px;
+						flex-shrink: 0;
+
+						.search {
+							background-size: 100%;
+						}
+
+						.btnText {
+							font-size: 14px;
+							font-weight: 400;
+							line-height: 36px;
+							margin-left: 5px;
+						}
+					}
+
+					.btn1 {
+						background: rgb(64, 158, 255);
+
+						.search {
+							width: 15px;
+							height: 17px;
+							background-image: url("@/assets/images/coursewareManage/search0.png");
+						}
+
+						.btnText {
+							color: rgb(255, 255, 255);
+						}
+					}
+
+					.btn2 {
+						background: rgb(255, 255, 255);
+
+						.search {
+							width: 15px;
+							height: 17px;
+							background-image: url("@/assets/images/coursewareManage/reset1.png");
+						}
+
+						.btnText {
+							color: rgb(64, 158, 255);
+						}
+					}
+
+					.btn1:hover {
+						background: rgb(255, 255, 255);
+
+						.search {
+							background-image: url("@/assets/images/courseManage/search1.png");
+						}
+
+						.btnText {
+							color: #4ea6ff;
+						}
+					}
+
+					.btn2:hover {
+						background: rgba(64, 158, 255, 1);
+
+						.search {
+							background-image: url("@/assets/images/courseManage/reset0.png");
+						}
+
+						.btnText {
+							color: #ffffff;
+						}
+					}
+				}
+			}
+
+			.main_notice {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 32px;
+				height: 40px;
+				background-color: #e9f6fe;
+
+				.mntc_left {
+					display: flex;
+					align-items: center;
+
+					.title {
+						color: rgba(0, 0, 0, 0.65);
+						margin-right: 17px;
+					}
+
+					.data {
+						color: #4ea6ff;
+					}
+
+					.notice_icon {
+						width: 14px;
+						height: 14px;
+						margin-right: 9px;
+						margin-left: 9px;
+						background-image: url(@/assets/images/coursewareManage/gan.png);
+						background-size: 100% 100%;
+					}
+				}
+
+				.mntc_right {
+					cursor: pointer;
+				}
+			}
+		}
+
+		.main_table {
+			position: relative;
+			padding-bottom: 80px;
+
+			.ant-checkbox-wrapper {
+				align-items: center;
+				margin-top: -2px;
+			}
+
+			.ant-table-selection-column {
+				padding: 0px !important;
+				padding-left: 5px !important;
+			}
+
+			.ant-table-thead>tr>th {
+				background-color: rgba(239, 244, 252, 1);
+			}
+
+			th.h {
+				background-color: #eff4fc !important;
+			}
+
+			.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+				background: #f6f9fd;
+			}
+
+			.pa {
+				left: 0;
+				width: 100%;
+				display: flex;
+				justify-content: center;
+				position: absolute;
+				bottom: 20px;
+			}
+		}
+
+		.main_btns {
+			height: 72px;
+			width: 100%;
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+			.btn1 {
+				width: 100px;
+				height: 40px;
+				border: 1px solid #4ea6ff;
+				border-radius: 8px;
+				color: #4ea6ff;
+				background-color: #fff;
+				cursor: pointer;
+			}
+
+			.btn2 {
+				cursor: pointer;
+				width: 100px;
+				height: 40px;
+				background: #4ea6ff;
+				border-radius: 8px;
+				border: 0;
+				margin-left: 15px;
+				color: #fff;
+			}
+		}
+	}
 }
 
 //抽屉--------------------------------------------------------
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index dc2dba94..e6240359 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -6755,7 +6755,7 @@ export default {
 
       .operations {
         display: flex;
-        width: 340px;
+        width: 420px;
         flex-grow: 1;
         .operations_dropdown{
           padding: 10px;