活动更改

shuishen

2022-09-22 189bdadab04f9c14f58c5885d5768125c85f20c8

活动更改

 public/img/icon/activity.png

 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: 2022-09-22 11:26:48
 * @LastEditTime: 2022-09-22 14:05:36
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -62,99 +62,7 @@
            searchDetailsShow: false,
            videoExist: true,
            videoTotal: 0,
            carTotal: 0,
            searchList: [
                {
                    "name": "铅山县公安局食品药品与环境犯罪侦查大队",
                    "address": "江西省上饶市铅山县河口镇公安局铅山县公安局食品药品与环境犯罪侦查大队",
                    "adcode": "361124",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "铅山县",
                    "town": "河口镇"
                },
                {
                    "name": "老公安局",
                    "address": "江西省上饶市铅山县河口镇狮江大道老公安局",
                    "adcode": "361124",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "铅山县",
                    "town": "河口镇"
                },
                {
                    "name": "老市公安局",
                    "address": "江西省上饶市信州区东市街道金龙岗路18号老市公安局",
                    "adcode": "361102",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "信州区",
                    "town": "东市街道"
                },
                {
                    "name": "铅山县公安局",
                    "address": "江西省上饶市铅山县永平镇铅山县公安局",
                    "adcode": "361124",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "铅山县",
                    "town": "永平镇"
                },
                {
                    "name": "铅山县森林公安局",
                    "address": "江西省上饶市铅山县河口镇铅山县森林公安局",
                    "adcode": "361124",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "铅山县",
                    "town": "河口镇"
                },
                {
                    "name": "森林公安局",
                    "address": "江西省上饶市信州区灵溪街道森林公安局",
                    "adcode": "361102",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "信州区",
                    "town": "灵溪街道"
                },
                {
                    "name": "上饶市广丰区公安局",
                    "address": "江西省上饶市广丰区永丰街道裕丰大道36号上饶市广丰区公安局",
                    "adcode": "361103",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "广丰区",
                    "town": "永丰街道"
                },
                {
                    "name": "上饶市公安局",
                    "address": "江西省上饶市上饶县罗桥街道广信大道118号上饶市公安局",
                    "adcode": "361121",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "上饶县",
                    "town": "罗桥街道"
                },
                {
                    "name": "广信区公安局",
                    "address": "江西省上饶市上饶县罗桥街道旭日北大道666号广信区公安局",
                    "adcode": "361121",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "上饶县",
                    "town": "罗桥街道"
                },
                {
                    "name": "江西省玉山县公安局",
                    "address": "江西省上饶市玉山县冰溪街道人民大道166号江西省玉山县公安局",
                    "adcode": "361123",
                    "province": "江西省",
                    "city": "上饶市",
                    "district": "玉山县",
                    "town": "冰溪街道"
                }
            ]
            carTotal: 0
        }
    },

@@ -219,7 +127,10 @@

            wall.setStyle({
                material: new global.DC.WallTrailMaterialProperty({
                    color: global.DC.Color.BLUE,
                    color: global.DC.Namespace.Cesium.Color.fromBytes(
                        33, 150, 243,
                        200
                    ),
                    speed: 8
                })
            })

 src/views/activity/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-21 10:03:28
 * @LastEditTime: 2022-09-22 14:50:51
 * @FilePath: \srs-police-affairs\src\views\activity\index.vue
 * @Description: 安保活动
 * 
@@ -51,9 +51,10 @@
                <div class="table-box">
                    <div
                        class="row-box"
                        v-for="(item, index) in 6"
                        :class="{on: currentClickIndex === index}"
                        v-for="(item, index) in activityList"
                        :key="index"
                        @click="goAbDetail"
                        @click="goAbDetail(item, index)"
                    >
                        <div class="row-title">常规安保</div>
                        <div class="row-content">
@@ -73,51 +74,6 @@
                            </div>
                        </div>
                    </div>
                    <el-dialog
                        title="安保活动详情"
                        :visible.sync="dialogVisible"
                        width="25%"
                        height="70%"
                        :before-close="handleClose"
                        custom-class="tan"
                        center="false"
                    >
                        <table border="1" class="tableClass">
                            <tr>
                                <th>活动名称：</th>
                                <td>xxx活动</td>
                            </tr>
                            <tr>
                                <th>活动时间：</th>
                                <td>2022-08-01 00:00:00 至 2022-09-01 00:00:00</td>
                            </tr>
                            <tr>
                                <th>活动内容：</th>
                                <td>(1)在接到停电通知的状况下，管理运作部应事先将停电线路、区域、时光、电梯使用 以及安全防范要求等状况通知每个住户和商户，并在主要出入口发布停电通告；同时， 工程物料部应做好停电前的应变工作。</td>
                            </tr>
                            <tr>
                                <th></th>
                                <td>(2)在没有接到任何通知、突然发生停电的状况下，工程物料部应立即确认是内部故障 停电还是外部停电。若系内部故障停电，应立即派人查找原因采取措施，防止故障扩 大；若系外部停电，一方面要防止突然来电引发事故，一方面致电电力局查询停电状 况，了解何时恢复供电，并将了解的状况通知管理运作部。</td>
                            </tr>
                            <tr>
                                <th></th>
                                <td>(3)保安部立即会同工程物料部派人分头前往各楼检查电梯运行状况，发现电梯关人立 即按照电梯困人应急预案施救。</td>
                            </tr>
                            <tr>
                                <th>撤退路线</th>
                                <td>
                                    <input type="text" />
                                </td>
                            </tr>
                            <tr>
                                <th>设置xx范围：</th>
                                <td>
                                    <input type="text" />
                                </td>
                            </tr>
                        </table>
                        <span slot="footer" class="dialog-footer"></span>
                    </el-dialog>
                </div>

                <el-pagination
@@ -131,6 +87,7 @@
                ></el-pagination>
            </div>
        </div>

        <div class="second-container">
            <el-tree
                :data="treeData"
@@ -139,6 +96,62 @@
                @check="treeCheckClick"
                @node-click="treeNodeClick"
            ></el-tree>
        </div>

        <div v-show="dialogVisible" class="activity-details-box">
            <div class="row-box">
                <div class="category">活动名称：</div>
                <div class="category-value">xxx活动</div>
            </div>

            <div class="row-box">
                <div class="category">活动时间：</div>
                <div class="category-value">2022-08-01 00:00:00 至 2022-09-01 00:00:00</div>
            </div>

            <div class="row-box">
                <div class="category">活动内容1：</div>
                <div
                    class="category-value"
                >在接到停电通知的状况下，管理运作部应事先将停电线路、区域、时光、电梯使用 以及安全防范要求等状况通知每个住户和商户，并在主要出入口发布停电通告；同时， 工程物料部应做好停电前的应变工作。</div>
            </div>

            <div class="row-box">
                <div class="category">活动内容2：</div>
                <div
                    class="category-value"
                >在没有接到任何通知、突然发生停电的状况下，工程物料部应立即确认是内部故障 停电还是外部停电。若系内部故障停电，应立即派人查找原因采取措施，防止故障扩 大；若系外部停电，一方面要防止突然来电引发事故，一方面致电电力局查询停电状 况，了解何时恢复供电，并将了解的状况通知管理运作部。</div>
            </div>

            <div class="row-box">
                <div class="category">活动内容3：</div>
                <div class="category-value">保安部立即会同工程物料部派人分头前往各楼检查电梯运行状况，发现电梯关人立 即按照电梯困人应急预案施救。</div>
            </div>

            <div class="row-box">
                <div class="category">撤离路线：</div>
                <div class="category-value">
                    <el-switch
                        v-model="polylineSwitch"
                        @change="switchChange"
                        active-color="#13ce66"
                        inactive-color="#ccc"
                    ></el-switch>
                </div>
            </div>

            <!-- <div class="row-box">
                <div class="category">分析范围：</div>
                <div class="category-value">
                    <el-input
                        @change="analyseChange"
                        size="mini"
                        type="number"
                        v-model="analyseInput"
                        placeholder="请输入范围"
                    ></el-input>
                </div>
            </div>-->
        </div>
    </div>
</template>
@@ -305,12 +318,62 @@
                label: 'label'
            },
            dialogVisible: false,
            currentClickIndex: '',
            polylineSwitch: false,
            analyseInput: 100,
            activityList: [
                {
                    name: '1号活动点',
                    lng: 116.022874,
                    lat: 28.685070,
                    alt: 100,
                    url: '/img/icon/activity.png'
                },
                {
                    name: '2号活动点',
                    lng: 116.024714,
                    lat: 28.712694,
                    alt: 100,
                    url: '/img/icon/activity.png'
                },
                {
                    name: '3号活动点',
                    lng: 116.008424,
                    lat: 28.671837,
                    alt: 100,
                    url: '/img/icon/activity.png'
                },
                {
                    name: '4号活动点',
                    lng: 116.017702,
                    lat: 28.675881,
                    alt: 100,
                    url: '/img/icon/activity.png'
                },
                {
                    name: '5号活动点',
                    lng: 116.035375,
                    lat: 28.681407,
                    alt: 100,
                    url: '/img/icon/activity.png'
                }
            ]
        }
    },
    created () {

    },
    mounted () {
        this.$nextTick(() => {
            this.activityList.forEach(item => {
                this.$EventBus.$emit('layerPointAdd', {
                    layerName: 'activityLayers',
                    type: "billboard",
                    params: item,
                    incident: this.houseSiteClick
                })
            })
        })
    },
    updated () {

@@ -351,16 +414,64 @@
                width: 2
            })
        },
        goAbDetail () {
            console.log(1)

        goAbDetail (item, index) {
            this.polylineSwitch = false

            this.$EventBus.$emit('mapClearLayer', {
                layerName: 'polylineLayer',
                type: 'VectorLayer'
            })

            this.dialogVisible = true

            this.currentClickIndex = index

            this.$EventBus.$emit('toPosition', {
                siteJd: item.lng,
                siteWd: item.lat,
                siteGd: 1500
            })
        },
        switchChange (e) {
            if (e == true) {
                this.$EventBus.$emit('layerPolylineAdd', {
                    layerName: 'polylineLayer',
                    positions: '116.023042, 28.684732; 116.023402, 28.679067; 116.023475, 28.678843; 116.023697, 28.678647; 116.024121, 28.678391; 116.026906, 28.678461; 116.027065, 28.676867; 116.033252, 28.676165',
                    material: global.DC.Namespace.Cesium.Color.fromBytes(
                        255, 0, 0,
                        255
                    ),
                    distanceDisplayCondition: {
                        near: 0, //最近距离
                        far: Number.MAX_VALUE //最远距离
                    }
                })
            } else {
                this.$EventBus.$emit('mapClearLayer', {
                    layerName: 'polylineLayer',
                    type: 'VectorLayer'
                })
            }
        },

        analyseChange (e) {
            console.log(e)
        }
    },
    destroyed () {
        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'activeLayer',
            type: 'VectorLayer'
        })

        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'activityLayers',
            type: 'VectorLayer'
        })

        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'polylineLayer',
            type: 'VectorLayer'
        })
    }
@@ -416,6 +527,7 @@
                    margin: 10px;
                    padding: 10px;
                    background: rgba(15, 31, 50, 0.5);
                    cursor: pointer;

                    .row-content {
                        & > div {
@@ -439,6 +551,11 @@
                    background-color: rgba(255, 255, 255, 0.5);
                    color: #000;
                }

                .row-box.on {
                    background: rgba(255, 64, 0, 0.58);
                }

                :deep(.el-dialog) {
                    margin-right: 0px;
                }
@@ -472,5 +589,36 @@
            background-color: #fff;
        }
    }

    .activity-details-box {
        position: fixed;
        top: 80px;
        right: 0;
        width: 400px;
        padding: 10px;
        border-radius: 10px 0 0 10px;
        color: #fff;
        background: rgba(7, 22, 37, 0.8);
        overflow-x: hidden;
        overflow-y: auto;

        .row-box {
            width: 100%;
            line-height: 28px;
            display: flex;

            & > div {
                text-align: left;
            }

            .category {
                width: 96px;
            }

            .category-value {
                flex: 1;
            }
        }
    }
}
</style>

 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-22 11:54:04
 * @LastEditTime: 2022-09-22 14:37:02
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 *