pocket-jiuzhang-miniprogram/miniprogram/pages/stock/stock.wxml

<!--pages/stock/stock.wxml-->
<!-- 产品库存管理 -->
<t-message id="t-message" />
<wxs module="times" src="../../utils/time.wxs" />
<wxs module="utils" src="../../utils/utils.wxs" />
<statistics-card statistics-data="{{statisticsData}}" />
<t-sticky class="stock-stick">
  <view class="stock-tabs">
    <t-tabs defaultValue="{{0}}" value="{{stockType}}" bind:change="onTabsChange" theme="tag">
      <t-tab-panel label="库存" value="{{0}}" />
      <t-tab-panel label="入库" value="{{1}}" />
      <t-tab-panel label="出库" value="{{2}}" />
    </t-tabs>
  </view>
</t-sticky>
<view class="stock-list">
  <t-fab wx:if="{{stockType > 0 && utils.hasPermission('product:product:add', permissions)}}" class="float-button" icon="add" aria-label="增加" bind:click="handleAddStock"></t-fab>
  <view hidden="{{stockType!=0}}" class="scroll-container">
    <view class="grid">
      <view wx:for="{{storageList}}" wx:key="specId" class="card">
        <view class="fields">
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">产品</text>
              <text class="value">{{item.productName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">型号</text>
              <text class="value">{{item.modelName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">规格</text>
              <text class="value">{{item.specName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">库存</text>
              <text class="value">{{item.stock}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view hidden="{{stockType!=1}}" class="scroll-container">
    <view class="grid">
      <view wx:for="{{inStockList}}" wx:key="logId" class="card">
        <t-image class="prove-pic" mode="aspectFill" error="slot" src="{{item.provePic[0]}}">
          <t-icon name="image-error" slot="error" />
        </t-image>
        <view class="fields">
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">产品</text>
              <text class="value">{{item.productName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">型号</text>
              <text class="value">{{item.modelName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">规格</text>
              <text class="value">{{item.specName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">数量</text>
              <text class="value">{{item.total}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">日期</text>
              <text class="value">{{times.formatDate(item.date) || "-"}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view hidden="{{stockType!=2}}" class="scroll-container">
    <view class="grid">
      <view wx:for="{{outStockList}}" wx:key="logId" class="card">
        <t-image class="prove-pic" mode="aspectFill" error="slot" src="{{item.provePic[0]}}">
          <t-icon name="image-error" slot="error" width="100rpx" height="100rpx" />
        </t-image>
        <view class="fields">
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">产品</text>
              <text class="value">{{item.productName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">型号</text>
              <text class="value">{{item.modelName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">规格</text>
              <text class="value">{{item.specName}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">数量</text>
              <text class="value">{{item.total}}</text>
            </view>
          </view>
          <view class="field">
            <view class="indicator"></view>
            <view class="content">
              <text class="title">日期</text>
              <text class="value">{{times.formatDate(item.date) || "-"}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>