<!doctype html>
<html>
<head>
<title>首页</title>
{%>template/common/Head.html%}
<script src="https://webapi.amap.com/maps?v=1.4.15&key=c0d327a70011c50500dc8d6bc47eef3f&plugin=AMap.MarkerClusterer"></script>
<script src="biz/js/buildingIndex.js"></script>
</head>
<body class="pages-index">
<input id="userAccount" type="hidden" value="{%userAccount%}">
<div class="common-pages">
<div class="common-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col common-border-bottom">
<div class="ipu-toolbar">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">楼宇地图</h1>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<div class="ipu-nav-content">
<!--首页-->
<!--地图容器-->
<div id="container" style="width: 100%;height: 100%;position:absolute;"></div>
<!--手机上定位按钮，电脑版本用的是组件自带的定位-->
<div class="map-block map-block-app-location" style="top: 30%;">
<div class="app-location-icon"></div>
</div>
<!--点击地图位置的slide-->
<div class="map-side-page building-side-page map-side-page-drawback ipu-fn-hide">
<div class="building-flag"></div>
<div class="map-side-close"></div>
<div class="building-slide-arrow-up-wrap ipu-flex ipu-flex-justify-center">
<div class="building-slide-arrow-up"></div>
</div>
<div class="building-content">
<!--此处插入id="building-content"的模板-->
</div>
<div class="location-button ipu-flex ipu-flex-justify-space">
<div class="">楼宇详情</div>
<div class="">扫水牌</div>
</div>
</div>
<!--楼宇信息模板-->
<script id="building-content" type="text/template">
<div class="location-header ipu-flex ipu-flex-align-center">
<div class="location-title">{{BUILD_NAME}}</div>
</div>
<div class="location-tag ipu-flex ipu-flex-align-center">
<div class="location-id">ID：<span>{{BUILD_ID}}</span></div>
<div class="location-type ipu-flex ipu-flex-align-center">
{{if IS_KEY_BUILDING=='是'}}<span class="type-high">重点</span>{{/if}}
{{if IS_TOP300=='是'}}<span class="type-warning">TOP300</span>{{/if}}
{{if IS_RES_COVER=='是'}}<span class="type-normal">已覆盖</span>{{/if}}
{{if IS_MARKETING=='是'}}<span class="type-normal">已签约</span>{{/if}}
</div>
</div>
<div class="location-address">{{BUILD_ADDR}}</div>
</script>
<script id="tag-info" type="text/template">
{{if LABEL_INFO_LIST.length > 0}}
{{each LABEL_INFO_LIST item index}}
<span class="type-normal">{{item.LABEL}}</span>
{{/each}}
{{/if}}
</script>
</div>
</div>
</div>
</div>
</div>
<!--上传水牌-->
<div class="upload-pic-popup-slide">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-flex-col-auto"></div>
<div class="option-area ipu-flex-col ipu-flex ipu-flex-vertical ipu-flex-justify-end ipu-flex-align-center">
<div class="photo-list">水牌列表</div>
<div class="take-photo">拍照</div>
<div class="pic-from-file">从手机相册选择</div>
<div class="divide-area"></div>
<div class="take-photo-cancel">取消</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
