map-shq.wxml 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <view style="height: 100%;overflow: hidden;">
  2. <view class="head">
  3. <!-- 左边的logo和文字 -->
  4. <view class="left-logo">
  5. <view href="https://www.cqna.gov.cn/" target="_blank">
  6. <image class="logo-img" src="{{imgUrl}}/map-logo.png"></image>
  7. </view>
  8. </view>
  9. <!-- 右边的搜索框 -->
  10. <view class="right_logo" bindtap="openVR">
  11. <image src="{{imgUrl}}/second-erw-3.png" alt="" class="first_erw"></image>
  12. </view>
  13. </view>
  14. <view class="map-view">
  15. <map scale="18" class="map" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{marks}}" bindmarkertap="markTap" bindlabeltap="labelTap" circles="{{circle}}"></map>
  16. </view>
  17. <view class="current-location">
  18. <view>当前位置{{address}}</view>
  19. <view wx:if="{{clickType}}" class="go-back" bindtap="goBack">返回</view>
  20. </view>
  21. <view class="content">
  22. <scroll-view wx:if="{{!clickType}}" class="address-list" scroll-y="true" scroll-into-view="goto-{{scrollId}}">
  23. <view id="goto-{{item.id}}" class="address-item" wx:for="{{addressList}}" bindtap="itemTap" data-index="{{index}}">
  24. <image class="item-img" mode="scaleToFill" src="{{newImgUrl + (item.img || 'district/img/icon-zw.png')}}"></image>
  25. <view class="item-content">
  26. <view class="item-title">{{item.dep}}</view>
  27. <view class="item-addr">距您约{{item.gap.m}}M</view>
  28. <text wx:if="{{item.sptype || item.type}}" class="item-type">{{item.sptype ? item.sptype : item.type}}</text>
  29. </view>
  30. </view>
  31. <view style="height: 120rpx;"></view>
  32. </scroll-view>
  33. <view class="detail" wx:if="{{clickType}}">
  34. <image wx:if="{{detail.img}}" class="detail-img" mode="scaleToFill" src="{{newImgUrl + detail.img}}"></image>
  35. <view class="detail-header">
  36. <view class="detail-left">
  37. <view class="detail-left-gap">距您约<text style="color: red;">{{detail.gap.m}}</text>M</view>
  38. <view class="detail-left-title">{{detail.dep}}</view>
  39. <view class="detail-left-address">{{detail.address}}</view>
  40. <view wx:if="{{detail.time}}" class="detail-left-time">{{detail.time}}</view>
  41. <view wx:if="{{detail.tel}}" class="detail-left-phone"><text wx:for="{{detail.tel}}" bindtap="telTap" data-value="{{item}}">{{item}}</text></view>
  42. </view>
  43. <view bindtap="searchMap" class="detail-right">
  44. <image class="detail-right-img" src="{{newImgUrl}}district/img/icon-dzq.png"></image>
  45. <view>到这去</view>
  46. </view>
  47. </view>
  48. <view wx:if="{{detail.dept}}" class="dept-view">
  49. <view class="dept-title">入驻部门</view>
  50. <view class="dept-list">
  51. <view class="dept-item {{deptNow == detail.deptAll ? 'active': ''}}" bindtap="clickDept" data-dep="{{detail.deptAll}}">全部</view>
  52. <view class="dept-item {{deptNow == item.dep ? 'active': ''}}" bindtap="clickDept" wx:for="{{detail.dept}}" data-dep="{{item.dep}}">{{item.name}}</view>
  53. </view>
  54. </view>
  55. <view wx:if="{{eventList}}">
  56. <view class="matter-tab">
  57. <view class="matter-tab-li {{navType == 0 ? 'active': ''}}" bindtap="matterTab" data-type="0">个人办事</view>
  58. <view class="matter-tab-li {{navType == 1 ? 'active': ''}}" bindtap="matterTab" data-type="1">法人办事</view>
  59. </view>
  60. <view class="matter-content">
  61. <view class="matter-content-item item-text-size" wx:for="{{eventList}}" bindtap="toDetailWeb" data-url="{{item.matterUrl}}">{{item.itemName}}</view>
  62. </view>
  63. <view class="matter-page">
  64. <view class="matter-page-prev {{pagePrev ? 'txt' : ''}}" bindtap="clickPageTo" data-type="0">{{'<'}}上一页</view>
  65. <view class="matter-page-next {{pageNext ? 'txt' : ''}}" bindtap="clickPageTo" data-type="1">下一页></view>
  66. </view>
  67. </view>
  68. <view style="height: 120rpx;"></view>
  69. </view>
  70. </view>
  71. </view>