shuishen
2022-10-25 34897bb17d4e6886117df0e148c4cf134d71dae1
Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
1 files modified
207 ■■■■ changed files
src/views/home/index.vue 207 ●●●● patch | view | raw | blame | history
src/views/home/index.vue
@@ -397,9 +397,11 @@
                <div class="equimentDetail">
                    <div class="left">
                        <el-tree
                            :data="monitorData"
                            :data="jurisdictionData"
                            :props="defaultProps"
                            @node-click="handleNodeClick"
                            @node-click="jurisdictionNodeClick"
                            ref="tree"
                            node-key="id"
                        ></el-tree>
                    </div>
                    <div class="right">
@@ -416,16 +418,50 @@
                        </div>
                        <div class="others" v-if="othersContent">
                            <el-table
                                :data="acttype == 0 ? underwayArr : historyArr"
                                :data="showArr"
                                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="carID"
                                    label="车牌号"
                                    width="100"
                                    v-if="carArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="carType"
                                    label="车型"
                                    width="100"
                                    v-if="carArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="phoneID"
                                    label="手台号"
                                    width="130"
                                    v-if="phoneArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="phoneType"
                                    label="手台机型"
                                    width="100"
                                    v-if="phoneArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="recorderID"
                                    label="执法记录仪号"
                                    width="130"
                                    v-if="recorderArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="recorderType"
                                    label="记录仪机型"
                                    width="100"
                                    v-if="recorderArrShow"
                                ></el-table-column>
                                <el-table-column prop="policeStation" label="所属派出所" width="100"></el-table-column>
                                <el-table-column prop="area" label="所属责任区"></el-table-column>
                            </el-table>
                        </div>
                    </div>
@@ -603,38 +639,28 @@
            },
            eventTime: '',
            currentTableHeight: 0,
            monitorData: [{
                label: '车站派出所',
            jurisdictionData: [{
                label: '全部',
                id: '1',
                children: [{
                    label: '责任区1',
                    label: '车站派出所',
                    id: '2',
                    children: [{
                        label: '小区1'
                        label: '责任区1',
                        id: '4',
                    }, {
                        label: '小区2'
                        label: '责任区2',
                        id: '5',
                    }]
                }, {
                    label: '责任区2',
                    label: '沙溪派出所',
                    id: '3',
                    children: [{
                        label: '小区1'
                        label: '责任区1',
                        id: '6',
                    }, {
                        label: '小区2'
                    }]
                }]
            }, {
                label: '沙溪派出所',
                children: [{
                    label: '责任区1',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                    }]
                }, {
                    label: '责任区2',
                    children: [{
                        label: '小区1'
                    }, {
                        label: '小区2'
                        label: '责任区2',
                        id: '7',
                    }]
                }]
            }],
@@ -644,6 +670,41 @@
            },
            monitorContent: false,
            othersContent: false,
            carArr: [
                { 'carID': '#11111', 'carType': '大众', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'carID': '#22222', 'carType': '宝马', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'carID': '#33333', 'carType': '奔驰', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'carID': '#44444', 'carType': '红旗', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'carID': '#55555', 'carType': '大众', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'carID': '#66666', 'carType': '宝马', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'carID': '#77777', 'carType': '奔驰', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'carID': '#88888', 'carType': '红旗', 'policeStation': '沙溪派出所', 'area': '责任区2' }
            ],
            phoneArr: [
                { 'phoneID': '188XXX11111', 'phoneType': '魅族', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX22222', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX33333', 'phoneType': '一加', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'phoneID': '188XXX44444', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'phoneID': '188XXX55555', 'phoneType': '三星', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX66666', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX77777', 'phoneType': '小米', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'phoneID': '188XXX88888', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区2' }
            ],
            recorderArr: [
                { 'recorderID': 'ABC111', 'recorderType': '爱国者', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC222', 'recorderType': '百步通', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC333', 'recorderType': '飞利浦', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'recorderID': 'ABC444', 'recorderType': '途强', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'recorderID': 'ABC555', 'recorderType': '执法鹰眼', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC666', 'recorderType': '致业', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC777', 'recorderType': '联想', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'recorderID': 'ABC888', 'recorderType': '高新兴', 'policeStation': '沙溪派出所', 'area': '责任区2' }
            ],
            showArr: [],
            saveArr: [],
            carArrShow: false,
            phoneArrShow: false,
            recorderArrShow: false,
        }
    },
@@ -689,7 +750,6 @@
    },
    updated () {
    },
    methods: {
@@ -1611,12 +1671,29 @@
            equipmentmyChart.on('click', params => {
                this.equimentVisible = true
                this.equimentTitle = params.name
                this.monitorContent = false
                this.othersContent = true
                if (params.name == '摄像头') {
                    this.othersContent = false
                    this.monitorContent = true
                } else {
                    this.monitorContent = false
                    this.othersContent = true
                } else if (params.name == '手台') {
                    this.recorderArrShow = false
                    this.carArrShow = false
                    this.phoneArrShow = true
                    this.saveArr = this.phoneArr
                    this.showArr = this.saveArr
                } else if (params.name == '车辆') {
                    this.recorderArrShow = false
                    this.carArrShow = true
                    this.phoneArrShow = false
                    this.saveArr = this.carArr
                    this.showArr = this.saveArr
                } else if (params.name == '执法记录仪') {
                    this.recorderArrShow = true
                    this.carArrShow = false
                    this.phoneArrShow = false
                    this.saveArr = this.recorderArr
                    this.showArr = this.saveArr
                }
            })
        },
@@ -1655,6 +1732,60 @@
                    divData.scrollTop = 0
                }
            }, 100)
        },
        jurisdictionNodeClick (nodeObj, node, nodeSelf) {
            if (nodeObj.id == 1) {
                this.showArr = this.saveArr
            } else if (nodeObj.id == 2) {
                let arr = []
                this.saveArr.some((item) => {
                    if (item.policeStation == '车站派出所') {
                        arr.push(item)
                    }
                })
                this.showArr = arr
            } else if (nodeObj.id == 3) {
                let arr = []
                this.saveArr.some((item) => {
                    if (item.policeStation == '沙溪派出所') {
                        arr.push(item)
                    }
                })
                this.showArr = arr
            } else if (nodeObj.id == 4) {
                let arr = []
                this.saveArr.some((item) => {
                    if (item.policeStation == '车站派出所' && item.area == "责任区1") {
                        arr.push(item)
                    }
                })
                this.showArr = arr
            } else if (nodeObj.id == 5) {
                let arr = []
                this.saveArr.some((item) => {
                    if (item.policeStation == '车站派出所' && item.area == "责任区2") {
                        arr.push(item)
                    }
                })
                this.showArr = arr
            } else if (nodeObj.id == 6) {
                let arr = []
                this.saveArr.some((item) => {
                    if (item.policeStation == '沙溪派出所' && item.area == "责任区1") {
                        arr.push(item)
                    }
                })
                this.showArr = arr
            } else if (nodeObj.id == 7) {
                let arr = []
                this.saveArr.some((item) => {
                    if (item.policeStation == '沙溪派出所' && item.area == "责任区2") {
                        arr.push(item)
                    }
                })
                this.showArr = arr
            }
        }
    },
@@ -2105,12 +2236,12 @@
            float: left;
            .monitor {
                width: 100%;
                height: 500px;
                height: 540px;
                background-color: #fff;
            }
            .others {
                width: 100%;
                height: 400px;
                height: 540px;
                background-color: red;
            }
        }