diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html index ce7e17f..fb92d56 100644 --- a/src/app/pages/plan/plan.component.html +++ b/src/app/pages/plan/plan.component.html @@ -16,7 +16,7 @@ -
+
{{allFence[selectFence]}}
@@ -28,7 +28,7 @@
-
+

@@ -48,7 +48,7 @@ -
+
@@ -90,6 +90,21 @@
+ +
+
+
+

灾情描述

+ +
+
+
+
+
+
+
+ +
diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss index 5978a4f..ea39903 100644 --- a/src/app/pages/plan/plan.component.scss +++ b/src/app/pages/plan/plan.component.scss @@ -223,7 +223,7 @@ height: 38px; position: absolute; right: 1px; - top: 3%; + top: 1%; display: flex; >div { height: 38px; border-radius: 5px; } button { @@ -258,4 +258,39 @@ margin-right: 10px; } .selectRightTopFast { border: 1px solid #fff; } //选种样式 +} + +//左右侧栏 上移 +.publicMoveUp{ + height: 70%; + top: 10%; + bottom: auto; +} +//底部处置预案 +.bottomPlan{ + width: 95%; + position: absolute; + left: 0; + right: 0; + bottom: 1%; + margin: auto;/*这行代码是关键*/ + color: #fff; + .pulicPlanDiv{ width: 100%; padding: 0 15px; overflow: hidden; background: linear-gradient(360deg, #000D21 0%, rgba(0, 59, 110, 0.8) 100%); } + .bottomPlanHeader{ + height: 80px; + display: flex; + align-items: center; + box-shadow: 0px 0px 6px #2399FF; + .planHeaderText{ + flex: 1; + font-size: 14px; + p{ margin: 0; height: 20px; line-height: 18px; } + textarea{ width: 100%; height: 50px; background: rgba(145, 204, 255, 0.41); border: 1px solid #91CCFF; padding: 0; resize:none; outline: none; } + } + .planHeaderImg{ width: 100px; height: 100%; text-align: center; } + .planHeaderVideo{ width: 120px; height: 100%; text-align: center; } + } + .bottomPlanCenter{ + height: 35px; + } } \ No newline at end of file diff --git a/src/app/pages/plan/publicPop.scss b/src/app/pages/plan/publicPop.scss index 4ca89fc..f658838 100644 --- a/src/app/pages/plan/publicPop.scss +++ b/src/app/pages/plan/publicPop.scss @@ -14,9 +14,22 @@ overflow: hidden; display: inline-block; } -.uploadBackGround input { +.bottomPlanUpload{ + margin-top: 5px; + width: 70px; + height: 70px; + line-height: 65px; + position: relative; + cursor: pointer; + background: rgba(145, 204, 255, 0.41); + border: 1px dashed #91CCFF; + overflow: hidden; + display: inline-block; +} +.uploadBackGround input,.bottomPlanUpload input { position: absolute; width: 100%; + height: 100%; right: 0; top: 0; opacity: 0; diff --git a/src/assets/images/uploadImg.png b/src/assets/images/uploadImg.png new file mode 100644 index 0000000..974cb7e Binary files /dev/null and b/src/assets/images/uploadImg.png differ diff --git a/src/assets/images/uploadVideo.png b/src/assets/images/uploadVideo.png new file mode 100644 index 0000000..6a27d28 Binary files /dev/null and b/src/assets/images/uploadVideo.png differ