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.
270 lines
8.6 KiB
270 lines
8.6 KiB
4 years ago
|
<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>
|