<!DOCTYPE html>
<html lang="en">
<head>
<title>新楼宇选择</title>
{%>template/common/Head.html%}
<script src="https://webapi.amap.com/maps?v=1.4.15&key=c0d327a70011c50500dc8d6bc47eef3f"></script>
<script src="biz/js/new-building-select.js"></script>
</head>
<body class="pages-new-building-select">
<input id="address" type="hidden" value="{%address%}"/>
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col select-address-map-wrap">
<div id="container" class="select-address-map-container"></div>
<div class="map-block map-block-app-location ipu-fn-hide">
<div class="app-location-icon"></div>
</div>
<i class="iconfont-material icon-keyboard-backspace back-btn"></i>
<div class="new-building-search-wrap">
<input class="new-building-search-input" placeholder="搜索地点">
<div class="search-input-clean ipu-fn-hide"></div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<ul class="search-result">
<!--此处插入id="search-result"的模板-->
</ul>
</div>
</div>
</body>
<!--搜索结果模板-->
<script id="search-result" type="text/template">
{{if list.length>0}}
{{each list item index}}
<li class="search-item ipu-flex {{if index==0}}active{{/if}} ipu-flex-justify-space ipu-flex-align-center" data-json="{{item|jsonToStr}}">
<div class="">
<div class="search-place-name">{{item.name}}</div>
<div class="search-place-info">
<span>{{item.distance|isNumber}}</span>
<span> | </span>
<span>{{item.address}}</span>
</div>
</div>
<div class="check-icon"></div>
</li>
{{/each}}
{{/if}}
</script>
</html>
|