<!--pages/Concrete-usage/index.wxml-->
<!-- 混凝土使用情况 -->
<view class="concrete">
	<!-- 头部 -->
	<view class="concrete-header">
		<view style="width: 60%;height: 90rpx;border-radius: 20rpx;">
			<voucher-select columns="{{progressList}}" placeholder="{{placeholderTitle}}" background="#2b345b" ></voucher-select>
		</view>
		<view style="width: 30%;height: 90rpx;">
			<voucher-select columns="{{progressLists}}" placeholder="{{placeholderTitles}}" background="#2b345b"></voucher-select>
		</view>
	</view>
	<!-- 混凝土使用列表 -->
	<view class="concrete-content">
		<!-- 混凝土使用标题 -->
		<view class="eharts_title" style="margin-bottom: 50rpx;">
			混凝土使用列表 (4)
		</view>
		<!-- 混凝土使用列表 -->
		<view class="concrete-content-box" wx:for="{{concreteList}}">
			<view class="concrete-content-box-top">
				<view style="width: 10%;border-bottom: 1px solid #4854a9;height: 60rpx;line-height: 60rpx;text-align: center;color:#4854a9 ;">
				0{{index+1}}
				</view>
				<view style="width: 90%;border-bottom: 1px solid #293264;height: 60rpx;line-height: 60rpx;">
					{{item.name}}
				</view>
			</view>
			<view class="concrete-content-box-bottom"> 
				<view style="display: flex;">
					累计数量: <view style="color: #a55c15;padding-left: 20rpx;">
					{{item.num}}
					</view>
				</view>
				<view style="display: flex;">
					卸料方式: <view style="color: #3a8cce;padding-left: 20rpx;">  
					{{item.xieliao}}
					</view>
				</view>
				<view style="display: flex;">
					骨科添加类型: <view style="color: #7488c6;padding-left: 20rpx;">
						{{item.guke}}
					</view>
				</view>
				<view style="display: flex;">
					外加剂添加类型: <view style="color: #7488c6;padding-left: 20rpx;">
				{{item.waijiaji}}
					</view>
				</view>
				<view style="display: flex;">
					混凝土方量(小票): <view style="color: #7488c6;padding-left: 20rpx;">
						{{item.concretes}}
					</view>
				</view>
			</view>
		</view>
	</view>
</view>