<t-message id="t-message" />
|
<t-navbar left-arrow class="custom-navbar">
|
<view slot="left" class="custom-title"> {{title}} </view>
|
</t-navbar>
|
<view class="page">
|
<map
|
class="ins-map"
|
longitude="{{scene.longitude}}"
|
latitude="{{scene.latitude}}"
|
markers="{{mapMarkers}}"
|
/>
|
<view class="ins-buttons">
|
<t-button
|
loading="{{taskStatus.loading}}"
|
loading-props="{{loadProps}}"
|
class="ins-buttons__status"
|
shape="square"
|
theme="{{taskStatus.theme}}"
|
content="{{taskStatus.action}}"
|
size="large"
|
variant="base"
|
disabled="{{taskStatus.loading || taskStatus.status == '已结束'}}"
|
icon="{{taskStatus.loading ? '' : taskStatus.icon}}"
|
bind:tap="showTaskStatusChangeDialog"
|
>
|
</t-button>
|
</view>
|
<view class="ins-menu">
|
<t-tabs animation="{{ { duration: 0.6 } }}" defaultValue="{{0}}" class="custom-tabs">
|
<t-tab-panel label="选项一" value="0">
|
<t-grid theme="card" class="custom-grid" column="{{5}}" hover>
|
<t-grid-item
|
wx:for="{{menu1}}"
|
wx:key="index"
|
class="{{item.disabled ? 'diabled-grid-item' : ''}}"
|
text="{{item.name}}"
|
image="{{item.icon}}"
|
url="{{item.disabled ? '' : item.url}}"
|
>
|
</t-grid-item>
|
</t-grid>
|
<t-icon class="icon-right" size="16" name="caret-right"></t-icon>
|
</t-tab-panel>
|
<t-tab-panel label="选项二" value="1">
|
<t-grid theme="card" class="custom-grid" column="{{5}}" hover>
|
<t-grid-item
|
class="{{item.disabled ? 'diabled-grid-item' : ''}}"
|
wx:for="{{menu2}}"
|
wx:key="index"
|
text="{{item.name}}"
|
image="{{item.icon}}"
|
>
|
</t-grid-item>
|
</t-grid>
|
<t-icon class="icon-left" size="16" name="caret-left"></t-icon>
|
</t-tab-panel>
|
</t-tabs>
|
</view>
|
</view>
|
<t-dialog
|
visible="{{taskStatusDialog.show}}"
|
title="{{taskStatusDialog.title}}"
|
content="{{taskStatusDialog.content}}"
|
confirm-btn="{{ {content: '确定', theme:'danger'} }}"
|
cancel-btn="取消"
|
bind:confirm="handleTaskStatusChange"
|
bind:cancel="closeDialog"
|
/>
|
