<template>
	<view>
		<view class="contet-up-card">
			<view class="contet-up-card-cont">
				<view class="contet-up-card-cont-list">
					<view>产品名称:</view>
					<text>产品名称产品名称</text>
				</view>
				<view class="contet-up-card-cont-list">
					<view>检测日期:</view>
					<text>2020-07-13</text>
				</view>
				<view class="contet-up-card-cont-list">
					<view>规格型号:</view>
					<text>NH-HJ-001</text>
				</view>
				<picker @change="bindDetectionMode" :value="detectionModeIndex" :range="detectionMode">
				<view class="contet-up-card-cont-list">
					<view>检测方式:</view>
					<view class="jcfs-div">
					{{detectionMode[detectionModeIndex]}}
						<image src="../../static/xiala.png"></image>
					</view>					
				</view>
				</picker>
				<view class="contet-up-card-cont-list">
					<view>供应商:</view>
					<text>NH-HJ-001</text>
				</view>
				<view class="contet-up-card-cont-list">
					<view>送货单号:</view>
					<text>NH-HJ-0014524</text>
				</view>
				<view class="contet-up-card-cont-list">
					<view>到货数量:</view>
					<text>2500</text>
				</view>
				<view class="contet-up-card-cont-list">
					<view>检测数量:</view>
					<text>111</text>
				</view>
			</view>
		</view>
		<view class="testing">
			<view>
				<view class="card">
					<view class="testing-list">
						<view class="testing-list-title">检测项:</view>
						<text>外观</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测工具:</view>
						<text>目视</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">抽样标准:</view>
						<text class="check-btn" @tap="checkBtn(0)">点击查看</text>
					</view>
					<view class="cybz-card" v-if="sendId==0">
						抽检/抽样依据特殊检验水平S-4，AQL=0.4；尺寸：n=3,Ac=0,Re=1；
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测数量:</view>
						<view>
							<uni-number-box></uni-number-box>
						</view>
					</view>
					<picker @change="bindDetermine" :value="determineIndex" :range="determine">
					<view class="contet-up-card-cont-list">
						<view style="width: 140upx;">判定:</view>
						<view class="jcfs-div">
						{{determine[determineIndex]}}
							<image src="../../static/xiala.png"></image>
						</view>					
					</view>
					</picker>
					<view class="testing-list" style="align-items: flex-start;">
						<view class="testing-list-title">{{detectionMode[detectionModeIndex]}}结果:</view>
						<textarea style="height: 100upx;border: 1upx solid #F1F1F1;width: 400upx;font-size: 26upx;padding-top: 10upx;padding-left: 10upx;" placeholder="请输入抽检结果"></textarea>
					</view>
				</view>
			</view>
			<view>
				<view class="card">
					<view class="testing-list">
						<view class="testing-list-title">检测项:</view>
						<text>内、外包装、数量</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测工具:</view>
						<text>目视、秤重</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">抽样标准:</view>
						<text class="check-btn" @tap="checkBtn(1)">点击查看</text>
					</view>
					<view class="cybz-card" v-if="sendId==1">
						抽检/抽样依据特殊检验水平S-4，AQL=0.4；尺寸：n=3,Ac=0,Re=2；
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测数量:</view>
						<view>
							<uni-number-box></uni-number-box>
						</view>
					</view>
					<picker @change="bindDetermine" :value="determineIndex" :range="determine">
					<view class="contet-up-card-cont-list">
						<view style="width: 140upx;">判定:</view>
						<view class="jcfs-div">
						{{determine[determineIndex]}}
							<image src="../../static/xiala.png"></image>
						</view>					
					</view>
					</picker>
					<view class="testing-list" style="align-items: flex-start;">
						<view class="testing-list-title">{{detectionMode[detectionModeIndex]}}结果:</view>
						<textarea style="height: 100upx;border: 1upx solid #F1F1F1;width: 400upx;font-size: 26upx;padding-top: 10upx;padding-left: 10upx;" placeholder="请输入抽检结果"></textarea>
					</view>
				</view>
			</view>
			<view>
				<view class="card">
					<view class="testing-list">
						<view class="testing-list-title">检测项:</view>
						<text>标识</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测工具:</view>
						<text>目视</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">抽样标准:</view>
						<text class="check-btn" @tap="checkBtn(1)">点击查看</text>
					</view>
					<view class="cybz-card" v-if="sendId==1">
						抽检/抽样依据特殊检验水平S-4，AQL=0.4；尺寸：n=3,Ac=0,Re=3；
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测数量:</view>
						<view>
							<uni-number-box></uni-number-box>
						</view>
					</view>
					<picker @change="bindDetermine" :value="determineIndex" :range="determine">
					<view class="contet-up-card-cont-list">
						<view style="width: 140upx;">判定:</view>
						<view class="jcfs-div">
						{{determine[determineIndex]}}
							<image src="../../static/xiala.png"></image>
						</view>					
					</view>
					</picker>
					<view class="testing-list" style="align-items: flex-start;">
						<view class="testing-list-title">{{detectionMode[detectionModeIndex]}}结果:</view>
						<textarea style="height: 100upx;border: 1upx solid #F1F1F1;width: 400upx;font-size: 26upx;padding-top: 10upx;padding-left: 10upx;" placeholder="请输入抽检结果"></textarea>
					</view>
				</view>
			</view>
			<view>
				<view class="card">
					<view class="testing-list">
						<view class="testing-list-title">检测项:</view>
						<text>油污测试</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测工具:</view>
						<text>目视/吸油纸</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">抽样标准:</view>
						<text class="check-btn" @tap="checkBtn(1)">点击查看</text>
					</view>
					<view class="cybz-card" v-if="sendId==1">
						n=1/Ac=0/Re=1
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测数量:</view>
						<view>
							<uni-number-box></uni-number-box>
						</view>
					</view>
					<picker @change="bindDetermine" :value="determineIndex" :range="determine">
					<view class="contet-up-card-cont-list">
						<view style="width: 140upx;">判定:</view>
						<view class="jcfs-div">
						{{determine[determineIndex]}}
							<image src="../../static/xiala.png"></image>
						</view>					
					</view>
					</picker>
					<view class="testing-list" style="align-items: flex-start;">
						<view class="testing-list-title">{{detectionMode[detectionModeIndex]}}结果:</view>
						<textarea style="height: 100upx;border: 1upx solid #F1F1F1;width: 400upx;font-size: 26upx;padding-top: 10upx;padding-left: 10upx;" placeholder="请输入抽检结果"></textarea>
					</view>
				</view>
			</view>
			<view>
				<view class="card">
					<view class="testing-list">
						<view class="testing-list-title">检测项:</view>
						<text>毛刺</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测工具:</view>
						<text>塞尺/卡尺</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">抽样标准:</view>
						<text class="check-btn" @tap="checkBtn(1)">点击查看</text>
					</view>
					<view class="cybz-card" v-if="sendId==1">
						依检验规范
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测数量:</view>
						<view>
							<uni-number-box></uni-number-box>
						</view>
					</view>
					<picker @change="bindDetermine" :value="determineIndex" :range="determine">
					<view class="contet-up-card-cont-list">
						<view style="width: 140upx;">判定:</view>
						<view class="jcfs-div">
						{{determine[determineIndex]}}
							<image src="../../static/xiala.png"></image>
						</view>					
					</view>
					</picker>
					<view class="testing-list" style="align-items: flex-start;">
						<view class="testing-list-title">{{detectionMode[detectionModeIndex]}}结果:</view>
						<textarea style="height: 100upx;border: 1upx solid #F1F1F1;width: 400upx;font-size: 26upx;padding-top: 10upx;padding-left: 10upx;" placeholder="请输入抽检结果"></textarea>
					</view>
				</view>
			</view>
			<view>
				<view class="card">
					<view class="testing-list">
						<view class="testing-list-title">检测项:</view>
						<text>ROHS测试</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测工具:</view>
						<text>EXD1800</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">抽样标准:</view>
						<text class="check-btn" @tap="checkBtn(1)">点击查看</text>
					</view>
					<view class="cybz-card" v-if="sendId==1">
						n=2 Ac=0 Re=1
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测数量:</view>
						<view>
							<uni-number-box></uni-number-box>
						</view>
					</view>
					<picker @change="bindDetermine" :value="determineIndex" :range="determine">
					<view class="contet-up-card-cont-list">
						<view style="width: 140upx;">判定:</view>
						<view class="jcfs-div">
						{{determine[determineIndex]}}
							<image src="../../static/xiala.png"></image>
						</view>					
					</view>
					</picker>
					<view class="testing-list" style="align-items: flex-start;">
						<view class="testing-list-title">{{detectionMode[detectionModeIndex]}}结果:</view>
						<textarea style="height: 100upx;border: 1upx solid #F1F1F1;width: 400upx;font-size: 26upx;padding-top: 10upx;padding-left: 10upx;" placeholder="请输入抽检结果"></textarea>
					</view>
				</view>
			</view>
			<view>
				<view class="card">
					<view class="testing-list">
						<view class="testing-list-title">检测项:</view>
						<text>盐雾测试</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测工具:</view>
						<text>LX-60A</text>
					</view>
					<view class="testing-list">
						<view class="testing-list-title">抽样标准:</view>
						<text class="check-btn" @tap="checkBtn(1)">点击查看</text>
					</view>
					<view class="cybz-card" v-if="sendId==1">
						n=2 Ac=0 Re=1
					</view>
					<view class="testing-list">
						<view class="testing-list-title">检测数量:</view>
						<view>
							<uni-number-box></uni-number-box>
						</view>
					</view>
					<picker @change="bindDetermine" :value="determineIndex" :range="determine">
					<view class="contet-up-card-cont-list">
						<view style="width: 140upx;">判定:</view>
						<view class="jcfs-div">
						{{determine[determineIndex]}}
							<image src="../../static/xiala.png"></image>
						</view>					
					</view>
					</picker>
					<view class="testing-list" style="align-items: flex-start;">
						<view class="testing-list-title">{{detectionMode[detectionModeIndex]}}结果:</view>
						<textarea style="height: 100upx;border: 1upx solid #F1F1F1;width: 400upx;font-size: 26upx;padding-top: 10upx;padding-left: 10upx;" placeholder="请输入抽检结果"></textarea>
					</view>
				</view>
			</view>
			<view class="submit-btn">
				<button type="primary">提交并发起审核</button>
			</view>
		</view>	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detectionMode:["全检","抽检"],
				detectionModeIndex:0,
				determine:["合格","不合格"],
				determineIndex:0,
				ifCheck:false,
				sendId:-1,
				
			};
		},methods:{
			 bindDetectionMode: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.detectionModeIndex = e.target.value
			 },
			 bindDetermine: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.determineIndex = e.target.value
			 },
			 checkBtn(index){
				 this.ifCheck==false?this.ifCheck=true:this.ifCheck=false
				 this.sendId=index
				
			 }
		}
	}
</script>

<style lang="scss">
@import "./index.scss";
</style>
