shuishen
2023-01-07 3a5936e63c27b9a5364879b84dd498db4d73c0fb
Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/srs-police-affairs
7 files modified
3 files added
169 ■■■■■ changed files
public/img/icon/arrow.png patch | view | raw | blame | history
public/img/icon/del.png patch | view | raw | blame | history
public/img/icon/route1.png patch | view | raw | blame | history
src/api/police/index.js 6 ●●●●● patch | view | raw | blame | history
src/router/axios.js 4 ●●●● patch | view | raw | blame | history
src/views/activity/index.vue 28 ●●●●● patch | view | raw | blame | history
src/views/home/components/leftContainer.vue 57 ●●●● patch | view | raw | blame | history
src/views/house/index.vue 1 ●●●● patch | view | raw | blame | history
src/views/layout/index.vue 71 ●●●●● patch | view | raw | blame | history
src/views/police/index.vue 2 ●●● patch | view | raw | blame | history
public/img/icon/arrow.png
public/img/icon/del.png
public/img/icon/route1.png
src/api/police/index.js
@@ -17,8 +17,10 @@
 */
export const getHistoricalTrack = (params, requestBaseUrl = 'outside') => {
    return request({
        // 平台ID在这里更换,不要传了
        url: `/position/history/36110000002009999000`,
        // 平台ID在这里更换,不要传了内网使用
        // url: `/position/history/36110000002009999000`,
        // 开发使用
        url: `/position/history/34020000001320000001`,
        method: 'get',
        requestBaseUrl,
        params: params
src/router/axios.js
@@ -46,8 +46,8 @@
            // config.baseURL = "http://192.168.0.129:18185/api"
        } else if (config.requestBaseUrl == "fengt") {
            // feng tu 数据
            config.baseURL = "http://10.141.11.11:18080"
            // config.baseURL = "http://192.168.0.112:18080"
            // config.baseURL = "http://10.141.11.11:18080"
            config.baseURL = "http://192.168.0.112:18080"
        } else if (config.requestBaseUrl == "fengtDS") {
            config.baseURL = "http://192.168.0.112:9091"
        }
src/views/activity/index.vue
@@ -128,7 +128,7 @@
                <ul>
                    <li>
                        <button @click="draw('billboard', 'policeman')">
                        <button @click="draw('billboard', 'policeman')" title="警员">
                            <img
                                src="../../../public/img/icon/police-people-btn.png"
                                style="height:100%"
@@ -136,7 +136,7 @@
                        </button>
                    </li>
                    <li>
                        <button @click="draw('billboard', 'policecar')">
                        <button @click="draw('billboard', 'policecar')" title="警车">
                            <img src="../../../public/img/icon/car-btn.png" style="height:100%" />
                        </button>
                    </li>
@@ -150,19 +150,27 @@
                <ul>
                    <li>
                        <button @click="drawArrow('attack_arrow')">进攻箭头</button>
                        <button @click="drawArrow('attack_arrow')" title="进攻箭头">进攻箭头</button>
                    </li>
                    <li>
                        <button @click="drawArrow('double_arrow')">双箭头</button>
                        <button @click="drawArrow('double_arrow')" title="双箭头">双箭头</button>
                    </li>
                    <li>
                        <button @click="drawArrow('fine_arrow')">直箭头</button>
                        <button @click="drawArrow('fine_arrow')" title="直箭头">
                            <img src="../../../public/img/icon/arrow.png" style="height:100%" />
                        </button>
                    </li>
                    <li>
                        <button @click="drawArrow('tailed_attack_arrow')">燕尾箭头</button>
                        <button @click="drawArrow('tailed_attack_arrow')" title="燕尾箭头">燕尾箭头</button>
                    </li>
                    <li>
                        <button @click="removeAllArrow()">清除</button>
                        <button @click="removeAllArrow()">
                            <img
                                src="../../../public/img/icon/del.png"
                                style="height:100%"
                                title="清除"
                            />
                        </button>
                    </li>
                </ul>
            </div>
@@ -175,7 +183,9 @@
                            @click="draw('billboard', 'policeman')"
                            icon="el-icon-my-route"
                        ></el-button>-->
                        <button @click="draw('polyline', 'policecar')">巡逻路线</button>
                        <button @click="draw('polyline', 'policecar')" title="撤离路线">
                            <img src="../../../public/img/icon/route1.png" style="height:100%" />
                        </button>
                    </li>
                </ul>
            </div>
@@ -270,7 +280,7 @@
        <div class="plan-control" v-show="dialogVisible">
            <div class="row-box">
                <div class="category">应急预案:</div>
                <div class="category">警力资源:</div>
                <div class="category-value">
                    <el-switch
                        v-model="polylineSwitch"
src/views/home/components/leftContainer.vue
@@ -341,7 +341,7 @@
        initPersonEcharts () {
            var chartDom = document.getElementById('PersonEcharts')
            homePersonmyChart = this.$echarts.init(chartDom)
            homePersonmyChart.setOption(this.initPersonOptions(['车站所', '沙溪所', '灵溪所', '北门所', '江光所'], [881, 2211, 6414, 4321, 1232], ['#06B5D7', '#44C0C1', '#71C8B1']))
            homePersonmyChart.setOption(this.initPersonOptions(['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所'], [881, 2211, 6414, 4321, 1232, 881, 2211, 6414, 4321, 1232], ['#06B5D7', '#44C0C1', '#71C8B1']))
        },
        initPersonOptions (xDate, yDate, colors) {
@@ -360,6 +360,7 @@
                    axisLabel: {
                        color: "#fff",
                        interval: 0,
                        rotate: 45,
                        fontSize: fontSize(14)
                    },
                    axisLine: {
@@ -431,8 +432,8 @@
                this.initPersonEcharts()
                homePersonmyChart.off('click')
                this.clickPeopleChart()
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所']
                yDate = [881, 2211, 6414, 4321, 1232]
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所']
                yDate = [881, 2211, 6414, 4321, 1232, 881, 2211, 6414, 4321, 1232]
                colors = ['#06B5D7', '#44C0C1', '#71C8B1']
                homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate, colors), true)
            } else if (type == 1) {
@@ -443,7 +444,7 @@
        inithouseEcharts () {
            var chartDom = document.getElementById('houseEcharts')
            houseMyChart = this.$echarts.init(chartDom)
            houseMyChart.setOption(this.initHouseOptions(['商业房屋', '居民住宅', '公共用房', '文化场所', '政府建筑'], [88188, 1222211, 464104, 43201, 12302], [{ 'value': 1222211, 'realValue': 88188 }, { 'value': 1222211, 'realValue': 1222211 }, { 'value': 1222211, 'realValue': 464104 }, { 'value': 1222211, 'realValue': 43201 }, { 'value': 1222211, 'realValue': 12302 }]))
            houseMyChart.setOption(this.initHouseOptions(['公共设施', '餐饮服务', '风景名胜', '公司企业', '购物服务', '商务住宅', '生活服务', '住宿服务', '政府机构'], [88188, 1222211, 464104, 43201, 12302, 88188, 1222211, 464104, 43201, 12302], [{ 'value': 1222211, 'realValue': 88188 }, { 'value': 1222211, 'realValue': 1222211 }, { 'value': 1222211, 'realValue': 464104 }, { 'value': 1222211, 'realValue': 43201 }, { 'value': 1222211, 'realValue': 12302 }]))
        },
        initHouseOptions (xDate, y1Date, y2Date) {
@@ -500,6 +501,7 @@
                    {
                        data: y1Date,
                        type: 'bar',
                        barWidth: '24%',
                        zlevel: 2,
                        itemStyle: {
                            normal: {
@@ -511,19 +513,19 @@
                            }
                        },
                    },
                    {
                        data: y2Date,
                        show: true,
                        type: 'bar',
                        barGap: '-100%',
                        barWidth: '35%', //统计条宽度
                        itemStyle: {
                            normal: {
                                color: 'rgba(102, 102, 102,0.5)'
                            },
                        },
                        z: 1,
                    }
                    // {
                    //     data: y2Date,
                    //     show: true,
                    //     type: 'bar',
                    //     barGap: '-100%',
                    //     barWidth: '35%', //统计条宽度
                    //     itemStyle: {
                    //         normal: {
                    //             color: 'rgba(102, 102, 102,0.5)'
                    //         },
                    //     },
                    //     z: 1,
                    // }
                ],
                grid: {
                    top: '2%',
@@ -542,12 +544,12 @@
            let xDate, y1Date, y2Date
            if (type == 0) {
                xDate = ['商业房屋', '居民住宅', '公共用房', '文化场所', '政府建筑']
                y1Date = [88188, 1222211, 464104, 43201, 12302]
                xDate = ['公共设施', '餐饮服务', '风景名胜', '公司企业', '购物服务', '商务住宅', '生活服务', '住宿服务', '政府机构']
                y1Date = [88188, 1222211, 464104, 43201, 12302, 88188, 1222211, 464104, 43201, 12302]
                y2Date = [{ 'value': 1222211, 'realValue': 88188 }, { 'value': 1222211, 'realValue': 1222211 }, { 'value': 1222211, 'realValue': 464104 }, { 'value': 1222211, 'realValue': 43201 }, { 'value': 1222211, 'realValue': 12302 }]
            } else {
                xDate = ['公共场所', '学校教培', '机动车维修', '娱乐场所', '寄递业']
                y1Date = [54, 77, 97, 141, 191]
                xDate = ['道路附属设施', '地名地址信息', '交通设施服务', '金融保险服务', '科教文化服务', '摩托车服务', '汽车服务', '通行设施']
                y1Date = [54, 77, 97, 141, 191, 54, 77, 97, 141, 191]
                y2Date = [{ 'value': 191, 'realValue': 54 }, { 'value': 191, 'realValue': 77 }, { 'value': 191, 'realValue': 97 }, { 'value': 191, 'realValue': 141 }, { 'value': 191, 'realValue': 191 }]
            }
            houseMyChart.setOption(this.initHouseOptions(xDate, y1Date, y2Date), true)
@@ -607,7 +609,6 @@
                        data: yDate,
                        type: 'bar',
                        barWidth: '24%',
                        barCategoryGap: '10%',
                        itemStyle: {
                            normal: {
                                barBorderRadius: [30, 30, 0, 0],
@@ -652,11 +653,11 @@
            let xDate, yDate
            if (type == 0) {
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所']
                yDate = [6414, 2211, 4321, 1232, 881]
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所']
                yDate = [6414, 2211, 4321, 1232, 881, 6414, 2211, 4321, 1232, 881]
            } else if (type == 1) {
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所']
                yDate = [881, 2211, 6414, 4321, 1232]
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所']
                yDate = [881, 2211, 6414, 4321, 1232, 6414, 2211, 4321, 1232, 881]
            }
            landMyChart.setOption(this.initLandOptions(xDate, yDate), true)
@@ -917,8 +918,8 @@
            this.dataDeep = 1
            let xDate, yDate, colors
            if (this.tabType == 0) {
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所']
                yDate = [881, 2211, 6414, 4321, 1232]
                xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所']
                yDate = [881, 2211, 6414, 4321, 1232, 881, 2211, 6414, 4321, 1232]
                colors = ['#06B5D7', '#44C0C1', '#71C8B1']
            } else if (this.tabType == 1) {
                xDate = ['湖北', '上海', '北京', '广东', '浙江']
src/views/house/index.vue
@@ -765,6 +765,7 @@
            parkingLotData: [],
            comeOutData: [],
            businessData: [],
            keyPersonTitle: '人员详情',
            keyPersonVisible: false,
            keyPersonDetailArr: [
                {
src/views/layout/index.vue
@@ -12,13 +12,21 @@
    <div class="wrapper">
        <div class="main-header">
            <div class="menu-list left">
                <div @mouseenter="item.childrenFlag = true" @mouseleave="item.childrenFlag = false" class="nav-list"
                    @click="goToPath(item)" v-for="(item, index) in menuLeftList" :key="index">
                <div
                    @mouseenter="item.childrenFlag = true"
                    @mouseleave="item.childrenFlag = false"
                    class="nav-list"
                    @click="goToPath(item)"
                    v-for="(item, index) in menuLeftList"
                    :key="index"
                >
                    <span :class="{ on: currentUrl.indexOf(item.path) != -1 }">{{ item.menuName }}</span>
                    <div class="sub-nav-list" v-show="item.children && item.childrenFlag">
                        <div v-for="(subItem, subIndex) in item.children" :key="subIndex" @click="goToPath(subItem)">
                            {{ subItem.menuName }}
                        </div>
                        <div
                            v-for="(subItem, subIndex) in item.children"
                            :key="subIndex"
                            @click="goToPath(subItem)"
                        >{{ subItem.menuName }}</div>
                    </div>
                </div>
            </div>
@@ -29,13 +37,21 @@
            <!-- 菜单导航 -->
            <div class="menu-list right">
                <div @mouseenter="item.childrenFlag = true" @mouseleave="item.childrenFlag = false" class="nav-list"
                    @click="goToPath(item)" v-for="(item, index) in menuRightList" :key="index">
                <div
                    @mouseenter="item.childrenFlag = true"
                    @mouseleave="item.childrenFlag = false"
                    class="nav-list"
                    @click="goToPath(item)"
                    v-for="(item, index) in menuRightList"
                    :key="index"
                >
                    <span :class="{ on: currentUrl.indexOf(item.path) != -1 }">{{ item.menuName }}</span>
                    <div class="sub-nav-list" v-show="item.children && item.childrenFlag">
                        <div v-for="(subItem, subIndex) in item.children" :key="subIndex" @click="goToPath(subItem)">
                            {{ subItem.menuName }}
                        </div>
                        <div
                            v-for="(subItem, subIndex) in item.children"
                            :key="subIndex"
                            @click="goToPath(subItem)"
                        >{{ subItem.menuName }}</div>
                    </div>
                </div>
            </div>
@@ -74,15 +90,25 @@
            <!-- 地图区域 -->
            <map-box ref="modalForm">
                <!-- 主体内容区域 -->
                <div slot="mainContent" class="main-content" id="MainContent"
                    :class="{ 'spread': leftShow && show, 'take-back': leftShow && !show }">
                <div
                    slot="mainContent"
                    class="main-content"
                    id="MainContent"
                    :class="{ 'spread': leftShow && show, 'take-back': leftShow && !show }"
                >
                    <router-view ref="target-name"></router-view>
                </div>
                <el-button slot="showButton" v-show="leftShow" class="flexible-btn"
                <el-button
                    slot="showButton"
                    v-show="leftShow"
                    class="flexible-btn"
                    :class="{ 'spread': leftShow && show, 'take-back': leftShow && !show }"
                    :icon="show ? 'el-icon-arrow-left' : 'el-icon-arrow-right'" id="FlexibleBtn" type="primary"
                    @click="flexibelClick"></el-button>
                    :icon="show ? 'el-icon-arrow-left' : 'el-icon-arrow-right'"
                    id="FlexibleBtn"
                    type="primary"
                    @click="flexibelClick"
                ></el-button>
            </map-box>
        </div>
    </div>
@@ -119,7 +145,7 @@
                            path: '/layout/video/list'
                        },
                        {
                            menuName: '范围查询',
                            menuName: '视频巡查',
                            path: '/layout/video/region'
                        }
                    ]
@@ -310,7 +336,7 @@
            overflow: hidden;
            letter-spacing: 6px;
            &>img {
            & > img {
                // width: 100%;
                height: 80%;
                margin: 0 10px 0 10px;
@@ -326,7 +352,7 @@
                // border-radius: 10px 16px 10px 16px;
                transform: skew(58deg);
                &>span {
                & > span {
                    transform: skew(-58deg);
                }
            }
@@ -340,7 +366,7 @@
                // border-radius: 16px 10px 16px 10px;
                transform: skew(-58deg);
                &>span {
                & > span {
                    transform: skew(58deg);
                }
            }
@@ -350,11 +376,10 @@
            display: flex;
            align-items: center;
            &>.nav-list {
            & > .nav-list {
                // color: rgba(32, 106, 181, 1);
                // border-bottom: 2px solid #409eff;
                &>span.on {
                & > span.on {
                    color: rgba(252, 189, 86, 1);
                }
            }
@@ -483,7 +508,7 @@
                    justify-content: space-around;
                    padding-top: 4px;
                    &>div {
                    & > div {
                        width: 100px;
                        height: 40px;
                        background-color: rgba(168, 222, 255, 0.6);
src/views/police/index.vue
@@ -12,7 +12,7 @@
<template>
    <div class="police-page container">
        <div v-show="boxShow" class="container-content">
            <div class="switch-box">
            <div class="switch-box" v-show="!detailFlag">
                资源类别:
                <el-select
                    v-model="typeValue"