2

guanqb

2022-10-24 f562983a7390ba15430049a940b39707940b22d4

2

 src/styles/base/index.css

@@ -117,7 +117,7 @@
  display: flex;
  flex-direction: column;
  width: 520px;
  height: 620px;
  height: 560px;
  top: 50%;
  left: 50% !important;
  transform: translate(-50%, -50%);

 src/styles/base/index.min.css

@@ -1 +1 @@
*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:rgba(7,22,37,0.8) rgba(216,216,216,0.2);scrollbar-width:thin}html,body{width:100%;height:100%}ul li{list-style:none}.deblurring{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}::-webkit-scrollbar{width:6px;height:6px;background-color:none}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(7,22,37,0.8);padding-left:2px;padding-right:2px}::-webkit-scrollbar-track{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(7,22,37,0.8)}:not(select)::-webkit-scrollbar{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:hover{background-color:rgba(7,22,37,0.8)}.car-video-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:720px;height:480px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.car-video-box .el-dialog .el-dialog__body{flex:1}.police-affairs-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:540px;height:420px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.police-affairs-details-box .el-dialog .el-dialog__body{flex:1}.resident-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.resident-details-box .el-dialog .el-dialog__body{flex:1}.phone-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;height:220px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.phone-details-box .el-dialog .el-dialog__body{flex:1}.equiment-details-box .el-dialog .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:520px;height:620px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.equiment-details-box .el-dialog .el-dialog .el-dialog__body{flex:1}
*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:rgba(7,22,37,0.8) rgba(216,216,216,0.2);scrollbar-width:thin}html,body{width:100%;height:100%}ul li{list-style:none}.deblurring{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}::-webkit-scrollbar{width:6px;height:6px;background-color:none}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(7,22,37,0.8);padding-left:2px;padding-right:2px}::-webkit-scrollbar-track{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(7,22,37,0.8)}:not(select)::-webkit-scrollbar{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:hover{background-color:rgba(7,22,37,0.8)}.car-video-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:720px;height:480px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.car-video-box .el-dialog .el-dialog__body{flex:1}.police-affairs-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:540px;height:420px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.police-affairs-details-box .el-dialog .el-dialog__body{flex:1}.resident-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.resident-details-box .el-dialog .el-dialog__body{flex:1}.phone-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;height:220px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.phone-details-box .el-dialog .el-dialog__body{flex:1}.equiment-details-box .el-dialog .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:520px;height:560px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.equiment-details-box .el-dialog .el-dialog .el-dialog__body{flex:1}

 src/styles/base/index.scss

@@ -130,7 +130,7 @@
            display: flex;
            flex-direction: column;
            width: 520px;
            height: 620px;
            height: 560px;
            top: 50%;
            left: 50% !important;
            transform: translate(-50%, -50%);

 src/views/home/index.vue

@@ -51,16 +51,16 @@
                <div id="PersonEcharts" class="echarts-box" v-show="peopletype == 0"></div>
                <div class="peopleTable" v-show="peopletype == 1">
                    <el-table
                        :data="acttype == 0 ? underwayArr : historyArr"
                        :data="peopleArr"
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                        :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                        :row-class-name="tableRowClassName"
                    >
                        <el-table-column prop="activityName" label="活动名称" width="100"></el-table-column>
                        <el-table-column prop="startTime" label="开始时间" width="100"></el-table-column>
                        <el-table-column prop="endTime" label="结束时间" width="100"></el-table-column>
                        <el-table-column prop="scale" label="规模"></el-table-column>
                        <el-table-column prop="name" label="姓名" width="100"></el-table-column>
                        <el-table-column prop="sex" label="性别" width="50"></el-table-column>
                        <el-table-column prop="age" label="年龄" width="50"></el-table-column>
                        <el-table-column prop="address" label="地址"></el-table-column>
                    </el-table>
                </div>
            </div>
@@ -495,11 +495,10 @@
                { 'num': '5', 'type': '聚众斗殴', 'comingPhone': '13466669999', 'dealTime': '15H', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手' },
            ],
            peopleArr: [
                { 'num': '1', 'type': '聚众斗殴', 'comingPhone': '13466669999', 'dealTime': '15H', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手' },
                { 'num': '2', 'type': '聚众斗殴', 'comingPhone': '13466669999', 'dealTime': '15H', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手' },
                { 'num': '3', 'type': '聚众斗殴', 'comingPhone': '13466669999', 'dealTime': '15H', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手' },
                { 'num': '4', 'type': '聚众斗殴', 'comingPhone': '13466669999', 'dealTime': '15H', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手' },
                { 'num': '5', 'type': '聚众斗殴', 'comingPhone': '13466669999', 'dealTime': '15H', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手' },
                { 'name': '黄XX', 'sex': '男', 'age': '34', 'address': 'XXXXXXXXX' },
                { 'name': '李某某', 'sex': '女', 'age': '34', 'address': 'XXXXXXXXX' },
                { 'name': '刘AA', 'sex': '女', 'age': '34', 'address': 'XXXXXXXXX' },
                { 'name': '张三', 'sex': '男', 'age': '34', 'address': 'XXXXXXXXX' }
            ],
            policeStationCheckValue: '请选择派出所',
            areaOptionData: [],
@@ -581,10 +580,6 @@
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区2',
@@ -592,33 +587,6 @@
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区3',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                },
                {
                    label: '责任区4',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }]
            }, {
@@ -629,10 +597,6 @@
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区2',
@@ -640,177 +604,6 @@
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区3',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                },
                {
                    label: '责任区4',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }]
            }, {
                label: '灵溪派出所',
                children: [{
                    label: '责任区1',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区2',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区3',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                },
                {
                    label: '责任区4',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }]
            }, {
                label: '北门派出所',
                children: [{
                    label: '责任区1',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区2',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区3',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                },
                {
                    label: '责任区4',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }]
            }, {
                label: '江光派出所',
                children: [{
                    label: '责任区1',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区2',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }, {
                    label: '责任区3',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                },
                {
                    label: '责任区4',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }, {
                        label: '小区3'
                    }, {
                        label: '小区4'
                    }]
                }]
            }],
@@ -1687,7 +1480,6 @@

        clickPeopleChart () {
            homePersonmyChart.on('click', params => {
                console.log('name', params.name)
                let xDate, yDate
                //户籍人口
                if (params.name == '车站派出所') {
@@ -1759,7 +1551,6 @@

        clickEquimentChart () {
            equipmentmyChart.on('click', params => {
                console.log(params.name)
                this.equimentVisible = true
                this.equimentTitle = params.name
                if (params.name == '摄像头') {
@@ -2206,14 +1997,12 @@
    }

    .equimentDetail {
        height: 600px;
        height: 540px;
        width: 100%;
        .left,
        .right {
            width: 50%;
            float: left;
        }

        .left {
            width: 30%;
            float: left;
            height: 100%;
            overflow: scroll;
            overflow-x: hidden !important;
@@ -2235,9 +2024,11 @@
            }
        }
        .right {
            width: 70%;
            float: left;
            .monitor {
                width: 100%;
                height: 300px;
                height: 500px;
                background-color: #fff;
            }
            .others {