8 changed files with 440 additions and 44 deletions
@ -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; |
||||
} |
||||
@ -0,0 +1,110 @@
|
||||
<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> |
||||
查看详情 |
||||
</view> |
||||
<view class="red"> |
||||
审核 |
||||
</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} from "../../api/user.js" |
||||
export default { |
||||
data() { |
||||
return { |
||||
plan_id:'', |
||||
CyInfo:{}, |
||||
info:{}, |
||||
|
||||
list:[], |
||||
limit:10, |
||||
page:1 |
||||
}; |
||||
}, |
||||
onLoad(e) { |
||||
this.plan_id=e.plan_id; |
||||
this.CyInfo = JSON.parse(decodeURIComponent(e.planInfo)); |
||||
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: `../stampingInspectionInfo/stampingInspectionInfo?plan_id=${this.plan_id}&planInfo=${encodeURIComponent(JSON.stringify(this.CyInfo))}&type=1`, |
||||
success: res => {}, |
||||
fail: () => {}, |
||||
complete: () => {} |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import "./index.scss" |
||||
</style> |
||||
Loading…
Reference in new issue