<!--pages/agent/billCanUseProduct/index.vue.wxml-->
<van-tabs title-active-color='var(--assist)' color='var(--assist)' bind:change='tabChange'	>
  <van-tab title="服务单产品" />
  <van-tab title="产品库" />
</van-tabs>
<t-pull-down-refresh value="{{baseRefresh.value}}" loadingProps="{{loadingProps}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onPullDownRefresh" bind:scrolltolower="onReachBottom">
  <view style="padding:10px">
    <t-search model:value="{{value}}" placeholder="根据商品名称搜索" bind:submit="search" bind:clear="clear" shape="round" />
    <view wx:if="{{selection.length > 0}}" style="padding:10px 10px 0 10px" class="flex-align-center flex-between">
      <t-button size="small" variant="text" bind:tap="refresh">重 置</t-button>
      <t-button theme="primary" size="small" variant="text" bind:tap="onConfirm">添加选中的商品</t-button>
    </view>
    <t-checkbox-group value="{{selection}}" bind:change="handleGroupChange">
      <t-cell wx:for="{{list}}" wx:key="itemid" title="{{item.itemname}}">
        <view class="avatar" slot="left-icon">
          <image src="{{item.attinfos[0].url}}" style="width: 60px;height: 60px;" mode="aspectFill" />
        </view>
        <view slot="description">
          <view class="small">
            商品编号:{{item.itemno}}
          </view>
          <view class="small">
            商品型号:{{item.model}}
          </view>
        </view>
        <view class="avatar" slot="right-icon">
          <t-checkbox value="{{item.itemid}}" />
        </view>
      </t-cell>
    </t-checkbox-group>
  </view>

</t-pull-down-refresh>