警情反馈 警情地图

liuyg

2021-07-03 43b0c9ec4a73faafce3b3cbf323fecb7284cd91c

警情反馈  警情地图

 components/seeImges/seeImges.vue

@@ -71,7 +71,7 @@
                    urls: photoList
                });
            },
			

            //视频删除
            deleltevideo(index) {
                var that = this;
@@ -96,82 +96,72 @@
<style lang="scss" scoped>
    .seeImgs {
        width: 100%;
        height: 10rem;
        height: 4.3rem;
        // border: 1px solid #0000FF;
        white-space: nowrap;
        box-sizing: border-box;
        overflow: scroll;
        display: flex;
        align-items: center;
        // position: absolute;
        // right: 0;
        // z-index: 110;

        .imgs {
            display: inline-block;
            padding-top: 0.5rem;
            width: 9rem;
            height: 9rem;
            width: 3rem;
            height: 3rem;
            padding: 0 0.2rem 0 0.2rem;
            margin: 0 0.2rem 0 0.2rem;
            // border-right: 1px solid rgba($color: #000000, $alpha: 0.5);
            position: relative;
            // border: 1px solid #0000FF;

            image {
                width: 100%;
                height: 100%;
            }

            .close {
                background-color: #fff;
                width: 1.6rem;
                height: 1.6rem;
                text-align: center;
                line-height: 1.6rem;
                position: absolute;
                top: 0.2rem;
                right: 0.5rem;
                font-size: 1.5rem;
                color: red;
                border-radius: 1.5rem;
                border: 1px solid red;

                &:hover {
                    color: red;
                    border: 1px solid red;
                }
            }
        }

        .videos {
            display: inline-block;
            padding-top: 0.5rem;
            width: 9rem;
            height: 9rem;
            width: 4rem;
            height: 4rem;
            padding: 0 0.2rem 0 0.2rem;
            margin: 0 0.2rem 0 0.2rem;
            // border-right: 1px solid rgba($color: #000000, $alpha: 0.5);
            position: relative;
            // border: 1px solid #0000FF;

            video {
                width: 100%;
                height: 100%;
            }
        }
    }

            .close {
                background-color: #fff;
                width: 1.6rem;
                height: 1.6rem;
                text-align: center;
                line-height: 1.6rem;
                position: absolute;
                top: 0.2rem;
                right: 0.5rem;
                font-size: 1.5rem;
                color: red;
                border-radius: 1.5rem;
                border: 1px solid red;
    .close {
        background-color: #fff;
        width: 0.9rem;
        height: 0.9rem;
        text-align: center;
        line-height: 0.8rem;
        position: absolute;
        top: 0.1rem;
        right: 0.2rem;
        font-size: 0.5rem;
        color: red;
        border-radius: 1.5rem;
        border: 1px solid red;
        z-index: 111;

                &:hover {
                    color: red;
                    border: 1px solid red;
                }
            }
        &:hover {
            color: red;
            border: 1px solid red;
        }
    }
</style>

 pages.json

@@ -282,8 +282,7 @@
            "name": "mapJQtijiao",
            "style": {
                "navigationBarTitleText": "处理结果",
                "enablePullDownRefresh": false,
                "navigationStyle": "custom"
                "navigationBarBackgroundColor": "#0cd7e5"
            }
        },
        {

 pages/map/MapJQLG.vue

File was deleted

 pages/poput/mapJQtijiao/mapJQtijiao/mapJQtijiao.vue

@@ -1,13 +1,13 @@
<template>
    <view class="mapJQtijiao">
        <view class="head">
        <!-- <view class="head">
            <u-navbar :is-fixed="false" :border-bottom="false" :is-back="false" title=""
                :background="{ background: '#0cd7e5' }">
                <div>
                    处理结果
                </div>
            </u-navbar>
        </view>
        </view> -->
        <view class="mapJQtijiaomain">
            <view class="title" style="padding-top: 0.5rem;">请输入处理结果:</view>
            <view class="f">
@@ -82,6 +82,7 @@
                    title: "提交中...",
                    mask: true
                })
                console.log(dataList);
                wx.request({
                    url: 'http://s16s652780.51mypc.cn/api/feedback/feedback/saves', //仅为示例，并非真实接口地址。
                    data: dataList,
@@ -95,6 +96,13 @@
                                title: '提交成功！',
                                duration: 2000
                            });
                            var time = setTimeout(()=>{
                                clearTimeout(time);
                                time = null;
                                uni.navigateTo({
                                    url: '/pages/alarm_list/alarm_list'
                                });
                            },3000)
                        }
                    }
                });
@@ -230,20 +238,20 @@
        height: 100%;
        margin: 0 auto;

        .head {
            position: relative;
            top: 0;
            left: 0;
            z-index: 1;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
        // .head {
        //     position: relative;
        //     top: 0;
        //     left: 0;
        //     z-index: 1;
        //     font-size: 16px;
        //     font-weight: 600;
        //     text-align: center;

            div {
                width: 100%;
                border: 1px solid rgba($color: #000000, $alpha: 0);
            }
        }
        //     div {
        //         width: 100%;
        //         border: 1px solid rgba($color: #000000, $alpha: 0);
        //     }
        // }

        .mapJQtijiaomain {
            width: 100%;
@@ -266,6 +274,7 @@
            .main {
                margin: 0.5rem;
                border: 1px solid rgba($color: #000000, $alpha: 0.5);
                height: 8rem;
            }
        }

@@ -289,7 +298,7 @@


        .butb {
            margin: 2rem auto;
            margin: 1rem auto;
            width: 6rem;
            height: 3rem;
            // border: 1px solid rgb(46, 118, 228);

 xcxMapJQLG/css/body.css

@@ -106,10 +106,20 @@
    align-items: center;
    padding-left: 1rem;
}

#Umain .Um-m:last-child .um-m-t{
    /* border: 1px solid #169BD5; */
    padding: 0 0.5rem 0 0.5rem;
    border-radius: 0.5rem;
    box-shadow:  1px 1px 1px 0px #169BD5;
}
#Umain .Um-m img {
    margin-right: 0.5rem;
}
#heads{
    position: absolute;
    top: 76%;
    left: 0;
}

#Umain .Um-m .um-m-t {
    font-size: 14px;

 xcxMapJQLG/img/手.png

 xcxMapJQLG/js/vueMain.js

@@ -198,7 +198,11 @@

        },
        SubmitDown() {
            $('#SubmitDown').show();
            // $('#SubmitDown').show();
            console.log(uni.navigateTo)
            uni.navigateTo({
                url: '/pages/poput/mapJQtijiao/mapJQtijiao/mapJQtijiao'
            });
        },
        SubmitSD() {
            console.log(this.chulijieguo, 'chulijieguo')
@@ -221,8 +225,10 @@
        //定位当前位置
        locationMap() {
            // console.log([this.lat, this.lng])
            // this.map.setView([this.lat, this.lng], 20);
            this.getLocationData();
            this.map.setView([this.lat, this.lng], 20);
        },
        toJQposition(){
            this.map.setView([this.oldlat, this.oldlng], 20);
        },
        // 获取实时位置
        getLocationData() {

 xcxMapJQLG/xcxmap.html

@@ -32,7 +32,7 @@
        <!-- elementui -->
        <script src="./lid/elementUi.js"></script>
        <!-- <link rel="stylesheet" href="../map/lib/elementUi.css"> -->
        <link rel="stylesheet" href="./lid/elementUi.css">
        <link rel="stylesheet" href="./css/elementUi.css">
        <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->

        <!-- jqurey -->
@@ -101,7 +101,8 @@
                    <img style="width: 1rem" src="./img/文件.png" alt="">
                    <div class="um-m-t" id="um-m-t-bz">现场引导员与一插队男子发生冲突纠纷</div>
                </div>
                <div class="Um-m">
                <div class="Um-m" @click="toJQposition">
                    <img id="heads" style="width: 1rem" src="./img/手.png" alt="">
                    <img style="width: 1rem" src="./img/定位.png" alt="">
                    <div class="um-m-t" id="um-m-t-dz">江西省南昌市第二附属医院住院部</div>
                </div>