成都SKPAR小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

70 lines
5.3 KiB

<view>
<camera wx:if="{{resolution}}" mode="scanCode" device-position="back" flash="{{flash}}" frame-size="{{frameSize}}" style="z-index:0;position:fixed;top:0;width:100%;height:100%;" binderror="handleNoCamera" resolution="{{resolution}}"></camera>
<canvas bindtap="clickScreen" style="z-index:1;position:fixed;top:0;width:100%;height:100%;" type="webgl" id="webgl" canvas-id="webgl"></canvas>
</view>
<view>
<canvas type="2d" id="capture" style="width: 1px; height: 1px;">
</canvas>
</view>
<view wx:if="{{state===states.selectFloor||state===states.startScan||state===states.fail5s||state===states.inNav}}" style="top:{{safeTop + 9}}px;color: {{state===states.inNav?'#000':'#fff'}}" class="title">导航助手</view>
<view wx:if="{{showTabs}}" class="floorname" style="top:{{safeTop + 60}}px">
<image class="loc" src="./loc.png"></image>
<view class="sep"></view>
{{floorName}}
</view>
<!-- <button wx:if="{{state!==states.successPrompt&&!promptStateMap[state]&&point!==null}}" open-type="share" class="share" style="top:{{safeTop + 60}}px;">
</button>
<image wx:if="{{state!==states.successPrompt&&!promptStateMap[state]&&point!==null}}" src="/pages/index/share.png" style="top:{{safeTop + 60}}px;" class="share-img"></image> -->
<view wx:if="{{state===states.selectFloor}}" class="floor-modal">
<view class="content">
<image class="close" src="./close.png" mode="widthFix" bindtap="exit"></image>
<image class="bg" src="./floor-bg.png" mode="widthFix"></image>
<view class="meta1">为了更精确定位 </view>
<view class="meta2"> 请选择您当前所在楼层</view>
<scroll-view class="list" scroll-x>
<view class="list-container">
<view class="item {{item.floorId===floorId?'active':''}}" id="{{index}}" wx:for="{{floors}}" wx:key="floorId" bindtap="setFloor">
<text>{{item.name}}</text>
</view>
</view>
</scroll-view>
<view class="tip"></view>
<button bindtap="requestLocation" loading="{{!inited}}" class="btn {{(inited && floorOrder!==null)? '' : 'disabled'}}">开始导航</button>
</view>
</view>
<view wx:if="{{false&&(state===states.startScan||state===states.fail5s)}}" class="zzcImg">
<image src="/pages/index/mask.png" class="zzcimg_ys"></image>
<cover-view wx:if="{{flash_isFilter}}" class="scan_lo_tow" style="width:{{parkWidth}}px;height:{{parkHeight-10}}px;top:{{parkTop}}px;left:{{parkLeft}}px;">
<cover-image class="scan_img trans-y" src="https://ar-fm.cdn.bcebos.com/lktools/880c9ef27944354288b11f2abed8fba7cb82d559"></cover-image>
</cover-view>
<view class="scanning_textnl" style="top:{{safeTop + 94}}px;">
<view> {{state===states.startScan?'开始定位':'努力定位中'}}</view>
<view> {{state===states.startScan?'请摆正手机扫描临近车位号':'再试试扫描其他车位号'}} </view>
</view>
<view class="scanning_tip" style="top:{{safeTop + 170}}px;">
示例
<image src='./scanning-tip.png'></image>
</view>
<view class="scanning_text" style="width:100%;top:{{parkTop +80}}px;left:0;right:0;">
您身边的车位号置于此区域,并对齐扫描边缘
</view>
<view class="flashlightBtn" bindtap="flashlightBtn">
<image src="{{flash == 'on'? '/pages/index/flashon.png':'/pages/index/flashoff.png'}}" class="on_img"></image>
</view>
</view>
<scan wx:if="{{(state===states.startScan||state===states.fail5s)}}" fail5s="{{state===states.fail5s}}"></scan>
<prompt wx:if="{{!!promptStateMap[state]}}" icon="{{state===states.arriveEnd&&shop&& (shop.floorName==='5F'||shop.floorName==='6F')?promptStateMap[states.arriveElevator].icon:promptStateMap[state].icon}}" title="{{state===states.arriveEnd&&shop&& (shop.floorName==='5F'||shop.floorName==='6F')? '请乘坐直梯至目的地楼层':state ===states.arriveElevator?'请乘坐电梯至'+nextFloor.name:state ===states.arriveEscalator?'请乘坐扶梯至'+nextFloor.name :promptStateMap[state].title}}" meta="{{state===states.arriveEnd&&shop&&(shop.floorName==='5F'||shop.floorName==='6F')?'本次导航已结束':promptStateMap[state].meta}}" btn1="{{promptStateMap[state].btn1}}" btn1Meta="{{promptStateMap[state].btn1Meta}}" btn2="{{promptStateMap[state].btn2}}" btn3="{{promptStateMap[state].btn3}}" bindbtn="handlePromptBtn"></prompt>
<view wx:if="{{state===states.successPrompt}}" class="success-prompt">
<image src="./success.png"></image>
<view class="title"> 定位成功 </view>
<view class="meta"> 请跟随路线指示行走 </view>
</view>
<nav wx:if="{{showTabs&&tab===1}}" end="{{arriveEnd}}" icon="{{navIcon}}" t1="{{msgTop}}" t2="{{msgBottomLeft}} {{msgBottomRight}}" bindexit="handleNavExit">
</nav>
<image wx:if="{{state===states.inNav&&leftYaw===false&&rightYaw===true}}" class="leftyaw" src="./leftyaw.png"></image>
<image wx:if="{{state===states.inNav&&leftYaw===true&&rightYaw===false}}" class="rightyaw" src="./rightyaw.png"></image>
<map2d hidden="{{!(showTabs&&tab===0)}}" floororder="{{floorOrder}}" loc="{{lastLoc}}" searchType="{{searchType}}" bindmap="handleMap" bindpoint="handlePoint" bindexit="handleNavExit"></map2d>
<destination wx:if="{{showTabs&&tab===2&&shop}}" shop="{{shop}}" bindexit="handleNavExit"></destination>
<tabs wx:if="{{showTabs}}" progress="{{(totalDistance-distance)/totalDistance}}" end="{{arriveEnd}}" floor="{{floorName}}" tab="{{tab}}" bindrelocate="handleRelocate" bindchange="handleTabChange" bindtomap="handleToMap" warningCount="{{warningCount}}"></tabs>