automat-store-mini/pages/operation/deviceTest.wxml

<view class="container">
  <tui-list-cell hover="{{false}}" size="28">
    <view class="tui-line-cell">
      <view class="tui-title">设备号</view>
      <input placeholder-class="phcolor" class="tui-input" name="name" placeholder="扫一扫显示设备号" maxlength="50" type="text" value="{{deviceId}}" bindconfirm="inputConfirm" catchinput="inputedit" data-name="deviceId"/>
      <tui-icon name="sweep" size="30" bindtap="scanCodeEvent"></tui-icon>
      <tui-button type="primary" size="mini" tui-button-class="tui-mbtm" bindtap="inputConfirm" data-val="{{deviceId}}" data-type="btn">连接</tui-button>
    </view>
  </tui-list-cell>
  <tui-list-cell hover="{{false}}" size="28">
    <view class="tui-line-cell">
      <view class="tui-title">连接状态</view>
      <view class="tui-msg">
        <!-- <tui-loadmore wx:if="{{isconnect}}" visible="{{true}}"></tui-loadmore> -->
        <view wx:if="{{isloading}}" class="tui-loadmore-class tui-loadmore-connect">
          <view class="tui-loading-1"></view>
          <view class="tui-loadmore-tips">正在连接</view>
        </view>
        <text wx:else>{{deviceState==1?"已连接":"未连接"}}</text>
      </view>
      <view class="tui-tag-small tui-danger" bindtap="closediscovery" wx:if="{{deviceState==1}}">断开</view>
    </view>
  </tui-list-cell>

  <view class="grid col-2">
    <view wx:for="{{gridNum}}">
      <view class="margin padding-xs radius shadow-warp test-list-item" bindtap="openGrate" data-index="{{item}}">
        <text class='item-name'>{{item+1}}号格子</text>
      </view>
    </view>
  </view>
  <view class="padding-lr">
    <tui-button bind:click="oneKeyOpen" type="primary" tui-button-class="tui-mbtm">一键开盖</tui-button>
  </view>
</view>