-
-
diff --git a/src/views/goverment/AIwarning/accessSituation/index.scss b/src/views/goverment/AIwarning/accessSituation/index.scss
index a51c874..0918526 100644
--- a/src/views/goverment/AIwarning/accessSituation/index.scss
+++ b/src/views/goverment/AIwarning/accessSituation/index.scss
@@ -11,16 +11,10 @@
// margin-left: 20px;
padding: 0 0 0 20px;
- // padding: 0 13% 0 20px;
- // background-color: aqua;
.form_div {
height: 56px;
background-color: #ffffff;
border-radius: 8px;
-
- // display: flex;
- // // justify-content: center;
- // align-items: center;
}
.form {
padding: 16px 0 0 36px;
@@ -30,40 +24,46 @@
}
.imgPage {
box-sizing: border-box;
- display: flex;
flex: 1;
- flex-wrap: wrap;
- justify-content: flex-start;
+ width: 100%;
padding: 20px;
margin-top: 20px;
overflow-y: scroll;
background-color: #ffffff;
border-radius: 8px;
- .img_item {
- width: 31.3%;
-
- // height: 26%;
- // padding: 10px;
- margin: 10px;
- cursor: pointer;
- border: 1px solid #dedddd;
- border-radius: 4px;
- opacity: 1;
- .page_text {
- padding: 8px 16px;
- .img_bottom {
- display: flex;
- justify-content: space-between;
- font-size: 12px;
- color: #333333;
+ display: flex;
+ flex-direction: column;
+ .imgTable {
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ flex: 1;
+ .img_item {
+ width: 31.3%;
+ height: 244px;
+ margin: 10px;
+ cursor: pointer;
+ border: 1px solid #dedddd;
+ border-radius: 4px;
+ opacity: 1;
+ .page_text {
+ padding: 8px 16px;
+ .img_bottom {
+ display: flex;
+ justify-content: space-between;
+ font-size: 12px;
+ color: #333333;
+ }
}
}
}
+
.pagination {
display: flex;
align-items: center;
justify-content: center;
- width: 100%;
+ margin-top: 20px;
}
}
}
diff --git a/src/views/goverment/AIwarning/accessSituation/index.vue b/src/views/goverment/AIwarning/accessSituation/index.vue
index e8bb6b3..02a45dd 100644
--- a/src/views/goverment/AIwarning/accessSituation/index.vue
+++ b/src/views/goverment/AIwarning/accessSituation/index.vue
@@ -64,13 +64,15 @@
{{ item.typeName }}
-
-
位置：{{ item.deviceName }}
- 报警事件：{{ item.createTime }}
+
+
+
+
+
{{ item.typeName }}
+
+
位置：{{ item.deviceName }}
+ 报警事件：{{ item.createTime }}
+
-
-
-
+
diff --git a/src/views/home/index.scss b/src/views/home/index.scss
index 3179fdd..4083b77 100644
--- a/src/views/home/index.scss
+++ b/src/views/home/index.scss
@@ -80,32 +80,70 @@
// color: #fff;
display: flex;
background-color: #008bff;
- .header-item {
+ border-radius: 8px;
+
+ .header-important {
+ position: relative;
display: flex;
- flex: none;
- flex-direction: column;
align-items: center;
justify-content: center;
- width: 330px;
+ width: 20%;
height: 170px;
overflow-x: auto;
cursor: pointer;
- img {
- // background-color: #fff;
- width: 60px;
- height: 56px;
+ // border-right: 1px solid pink;
+
+ .header-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ }
+
+ span {
+ margin: 5px 0;
+ font-size: 20px;
+ color: #fff;
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ width: 2px;
+ height: 66px;
+ top: 50px;
+ bottom: 40px;
+ right: 0;
+ background-color: rgba(255, 255, 255, 0.54);
+ }
+
+ &:last-child::after {
+ display: none;
}
}
+ // .header-important ::after {
+ // content: "";
+ // width: 2px;
+ // height: 50px;
+ // background-color: pink;
+ // }
}
.safe {
// display: flex;
flex-flow: row wrap;
width: 100%;
margin: 20px 0;
+ .labelName {
+ color: #999;
+ .el-icon {
+ margin-right: 10px;
+ }
+ }
.safe-contain {
display: flex;
flex-wrap: wrap;
color: #666666;
+ min-height: 169px;
.safe-item {
width: 204px;
height: 169px;
diff --git a/src/views/home/index.scss.3742606228 b/src/views/home/index.scss.3742606228
deleted file mode 100644
index 1f6e5f5..0000000
--- a/src/views/home/index.scss.3742606228
+++ /dev/null
@@ -1,138 +0,0 @@
-.el-container {
- width: 100%;
- height: 100%;
- .el-header {
- box-sizing: border-box;
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 72px;
- padding: 0 15px 0 0;
- background: linear-gradient(to right, #0e63d9 0%, #00378f 100%);
- border-bottom: 1px solid #f1f1f1;
- .header-lf {
- display: flex;
- align-items: center;
- overflow: hidden;
- white-space: nowrap;
- .logo {
- flex-shrink: 0;
-
- // width: 210px;
- margin-left: 16px;
- cursor: pointer;
- span {
- height: 36px;
- font-size: 24px;
- line-height: 36px;
-
- // font-weight: bold;
- color: #dadada;
- white-space: nowrap;
- }
- img {
- width: 28px;
- object-fit: contain;
- margin-right: 6px;
- }
- }
- }
- :deep(.tool-bar-lf) {
- color: #ffffff;
- .el-breadcrumb__inner.is-link {
- color: #e5eaf3;
- &:hover {
- color: var(--el-color-primary);
- }
- }
- .el-breadcrumb__item:last-child .el-breadcrumb__inner,
- .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
- color: #cfd3dc;
- }
- }
- :deep(.tool-bar-ri) {
- .toolBar-icon,
- .username {
- color: #e5eaf3;
- }
- }
- }
- .el-aside {
- width: 200px;
- overflow: inherit;
- background-color: #ffffff;
- border-right: 1px solid var(--el-border-color);
- transition: all 0.3s ease;
- .menu {
- display: flex;
- flex-direction: column;
- height: 100%;
- transition: all 0.3s ease;
- .el-menu {
- overflow-x: hidden;
- border-right: none;
- }
- }
- }
- .contain-section {
- padding: 30px 135px;
- .contain-header {
- // color: #fff;
- display: flex;
- background-color: #008bff;
- .header-item {
- display: flex;
- flex: none;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- width: 330px;
- height: 170px;
- overflow-x: auto;
- cursor: pointer;
- img {
- // background-color: #fff;
- width: 60px;
- height: 56px;
- }
- }
- }
- .safe {
-
- // display: flex;
- flex-flow: row wrap;
- width: 100%;
- margin: 20px 0;
- .safe-contain {
- display: flex;
- flex-wrap: wrap;
- color: #666666;
- .safe-item {
- width: 204px;
- height: 169px;
- margin: 17px 30px;
-
- // display: flex;
- cursor: pointer;
-
- // overflow-x: auto;
- background: #ffffff;
- border: 1px solid #ebebeb;
- border-radius: 4px;
- opacity: 1;
- div {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- height: 100%;
- img {
- width: 60px;
- height: 56px;
- }
- }
- }
- }
- }
- }
-}
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index efbc100..41e03f1 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -15,15 +15,15 @@
{{ item.typeName }}
-
-
位置：{{ item.deviceName }}
- 报警事件：{{ item.createTime }}
+
+
diff --git a/src/views/goverment/AIwarning/alarmRecord/index.scss b/src/views/goverment/AIwarning/alarmRecord/index.scss
index a51923c..5668222 100644
--- a/src/views/goverment/AIwarning/alarmRecord/index.scss
+++ b/src/views/goverment/AIwarning/alarmRecord/index.scss
@@ -53,6 +53,9 @@
}
}
}
+.diaForm {
+ padding: 0 20% 0 0;
+}
.img_title {
margin: 0 0 4px;
font-family: "siyuan_Medium";
diff --git a/src/views/goverment/AIwarning/alarmRecord/index.vue b/src/views/goverment/AIwarning/alarmRecord/index.vue
index a92d9dc..6055afc 100644
--- a/src/views/goverment/AIwarning/alarmRecord/index.vue
+++ b/src/views/goverment/AIwarning/alarmRecord/index.vue
@@ -64,7 +64,7 @@
+
+
{{ item.typeName }}
+
+
位置：{{ item.deviceName }}
+ 报警事件：{{ item.createTime }}
+ 抓拍隐患
-
-
-
+
+
![logo]()
-
{{ item.moduleName }}
+ {{ item.moduleName }}
-
+