<template>
	<view>
		<view class="sm-box">
			<view class="card">
				<view class="title">注:</view>
				<view class="content">1.检查结果判定：合格OK，不合格填NG;</view>
				<view class="content">2.表单记录填写不可涂改，填写正确、及时、清晰、完整；</view>
			</view>
			<view class="content-box-card">
				<view class="content-box-card-ul-two">
					<view class="content-box-card-list">
						<view class="content-box-card-title">物料编号:</view>
						<text>2021-07-15</text>
					</view>
					<view class="content-box-card-list">
						<view class="content-box-card-title">生产日期:</view>
						<text>2021-07-15</text>
					</view>
				</view>
				<view class="content-box-card-ul-two">
					<view class="content-box-card-list">
						<view class="content-box-card-title">机型:</view>
						<text>2021-07-15</text>
					</view>
					<view class="content-box-card-list">
						<view class="content-box-card-title">班次:</view>
						<picker @change="bindline" :value="lineIndex" :range="line">
						<view class="lin-div">
							<text>{{line[lineIndex]}}</text>
							<image src="../../static/xiala.png"></image>
						</view>
						</picker>
					</view>
				</view>
				<view class="content-box-card-ul-two">
					<view class="content-box-card-list">
						<view class="content-box-card-title">生产数量:</view>
						<text>2021-07-15</text>
					</view>
					<view class="content-box-card-list">
						<view class="content-box-card-title">不合格数:</view>
						<text>2021-07-15</text>
					</view>
				</view>
				<view class="content-box-card-ul-two">
					<view class="content-box-card-list">
						<view class="content-box-card-title">报废数量:</view>
						<text>2021-07-15</text>
					</view>
				</view>
			</view>
		</view>
		<view class="big-title">外观</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">无划痕/擦痕/变形</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">料号/刻印线/日期清晰、正确、完整</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">无水渍/锈渍/油污</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">无橘皮/露白/杂质</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">毛刺/毛边≤0.05mm</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">色差比对</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">印章内容清晰、正确、完整</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">Mylar完全覆盖通孔，无漏贴、起翘、褶皱</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
		</view>
		<view class="big-title">结构</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">无少孔、错位、模印、凸包拉裂、缺料、裂口、漏工程等符合图纸要求</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>								
		</view>
		<view class="big-title">试装配</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">面框/后盖/SOURCE卡扣/支架</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>								
		</view>
		<view class="big-title">平整度</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">四边直线度符合图纸要求</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>	
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">平整度符合图纸要求（机型与标准匹配）</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>
		</view>
		<view class="big-title">功能</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">附着力测试（百格刀）</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>	
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">耐磨测试（产品表面不掉色见底材）</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">铅笔硬度测试（2H）</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>
		</view>
		<view class="big-title">性能</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">表面能测试（达因笔）</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>	
		</view>
		<view class="big-title">膜厚</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">一次膜厚≤80μm、二次＜200μm</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>	
		</view>
		<view class="big-title">螺孔</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">螺孔牙规2.5/3.0/4.0顺利通止</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>	
		</view>
		<view class="big-title">包装</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">与背板尺寸匹配的栈板、无变形、无少支撑</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
				<view class="xx-card">
					<view class="xx-title">护角无多放、少放、破损</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
				<view class="xx-card">
					<view class="xx-title">现品票物编与背板物编、数量一致</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
				<view class="xx-card">
					<view class="xx-title">围膜完全包裹产品，无缝隙、脱落</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
				<view class="xx-card">
					<view class="xx-title">打包带适中，无过松或少打</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>					
				</view>
			</view>	
		</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="bzqk-card">
				<textarea value="" placeholder="备注情况说明" />
			</view>
			<view class="submit-btn">
				<button type="primary">提交并发起审核</button>
			</view>									
		</view>
		<!-- <view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="title">外观</view>
				<view class="xx-card">
					<view class="xx-title">料号/刻印线/日期清晰、正确、完整</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>
					<view class="czyj-text">
						<textarea value="" placeholder="不良情况分析" />
					</view>
					<view class="xx-title">不良处置情况</view>
					<picker @change="bindMethod" :value="methIds" :range="methList">
					<view class="slect-list">
						<text>{{methList[methIds]}}</text>
						<image src="../../static/xiala.png"></image>
					</view>
					</picker>
				</view>
			</view>
			<view class="cyxj-content-card">
				<view class="xx-card">
					<view class="xx-title">无压痕/拉痕/变形</view>
					<view class="xx-ul">
						<view class="xx-list" v-for="(item,index) in ifcomplete" :key="index" @tap="bindifcomplete(index)">
							<image :src="ifcompleteIds==index?'../../static/xz.png':'../../static/wxz.png'" mode=""></image>
							<text>{{item}}</text>
						</view>
					</view>									
				</view>
			</view>
			<view class="mid-card">
				<view class="left">V1</view>
				<view class="right">
					<view class="right-list">
						<view class="titles">0°天地左右侧，±0.5°</view>
						<view class="inp">
							<input placeholder="输入" />
						</view>
					</view>
				</view>
			</view>
			<view class="bzqk-card">
				<textarea value="" placeholder="备注情况说明" />
			</view>
			<view class="submit-btn">
				<button type="primary">提交并发起审核</button>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				line:["白班","夜班"],
				lineIndex:0,
				ifcomplete:["OK","NG"],
				ifcompleteIds:0,
				methList:["更换丝锥","丝锥加油","调整丝锥位置","换冲针"],
				methIds:0
			};
		},methods:{
			bindline: function(e) {
					console.log('picker发送选择改变，携带值为', e.target.value)
					this.lineIndex = e.target.value
			},
			bindMethod(e){
				this.methIds = e.target.value
			},
			bindifcomplete(index){
				this.ifcompleteIds=index
			}
		}
	}
</script>

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