| | |
| | | } |
| | | } |
| | | |
| | | .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; |
| | |
| | | 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; |
| | |
| | | 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; |
| | |
| | | } |
| | | } |
| | | |
| | | .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 { |