样式

shuishen

2023-02-14 d6250aa31164d250ada45b93d16e86aa9dcf5eb5

样式

 src/styles/media/index.scss

@@ -1,4 +1,4 @@
@media screen and (min-width: 1920px) {
@media screen and (max-height: 9000px) {

    html,
    body {
@@ -2529,107 +2529,6 @@

        .el-table__body-wrapper {
            height: calc(100% - countSizeVh(36)) !important;
        }
    }

}

@media screen and (max-height: 975px) {
    .left-container {
        .mypath {
            transform-origin: top;
            transform: scale(1.1, 1);
        }
    }
}

@media screen and (min-width: 7296px) {

    html,
    body {
        font-size: countSizeVh(16) !important;

        #app {

            .wrapper {
                width: 100vw;
                height: 100%;

                .main-header {
                    width: 100vw;
                    height: maxCountSizeVh(60);

                    .user-infor {
                        width: maxCountSizeVh(60);
                        height: maxCountSizeVh(60);
                        line-height: maxCountSizeVh(60);
                        font-size: 2.16vh;
                    }
                }

                .main-content {

                    .left-container,
                    .right-container {
                        top: maxCountSizeVh(60);
                        width: countSizeVw(1520, 7296);
                        height: calc(100% - maxCountSizeVh(60));

                        .person-box,
                        .land-box,
                        .case-box,
                        .crowd-box {
                            height: maxCountSizeVh(320);
                        }


                        .person-box,
                        .house-box,
                        .land-box,
                        .case-box,
                        .alert-box,
                        .crowd-box {


                            .title {
                                height: 17.6%;
                            }

                            .sub-title {
                                line-height: maxCountSizeVh(36);
                            }

                            .sub-tab {
                                padding: maxCountSizeVh(10);

                                .tab {

                                    &>div {
                                        height: maxCountSizeVh(22);
                                        line-height: maxCountSizeVh(22);
                                    }
                                }
                            }
                        }

                        .person-box {
                            .back {
                                top: maxCountSizeVh(102);
                            }
                        }
                    }

                    .bottom-container {
                        left: countSizeVw(1520, 7296);
                        width: calc(100% - countSizeVw(1520, 7296) * 2);
                        height: calc((100% - maxCountSizeVh(60)) / 3);
                    }

                    .region-select {
                        top: maxCountSizeVh(80);
                    }
                }
            }
        }
    }


 src/views/activity/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-13 10:11:42
 * @LastEditTime: 2023-02-14 11:57:53
 * @FilePath: \srs-police-affairs\src\views\activity\index.vue
 * @Description: 安保活动
 *
@@ -1228,6 +1228,15 @@
                layerName: 'newDrawLayers',
                type: 'VectorLayer'
            })

            // if (item.activityArea && item.activityArea.length > 0) {
            //     this.$EventBus.$emit('layerPolygonAdd', {
            //         layerName: 'polygonLayer',
            //         positions: dataStr,
            //         material: positionColor[index],
            //     })
            // }

            this.getSecurityPoliceList(item.id, this.policeSwitch)
            this.getSecurityCarList(item.id, this.policeSwitch, this.polylineBtnSwitch)
            this.getSecurityPlotList(item.id, this.arrowBtnSwitch)