添加日历组件

common/style/layout.css

@@ -116,87 +116,114 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
 }
 .grid-wrap{
 	width: calc(100% - 20px);
-	/* height: calc(100% - 145px); */
+	min-height: calc(100vh - 145px);
 	margin: 0 auto;
 	padding-top: 5px;
 	background: center / 100% 100% url(./static/images/bg-task-r2.png) no-repeat;
 }
-.table-wrap {
+.zdrow-wrap {
 	width: 100%;
 	padding: 0 10px;
 	/* height: calc(100% - 53px); */
 	/* overflow-y: scroll; */
 	/* margin-bottom: 9px; */
 }
-.grid-wrap .grid-table{
+.table-wrap {
 	width: 100%;
-	border-collapse: separate;
-	border-spacing: 0;
-	border: 1px #e1e1e1;
-	text-align: center;
-}
-.grid-wrap .grid-table thead tr th{
-	font-size: 15px;
-	line-height: 18px;
-	padding: 5px 5px;
-	background-color: #e1e1e1;
-}
-.grid-wrap .grid-table thead tr th:first-child{
-	border-top-left-radius: 12px;
-}
-.grid-wrap .grid-table thead tr th:last-child{
-	border-top-right-radius: 12px;
-}
-.grid-wrap .grid-table th, .grid-table td {
-    color: #464646;
-    background-color: #fff;
-    border-right: 1px solid #e1e1e1;
-    border-bottom: 1px solid #e1e1e1;
-}
-.grid-wrap .grid-table th:first-child, .grid-table td:first-child{
-	border-left: 1px solid #e1e1e1;
-}
-.grid-wrap .grid-table td {
-    /* height: 35px; */
-    line-height: 18px;
-    font-size: 15px;
-    padding: 5px 5px;
-}
-.slide_new {
-	width: 100%;
-	height: 100%;
+	margin: 0 auto;
+	padding: 5px 0 10px 0;
 	overflow-y: auto;
-	border-top-left-radius: 12px;
-	border-top-right-radius: 12px;
 }
-.zd_wrapper .grid-table {
-	table-layout: fixed;
-	width: auto;
+.grid-table {
 	min-width: 100%;
+	border-spacing: 0;
+	table-layout: fixed;
+	border-collapse: separate;
 }
-.zd_wrapper .grid-table td, .zd_wrapper .grid-table th {
-	box-sizing: border-box;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	text-align: center;
-}
-.zd_wrapper .grid-table td:first-child, .zd_wrapper .grid-table th:first-child{
-	position: -webkit-sticky;
-	position: sticky;
-	left: 0;
-	z-index: 50;
-}
-.zd_wrapper .grid-table thead tr th {
-	position: -webkit-sticky;
+.grid-table thead {
 	position: sticky;
 	top: 0;
-	z-index: 49;
+	z-index: 6;
+}
+.grid-table th{
+	font-size: 13px;
+	line-height: 20px;
+	height: 30px;
+	color: #AFBED8;
+	font-weight: bold;
+	padding: 5px 10px;
+	text-align: center;
+	white-space: nowrap;
+	background-color: #673939;
+}
+.grid-table td{
+	font-size: 12px;
+	line-height: 13px;
+	height: 40px;
+	color: #fff;
+	padding: 5px 10px;
+	text-align: center;
+	background-color: #382d4f;
+	border-bottom: 1px solid #C2563E;
+	white-space: nowrap;
+}
+.grid-table th:first-child, .grid-table td:first-child {
+	position: sticky;
+	left: 0;
+	z-index: 5;
+}
+.grid-table th:last-child, .grid-table td:last-child {
+	position: sticky;
+	right: 0;
+	z-index: 5;
+}
+.grid-table th:nth-child(2), .grid-table td:nth-child(2) {
+	position: sticky;
+	left: 46px;
+	z-index: 5;
+}
+.td_input {
+	font-size: 12px;
+	line-height: 28px;
+	width: 80px;
+	height: 28px;
+}
+.td_input .uni-input-input {
+	font-size: 12px;
+	line-height: 28px;
+	width: 80px;
+	padding: 0 10px;
+	height: 28px;
+	background-color: transparent;
+	border: 1px solid #4980BD;
+	border-radius: 6px;
+}
+.td_input .uni-input-input:focus {
+	border: 1px solid #889dc7;
+	box-shadow: 0 0 0 1px rgba(136, 157, 199,.2);
+}
+.td_scan_wraper {
+	min-width: 120px;
+}
+.grid-data .uni-date-x--border {
+	border-color: #4980BD !important;
+	border-radius: 6px !important;
+}
+.grid-data .uni-date-x {
+	border-radius: 6px !important;
+	background-color: transparent !important;
+	color: #fff !important;
+	font-size: 12px !important;
+}
+.grid-data .uni-date__x-input {
+	font-size: 12px !important;
+	line-height: 28px !important;
+	height: 28px !important;
+	padding-right: 5px;
 }
 .zd-th-wraper{
 	width: 100%;
-	background: #001129 center / 110% 100% url(./static/images/grid_bg.png) no-repeat;
+	background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat;
 	overflow: hidden;
 }
 .zd-sec-th-wraper {