1

guanqb

2022-12-01 03b1c0e91010dbf52e684d15b78c34fdbfeb541c

1

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

@@ -1,17 +1,21 @@
// 表格  el-table!
// ------------------------------------------------------------------
.el-table tr th {
    background: rgb(1, 76, 137) !important;
    // background: rgb(1, 76, 137) !important;
    background: rgba(7, 67, 220, 1)!important;
    color: #fff !important;
}

.el-table tr:nth-child(2n) {
    background: rgba(20, 50, 123, 1.0);
    // background: rgba(20, 50, 123, 1.0);
    background: rgba(7, 67, 220, 0.45);
    color: #fff !important;
}

.el-table tr:nth-child(2n-1) {
    background: rgba(29, 38, 105, 1.0);
    // background: rgba(29, 38, 105, 1.0);
    background: rgba(7, 67, 220, 0.6);

    color: #fff;
}


 src/views/activity/index.vue

@@ -96,13 +96,22 @@
                    <button @click="draw('billboard')">图标点</button>
                </li>-->
                <li>
                    <button @click="draw('billboard')">警员</button>
                    <button @click="draw('billboard','policeman')">警员</button>
                </li>
                <li>
                    <button @click="draw('polyline')">路线</button>
                    <button @click="draw('polyline','policeman')">警员路线</button>
                </li>
                <li>
                    <button @click="draw('polygon')">范围</button>
                    <button @click="draw('polygon','policeman')">警员范围</button>
                </li>
                <li>
                    <button @click="draw('billboard','policecar')">警车</button>
                </li>
                <li>
                    <button @click="draw('polyline','policecar')">警车路线</button>
                </li>
                <li>
                    <button @click="draw('polygon','policecar')">警车范围</button>
                </li>
                <!-- <li>
                    <button @click="draw('circle')">圆</button>
@@ -784,14 +793,16 @@
        },

        // 地图元素绘制
        draw (type) {
        draw (poltType, policeType) {
            let flag = false
            const that = this
            this.policeType = ''
            plot && plot.draw(type, overlay => {
            plot && plot.draw(poltType, overlay => {

                if (type == 'billboard') {
                if (poltType == 'billboard' && policeType == 'policeman') {
                    overlay.icon = '/img/policeIcon.png'
                } else if (poltType == 'billboard' && policeType == 'policecar') {
                    overlay.icon = '/img/policeCar.png'
                }

                if (overlay) {
@@ -800,7 +811,7 @@
                    plot.edit(overlay, (e) => {
                        flag = true
                        overlay.on(global.DC.MouseEventType.CLICK, this.overlayTypeClick)
                        overlay.drawType = type
                        overlay.drawType = poltType
                        this.overlayObj = overlay
                        document.oncontextmenu = function () {
                            if (flag == true) {

 src/views/home/components/bottomContainer.vue

@@ -3,18 +3,34 @@
        <div class="header">
            <div class="bottom-title">警情动态</div>
            <div class="history-tab">
                <span class="beforetime" :class="{ choosed: historytype == 0 }" @click="historyTabClick(0)">实时</span>
                <span class="beforetime" :class="{ choosed: historytype == 1 }" @click="historyTabClick(1)">历史</span>
                <span
                    class="beforetime"
                    :class="{ choosed: historytype == 0 }"
                    @click="historyTabClick(0)"
                >实时</span>
                <span
                    class="beforetime"
                    :class="{ choosed: historytype == 1 }"
                    @click="historyTabClick(1)"
                >历史</span>
            </div>
            <div class="timeTab" v-show="historytype">
                <span class="beforetime" :class="{ choosed: timetype == 0 }" @click="timeTabClick(0)">周</span>
                <span class="beforetime" :class="{ choosed: timetype == 1 }" @click="timeTabClick(1)">月</span>
                <span
                    class="beforetime"
                    :class="{ choosed: timetype == 0 }"
                    @click="timeTabClick(0)"
                >周</span>
                <span
                    class="beforetime"
                    :class="{ choosed: timetype == 1 }"
                    @click="timeTabClick(1)"
                >月</span>
            </div>
        </div>

        <div class="body" ref="tableBox" @click="handleSelectClick($event)">
            <ul>
                <li style="color: #fff; background: rgb(1, 76, 137);">
                <li style="color: #fff; background: rgba(7, 67, 220, 0.2);">
                    <span class="num">序号</span>
                    <span class="type">警情类别</span>
                    <span class="dealTime">接警时间</span>
@@ -26,11 +42,17 @@
                    <span class="callContent">报警内容</span>
                </li>
            </ul>
            <vue-seamless-scroll :data="historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr"
                class="warp">
            <vue-seamless-scroll
                :data="historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr"
                class="warp"
            >
                <ul class="item">
                    <li v-for="(item, index) in (historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr)"
                        :key="index" :data-obj="JSON.stringify(item)" class="row">
                    <li
                        v-for="(item, index) in (historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr)"
                        :key="index"
                        :data-obj="JSON.stringify(item)"
                        class="row"
                    >
                        <!-- <span class="num" v-text="item.num"></span> -->
                        <span class="num" v-text="index + 1"></span>
                        <span class="type" v-text="item.type"></span>
@@ -236,7 +258,7 @@
            }

            .beforetime {
                color: #99CCCC;
                color: #99cccc;
                cursor: pointer;
            }

@@ -262,7 +284,7 @@
            }

            .beforetime {
                color: #99CCCC;
                color: #99cccc;
                cursor: pointer;
            }

@@ -332,12 +354,16 @@
            }

            li:nth-child(2n) {
                background: rgba(20, 50, 123, 1);
                // background: rgba(20, 50, 123, 1);
                background: rgba(7, 67, 220, 0.2);

                color: #fff !important;
            }

            li:nth-child(2n-1) {
                background: rgba(29, 38, 105, 1);
                // background: rgba(29, 38, 105, 1);
                background: rgba(7, 67, 220, 0.2);

                color: #fff;
            }
        }