list_tpl.html 2.7 KB

<script type="text/html" id='picking_tpl'>
	{{ each list value i}}
		<div class="am-card scrollList-item am-card-full" 
			data-id="{{ value.id }}" 
			data-applyOrderNo="{{ applyOrderNo }}" 
			data-allocationNum="{{ value.allocationNum }}" 
			data-drugCode="{{ value.drugCode }}" 
			data-pickingNum="{{ value.pickingNum }}" 
		>
			<div class="am-card-header">
				<div class="am-card-header-content">
					<span style="font-size: 18px; color: rgb(51, 51, 51); font-weight: bold;">
					{{ value.ctmmGenericName ? value.ctmmGenericName:value.ctmmTradeName ? value.ctmmTradeName: '' }}</span>
				</div>
				<div class="am-card-header-extra">
					<span>{{ value.type }}</span>
				</div>
			</div>
			<div class="am-card-body">
				<div class="am-flexbox am-flexbox-align-center">
					<div class="am-flexbox-item"> 
						单位:<span>{{ value.replanUnit }}</span> 
					</div>
					{{ if  hasPicked }}
						<div class="am-flexbox-item">
							<div class="am-list-item am-input-item am-list-item-middle">
								<div class="am-list-line">
									<div class="am-input-label am-input-label-4 font-warning">实到数量:</div>
									<div class="am-input-control">
										<input pattern="[0-9]*" type="number" data-index="{{ i }}" value="{{ value.allocationNum?value.allocationNum: '' }}" placeholder="请输入" class="allocationNum flex-item-input" />
									</div>
								</div>
							</div>
						</div>
						{{ else }}
							<div class="am-flexbox-item"> 
								数量:<span>{{ value.pickingNum }}</span> 
							</div>
					 {{ /if }}
					<div class="am-flexbox-item">
					 	规格:<span>{{ value.ctmmSpecification }}</span>
					</div>
				</div>
				<div class="am-flexbox am-flexbox-align-center">
					<div class="am-flexbox-item"> 
						货位:<span>{{ value.locName }}</span> 
					</div>
					<div class="am-flexbox-item">
					 	生产批号:<span>{{ value.lot }}</span>
					 </div>
					 <div class="am-flexbox-item"> 
						生产日期:<span>{{ value.productDate }}</span> 
					</div>
				</div>
				<div class="am-flexbox am-flexbox-align-center">
					<div class="am-flexbox-item"> 
						生产厂家:<span>{{ value.ctmmManufacturerName }}</span> 
					</div>
				</div>
			</div>
			<div class="am-card-footer">
				<div class="am-card-footer-extra">
					<button type="button" class="mui-btn mui-btn-blue mui-btn-outlined toPage" style="margin: 0 5px;" data-index="{{ i }}" data-id="{{ value.id }}">更多详情</button>
					{{ if hasPicked }}
						<button type="button" class="mui-btn mui-btn-blue mui-btn-danger submitButton" data-index="{{ i }}">确认拣货</button>
					{{ /if }}
				</div>
			</div>
		</div>
		<div style="background-color: #f5f5f9; height: 6px;">
		</div>
	{{/each}}
</script>