地图警情弹窗

guanqb

2022-12-28 c3120e4b2509b56fa7c939b96a067be48b4f927a

地图警情弹窗

 src/styles/media/index.scss

@@ -1944,142 +1944,7 @@
                             margin-top: countSizeVh(40);
                          }
                      }
                    //   #divFormsDomBox {
                    //     width: countSizeVw(280,1920);
                    //     height: countSizeVh(360);
                    //     .title {
                    //         height: countSizeVh(40);
                    //         line-height: countSizeVh(42);
                    //         background-image: linear-gradient(
                    //             135deg,
                    //             transparent countSizeVh(25),
                    //             #29baf1 countSizeVh(25)
                    //         );
                    //         .close {
                    //             right: countSizeVh(5);
                    //             top: countSizeVh(-2);
                    //         }
                    //         .close::before {
                    //             font-size: countSizeVh(16);
                    //         }
                    //     }
                    //     .item {
                    //         width: calc(100% - 20px);
                    //         height: countSizeVh(30);
                    //         line-height: countSizeVh(30);
                    //         margin: 0 10px;
                    
                    //         & > div:first-child {
                    //             width: 100px;
                    //             margin-right: 20px;
                    //         }
                    
                    //         & > div:nth-of-type(2) {
                    //             width: calc(100% - 120px);
                    //         }
                    //     }
             
                    //     .divForms .arrow {
                    //         width: 45px;
                    //         height: countSizeVh(2);
                    //         transform: rotate(-45deg) translate(countSizeVh(5), countSizeVh(-15));
                    //     }
                    
                    //     .divForms-theme .area {
                    //         background-image: linear-gradient(
                    //                 135deg,
                    //                 transparent 30px,
                    //                 #1831a79a 30px,
                    //                 #3f487ba6 50%,
                    //                 transparent 50%
                    //             ),
                    //             linear-gradient(
                    //                 -45deg,
                    //                 transparent 30px,
                    //                 #1831a79a 30px,
                    //                 #3f487ba6 50.1%,
                    //                 transparent 50%
                    //             );
                    //     }
                    
                    //     .divForms .area {
                    //         min-width: 320px;
                    //     }
                    
                    //     .divForms-wrap {
                    //         padding: countSizeVh(30);
                    //     }
                    
                    //     .divForms-theme .b-b,
                    //     .divForms-theme .b-b-r,
                    //     .divForms-theme .b-l,
                    //     .divForms-theme .b-r,
                    //     .divForms-theme .b-t,
                    //     .divForms-theme .b-t-l {
                    //         box-shadow: 0 0 countSizeVh(10) countSizeVh(2) #1831a7;
                    //     }
                    
                    //     .divForms .b-t {
                    //         left: countSizeVh(44);
                    //         height: countSizeVh(1);
                    //     }
                    
                    //     .divForms .b-r {
                    //         bottom: countSizeVh(44);
                    //         width: countSizeVh(1);
                    //     }
                    
                    //     .divForms .b-l {
                    //         top: countSizeVh(44);
                    //         width: countSizeVh(1);
                    //     }
                    
                    //     .divForms .b-b {
                    //         right: countSizeVh(44);
                    //         height: countSizeVh(1);
                    //     }
                    
                    //     .divForms .b-b-r {
                    //         width: countSizeVw(1,1920);
                    //         height: countSizeVh(62);
                    //         transform: rotate(45deg) translate(-52px, 22px);
                    //     }
                    
                    //     .divForms .b-t-l {
                    //         width: countSizeVw(1,1920);
                    //         height: countSizeVh(62);
                    //         transform: rotate(45deg) translate(countSizeVw(52,1920), countSizeVw(-22,1920));
                    //     }
                    
                    //     .divForms .label-wrap {
                    //         padding: 0 countSizeVw(12,1920);
                    //         font-size: countSizeVh(16);
                    //     }
                    
                    //     .divForms-theme .title {
                    //         background-image: linear-gradient(
                    //             135deg,
                    //             transparent countSizeVw(25,1920),
                    //             #1c309e9a countSizeVw(25,1920)
                    //         );
                    //     }
                    
                    //     .divForms .title {
                    //         margin-top: countSizeVh(20);
                    //         padding: 0 countSizeVh(12) 0 countSizeVw(30,1920);
                    //         height: countSizeVh(36);
                    //         line-height: countSizeVh(36);
                    //     }
                    
                    //     .divForms .label-content {
                    //         padding: countSizeVh(4) 0;
                    //     }
                    
                    //     .divForms .title::before {
                    //         bottom: -4px;
                    //         height: countSizeVh(2);
                    //     }
                    // }
                }

                .flexible-btn {
@@ -2253,6 +2118,145 @@
                    }
                }
            }

            #divFormsDomBox {
                width: countSizeVw(280,1920);
                height: countSizeVh(360);
                .title {
                    height: countSizeVh(40);
                    line-height: countSizeVh(42);
                    background-image: linear-gradient(
                        135deg,
                        transparent countSizeVh(25),
                        #29baf1 countSizeVh(25)
                    );
                    .close {
                        right: countSizeVh(5);
                        top: countSizeVh(-2);
                    }
                    .close::before {
                        font-size: countSizeVh(16);
                    }
                }
                .item {
                    width: calc(100% - 20px);
                    height: countSizeVh(30);
                    line-height: countSizeVh(30);
                    margin: 0 countSizeVw(10,1920);
            
                    & > div:first-child {
                        width: countSizeVw(100,1920);
                        margin-right: countSizeVw(20,1920);
                    }
            
                    & > div:nth-of-type(2) {
                        width: calc(100% - countSizeVw(120,1920));
                    }
                }
     
                .divForms .arrow {
                    width: countSizeVw(24,1920);
                    height: countSizeVh(2);
                    transform: rotate(-45deg) translate(countSizeVh(5), countSizeVh(-15));
                }
            
                .divForms-theme .area {
                    background-image: linear-gradient(
                            135deg,
                            transparent countSizeVw(30,1920),
                            #1831a79a countSizeVw(30,1920),
                            #3f487ba6 50%,
                            transparent 50%
                        ),
                        linear-gradient(
                            -45deg,
                            transparent countSizeVw(30,1920),
                            #1831a79a countSizeVw(30,1920),
                            #3f487ba6 50.1%,
                            transparent 50%
                        );
                }
            
                .divForms .area {
                    // min-width: countSizeVw(320,1920);
                    min-width: countSizeVw(260,1920);
                }
            
                .divForms-wrap {
                    padding: countSizeVh(30);
                }
          
            
                .divForms-theme .b-b,
                .divForms-theme .b-b-r,
                .divForms-theme .b-l,
                .divForms-theme .b-r,
                .divForms-theme .b-t,
                .divForms-theme .b-t-l {
                    box-shadow: 0 0 countSizeVh(10) countSizeVh(2) #1831a7;
                }
            
                .divForms .b-t {
                    left: countSizeVh(84);
                    height: countSizeVh(1);
                }
            
                .divForms .b-r {
                    bottom: countSizeVh(84);
                    width: countSizeVh(1);
                }
            
                .divForms .b-l {
                    top: countSizeVh(84);
                    width: countSizeVh(1);
                }
            
                .divForms .b-b {
                    right: countSizeVh(84);
                    height: countSizeVh(1);
                }
            
                .divForms .b-b-r {
                    width: countSizeVw(1,1920);
                    height: countSizeVh(150);
                    transform: rotate(45deg) translate(-52px, 22px);
                }
            
                .divForms .b-t-l {
                    width: countSizeVw(1,1920);
                    height: countSizeVh(62);
                    transform: rotate(45deg) translate(countSizeVw(52,1920), countSizeVw(-22,1920));
                }
            
                .divForms .label-wrap {
                    padding: 0 countSizeVw(12,1920);
                    font-size: countSizeVh(16);
                }
            
                .divForms-theme .title {
                    background-image: linear-gradient(
                        135deg,
                        transparent countSizeVw(25,1920),
                        #1c309e9a countSizeVw(25,1920)
                    );
                }
            
                .divForms .title {
                    margin-top: countSizeVh(20);
                    padding: 0 countSizeVh(12) 0 countSizeVw(30,1920);
                    height: countSizeVh(36);
                    line-height: countSizeVh(36);
                }
            
                .divForms .label-content {
                    padding: countSizeVh(4) 0;
                }
            
                .divForms .title::before {
                    bottom: countSizeVh(-4);
                    height: countSizeVh(2);
                }
            }
        }

        .option-css,
@@ -2303,10 +2307,6 @@

        .el-date-table tr {
            height: countSizeVh(40);
        }

        .el-picker-panel {
            width: 1000px;
        }

        .el-picker-panel__sidebar {