文件配置及部分修改

shuishen

2021-07-30 273beff9c110f6c4753b9436d872a9fa8d63b7d3

 xcxMapWz/xcxmap.html

@@ -60,6 +60,73 @@
            <img style="width: 80%;height: 80%;" src="./img/dingwei.png" alt="">
        </div>
        <div id="map">
           
        </div>
        <div id="seedata" style='display: none'>
            <div class="main">
                <div class="div-alarm-people">
                    <div class="f-m-once">
                        <img class="f-m-o-t-img" src="./img/people1.png" alt="">
                        <div class="f-m-o-title">接警人</div>
                        <div class="f-m-o-center">{{seedata.alarmPeople}}</div>
                    </div>
                    <div class="f-m-once-phone-number">
                        <img class="f-m-o-t-img" src="./img/phone.png" alt="">
                        <div class="f-m-o-title">联系电话</div>
                        <div class="f-m-o-center">{{seedata.phoneNumber}}</div>
                    </div>
                </div>

                <div class="interval"></div>

                <div class="div-alarm-people">
                    <div class="f-m-once">
                        <img class="f-m-o-t-img" src="./img/alarm.png" alt="">
                        <div class="f-m-o-title">报警时间</div>
                        <div class="f-m-o-center">{{seedata.alarmTime}}</div>
                    </div>
                    <div class="f-m-once-alarm-type">
                        <img class="f-m-o-t-img" src="./img/type1.png" alt="">
                        <div class="f-m-o-title">报警类型</div>
                        <div class="f-m-o-center">{{seedata.alarmType}}</div>
                    </div>
                </div>
                <div class="interval"></div>

                <div class="div-alarm-people">
                    <div class="f-m-once-desc">
                        <img class="f-m-o-t-img-desc" src="./img/desc2.png" alt="">
                        <div class="f-m-o-title-desc">备注</div>
                        <div class="f-m-o-center-desc">{{seedata.bz}}</div>
                    </div>
                </div>

                <div class="interval"></div>
                <div class="but">
                    <div class="buta" @click="shipingClick(true)">
                        <img class="b-b-img" src="./img/shiping.png" alt="">
                    </div>
                    <!-- 加上display： none不会闪烁 -->
                    <div class="shipingPopup" v-show="shipingPopupShow" style="display: none;">
                        <div class="s-p-main">
                            <div @click="shipingClick(false)">
                                <img src="./img/gaunbi.png" alt="" class="s-p-gaunbi">
                            </div>
                            <!-- <video style="height: 550px; width: 100%" controls="controls"
                        id="real_video_shipingPopup" src=""></video> -->
                            <video style="height: 550px; width: 100%" controls="controls" :src="shipingM3u8Url"></video>
                        </div>
                    </div>
                    <div class="butb" @click="resultFeedbackClick">结果反馈</div>

                    <div class="butc">
                        <img class="b-b-img" src="./img/huifang.png" alt="">
                        <!-- <div class="huifangPopup">
                     回放
                  </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- vue渲染 -->