电话和导航

public/themes/default/views/mobile/app/ic/teach/detail.blade.php

@@ -43,9 +43,9 @@
             联系方式
         </div>
 
-        <div class="mob"> {{$info->phone}}</div>
+        <div class="mob" data-mobile="{{$info->phone}}"> {{$info->phone}}</div>
 
-        <div class="map link_blue">
+        <div class="map link_blue" data-x="{{$info->map_x}}" data-y="{{$info->map_y}}" data-name="{{$info->address}}">
             {{$info->address}}
         </div>
     </div>
@@ -87,16 +87,6 @@
     <div class="alw-layer"></div>
     <div class="alw-wx-layer"></div>
 
-    <script id="tpl-map" type="text/html">
-        <div class="com-map">
-            <div class="map" id="container"></div>
-        </div>
-        <div class="split-block"></div>
-        <div class="btn-spacing">
-            <div id="mapBtn" class="qs-btn qs-btn-blue font18" title="返回">返回</div>
-        </div>
-    </script>
-
     <script type="text/javascript" src="{{theme_asset('mobile/js/popWin.js')}}"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={{subsite_config('aix.system.map.map.map_ak')}}&s=1"></script>
     <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
@@ -127,5 +117,19 @@
     $('.apply_jobs').click(function(){
         location.href = "{{route('mobile.ic.teach.index')}}?id={{$info->id}}"
     });
+
+    $('.mob').click(function() {
+        let mobile = $(this).data('mobile');
+        location.href = 'tel:' + mobile;
+    })
+
+    $('.map').click(function() {
+        let x = $(this).data('x');
+        let y = $(this).data('y');
+        let name = $(this).data('name');
+        if (x) {
+            location.href = `https://api.map.baidu.com/marker?location=${y},${x}&title=${name}&output=html`;
+        }
+    })
 </script>
 @endsection