You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
269 lines
8.6 KiB
269 lines
8.6 KiB
<template> |
|
<view> |
|
<view class="sm-box"> |
|
<view class="card"> |
|
<view class="title">填写说明:</view> |
|
<view class="content">1、产品新开机台生产时，由最终工序准备好3个样件置于待检区，检查判定合格后生产。</view> |
|
<view class="content">2、检验员判定合格后从样品中随机挑选1个样件，进行首件标识。</view> |
|
<view class="content">4、检查结果:合格项目打“√”，不合格项目打“×”，无此检查项目不填写”</view> |
|
</view> |
|
</view> |
|
<view class="content-box"> |
|
<view class="content-box-card"> |
|
<view class="content-box-card-ul"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">物料名称:</view> |
|
<text>这是物料名称</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 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"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">抽样方式:</view> |
|
<view class="right-check"> |
|
<view class="check-list" v-for="(item,index) in cyMethod" :key="index" @tap="radioChange(index)"> |
|
<image :src="current==index?'../../static/xz.png':'../../static/wxz.png'"></image> |
|
<text>{{item.name}}</text> |
|
</view> |
|
<view class="other-input"> |
|
<input type="text" placeholder="其他" /> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="content-box-card-ul"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">检验依据:</view> |
|
<view class="right-check"> |
|
<view class="check-list" v-for="(item,index) in jyBasis" :key="index" @tap="jyBasisChange(index)"> |
|
<image :src="jyBasisIds==index?'../../static/xz.png':'../../static/wxz.png'"></image> |
|
<text>{{item}}</text> |
|
</view> |
|
<view class="other-input"> |
|
<input type="text" placeholder="其他" /> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="content-box"> |
|
<view class="content-box-card"> |
|
<view class="content-box-card-ul"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">检验标准:</view> |
|
<text>检验标准</text> |
|
</view> |
|
</view> |
|
<view class="content-box-card-ul-two"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">规格:</view> |
|
<text>105</text> |
|
</view> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">公差:</view> |
|
<text>+3 -3</text> |
|
</view> |
|
</view> |
|
<view class="content-box-card-ul-two"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">规格:</view> |
|
<text>105</text> |
|
</view> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">公差:</view> |
|
<text>+3 -3</text> |
|
</view> |
|
</view> |
|
<view class="sj-card"> |
|
<view class="sj-title">实际检测</view> |
|
<view class="sj-nav"> |
|
<view class="left"> |
|
<view>规格</view> |
|
<view>规格</view> |
|
</view> |
|
<view class="right"> |
|
<view class="right-list"> |
|
<view class="num-div">1</view> |
|
<view class="gg-div"> |
|
<input type="number" /> |
|
</view> |
|
<view class="gg-div"> |
|
<input type="number" /> |
|
</view> |
|
</view> |
|
<view class="right-list"> |
|
<view class="num-div">2</view> |
|
<view class="gg-div"> |
|
<input type="number" /> |
|
</view> |
|
<view class="gg-div"> |
|
<input type="number" /> |
|
</view> |
|
</view> |
|
<view class="right-list"> |
|
<view class="num-div">3</view> |
|
<view class="gg-div"> |
|
<input type="number" /> |
|
</view> |
|
<view class="gg-div"> |
|
<input type="number" /> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="beizhu"> |
|
<textarea value="" placeholder="请输入备注" /> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="content-box"> |
|
<view class="content-box-card"> |
|
<view class="content-box-card-ul"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">外观:</view> |
|
<view class="right-check"> |
|
<view class="check-list" v-for="(item,index) in appearance" :key="index" @tap="appearanceChange(index)"> |
|
<image :src="appearanceIds==index?'../../static/xz.png':'../../static/wxz.png'"></image> |
|
<text>{{item}}</text> |
|
</view> |
|
<view class="other-input"> |
|
<input type="text" placeholder="其他" /> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="content-box-card-ul"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">结构性能:</view> |
|
<view class="right-check"> |
|
<view class="check-list" v-for="(item,index) in structure" :key="index" @tap="structureChange(index)"> |
|
<image :src="structureIds==index?'../../static/xz.png':'../../static/wxz.png'"></image> |
|
<text>{{item}}</text> |
|
</view> |
|
<view class="other-input"> |
|
<input type="text" placeholder="其他" /> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="content-box"> |
|
<view class="content-box-card"> |
|
<view class="content-box-card-ul"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">最终判定:</view> |
|
<view class="right-check"> |
|
<view class="check-list" v-for="(item,index) in ifQualified" :key="index" @tap="ifQualifiedChange(index)"> |
|
<image :src="ifQualifiedIds==index?'../../static/xz.png':'../../static/wxz.png'"></image> |
|
<text>{{item}}</text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="content-box-card-ul"> |
|
<view class="content-box-card-list"> |
|
<view class="content-box-card-title">是否量产:</view> |
|
<view class="right-check"> |
|
<view class="check-list" v-for="(item,index) in ifProduction" :key="index" @tap="ifProductionChange(index)"> |
|
<image :src="ProductionIds==index?'../../static/xz.png':'../../static/wxz.png'"></image> |
|
<text>{{item}}</text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="submit-btn"> |
|
<button type="primary">提交并发起审核</button> |
|
</view> |
|
|
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
line:["A线","B线","C线","D线"], |
|
lineIndex:0, |
|
current: -1, |
|
cyMethod:[ |
|
{name:"开机首检",check:false}, |
|
{name:"开机末检",check:false}, |
|
{name:"修模首件",check:false}, |
|
{name:"转产首件",check:false}, |
|
{name:"生产参数变更",check:false}, |
|
{name:"材料变更",check:false}], |
|
jyBasisIds:-1, |
|
jyBasis:[ |
|
"工程图纸", |
|
"标准样件", |
|
"制程检验标准", |
|
"产品标准" |
|
], |
|
appearance:["划伤","压痕","拉痕","摁伤","油污","水渍","少孔","开裂","变形","起皱、叠料","毛刺","印字"], |
|
appearanceIds:-1, |
|
structure:["缺料","螺纹","铆接","折弯","膜厚","附着力","直线度","平整度","试装配","表面处理"], |
|
structureIds:-1, |
|
ifQualified:["是","否"], |
|
qualifiedIds:-1, |
|
ifProduction:["是","否"], |
|
ProductionIds:-1 |
|
}; |
|
},methods:{ |
|
bindline: function(e) { |
|
console.log('picker发送选择改变，携带值为', e.target.value) |
|
this.lineIndex = e.target.value |
|
}, |
|
radioChange(index){ |
|
this.current=index |
|
}, |
|
jyBasisChange: function(index) { |
|
this.jyBasisIds=index |
|
}, |
|
appearanceChange(index){ |
|
this.appearanceIds=index |
|
}, |
|
structureChange(index){ |
|
this.structureIds=index |
|
}, |
|
ifQualifiedChange(index){ |
|
this.qualifiedIds==index |
|
}, |
|
ifProductionChange(index){ |
|
this.ProductionIds==index |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
@import "./index.scss"; |
|
</style>
|
|
|