吉安感知网项目-前端
shuishen
2026-02-04 ae7357397ff1a503bc46fd8e38f6749e4225ec07
applications/mobile-web-view/src/styles/element-ui.scss
@@ -874,242 +874,6 @@
   }
}
.territory-dialog-popup {
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 0;
   min-height: 260px;
   background: #0f1d33;
   box-shadow: inset 0px -50px 50px 0px rgba(27, 148, 255, 0.13);
   border-radius: 50px 0px 0px 0px;
   border: 2px solid;
   border-image: linear-gradient(
         180deg,
         rgba(81, 168, 255, 0),
         rgba(48, 111, 202, 1),
         rgba(255, 255, 255, 1),
         rgba(27, 148, 255, 1)
      )
      2 2;
   .el-dialog__header {
      display: none;
   }
   .dialog-header {
      width: 100%;
      height: 60px;
      background: url("@/assets/images/task/t-header.png") center center no-repeat;
      background-size: 100% 100%;
      color: #fff;
      display: flex;
      align-items: center;
      .title-img {
         margin-left: 30px;
      }
      .close {
         position: absolute;
         right: 20px;
         cursor: pointer;
      }
      .dialog-title {
         font-size: 24px;
         margin-left: 8px;
         font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
         text-shadow: 0px 4px 1px rgba(19, 80, 143, 0.66), 0px 0px 18px rgba(130, 165, 255, 0.4),
            inset 0px 0px 2px rgba(255, 255, 255, 0.8);
         background: linear-gradient(180deg, #ffffff 23%, #e9f8ff 46%, #77baff 76%);
         -webkit-background-clip: text;
         color: transparent;
         background-clip: text;
      }
   }
   .dialog-content {
      padding: 20px;
      .flexs {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
         .el-form-item {
            width: 50%;
            padding: 0px 10px;
         }
      }
      .multiplePhoto {
         display: flex;
         .el-form-item {
            flex: 1;
            padding: 0px 10px;
         }
         .addDel {
            display: flex;
            align-items: end;
            padding-bottom: 22px;
            width: 80px;
            img {
               height: 25px;
               width: 25px;
               margin: 0px 5px;
            }
         }
      }
      .el-form-item {
         .el-form-item__label {
            color: #ffffff;
            font-size: 17px;
            font-weight: bold;
         }
         .el-input-number {
            width: 100%;
            input {
               text-align: left;
            }
            &__decrease,
            &__increase {
               background-color: transparent;
               color: #c0c4cc;
            }
         }
         .el-input {
            width: 100%;
         }
         ::-webkit-input-placeholder {
            font-size: 14px;
         }
         .el-select {
            width: 100%;
         }
         .drone-img {
            display: flex;
            justify-content: center;
            img {
               width: 60%;
            }
         }
         .payload-select {
            width: 200px;
            margin: 0 auto;
            border: 1px solid #346994;
            background: url("@/assets/images/newcon_box.png") no-repeat center / 100% 100%;
            .title {
               display: flex;
               align-items: center;
               justify-content: center;
               font-size: 17px;
               span {
                  display: inline-block;
                  width: 7px;
                  height: 7px;
                  border-radius: 50%;
                  background-color: orange;
                  margin-right: 5px;
               }
            }
            .el-select {
               .el-input {
                  input {
                     text-align: center;
                  }
                  .el-input__suffix {
                     display: none;
                  }
               }
            }
         }
      }
      .dialog-btns {
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
         gap: 10px;
         padding: 10px;
         color: #ffffff;
         .btn-item {
            cursor: pointer;
            width: 80px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border: 1px solid #51a8ff;
            color: #8ac3fd;
         }
      }
   }
   .action-list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
   }
   .footer {
      display: flex;
      justify-content: center;
      margin: 30px 0px 10px;
      .el-button {
         background-color: transparent !important;
      }
      .btn-item-cancel {
         width: 96px;
         height: 32px;
         line-height: 32px;
         background: rgba(96, 208, 233, 0.1);
         box-shadow: inset 0px -3px 7px 0px rgba(96, 196, 233, 0.52);
         border-radius: 2px 2px 2px 2px;
         border: 1px solid #60d4e9;
         text-align: center;
         cursor: pointer;
         margin-right: 18px;
         color: #ffffff;
      }
      .btn-item-submit {
         width: 96px;
         height: 32px;
         line-height: 32px;
         background: rgba(28, 149, 255, 0.1);
         box-shadow: inset 0px -3px 7px 0px rgba(75, 170, 255, 0.52);
         border-radius: 2px 2px 2px 2px;
         border: 1px solid #39b1fb;
         text-align: center;
         cursor: pointer;
         color: #ffffff;
      }
   }
}
.ztzf-message-box {
   padding: 0;
@@ -1118,7 +882,7 @@
   height: 183px;
   box-shadow: inset 0px -50px 50px 0px rgba(27, 148, 255, 0.13);
   color: #fff;
   background: url("@/assets/images/global/tipsBg.png") no-repeat center / 100% 100%;
   background: url("@/assets/images/tipsBg.png") no-repeat center / 100% 100%;
   .el-message-box__header {
      height: 60px;
@@ -1184,7 +948,7 @@
   height: 183px;
   box-shadow: inset 0px -50px 50px 0px rgba(27, 148, 255, 0.13);
   color: #fff;
   background: url("@/assets/images/global/tipsBg.png") no-repeat center / 100% 100%;
   background: url("@/assets/images/tipsBg.png") no-repeat center / 100% 100%;
   .el-message-box__header {
      height: 60px;
@@ -1244,115 +1008,9 @@
   }
}
.ztzf-message-box-grey {
   padding: 0;
   border: 0;
   width: 356px;
   height: 173px;
   color: #fff;
   background: rgba(0, 0, 0, 0.4);
   backdrop-filter: blur(5px);
   border-radius: 8px 8px 8px 8px;
   .el-message-box__header {
      position: relative;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0 0 20px;
      &:before {
         position: absolute;
         top: 25px;
         content: "";
         display: block;
         width: 324px;
         height: 15px;
         background: url("@/assets/images/taskManagement/taskIntermediateContent/txt-broadcast.png") no-repeat center /
            100% 100%;
      }
   }
   .el-message-box__container {
      padding: 0 10px;
      justify-content: center;
      .el-message-box-icon--warning {
         width: 18px;
         height: 18px;
         background: black;
         background: url("@/assets/images/common/whiteWarning.svg") no-repeat center / 100% 100%;
         svg {
            width: 0;
            height: 0;
            visibility: hidden;
         }
      }
   }
   .el-message-box__headerbtn {
      position: relative;
      width: 50px;
      height: 100%;
   }
   .el-message-box__content {
      margin: 25px 0 15px 0;
   }
   .el-message-box__title {
      padding-left: 20px;
      font-size: 14px;
      display: flex;
      align-items: center;
   }
   .el-message-box__title,
   .el-message-box__close,
   .el-message-box__message {
      color: #fff;
   }
   .el-message-box__btns {
      justify-content: center;
      .el-button {
         color: #ffffff;
         width: 66px;
         height: 32px;
         background: rgba(58, 58, 58, 0.75);
         box-shadow: 0 4px 72px 0 rgba(0, 0, 0, 0.25);
         border-radius: 8px 8px 8px 8px;
         border: 1px solid transparent;
         &:hover {
            color: black;
            background: #ffffff;
         }
      }
      .el-button--primary {
         color: #ffffff;
         width: 66px;
         height: 31px;
         background: #3a3a3a;
         box-shadow: 0 4px 72px 0 rgba(0, 0, 0, 0.25);
         border-radius: 8px 8px 8px 8px;
         border: 1px solid rgba(255, 255, 255, 0.99);
         &:hover {
            color: black;
            background: #ffffff;
         }
      }
   }
}
.ztzf-message-box-height-240 {
   height: 240px;
   background: url("@/assets/images/global/tipsBg_244.png") no-repeat center / 100% 100%;
   background: url("@/assets/images/tipsBg_244.png") no-repeat center / 100% 100%;
}
.showFullScreenDlg {