南昌市物联网技防平台-前端
blame | history | patch | commit | commitdiff | ignore whitespace
zengh
2023-01-16 8aa3edd56c279100c9053576f3e90fa55459fe77 
 public/xcxjingqingmap/xcxmap.html


@@ -5,7 +5,7 @@


   <meta charset="utf-8" />


   <meta name="viewport" content="width=device-width, initial-scale=1">


   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


   <title>map</title>


   <title>地图</title>


   <!-- vue -->


   <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>




@@ -35,7 +35,7 @@


   <script src="../map/lib/jquery.js" charset="utf-8"></script>




   <!-- 微信支持 -->


   <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>


   <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>


   <!-- <script src="./js/wx.js"></script> -->




   <!-- omyself支持 -->


@@ -43,10 +43,16 @@




   <!-- myDomMove -->


   <script src="./js/move.js"></script>


   <!-- sha1加密 -->


   <!-- <script src="./js/sha1.js"></script> -->




</head>




<body>


   <div id="mapVue">


      <div class="dingwei" @click="locationMap">


         <img style="width: 80%;height: 80%;" src="./img/dingwei.png" alt="">


      </div>


      <div id="map"></div>


      <div id="seedata">


         <div class="title">


@@ -56,40 +62,111 @@


            <div class="title-span"> </div>


         </div>


         <div class="main">


            <el-tabs v-model="activeName" @tab-click="handleClick">


               <el-tab-pane label="警情信息" name="first">


                  <div class="f-main">


                     <div class="f-m-once">


                        <div class="f-m-o-title">使用方</div>


                        <div class="f-m-o-center">{{seedata.place}}</div>


            <div class="f-m-once">


               <div class="f-m-o-title">


                  <img class="f-m-o-t-img" src="./img/ren.png" alt="">


                  使用方:


               </div>


               <div class="f-m-o-center">{{seedata.deptName}}</div>


            </div>


            <div class="f-m-once">


               <div class="f-m-o-title">


                  <img class="f-m-o-t-img" src="./img/ren.png" alt="">


                  接警人:


               </div>


               <div class="f-m-o-center">{{seedata.alarmPeople}}</div>


            </div>


            <div class="f-m-once">


               <div class="f-m-o-title">


                  <img class="f-m-o-t-img" src="./img/dianhua.png" alt="">


                  联系电话:


               </div>


               <div class="f-m-o-center">{{seedata.phoneNumber}}</div>


            </div>


            <el-divider></el-divider>


            <div class="f-m-once">


               <div class="f-m-o-title">


                  <img class="f-m-o-t-img" src="./img/shijian.png" alt="">


                  报警时间:


               </div>


               <div class="f-m-o-center">{{seedata.alarmTime}}</div>


            </div>


            <div class="f-m-once">


               <div class="f-m-o-title">


                  <img class="f-m-o-t-img" src="./img/leixing.png" alt="">


                  报警类型&&编号:


               </div>


               <div class="f-m-o-center">{{seedata.alarmType}}&&{{seedata.id}}</div>


            </div>


            <el-divider></el-divider>


            <div class="f-m-once">


               <div class="f-m-o-title">


                  <img class="f-m-o-t-img" src="./img/beizhu.png" alt="">


                  备注:


               </div>


               <div class="f-m-o-center">{{seedata.bz}}</div>


            </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>


                     <!-- <div class="a">


                           <div class="b"></div>


                           <div class="b"></div>


                        </div>


                        <div class="a">


                           <div class="b"></div>


                           <div class="b"></div>


                        </div>


                        <div class="a">


                           <div class="b"></div>


                           <div class="b"></div>


                        </div>


                        <div class="a">


                           <div class="b"></div>


                           <div class="b"></div>


                        </div>


                        <div class="a">


                           <div class="b"></div>


                           <div class="b"></div>


                        </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>


               </el-tab-pane>


                <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>


               <!--   <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>


                  <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane> -->


            </el-tabs>


            <!-- {{seedata.jd}}-{{seedata.wd}} -->


               </div>


               <div class="butb" @click="resultFeedbackClick">结果反馈</div>


               <!-- 加上display： none不会闪烁 -->


               <!-- <div class="resultFeedback" v-show="resultFeedbackPopupShow" style="display: none;">


                  <div class="b-r-main">


                     <div @click="resultFeedbackClick">


                        <img src="./img/gaunbi.png" alt="" class="s-p-gaunbi">


                     </div>


                     <div class="b-r-main-in">


                        <div class="b-r-m-i-once">


                           <div class="b-r-m-i-o-title">


                              警情反馈:


                           </div>


                           <div class="b-r-m-i-o-center">


                              <textarea rows="9" cols="27" placeholder="请输入警情反馈。"></textarea>


                           </div>


                        </div>


                        <div class="b-r-m-i-once b-r-i-o-ups">


                           <div class="b-r-m-i-o-title">


                              照片上传:


                           </div>


                           <div class="b-r-m-i-o-center">


                              <img class="b-r-m-i-o-c-img" src="./img/xiangji.png" alt="">


                              <div>2522</div>


                           </div>


                        </div>


                        <el-divider></el-divider>


                        <div class="b-r-m-i-once b-r-i-o-ups">


                           <div class="b-r-m-i-o-title">


                              视频上传:


                           </div>


                           <div class="b-r-m-i-o-center">


                              <img class="b-r-m-i-o-c-img" src="./img/shiping11.png" alt="">


                              <div>2522</div>


                           </div>


                        </div>


                        <div class="butb b-r-m-but" @click="upData">结果反馈</div>


                     </div>


                  </div>


               </div> -->


               <div class="butc">


                  <img class="b-b-img" src="./img/huifang.png" alt="">


                  <!-- <div class="huifangPopup">


                     回放


                  </div> -->


               </div>


            </div>


         </div>


      </div>


   </div>