<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 class="content-box-card-list">
						<view class="content-box-card-title">检测员:</view>
						<text>2021-07-15</text>
					</view>
				</view>
			</view>
		</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="cyxj-content-card">
				<view class="title">外观N=1  Re=1（1次/2H）</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>
