样式调整等

shuishen

2022-12-10 8661fa14f4a1b214ee03b2742cd36c617813f80f

样式调整等

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 17:00:30
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-08 11:22:32
 * @LastEditTime: 2022-12-10 11:07:13
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -160,6 +160,11 @@
                })
            }

            let terrain = global.DC.TerrainFactory.createUrlTerrain({
                url: 'http://data.marsgis.cn/terrain'
            })
            global.viewer.addTerrain(terrain)

            // 天地图 影像
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
@@ -221,6 +226,68 @@
                console.log(e)
            })





            let positions = [[117.951478782, 28.447896798, 0], [117.951469798, 28.447894686, 0], [117.951397357, 28.447698099, 0], [117.951505114, 28.447674695, 0], [117.951485465, 28.447619271, 0], [117.951706955, 28.447558541, 0], [117.951722755, 28.447611995, 0], [117.951834021, 28.447588427, 0], [117.951896863, 28.447789523, 0], [117.951478782, 28.447896798, 0]]

            let MIN_F_H = positions.map(item => {
                item[2] = 70
                return item
            })

            let MAN_F_H = positions.map(item => {
                item[2] = 80
                return item
            })

            // 原生Cesium加载多边体
            let floorEntitysLayers = new global.DC.Namespace.Cesium.CustomDataSource("floorEntitysLayers")
            global.viewer.dataSources.add(floorEntitysLayers)
            let flootEntitysEntites = floorEntitysLayers.entities

            let floorPositions = positions.reduce((prev, curr, index, arr) => {
                curr.forEach(item => {
                    prev.push(item)
                })
                return prev
            }, [])

            flootEntitysEntites.add({
                polygon: {
                    hierarchy: global.DC.Namespace.Cesium.Cartesian3.fromDegreesArrayHeights(floorPositions),
                    heightReference: global.DC.Namespace.Cesium.HeightReference.RELATIVE_TO_GROUND,
                    extrudedHeightReference: global.DC.Namespace.Cesium.HeightReference.RELATIVE_TO_GROUND,
                    height: 70,
                    extrudedHeight: 80,
                    material: global.DC.Namespace.Cesium.Color.RED.withAlpha(0.5),
                }
            })

            // console.log(floorPositions)

            // let floorPositions = MIN_F_H.concat(MAN_F_H)

            // let floorPolygonlayer = new global.DC.VectorLayer('floorPolygonlayer')
            // global.viewer.addLayer(floorPolygonlayer)

            // let floorPolygon = new global.DC.Polygon(
            //     floorPositions
            // )

            // floorPolygon.setStyle({
            //     height: 70,
            //     extrudedHeight: 80,
            //     material: global.DC.Color.GREEN.withAlpha(0.5),
            //     heightReference: 2,
            //     perPositionHeight: true
            // })

            // floorPolygonlayer.addOverlay(floorPolygon)

            // global.viewer.flyTo(floorPolygonlayer)

            global.viewer.flyTo(sqTileset)

            global.viewer.use(new global.DC.Measure())
@@ -238,7 +305,7 @@
        // global.viewer.scene.morphTo2D(1)

        // 清除控制台
        console.clear()
        // console.clear()

        function isEleFullScreen () {
            const fullScreenEle =

 src/styles/base/index.scss

@@ -2,7 +2,7 @@
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-color: rgba(7, 22, 37, 0.8) hsla(0, 0%, 84.7%, 0.2);
    scrollbar-color: rgba(17, 38, 163, 0.5) hsla(0, 0%, 84.7%, 0.2);
    scrollbar-width: thin;
}

@@ -36,7 +36,7 @@
// hsla(0, 0%, 84.7%, 0.6);
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(7, 22, 37, 0.8);
    background-color: rgba(17, 38, 163, 0.5);
    padding-left: 2px;
    padding-right: 2px;
}
@@ -46,7 +46,7 @@
}

::-webkit-scrollbar-thumb:window-inactive {
    background-color: rgba(7, 22, 37, 0.8);
    background-color: rgba(17, 38, 163, 0.5);
}

:not(select)::-webkit-scrollbar {
@@ -54,7 +54,7 @@
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(7, 22, 37, 0.8);
    background-color: rgba(17, 38, 163, 0.5);
}

.car-video-box {
@@ -521,5 +521,5 @@


.select-on-tab {
    box-shadow: 0 0 10px $menu-tab-shadow;
    box-shadow: 0 2px 2px $menu-tab-shadow;
}

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

@@ -1,8 +1,28 @@
// 表格  el-table!
// ------------------------------------------------------------------
.el-table tr th {
    background: $table-header-bg-color !important;
    color: #fff !important;
.el-table,
.el-table__expanded-cell {
    background-color: transparent !important;
}

.el-table,
.el-table__body-wrapper .el-table__empty-block {
    background: transparent !important;

    span {
        color: #fff !important;
    }
}

.el-table thead {
    tr {
        background: transparent !important;

        th {
            background: $table-header-bg-color !important;
            color: #fff !important;
        }
    }
}

.el-table tr:nth-child(2n) {
@@ -38,8 +58,9 @@
    height: 100%;
}

.el-table--enable-row-transition .el-table__body td.el-table__cell,.el-table tr th {
    border: 0!important;
.el-table--enable-row-transition .el-table__body td.el-table__cell,
.el-table tr th {
    border: 0 !important;
}


@@ -359,10 +380,7 @@
    }
}

.el-table,
.el-table__expanded-cell {
    background-color: $table-body-bg-color !important;
}


.tree-search-popup {
    top: 135px !important;

 src/styles/media/index.scss

@@ -87,6 +87,11 @@
                                            height: countSizeVh(22);
                                            line-height: countSizeVh(22);
                                        }

                                        &>div.tab-title-small {
                                            height: maxCountSizeVh(32);
                                            line-height: maxCountSizeVh(32);
                                        }
                                    }
                                }


 src/styles/scssFile.scss

@@ -2,11 +2,14 @@

$bg-color: $bg-one-color;



$tree-search-bg-color: rgba(9, 40, 199, 0.9);

$el-dialog-bg-color: rgba(9, 40, 199, 1);

$select-box-bg-color: rgba(9, 40, 199, 0.8);


$sub-tab-bg-color: linear-gradient(to bottom, rgba(2, 27, 121, .8), rgba(5, 117, 230, .8));

@@ -17,7 +20,7 @@

$menu-tab-bg-color: $bg-one-color;

$menu-tab-shadow: rgba(144, 202, 249, 0.8);
$menu-tab-shadow: rgba(0, 188, 212, 0.884);




 src/views/home/components/leftContainer.vue

@@ -13,57 +13,32 @@
                </div>
            </div>
            <div class="sub-tab" v-show="peopletype == 0">
                <div
                    class="tab3"
                    :class="{ 'select-on-tab': tabType == 0 }"
                    @click="personTabClick(0)"
                >
                <div class="tab3" :class="{ 'select-on-tab': tabType == 0 }" @click="personTabClick(0)">
                    <div class="num">164.57万人</div>
                    <div class="type">户籍人口</div>
                </div>
                <div
                    class="tab3"
                    :class="{ 'select-on-tab': tabType == 1 }"
                    @click="personTabClick(1)"
                >
                <div class="tab3" :class="{ 'select-on-tab': tabType == 1 }" @click="personTabClick(1)">
                    <div class="num">17.52万人</div>
                    <div class="type">流动人口</div>
                </div>
                <div
                    class="tab3"
                    :class="{ 'select-on-tab': tabType == 2 }"
                    @click="personTabClick(2)"
                >
                <div class="tab3" :class="{ 'select-on-tab': tabType == 2 }" @click="personTabClick(2)">
                    <div class="num">91995人</div>
                    <div class="type">境外人口</div>
                </div>
            </div>
            <div id="PersonEcharts" class="echarts-box"></div>
            <div
                class="back"
                title="返回上一级"
                v-show="dataDeep == 2 && peopletype == 0"
                @click="backBegin"
            ></div>
            <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0" @click="backBegin"></div>
        </div>
        <div class="house-box">
            <div class="title">现有房屋</div>
            <div class="sub-tab">
                <div
                    class="tab"
                    :class="{ 'select-on-tab': tabTypeTwo == 0 }"
                    @click="houseTabClick(0)"
                >
                    <div class="num">182万户</div>
                    <div class="num">实有房屋</div>
            <div class="sub-tab ">
                <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 0 }" @click="houseTabClick(0)">
                    <div class="tab-title-small">实有房屋:</div>
                    <div class="tab-title-small">182万户</div>
                </div>
                <div
                    class="tab"
                    :class="{ 'select-on-tab': tabTypeTwo == 1 }"
                    @click="houseTabClick(1)"
                >
                    <div class="num">634个</div>
                    <div class="num">关注场所</div>
                <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 1 }" @click="houseTabClick(1)">
                    <div class="tab-title-small">关注场所:</div>
                    <div class="tab-title-small">634个</div>
                </div>
            </div>
            <div id="houseEcharts" class="echarts-box"></div>
@@ -71,21 +46,13 @@
        <div class="land-box">
            <div class="title">现有地</div>
            <div class="sub-tab">
                <div
                    class="tab"
                    :class="{ 'select-on-tab': tabTypeThree == 0 }"
                    @click="landTabClick(0)"
                >
                    <div class="num">634个</div>
                    <div class="num">小区</div>
                <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 0 }" @click="landTabClick(0)">
                    <div class="tab-title-small">小区:</div>
                    <div class="tab-title-small">634个</div>
                </div>
                <div
                    class="tab"
                    :class="{ 'select-on-tab': tabTypeThree == 1 }"
                    @click="landTabClick(1)"
                >
                    <div class="num">634个</div>
                    <div class="num">责任区</div>
                <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 1 }" @click="landTabClick(1)">
                    <div class="tab-title-small">责任区:</div>
                    <div class="tab-title-small">634个</div>
                </div>
            </div>
            <div id="landEcharts" class="echarts-box"></div>
@@ -971,7 +938,7 @@
                color: #fff;
            }

            & > div:nth-of-type(2) {
            &>div:nth-of-type(2) {
                font-size: 14px;
            }
        }
@@ -994,11 +961,12 @@
                border-radius: 8px;
                cursor: pointer;

                & > div {
                &>div {
                    height: 22px;
                    line-height: 22px;
                }
            }

            .tab {
                display: flex;
                justify-content: space-around;

 src/views/house/1.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-12-08 15:39:19
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-08 15:40:42
 * @LastEditTime: 2022-12-09 10:14:24
 * @FilePath: \srs-police-affairs\src\views\house\1.js
 * @Description: 
 * 
@@ -11,4 +11,6 @@
var geom = "{\"type\":\"Polygon\",\"coordinates\":[[[117.951611255,28.447352784,0],[117.951600551,28.447344222,0],[117.951547986,28.447195694,0],[117.951644553,28.447167745,0],[117.951618108,28.447086296,0],[117.951840968,28.447039435,0],[117.95185813,28.447096389,0],[117.951957911,28.447097034,0],[117.95196294,28.447315995,0],[117.951611255,28.447352784,0]]]}"


console.log(JSON.parse(geom).coordinates)
var geom1 = "{\"type\":\"Polygon\",\"coordinates\":[]}"
var min_height = 31.4
var floor_h = 2.8