8 changed files with 435 additions and 31 deletions
@ -0,0 +1,120 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<view class="sm-box"> |
||||||
|
<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>{{ info.product_number }}</text> |
||||||
|
</view> |
||||||
|
<view class="content-box-card-list"> |
||||||
|
<view class="content-box-card-title">规格:</view> |
||||||
|
<text>{{ info.product_size }}</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="content-box-card-ul-two"> |
||||||
|
<view class="content-box-card-list"> |
||||||
|
<view class="content-box-card-title">生产线:</view> |
||||||
|
<text>{{ info.line_title }}</text> |
||||||
|
</view> |
||||||
|
<view class="content-box-card-list"> |
||||||
|
<view class="content-box-card-title">物料名称:</view> |
||||||
|
<text>{{ info.product_name }}</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="big-title"> |
||||||
|
巡检记录 |
||||||
|
</view> |
||||||
|
<view class="white-card" > |
||||||
|
<view class="lists" v-for="(item,index) in list" :key="index"> |
||||||
|
<view class="list-left"> |
||||||
|
<view class="list-left-up"> |
||||||
|
<view class="list-left-up-left">巡检人:{{item.one}}</view> |
||||||
|
<view class="list-left-up-mid">巡检时间:{{item.create_time}}</view> |
||||||
|
<view class="list-left-up-right-ok" v-if="item.result==1">OK</view> |
||||||
|
<view class="list-left-up-right-no" v-if="item.result==2">NG</view> |
||||||
|
</view> |
||||||
|
<view class="list-left-dow"> |
||||||
|
<view class="list-left-dow-left">审核人:{{item.two}}</view> |
||||||
|
<view class="list-left-dow-btn"> |
||||||
|
<view @tap="firstInspectionInfo(item.id,item)"> |
||||||
|
查看详情 |
||||||
|
</view> |
||||||
|
<view class="red" @tap="firstInspectionInfo(item.id,item)"> |
||||||
|
审核 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="list-right" v-if="list.length==1||index==0"> |
||||||
|
首 |
||||||
|
</view> |
||||||
|
<view class="list-right" v-if="list.length>=2&&list.length-1==index"> |
||||||
|
末 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="submit-btn"> |
||||||
|
<button type="primary" @tap="addRecord()">新增巡检记录</button> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import {newFirstCheckList,firstCheckSure} from "../../api/user.js" |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
plan_id:'', |
||||||
|
CyInfo:{}, |
||||||
|
info:{}, |
||||||
|
product_id:0, |
||||||
|
list:[], |
||||||
|
limit:10, |
||||||
|
page:1 |
||||||
|
}; |
||||||
|
}, |
||||||
|
onLoad(e) { |
||||||
|
|
||||||
|
this.plan_id=e.plan_id; |
||||||
|
this.CyInfo = JSON.parse(decodeURIComponent(e.planInfo)); |
||||||
|
this.product_id=this.CyInfo.product_id; |
||||||
|
this.getData() |
||||||
|
},methods:{ |
||||||
|
getData(){ |
||||||
|
let param={ |
||||||
|
plan_id:this.plan_id, |
||||||
|
limit:this.limit, |
||||||
|
page:this.page |
||||||
|
}; |
||||||
|
newFirstCheckList(param).then(res=>{ |
||||||
|
this.info=res, |
||||||
|
this.list=this.info.lists.data; |
||||||
|
console.log("详情",res) |
||||||
|
}) |
||||||
|
} |
||||||
|
,addRecord(){ |
||||||
|
uni.navigateTo({ |
||||||
|
url: `../firstInspectionInfo/firstInspectionInfo?plan_id=${this.plan_id}&product_id=${this.product_id}&planInfo=${encodeURIComponent(JSON.stringify(this.CyInfo))}&type=1`, |
||||||
|
success: res => {}, |
||||||
|
fail: () => {}, |
||||||
|
complete: () => {} |
||||||
|
}); |
||||||
|
}, |
||||||
|
firstInspectionInfo(id){ |
||||||
|
uni.navigateTo({ |
||||||
|
url: `../firstInspectionInfo/firstInspectionInfo?plan_id=${this.plan_id}&product_id=${this.product_id}&id=${id}&planInfo=${encodeURIComponent(JSON.stringify(this.CyInfo))}&type=2`, |
||||||
|
success: res => {}, |
||||||
|
fail: () => {}, |
||||||
|
complete: () => {} |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
@import "./index.scss" |
||||||
|
</style> |
||||||
@ -0,0 +1,243 @@ |
|||||||
|
|
||||||
|
.sm-box{ |
||||||
|
@include wh(750upx,auto); |
||||||
|
padding-top: 30upx; |
||||||
|
padding-bottom: 30upx; |
||||||
|
background: white; |
||||||
|
.card{ |
||||||
|
@include wh(710upx,auto); |
||||||
|
margin: auto; |
||||||
|
border: 1upx solid #F1F1F1; |
||||||
|
padding-top: 30upx; |
||||||
|
padding-bottom: 30upx; |
||||||
|
.title{ |
||||||
|
width: 690upx; |
||||||
|
margin: auto; |
||||||
|
@include fonts(26upx,#666,bold); |
||||||
|
} |
||||||
|
.content{ |
||||||
|
width: 690upx; |
||||||
|
margin: auto; |
||||||
|
@include fonts(24upx,#999); |
||||||
|
} |
||||||
|
} |
||||||
|
.content-box-card{ |
||||||
|
width: 690upx; |
||||||
|
margin: auto; |
||||||
|
|
||||||
|
.content-box-card-ul{ |
||||||
|
@include flex(flex-start,flex-start); |
||||||
|
.content-box-card-list{ |
||||||
|
@include flex(flex-start,flex-start); |
||||||
|
margin-top: 24upx; |
||||||
|
.content-box-card-title{ |
||||||
|
width: 140upx; |
||||||
|
@include fonts(26upx,#333,bold); |
||||||
|
} |
||||||
|
text{ |
||||||
|
@include fonts(24upx,#999); |
||||||
|
} |
||||||
|
.right-check{ |
||||||
|
width: 500upx; |
||||||
|
@include flex(flex-start,flex-start); |
||||||
|
flex-wrap: wrap; |
||||||
|
|
||||||
|
.check-list{ |
||||||
|
//width: 240upx; |
||||||
|
|
||||||
|
@include flex(center,flex-start); |
||||||
|
margin-left: 24upx; |
||||||
|
image{ |
||||||
|
@include wh(33upx,33upx); |
||||||
|
} |
||||||
|
text{ |
||||||
|
@include fonts(24upx,#999); |
||||||
|
margin-left: 10upx; |
||||||
|
} |
||||||
|
} |
||||||
|
.other-input{ |
||||||
|
@include wh(240upx,50upx); |
||||||
|
@include flex(center,center); |
||||||
|
border: 1upx solid #F1F1F1; |
||||||
|
border-radius: 4upx; |
||||||
|
margin-left: 24upx; |
||||||
|
input{ |
||||||
|
font-size: 26upx; |
||||||
|
margin-left: 20upx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
.content-box-card-ul-two{ |
||||||
|
@include flex(flex-start,flex-start); |
||||||
|
.content-box-card-list{ |
||||||
|
width: 345upx; |
||||||
|
@include flex(flex-start,flex-start); |
||||||
|
margin-top: 24upx; |
||||||
|
.content-box-card-title{ |
||||||
|
width: 140upx; |
||||||
|
@include fonts(24upx,#333,bold); |
||||||
|
} |
||||||
|
text{ |
||||||
|
@include fonts(24upx,#999); |
||||||
|
} |
||||||
|
.lin-div{ |
||||||
|
@include wh(140upx,50upx); |
||||||
|
line-height: 50upx; |
||||||
|
border: 1upx solid #F1F1F1; |
||||||
|
border-radius: 5upx; |
||||||
|
@include flex(center,space-around); |
||||||
|
text{ |
||||||
|
@include fonts(24upx,#999); |
||||||
|
} |
||||||
|
image{ |
||||||
|
@include wh(22upx,14upx); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
.sj-card{ |
||||||
|
width: 630upx; |
||||||
|
margin: auto; |
||||||
|
border: 1upx solid #F1F1F1; |
||||||
|
padding: 30upx; |
||||||
|
margin-top: 30upx; |
||||||
|
.sj-title{ |
||||||
|
@include fonts(26upx,#333,bold); |
||||||
|
} |
||||||
|
.sj-nav{ |
||||||
|
@include flex(flex-start,space-between); |
||||||
|
.left{ |
||||||
|
view{ |
||||||
|
@include fonts(24upx,#999); |
||||||
|
margin-top: 60upx; |
||||||
|
} |
||||||
|
} |
||||||
|
.right{ |
||||||
|
width: 500upx; |
||||||
|
@include flex(center,space-between); |
||||||
|
.right-list{ |
||||||
|
text-align: center; |
||||||
|
.num-div{ |
||||||
|
@include fonts(24upx,#999); |
||||||
|
} |
||||||
|
.gg-div{ |
||||||
|
width: 100upx; |
||||||
|
height: 50upx; |
||||||
|
@include flex(center,center); |
||||||
|
border: 1upx solid #F1F1F1; |
||||||
|
margin-top: 24upx; |
||||||
|
input{ |
||||||
|
font-size: 24upx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.beizhu{ |
||||||
|
width: 630upx; |
||||||
|
margin: auto; |
||||||
|
border: 1upx solid #F1F1F1; |
||||||
|
padding: 30upx; |
||||||
|
margin-top: 30upx; |
||||||
|
textarea{ |
||||||
|
font-size: 24upx; |
||||||
|
height: 200upx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.white-card{ |
||||||
|
@include wh(750upx,auto); |
||||||
|
padding-top: 30upx; |
||||||
|
padding-bottom: 30upx; |
||||||
|
background: white; |
||||||
|
//margin-top: 24upx; |
||||||
|
.lists{ |
||||||
|
@include wh(710upx,auto); |
||||||
|
margin: auto; |
||||||
|
border-bottom: 1upx solid #C8C7CC; |
||||||
|
padding-bottom: 30upx; |
||||||
|
@include flex(flex-start,space-between); |
||||||
|
.list-left{ |
||||||
|
@include wh(660upx,auto); |
||||||
|
.list-left-up{ |
||||||
|
@include flex(center,flex-start); |
||||||
|
.list-left-up-left{ |
||||||
|
width: 240upx; |
||||||
|
@include fonts(24upx,#333,bold); |
||||||
|
} |
||||||
|
.list-left-up-mid{ |
||||||
|
width:370upx; |
||||||
|
@include fonts(24upx,#333,bold); |
||||||
|
} |
||||||
|
.list-left-up-right-ok{ |
||||||
|
@include wh(60upx,60upx); |
||||||
|
border: 1upx solid #4CD964; |
||||||
|
border-radius: 50%; |
||||||
|
line-height: 60upx; |
||||||
|
text-align: center; |
||||||
|
@include fonts(24upx, #4CD964,bold); |
||||||
|
} |
||||||
|
.list-left-up-right-no{ |
||||||
|
@include wh(60upx,60upx); |
||||||
|
border: 1upx solid red; |
||||||
|
border-radius: 50%; |
||||||
|
line-height: 60upx; |
||||||
|
text-align: center; |
||||||
|
@include fonts(24upx,red,bold); |
||||||
|
} |
||||||
|
} |
||||||
|
.list-left-dow{ |
||||||
|
@include flex(center,flex-start); |
||||||
|
margin-top: 30upx; |
||||||
|
.list-left-dow-left{ |
||||||
|
width: 240upx; |
||||||
|
@include fonts(24upx,#333,bold); |
||||||
|
} |
||||||
|
.list-left-dow-btn{ |
||||||
|
width: 400upx; |
||||||
|
@include flex(center,space-between); |
||||||
|
view{ |
||||||
|
@include wh(160upx,44upx); |
||||||
|
background: #4CD964; |
||||||
|
@include fonts(24upx,#fff,500); |
||||||
|
text-align: center; |
||||||
|
line-height: 44upx; |
||||||
|
border-radius: 10upx; |
||||||
|
} |
||||||
|
.red{ |
||||||
|
background: #DD524D!important; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.list-right{ |
||||||
|
@include wh(40upx,40upx); |
||||||
|
border: 1upx solid #007AFF; |
||||||
|
border-radius: 50%; |
||||||
|
line-height: 40upx; |
||||||
|
text-align: center; |
||||||
|
@include fonts(24upx, #007AFF,bold); |
||||||
|
} |
||||||
|
.mj-color{ |
||||||
|
@include wh(40upx,40upx); |
||||||
|
border: 1upx solid #F0AD4E; |
||||||
|
border-radius: 50%; |
||||||
|
line-height: 40upx; |
||||||
|
text-align: center; |
||||||
|
@include fonts(24upx, #F0AD4E,bold); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.submit-btn{ |
||||||
|
@include wh(690upx,auto); |
||||||
|
margin: auto; |
||||||
|
margin-top: 60upx; |
||||||
|
} |
||||||
Loading…
Reference in new issue