13 changed files with 642 additions and 40 deletions
@ -0,0 +1,244 @@
|
||||
|
||||
.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; |
||||
text-align: center; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.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,space-between); |
||||
margin-top: 30upx; |
||||
.list-left-dow-left{ |
||||
|
||||
@include fonts(24upx,#333,bold); |
||||
} |
||||
.list-left-dow-btn{ |
||||
|
||||
@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; |
||||
} |
||||
@ -1,19 +1,137 @@
|
||||
<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>{{ CyInfo.product_number }}</text> |
||||
</view> |
||||
</view> |
||||
<view class="content-box-card-ul-two"> |
||||
<view class="content-box-card-list"> |
||||
<view class="content-box-card-title">生产线:</view> |
||||
<text>{{ CyInfo.line_title }}</text> |
||||
</view> |
||||
<view class="content-box-card-list"> |
||||
<view class="content-box-card-title">物料名称:</view> |
||||
<text>{{ CyInfo.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.frequency==0?'夜班':'白班'}}</view> |
||||
<view class="list-left-up-mid">停线原因:{{item.reason}}</view> |
||||
</view> |
||||
<view class="list-left-dow"> |
||||
<view class="list-left-dow-left">产线状态:{{item.status==0?'已停线':'已恢复开线'}}</view> |
||||
<view class="list-left-dow-btn"> |
||||
<view @tap="editRecord(item.id)"> |
||||
查看详情 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="submit-btn"> |
||||
<button type="primary" @tap="addRecord()">新增停线记录</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
stopList |
||||
} from "../../api/user.js" |
||||
import { |
||||
mapGetters, |
||||
mapMutations |
||||
} from 'vuex'; |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
plan_id: '', |
||||
CyInfo: {}, |
||||
info: {}, |
||||
power: [], |
||||
jurisdiction: [], |
||||
product_id:0, |
||||
list: [], |
||||
limit: 10, |
||||
page: 1 |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(['userInfo', 'roleType']) |
||||
|
||||
}, |
||||
onShow() { |
||||
this.getData() |
||||
}, |
||||
onLoad(e) { |
||||
|
||||
this.CyInfo = JSON.parse(decodeURIComponent(e.planInfo)); |
||||
this.plan_id = this.CyInfo.plan_id; |
||||
this.product_id=this.CyInfo.product_id; |
||||
this.power = this.userInfo.power |
||||
this.getArr(); |
||||
this.isMenu(); |
||||
}, |
||||
methods: { |
||||
getArr() { |
||||
let newArr = this.power.map(item => { |
||||
if (item.children) { |
||||
|
||||
item.children.map(items => { |
||||
this.jurisdiction.push(items.title) |
||||
return items |
||||
}) |
||||
} |
||||
|
||||
}) |
||||
console.log("xinshuzu", this.jurisdiction) |
||||
}, |
||||
isMenu(title) { |
||||
return this.jurisdiction.includes(title); |
||||
}, |
||||
getData() { |
||||
let param = { |
||||
plan_id: this.plan_id, |
||||
}; |
||||
stopList(param).then(res => { |
||||
// this.info = res, |
||||
this.list = res; |
||||
console.log("详情", res) |
||||
}) |
||||
}, |
||||
addRecord() { |
||||
uni.navigateTo({ |
||||
url: `../stopLine/stopLine?plan_id=${this.plan_id}&type=1&planInfo=${encodeURIComponent(JSON.stringify(this.CyInfo))}`, |
||||
success: res => {}, |
||||
fail: () => {}, |
||||
complete: () => {} |
||||
}); |
||||
}, |
||||
editRecord(id) { |
||||
uni.navigateTo({ |
||||
url: `../stopLine/stopLine?plan_id=${this.plan_id}&type=1&id=${id}&planInfo=${encodeURIComponent(JSON.stringify(this.CyInfo))}`, |
||||
success: res => {}, |
||||
fail: () => {}, |
||||
complete: () => {} |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
|
||||
@import "./index.scss" |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue