erp 新洋电子
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

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>