首页svg隐藏，配置文件更改，样式调整，视频数量显示

shuishen

2023-03-06 7745f448beac7ed22dcfe9f9b65b44c7c45a3315

首页svg隐藏，配置文件更改，样式调整，视频数量显示

 public/static/config.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-02-21 14:16:56
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-22 11:23:04
 * @LastEditTime: 2023-03-06 10:22:12
 * @FilePath: \srs-police-affairs\public\static\config.js
 * @Description: 
 * 
@@ -29,7 +29,7 @@
    VUE_APP_INTRANET_VIDEO: 'http://10.141.11.11:18185/api',

    // 设备通道号
    VUE_APP_OUTER_NET_EQUIPMENT: '34020000002000000003',
    VUE_APP_OUTER_NET_EQUIPMENT: '36110000002009999000',
    VUE_APP_INTRANET_EQUIPMENT: '36110000002009999000',

    // 模型地址

 src/App.vue

@@ -2,20 +2,17 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 15:58:10
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-11 15:24:58
 * @LastEditTime: 2023-03-06 09:52:30
 * @FilePath: \srs-police-affairs\src\App.vue
 * @Description: app.vue
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
-->
<template>
    <div
        id="app"
        :style="{
    <div id="app" :style="{
        width: (useSceen == true ? currentWidth + 'px' : '100%'),
        height: (useSceen == true ? currentHeight + 'px' : '100%')
    }"
    >
    }">
        <router-view></router-view>
    </div>
</template>
@@ -51,14 +48,21 @@

    created () {
        if (window.screen.availWidth) {
            this.currentWidth = window.screen.width
            this.currentHeight = window.screen.height
            this.currentWidth = window.innerWidth
            this.currentHeight = window.innerHeight
        }

        window.addEventListener('resize', this.setDomStyle)
    },

    methods: {
        getWidth () {
            return this.currentWidth
        },

        setDomStyle () {
            this.currentWidth = window.innerWidth
            this.currentHeight = window.innerHeight
        }
    }
}

 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: 2023-03-02 10:05:29
 * @LastEditTime: 2023-03-06 10:33:11
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -113,7 +113,23 @@
    '31',
    '32',
    '33',
    '34'
    '34',
    '35',
    '36',
    '37',
    '38',
    '39',
    '40',
    '41',
    '42',
    '43',
    '44',
    '45',
    '46',
    '47',
    '48',
    '49',
    '50'
]

var siteEntitylayers = null
@@ -290,11 +306,11 @@
                })
            )

            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: '/sryx/{z}/{x}/{y}.png',
                })
            )
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //         url: '/sryx/{z}/{x}/{y}.png',
            //     })
            // )

            // 设置地图初始位置，角度等
            global.viewer.camera.setView({

 src/views/home/components/bottomContainer.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-01-13 15:52:59
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-24 14:35:04
 * @LastEditTime: 2023-03-06 10:20:32
 * @FilePath: \srs-police-affairs\src\views\home\components\bottomContainer.vue
 * @Description: 
 * 
@@ -113,7 +113,7 @@
            </div>
        </div>

        <svg class="border-svg">
    <!-- <svg class="border-svg">
            <defs>
                <path id="bottom-box-path"
                    d="M0,0c56.33,0,112.67,0,169,0c2.5,4.31,6.95,6.19,11,9c0.67,1,1.33,2,2,3c16.33,0,32.67,0,49,0c55.99,0,112.01,0,168,0c238.64,0,477.36,0,716,0c1.01,1.73,4.64,4.26,5,5c0,20,0,40,0,60c0,49,0,98,0,147c-0.89,1.52,0,19.4,0,25c0,22.33,0,44.67,0,67c-1.43,0.78-4.01,2.77-5,4c-13,0-26,0-39,0c-3-3.33-6-6.67-9-10c-22,0-44,0-66,0c-2.26,3.84-6.72,5.26-8,10c-241.98,0-484.02,0-726,0c-64.33,0-128.67,0-193,0c-17,0-34,0-51,0c-5.68,0-16.19,1.49-20-1c-4.4-2.88-3-12.84-3-20c0-19.33,0-38.67,0-58C0,160.67,0,80.33,0,0z"
@@ -134,7 +134,7 @@
            <use stroke-width="2" xlink:href="#bottom-box-path" mask="url(#border-box-mask)" stroke="#4fd2dd">
                <animate attributeName="stroke-dasharray" from="0, 3220" to="3220, 0" dur="8s" repeatCount="indefinite" />
            </use>
        </svg>
            </svg> -->
    </div>
</template>


 src/views/home/components/leftContainer.vue

@@ -13,11 +13,7 @@
                    </div>-->
                </div>
                <div class="sub-tab" v-show="peopletype == 0">
                    <div
                        class="tab"
                        :class="{ 'select-on-tab': tabType == 0 }"
                        @click="personTabClick(0)"
                    >
                    <div class="tab" :class="{ 'select-on-tab': tabType == 0 }" @click="personTabClick(0)">
                        <div class="tab-title-small">户籍人口:</div>
                        <div class="tab-title-small">
                            {{
@@ -25,11 +21,7 @@
                            }}人
                        </div>
                    </div>
                    <div
                        class="tab"
                        :class="{ 'select-on-tab': tabType == 1 }"
                        @click="personTabClick(1)"
                    >
                    <div class="tab" :class="{ 'select-on-tab': tabType == 1 }" @click="personTabClick(1)">
                        <div class="tab-title-small">重点人员:</div>
                        <div class="tab-title-small">
                            {{
@@ -43,15 +35,11 @@
                    </div>-->
                </div>
                <div id="PersonEcharts" class="echarts-box"></div>
                <div
                    class="back"
                    title="返回上一级"
                    v-show="dataDeep == 2 && peopletype == 0 && showBack"
                    @click="backBegin"
                ></div>
                <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0 && showBack" @click="backBegin">
                </div>
            </div>

            <svg class="border-svg">
            <!-- <svg class="border-svg">
                <defs>
                    <path
                        id="border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
@@ -106,25 +94,17 @@
                        repeatCount="indefinite"
                    />
                </use>
            </svg>
            </svg> -->
        </div>
        <div class="house-box" style="position: relative;">
            <div class="box">
                <div class="title">现有住宅</div>
                <div class="sub-tab">
                    <div
                        class="tab"
                        :class="{ 'select-on-tab': tabTypeTwo == 0 }"
                        @click="houseTabClick(0)"
                    >
                    <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 0 }" @click="houseTabClick(0)">
                        <div class="tab-title-small">实有楼栋:</div>
                        <div class="tab-title-small">{{ realHouseNum?realHouseNum: 0 }}栋</div>
                    </div>
                    <div
                        class="tab"
                        :class="{ 'select-on-tab': tabTypeTwo == 1 }"
                        @click="houseTabClick(1)"
                    >
                    <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 1 }" @click="houseTabClick(1)">
                        <div class="tab-title-small">关注场所:</div>
                        <div class="tab-title-small">{{ keyPlaceNum?keyPlaceNum: 0 }}栋</div>
                    </div>
@@ -132,7 +112,7 @@
                <div id="houseEcharts" class="echarts-box"></div>
            </div>

            <svg class="border-svg">
            <!-- <svg class="border-svg">
                <use
                    stroke-width="2"
                    xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
@@ -147,25 +127,17 @@
                        repeatCount="indefinite"
                    />
                </use>
            </svg>
            </svg> -->
        </div>
        <div class="land-box" style="position: relative;">
            <div class="box">
                <div class="title">现有地</div>
                <div class="sub-tab" v-show="isAllPoliceStation">
                    <div
                        class="tab"
                        :class="{ 'select-on-tab': tabTypeThree == 0 }"
                        @click="landTabClick(0)"
                    >
                    <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 0 }" @click="landTabClick(0)">
                        <div class="tab-title-small">小区:</div>
                        <div class="tab-title-small">{{ villageNum?villageNum: 0 }}个</div>
                    </div>
                    <div
                        class="tab"
                        :class="{ 'select-on-tab': tabTypeThree == 1 }"
                        @click="landTabClick(1)"
                    >
                    <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 1 }" @click="landTabClick(1)">
                        <div class="tab-title-small">责任区:</div>
                        <div class="tab-title-small">{{ areaNum?areaNum: 0 }}个</div>
                    </div>
@@ -180,7 +152,7 @@
                <div id="landEcharts" class="echarts-box"></div>
            </div>

            <svg class="border-svg">
            <!-- <svg class="border-svg">
                <use
                    stroke-width="2"
                    xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
@@ -195,7 +167,7 @@
                        repeatCount="indefinite"
                    />
                </use>
            </svg>
            </svg> -->
        </div>
    </div>
</template>

 src/views/home/components/rightContainer.vue

@@ -1,11 +1,11 @@
<template>
    <div class="container" ref="Container">
        <div class="case-box" ref="caseBox">
            <div class="box">
            <div class="box" ref="caseBoxBox">
                <div class="title" ref="alertBoxTitle">
                    <div>值班信息(当日)</div>
                </div>
                <div class="table-box">
                <div class="table-box" ref="caseTableBox">
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%"
                        :header-cell-style="{ 'text-align': 'center' }"
                        :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
@@ -14,8 +14,9 @@
                        <el-table-column prop="person" label="姓名"></el-table-column>
                        <el-table-column prop="contact" label="联系方式"></el-table-column>
                    </el-table>
                    <div class="pointList">
                        <el-tooltip class="item" effect="dark" :content="item.dept" placement="top" v-for="(item, index) in schedulingDeptList" :key="index">
                    <div class="pointList" ref="casePointListBox">
                        <el-tooltip class="item" effect="dark" :content="item.dept" placement="top"
                            v-for="(item, index) in schedulingDeptList" :key="index">
                            <div class="point"  @click="getSchedlingList(item)">
                            </div>
                        </el-tooltip>
@@ -23,13 +24,13 @@
                </div>
            </div>

            <svg class="border-svg">
            <!-- <svg class="border-svg">
                <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd">
                    <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s"
                        repeatCount="indefinite" />
                </use>
            </svg>
            </svg> -->
        </div>

        <div class="alert-box" ref="alertBox ">
@@ -45,13 +46,13 @@
                <div id="EventChangeEcharts" class="echarts-box"></div>
            </div>

            <svg class="border-svg">
            <!-- <svg class="border-svg">
                <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd">
                    <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s"
                        repeatCount="indefinite" />
                </use>
            </svg>
            </svg> -->
        </div>

        <!-- <div class="alert-box" ref="alertBox">
@@ -94,13 +95,13 @@
                <div style="overflow: hidden;" id="EquipmentEcharts" class="echarts-box"></div>
            </div>

            <svg class="border-svg">
            <!-- <svg class="border-svg">
                <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd">
                    <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s"
                        repeatCount="indefinite" />
                </use>
            </svg>
            </svg> -->
        </div>
    </div>
</template>
@@ -186,7 +187,7 @@

        this.$nextTick(() => {
            window.addEventListener("resize", this.echartsResize)
            this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 86
            this.tableHeight = this.$refs.caseTableBox.offsetHeight - this.$refs.casePointListBox.offsetHeight
        })

    },
@@ -199,7 +200,7 @@
        //获取值班单位信息
        getSchedulingDeptList(){
            getSchedulingDeptList().then((res)=>{
                this.schedulingDeptList = res.data.data;
                this.schedulingDeptList = res.data.data
            })
        },
        // actTabClick (type) {
@@ -242,6 +243,7 @@
        },

        echartsResize() {
            this.tableHeight = this.$refs.caseTableBox.offsetHeight - this.$refs.casePointListBox.offsetHeight
            equipmentmyChart && equipmentmyChart != null && equipmentmyChart.resize()
            eventchangemychart && eventchangemychart != null && eventchangemychart.resize()
        },
@@ -825,14 +827,18 @@
        }

        .table-box {
            padding: 0 12px;
            flex: 1;
            padding: 12px;
            padding-top: 0;
            width: 100%;
            height: calc(100% - 17.6%);

            .pointList{
                width: 100%;
                display: flex;
                justify-content: space-evenly;
                margin-top: 15px;
                align-items: center;
                height: 40px;

                .point{
                    width: 12px;
                    height: 12px;

 src/views/video/list.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-24 13:45:15
 * @LastEditTime: 2023-03-06 10:29:22
 * @FilePath: \srs-police-affairs\src\views\video\list.vue
 * @Description: 辖区管理
 * 
@@ -36,6 +36,14 @@
                                    node.data.name
                                }}
                            </span>

                            &nbsp;

                            <span v-show="node.data.number && node.data.number != -1">
                                ({{
                                    node.data.number
                                }}个)
                            </span>
                        </span>
                    </el-tree>

@@ -48,6 +56,14 @@
                                {{
                                    node.data.name
                                }}
                            </span>

                            &nbsp;

                            <span v-show="node.data.number && node.data.number != -1">
                                ({{
                                    node.data.number
                                }}个)
                            </span>
                        </span>
                    </el-tree>
@@ -88,9 +104,7 @@
            <div class="line">
                <div class="value-name-box">颜色：</div>
                <div class="pick-color-box">
                    <el-color-picker
                     v-model="chooseRangeColor"
                     :predefine="predefineColors" size="small">
                    <el-color-picker v-model="chooseRangeColor" :predefine="predefineColors" size="small">
                   </el-color-picker>
                </div>
                </div>