现场监管模块

riku

3 小时以前 b09c7e7aefd41a62326ea56460092aa0db54c083

 package_supervision/pages/inspection/index.wxml

@@ -1,2 +1,68 @@
<!--package_supervision/pages/inspection/index.wxml-->
<text>package_supervision/pages/inspection/index.wxml</text>
<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"
/>