1

guanqb

2022-12-28 0dc3d54e00c286dc8e4b3a1d69f9d4621834d43a

1

 src/styles/element-ui/element-ui.scss

@@ -141,6 +141,9 @@
    background-color: rgba(9, 53, 182, 0.93) !important;
    color: #fff;
}
.el-date-range-picker.has-sidebar {
    width: 756px!important;
}




 src/styles/media/index.scss

@@ -1877,142 +1877,142 @@
                             margin-top: countSizeVh(40);
                          }
                      }
                      #divFormsDomBox {
                        width: 280px;
                        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;
                    //   #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:first-child {
                    //             width: 100px;
                    //             margin-right: 20px;
                    //         }
                    
                            & > div:nth-of-type(2) {
                                width: calc(100% - 120px);
                            }
                        }
                    //         & > 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 .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-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 .area {
                    //         min-width: 320px;
                    //     }
                    
                        .divForms-wrap {
                            padding: countSizeVh(30);
                        }
                    //     .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-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-t {
                    //         left: countSizeVh(44);
                    //         height: countSizeVh(1);
                    //     }
                    
                        .divForms .b-r {
                            bottom: countSizeVh(44);
                            width: countSizeVh(1);
                        }
                    //     .divForms .b-r {
                    //         bottom: countSizeVh(44);
                    //         width: countSizeVh(1);
                    //     }
                    
                        .divForms .b-l {
                            top: 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 {
                    //         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-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 .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 .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-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 .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 .label-content {
                    //         padding: countSizeVh(4) 0;
                    //     }
                    
                        .divForms .title::before {
                            bottom: -4px;
                            height: countSizeVh(2);
                        }
                    }
                    //     .divForms .title::before {
                    //         bottom: -4px;
                    //         height: countSizeVh(2);
                    //     }
                    // }
                }

                .flexible-btn {
@@ -2215,6 +2215,10 @@
            line-height: countSizeVh(36);
        }

        .el-date-range-picker.has-sidebar {
            width: countSizeVw(756, 1920)!important;
        }

        .el-picker-panel .el-date-range-picker__header button {
            font-size: countSizeVh(16);
            height: countSizeVh(36);
@@ -2227,7 +2231,11 @@
        }

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

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

        .el-picker-panel__sidebar {

 src/views/home/components/leftContainer.vue

@@ -287,7 +287,10 @@
            return {
                tooltip: {
                    trigger: 'item',
                    formatter: ' <span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> {b0}<strong style="margin-left:10px">{c0}人</strong>'
                    formatter: ' <span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> {b0}<strong style="margin-left:10px">{c0}人</strong>',
                    textStyle: {
                        fontSize: fontSize(14)
                    }
                },
                xAxis: {
                    type: 'category',
@@ -398,6 +401,9 @@

                        msg = `${params.marker}${params.name}<strong style="margin-left:10px">${msg}</strong>'`
                        return msg
                    },
                    textStyle: {
                        fontSize: fontSize(14)
                    }
                },
                color: myColor,
@@ -506,6 +512,9 @@
                    trigger: 'item',
                    formatter: params => {
                        return `${params.marker} ${params.name}: ${params.value} 个`
                    },
                    textStyle: {
                        fontSize: fontSize(14)
                    }
                },
                xAxis: {

 src/views/home/components/rightContainer.vue

@@ -205,6 +205,9 @@
                    },
                    backgroundColor: 'rgba(9, 40, 199, 0.9)',
                    borderColor: 'rgba(9, 40, 199, 0.9)',
                    textStyle: {
                        fontSize: fontSize(14)
                    }
                },
                graphic: {
                    type: "text",