报警参数设置页面样式调整

src/views/AlarmPage/AlarmStatusPage.vue

@@ -881,7 +881,6 @@ onUnmounted(() => {
 .moduleCard {
   width: auto;
   overflow: auto;
-  //max-height: 540px;
   padding: 0px;
 
   ::v-deep .el-card__body {
@@ -893,7 +892,6 @@ onUnmounted(() => {
   padding: 4px;
   margin-left: 20px;
   height: 30px;
-  //background-color: #8939cf;
   vertical-align: middle;
 }
 
@@ -938,4 +936,119 @@ onUnmounted(() => {
   margin-right: 10px;
   flex-wrap: nowrap;
 }
+:deep(.div-form-img) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+
+
+.big_table {
+  border-collapse: collapse;
+  border-color: #c9dbff;
+
+}
+
+table {
+  width: 100%;
+}
+
+table,
+tr,
+th,
+td {
+  font-size: 14px;
+  margin: 0;
+  padding: 0;
+}
+
+table {
+  width: 100%;
+}
+
+table th {
+  background-color: #dfe8f6;
+  text-align: center;
+  padding: 5px 10px;
+}
+
+table td {
+  text-align: center;
+  background-color: #ffffff;
+  padding: 5px 10px;
+}
+
+.btngrounp {
+  margin-top: 10px;
+  text-align: center;
+}
+
+
+
+.left {
+  //  border: 1px solid red;
+  overflow: auto;
+  height: 400px;
+  border-top: 1px solid #eff1f4;
+  border-bottom: 1px solid #eff1f4;
+  padding: 0px 30px 11px 27px;
+}
+
+.left::-webkit-scrollbar {
+  width: 3px;
+}
+
+// 滚动条里面默认的小方块,自定义样式
+.left::-webkit-scrollbar-thumb {
+  background: #8798AF;
+  border-radius: 2px;
+}
+
+// 滚动条里面的轨道
+.left::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.dialog {
+  width: 70%;
+}
+
+// dialog中的滚动条
+.scroll-table {
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+// .scroll-table,
+// .scroll-table .el-table__header-wrapper,
+// .scroll-table .el-table__body-wrapper,
+// .scroll-table .el-table__row,
+// .scroll-table th,
+// .scroll-table td {
+//   border: none !important;
+// }
+
+.scroll-table::-webkit-scrollbar {
+  width: 5px;
+}
+
+.scroll-table::-webkit-scrollbar-thumb {
+  background-color: #BFBFBF;
+  // border-radius: 1px;
+}
+
+.scroll-table::-webkit-scrollbar-track {
+  background-color: #f0f0f0;
+}
+
+.before-hover-column .cell:hover {
+  background-color: #CECECE;
+  color: white;
+}
+
+.after-hover-column .cell:hover {
+  background-color: #508EFF;
+  color: white;
+}
 </style>