From 760ac834594373eb4c0f5fa9c984268afdccdb6a Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Thu, 03 Nov 2022 09:22:49 +0800
Subject: [PATCH] 警情活动弹窗样式抽离

---
 src/styles/base/index.css |  146 ++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 140 insertions(+), 6 deletions(-)

diff --git a/src/styles/base/index.css b/src/styles/base/index.css
index 846d396..8e6b45b 100644
--- a/src/styles/base/index.css
+++ b/src/styles/base/index.css
@@ -101,8 +101,8 @@
   margin: 0 !important;
   display: flex;
   flex-direction: column;
-  width: 320px;
-  height: 220px;
+  width: 700px;
+  height: 400px;
   top: 50%;
   left: 50% !important;
   transform: translate(-50%, -50%);
@@ -110,6 +110,43 @@
 
 .phone-details-box .el-dialog .el-dialog__body {
   flex: 1;
+}
+
+.phone-details-box .el-dialog .el-dialog__body .dialog-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.phone-details-box .el-dialog .el-dialog__body .dialog-side {
+  display: flex;
+  height: 36px;
+  line-height: 36px;
+}
+
+.phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+  margin-right: 10px;
+}
+
+.phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) > div:first-child {
+  width: 100px;
+  text-align: left;
+}
+
+.phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+}
+
+.phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) > div:first-child {
+  width: 100px;
+  text-align: left;
 }
 
 .equiment-details-box .el-dialog {
@@ -161,28 +198,125 @@
   margin: 0 !important;
   display: flex;
   flex-direction: column;
-  width: 400px;
-  height: 400px;
+  width: 800px;
+  height: 500px;
   top: 50%;
   left: 50% !important;
   transform: translate(-50%, -50%);
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__header {
+  height: 56px;
+  line-height: 56px;
 }
 
 .policeSituation-details-box .el-dialog .el-dialog__body {
   flex: 1;
 }
 
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side {
+  display: flex;
+  height: 36px;
+  line-height: 36px;
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+  margin-right: 10px;
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) > div:first-child {
+  width: 100px;
+  text-align: left;
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) > div:first-child {
+  width: 100px;
+  text-align: left;
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-content {
+  display: flex;
+  height: 36px;
+  line-height: 36px;
+  flex-direction: row;
+  text-align: left;
+}
+
+.policeSituation-details-box .el-dialog .el-dialog__body .dialog-content > div:first-child {
+  width: 100px;
+  text-align: left;
+}
+
 .activity-details-box .el-dialog {
   margin: 0 !important;
   display: flex;
   flex-direction: column;
-  width: 400px;
-  height: 300px;
+  width: 600px;
+  height: 400px;
   top: 50%;
   left: 50% !important;
   transform: translate(-50%, -50%);
 }
 
+.activity-details-box .el-dialog .el-dialog__header {
+  height: 56px;
+  line-height: 56px;
+}
+
 .activity-details-box .el-dialog .el-dialog__body {
   flex: 1;
 }
+
+.activity-details-box .el-dialog .el-dialog__body .dialog-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.activity-details-box .el-dialog .el-dialog__body .dialog-side {
+  display: flex;
+  height: 36px;
+  line-height: 36px;
+}
+
+.activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+  margin-right: 10px;
+}
+
+.activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) > div:first-child {
+  width: 100px;
+  text-align: left;
+}
+
+.activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+}
+
+.activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) > div:first-child {
+  width: 100px;
+  text-align: left;
+}

--
Gitblit v1.9.3