<wxs src='/utils/wxmlUtil.wxs' module="wxmlUtil"></wxs>

<!-- 期初 入库 出库 期末 -->
<view style="display: flex;padding:10rpx;  margin: 10px 22rpx 10px 22rpx;margin-top: 10px;border-radius: 15rpx;">
  <view style="background-color:#F4F9FF;width:33%;padding:10rpx;border-radius: 16rpx;">
    <view style="font-size:13px;text-align: center;margin-top: 10rpx;">{{$t['storageNum']}}</view>
    <dk-cell left="0rpx" center="center" fontSize="13" contentFontSize="18" contentColor="#1B365D" spaceWidth="0" contentFontWeight="700" amount="{{false}}" content="{{item.invQty}}"></dk-cell>
    <view style="font-size:13px;text-align: center;margin-top: 10rpx;">{{item.packageBox?item.packageBox:''}}</view>
  </view>
  <view style="background-color:#F4F9FF;width: 33%;padding:10rpx;border-radius: 16rpx;margin-left: 20rpx;">
    <view style="font-size:13px;text-align: center;margin-top: 10rpx;">{{$t['freezeQty']}}</view>
    <dk-cell left="0rpx" center="center" fontSize="15" contentFontSize="18" contentColor="#1B365D" spaceWidth="0" contentFontWeight="700" amount="{{false}}" content="{{item.freezeQty}}"></dk-cell>
    <view style="font-size:13px;text-align: center;margin-top: 10rpx;">{{item.packageBoxFreeze?item.packageBoxFreeze:''}}</view>
  </view>

  <view style="background-color:#F4F9FF;width:33%;padding:10rpx;border-radius: 16rpx;margin-left: 20rpx;">
    <view style="font-size:13px;text-align: center;margin-top: 10rpx;">{{$t['sellableQuantity']}}</view>
    <dk-cell left="0rpx" center="center" fontSize="13" contentFontSize="18" contentColor="#1B365D" spaceWidth="0" contentFontWeight="700" amount="{{false}}" content="{{item.usableQty}}"></dk-cell>
    <view style="font-size:13px;text-align: center;margin-top: 10rpx;">{{item.packageBoxUsable?item.packageBoxUsable:''}}</view>
  </view>

</view>

<view style="display: flex;">
  <!-- 商品信息 -->
  <view style="width: 100%;">
    <van-card>
      <view slot="thumb">
        <van-image radius="5px" width="80" height="80" src="{{item.imagesUrl }}" />
      </view>
      <view slot="title" style="display: flex;">
        <!-- 标题 -->
        <view style="display: flex;">
          <dk-title  title="{{item.skuModel}}"></dk-title>
        </view>
      </view>
      <!-- 描述 -->
      <view slot="desc">
        <view style="display:flex;width: 100%;">
          <dk-text fontWeight="nomal" value="{{item.skuName}}"></dk-text>
        </view>
      </view>
      <view slot="price">
        <view style="display: flex;width: 100%;flex-direction: row; ">
          <view style="width: 100%;text-align: right;font-size:24rpx;color: #95A8CB;line-height: 34rpx;">x {{ item.invQty  }}{{ item.unitName  }} </view>
        </view>
      </view>
    </van-card>
  </view>
</view>

<!-- 列表区 -->
<dk-form id="{{formName}}" routeObjName="{{routeObjName}}" cardList="{{cardList}}" contentObj="{{contentObj}}" model:value="{{formData}}"   bind:chooseData="chooseData">
</dk-form>