洪城义警-安卓端
blame | history | patch | commit | commitdiff | ignore whitespace
liuyg
2022-02-22 54f3965ab674c3f26fbc48864d811ebee7c89a92 
 leafletMapOur/grabOrdersMap/xcxmap.html


@@ -1,189 +1,189 @@


<!DOCTYPE html>


<html>




   <head>


      <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>地图</title>


      <!-- vue -->


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




      <!-- leaflet支持 -->


      <script src="./lid/leaflet.js"></script>


      <link rel="stylesheet" href="./lid/leaflet.css" />




      <!-- leaflet聚合支持 -->


      <link rel="stylesheet" href="./lid/MarkerCluster.css" />


      <link rel="stylesheet" href="./lid/MarkerCluster.Default.css" />


      <script src="./lid/leaflet.markercluster-src.js"></script>




      <!-- layui支持 -->


      <!-- <link rel="stylesheet" href="../map/lib/layui/css/layui.css" media="all"> -->


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




      <!-- 百度地图api -->


      <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js">


      </script>




      <!-- axios支持 -->


      <script src="./lid/axios.js"></script>




      <!-- elementui -->


      <script src="./lid/elementUi.js"></script>


      <!-- <link rel="stylesheet" href="../map/lib/elementUi.css"> -->


      <link rel="stylesheet" href="./css/elementUI.css">


      <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->




      <!-- jqurey -->


      <script src="./lid/jquery.js" charset="utf-8"></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> -->




      <!-- uni 的 SDK -->


      <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js">


      </script>


      <!-- 百度地图api -->


      <script type="text/javascript" src="./js/geolocation.min.js"></script>


      <!-- omyself支持 -->


      <link rel="stylesheet" href="./css/body.css" />




      <!-- myDomMove -->


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


      <!-- sha1加密 -->


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


      <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>


      <!-- 高德地图路线规划 -->


      <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4b3e1db3211054ce5b466407cbb9d221">


      </script>


      <!-- myDomMove -->


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


   </head>




   <body>


      <div id="mapVue">


         <div id="loding" style="display: none;">


            <div class="titles">


               <div>


                  已接收任务~


               </div>


               <div>


                  请尽快前往！


               </div>


            </div>


         </div>


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


            <img v-show="!mapPositionLoding" style="width: 60%" src="./img/dingwei.png" alt="">


            <img v-show="mapPositionLoding" style="width: 60%" src="./img/dingwei.png" alt="">


         </div>


         <!-- <div class="shuaxin" @click="refreshMap">


            <img style="width: 60%" src="./img/刷新.png" alt="">


         </div> -->


         <!-- <div class="baozu" @click="refreshMap">


            <div class="bz-once">


               <img style="width: 60%" src="./img/提示.png" alt="">


               <div id="bz-title">


                  报错


               </div>


            </div>


            <div class="bz-once">


               <img style="width: 60%" src="./img/排队数.png" alt="">


               <div id="bz-title">


                  编队


               </div>


            </div>


         </div> -->


         <div id="map">


         </div>


         <div id="Umain">


            <div class="once-b">


               任务详情


            </div>


            <div class="once">


               <span class="once-left">


                  任务标题


               </span>


               <span class="once-right">


                  {{data.rname}}


               </span>


            </div>


            <div class="once">


               <span class="once-left">


                  任务内容


               </span>


               <span class="once-right">


                  {{data.content}}


               </span>


            </div>


            <div class="once">


               <span class="once-left">


                  发布者


               </span>


               <span class="once-right">


                  <span>{{data.publisher}}</span>


               </span>


            </div>


            <div class="once">


               <span class="once-left">


                  任务地区


               </span>


               <span class="once-right">


                  {{data.province}}&nbsp;-&nbsp;{{data.city}}&nbsp;-&nbsp;{{data.district}}


               </span>


            </div>


            <div class="once">


               <span class="once-left">


                  开始时间


               </span>


               <span class="once-right">


                  {{data.time}}


               </span>


            </div>


            <div class="once">


               <span class="once-left">


                  人数


               </span>


               <span class="once-right">


                  {{data.num}}&nbsp;/&nbsp;{{data.jnum}}


               </span>


            </div>


            <div class="once">


               <span class="once-left">


                  队长


               </span>


               <span class="once-right">


                  <span>{{data.captain}}</span>


               </span>


            </div>


            <div class="once">


               <span class="once-left">


                  参与者


               </span>


               <span class="once-right">


                  <span v-for="(item,index) in data.team">{{item}}</span>


               </span>


            </div>


            <div class="once-c" v-if="data.buttype == 0">


               <el-button :type="data.butCT == 'beginUp'?'primary':data.butCT == 'begin'?'success':'info'"


                  @click="openAPP(data.buttype)" :disabled="data.butCT== 'over' || data.iscation == '0'">


                  {{data.butCT == 'beginUp'?(data.iscation == '0'?'正在进行':'上传反馈'):data.butCT == 'begin'?(data.iscation == '0'?'还未开始':'开始任务'):'任务完成'}}


               </el-button>


            </div>


            <div class="once-c" v-if="data.buttype == 1">


               <el-button :type="data.num==data.jnum?'info':'success'" @click="openAPP(data.buttype)"


                  :disabled="(data.num==data.jnum)&& data.buttype==1 ||data.type == 1">


                  {{data.num==data.jnum?"人数已满":'我参与'}}


               </el-button>


            </div>


         </div>


         <!-- </div>


         <div id="Dmain"> -->




      </div>


      <!-- vue渲染 -->


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


   </body>




</html>


 


    <head>


        <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>地图</title>


        <!-- vue -->


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


 


        <!-- leaflet支持 -->


        <script src="./lid/leaflet.js"></script>


        <link rel="stylesheet" href="./lid/leaflet.css" />


 


        <!-- leaflet聚合支持 -->


        <link rel="stylesheet" href="./lid/MarkerCluster.css" />


        <link rel="stylesheet" href="./lid/MarkerCluster.Default.css" />


        <script src="./lid/leaflet.markercluster-src.js"></script>


 


        <!-- layui支持 -->


        <!-- <link rel="stylesheet" href="../map/lib/layui/css/layui.css" media="all"> -->


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


 


        <!-- 百度地图api -->


        <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js">


        </script>


 


        <!-- axios支持 -->


        <script src="./lid/axios.js"></script>


 


        <!-- elementui -->


        <script src="./lid/elementUi.js"></script>


        <!-- <link rel="stylesheet" href="../map/lib/elementUi.css"> -->


        <link rel="stylesheet" href="./css/elementUI.css">


        <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->


 


        <!-- jqurey -->


        <script src="./lid/jquery.js" charset="utf-8"></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> -->


 


        <!-- uni 的 SDK -->


        <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js">


        </script>


        <!-- 百度地图api -->


        <script type="text/javascript" src="./js/geolocation.min.js"></script>


        <!-- omyself支持 -->


        <link rel="stylesheet" href="./css/body.css" />


 


        <!-- myDomMove -->


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


        <!-- sha1加密 -->


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


        <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>


        <!-- 高德地图路线规划 -->


        <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4b3e1db3211054ce5b466407cbb9d221">


        </script>


        <!-- myDomMove -->


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


    </head>


 


    <body>


        <div id="mapVue">


            <div id="loding" style="display: none;">


                <div class="titles">


                    <div>


                        已接收任务~


                    </div>


                    <div>


                        请尽快前往！


                    </div>


                </div>


            </div>


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


                <img v-show="!mapPositionLoding" style="width: 60%" src="./img/dingwei.png" alt="">


                <img v-show="mapPositionLoding" style="width: 60%" src="./img/dingwei.png" alt="">


            </div>


            <!-- <div class="shuaxin" @click="refreshMap">


                <img style="width: 60%" src="./img/刷新.png" alt="">


            </div> -->


            <!-- <div class="baozu" @click="refreshMap">


                <div class="bz-once">


                    <img style="width: 60%" src="./img/提示.png" alt="">


                    <div id="bz-title">


                        报错


                    </div>


                </div>


                <div class="bz-once">


                    <img style="width: 60%" src="./img/排队数.png" alt="">


                    <div id="bz-title">


                        编队


                    </div>


                </div>


            </div> -->


            <div id="map">


            </div>


            <div id="Umain">


                <div class="once-b">


                    任务详情


                </div>


                <div class="once">


                    <span class="once-left">


                        任务标题


                    </span>


                    <span class="once-right">


                        {{data.rname}}


                    </span>


                </div>


                <div class="once">


                    <span class="once-left">


                        任务内容


                    </span>


                    <span class="once-right">


                        {{data.content}}


                    </span>


                </div>


                <div class="once">


                    <span class="once-left">


                        发布者


                    </span>


                    <span class="once-right">


                        <span>{{data.publisher}}</span>


                    </span>


                </div>


                <div class="once">


                    <span class="once-left">


                        任务地区


                    </span>


                    <span class="once-right">


                        {{data.province}}&nbsp;-&nbsp;{{data.city}}&nbsp;-&nbsp;{{data.district}}


                    </span>


                </div>


                <div class="once">


                    <span class="once-left">


                        开始时间


                    </span>


                    <span class="once-right">


                        {{data.time}}


                    </span>


                </div>


                <div class="once">


                    <span class="once-left">


                        人数


                    </span>


                    <span class="once-right">


                        {{data.num}}&nbsp;/&nbsp;{{data.jnum}}


                    </span>


                </div>


                <div class="once">


                    <span class="once-left">


                        队长


                    </span>


                    <span class="once-right">


                        <span>{{data.captain}}</span>


                    </span>


                </div>


                <div class="once">


                    <span class="once-left">


                        参与者


                    </span>


                    <span class="once-right">


                        <span v-for="(item,index) in data.team">{{item}}</span>


                    </span>


                </div>


                <div class="once-c" v-if="data.buttype == 0">


                    <el-button :type="data.butCT == 'beginUp'?'primary':data.butCT == 'begin'?'success':'info'"


                        @click="openAPP(data.buttype)" :disabled="data.butCT== 'over' || data.iscation == '0'">


                        {{data.butCT == 'beginUp'?(data.iscation == '0'?'正在进行':'上传反馈'):data.butCT == 'begin'?(data.iscation == '0'?'还未开始':'开始任务'):'任务完成'}}


                    </el-button>


                </div>


                <div class="once-c" v-if="data.buttype == 1">


                    <el-button :type="data.num==data.jnum?'info':'success'" @click="openAPP(data.buttype)"


                        :disabled="(data.num==data.jnum)&& data.buttype==1 ||data.type == 1">


                        {{data.num==data.jnum?"人数已满":'我参与'}}


                    </el-button>


                </div>


            </div>


            <!-- </div>


            <div id="Dmain"> -->


 


        </div>


        <!-- vue渲染 -->


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


    </body>


 


</html>