feat: 降本增效和弹窗样式

chenyao

2025-04-10 c85261c55d3d38469af55cdad8010141448048da

 src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue

@@ -1,8 +1,7 @@
 <!--  巡检任务情况-详情 -->
<template>
   <el-dialog
		
      class="data-dialog"
      class="inspection-rask-details-dialog"
      v-model="isShowDetailsDialog"
      :width="pxToRem(1000)"
      :close-on-click-modal="false"
@@ -340,18 +339,6 @@
   border: 1px solid #1479ef !important;
   z-index: 1;
}
:deep(.data-dialog .el-dialog__header) {
   /* 头部 */

   width: 1270px;
   height: 47px;
   margin-bottom: 14px;
   background: url('/src/assets/images/home/homeLeft/inspection-vector.png') no-repeat center;
   background-size: 100% 100%;
   font-weight: bold;
   font-size: 16px;
   line-height: 47px;
}
.el-table {
   color: #fff;
   --el-table-border-color: var(--el-border-color-lighter);
@@ -417,8 +404,8 @@
   cursor: pointer;
}
</style>
<style>
.data-dialog {
<style lang="scss">
.inspection-rask-details-dialog {
   width: 1270px;
   height: 856px;
   background: #0f1929;
@@ -435,60 +422,71 @@
         rgba(27, 148, 255, 1)
      )
      2 2;
}
   /* 头部 */
   .el-dialog__header {
      width: 1270px;
      height: 47px;
      margin-bottom: 14px;
      background: url('/src/assets/images/home/homeLeft/inspection-vector.png') no-repeat center;
      background-size: 100% 100%;
      font-weight: bold;
      font-size: 16px;
      line-height: 47px;
   }

.el-dialog .el-dialog__header {
   /* margin: 0px !important; */
   padding: 0px !important;
   padding-left: 0px !important;
}
/* 头部 */
.el-dialog__title {
   width: 112px;
   height: 19px;
   font-family: Segoe UI, Segoe UI;
   font-weight: bold;
   font-size: 16px;
   line-height: 16px;
   text-shadow: 0px 0px 5px rgba(154, 218, 255, 0.6);
   text-align: left;
   font-style: normal;
   text-transform: none;
   background: linear-gradient(90deg, #fbfdff 0%, #86d4ff 100%);
   margin-left: 16px;
   -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */
   -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */
}
.el-table__inner-wrapper:before {
   height: 0 !important;
}
.el-table .warning-row {
   --el-table-tr-bg-color: rgba(22, 43, 74, 0.79);
}
.el-table .warning-row::after {
   position: absolute;
   content: '';
   left: 0;
   width: 100%;
   border-bottom: 1px solid;
   .el-dialog .el-dialog__header {
      /* margin: 0px !important; */
      padding: 0px !important;
      padding-left: 0px !important;
   }
   /* 头部 */
   .el-dialog__title {
      width: 112px;
      height: 19px;
      font-family: Segoe UI, Segoe UI;
      font-weight: bold;
      font-size: 16px;
      line-height: 16px;
      text-shadow: 0px 0px 5px rgba(154, 218, 255, 0.6);
      text-align: left;
      font-style: normal;
      text-transform: none;
      background: linear-gradient(90deg, #fbfdff 0%, #86d4ff 100%);
      margin-left: 16px;
      -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */
      -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */
   }
   .el-table__inner-wrapper:before {
      height: 0 !important;
   }
   .el-table .warning-row {
      --el-table-tr-bg-color: rgba(22, 43, 74, 0.79);
   }
   .el-table .warning-row::after {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      border-bottom: 1px solid;

   border-image: linear-gradient(90deg, rgba(25, 162, 255, 0) 10%, rgba(20, 125, 202, 1) 50%, rgba(25, 162, 255, 0) 90%)
      2 2 2 2;
}
.el-table .success-row {
   --el-table-tr-bg-color: #0b1d38;
}
.el-table .success-row::after {
   position: absolute;
   content: '';
   left: 0;
   width: 100%;
   border-bottom: 1px solid;
      border-image: linear-gradient(90deg, rgba(25, 162, 255, 0) 10%, rgba(20, 125, 202, 1) 50%, rgba(25, 162, 255, 0) 90%)
         2 2 2 2;
   }
   .el-table .success-row {
      --el-table-tr-bg-color: #0b1d38;
   }
   .el-table .success-row::after {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      border-bottom: 1px solid;

   border-image: linear-gradient(90deg, rgba(25, 162, 255, 0) 10%, rgba(20, 125, 202, 1) 79%, rgba(25, 162, 255, 0) 90%)
      2 2 2 2;
}
.el-scrollbar__thumb {
   background: #13c6ff !important;
      border-image: linear-gradient(90deg, rgba(25, 162, 255, 0) 10%, rgba(20, 125, 202, 1) 79%, rgba(25, 162, 255, 0) 90%)
         2 2 2 2;
   }
   .el-scrollbar__thumb {
      background: #13c6ff !important;
   }
}
</style>