erp/pages/hardwareInfo/hardwareInfo.vue

<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="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 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="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">料号印字Date Code</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">面框/下前框</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">栈板：尺寸（1430x800)</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">数量：140pcs/箱</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">料号印字Date Code、日期</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">RoHS标识/检验印章</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">堆码层数(6层）</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="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>
</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>