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.
280 lines
7.4 KiB
280 lines
7.4 KiB
<template> |
|
<view> |
|
<view class="card" v-for="(item,index) in list" :key="index"> |
|
<view class="card-left"> |
|
<view class="card-up-list"> |
|
<view class="card-up-list-list"> |
|
<view style="font-weight: bold;">产线:</view><text style="color: red;font-weight: bold;">{{item.line_title}}</text> |
|
</view> |
|
|
|
<view class="card-right" @tap="open(item.plan_id,item.frequency)"> |
|
人员统计 |
|
</view> |
|
</view> |
|
<view class="card-up-list"> |
|
|
|
<view class="card-up-list-list"> |
|
<view>物料名称:</view><text>{{item.product_name}}</text> |
|
</view> |
|
|
|
</view> |
|
<view class="card-up-list"> |
|
<view class="card-up-list-list"> |
|
<view>物料编号:</view><text>{{item.product_number}}</text> |
|
</view> |
|
</view> |
|
<view class="card-up-list"> |
|
<view class="card-up-list-list"> |
|
<view>工时投入:</view><text>{{item.tr?item.tr:'0'}}</text> |
|
</view> |
|
</view> |
|
<view class="card-dow-list"> |
|
<view class="card-up-list-list"> |
|
<view>班次:</view> |
|
<text v-if="item.frequency==0">夜班</text> |
|
<text v-if="item.frequency==1">白班</text> |
|
</view> |
|
|
|
</view> |
|
</view> |
|
<view class="btn-grounp"> |
|
<view :class="item.status!=1?'':'dis-btn'" v-if="" @tap="openLine(item.plan_id,item)">开线</view> |
|
<view class="btn-tx" @tap="stopLine(item)">停线</view> |
|
<view v-if="item.status==1" class="btn-xx" @tap="offLine(item.plan_id,item)">下线</view> |
|
<view class="btn-blp" @tap="badProduct(item)">不良品统计</view> |
|
<view class="btn-back" @tap="rework(item)">返修</view> |
|
</view> |
|
</view> |
|
<uni-popup ref="popup" type="center"> |
|
<view class="card-pop"> |
|
<view class="pop-list"> |
|
<text>班次:</text> |
|
<view class="right-pic"> |
|
<text v-if="frequencyId==0">夜班</text> |
|
<text v-if="frequencyId==1">白班</text> |
|
<!-- <image src="../../static/next.png"></image> --> |
|
</view> |
|
</view> |
|
<view class="pop-list"> |
|
<text>上线人数:</text> |
|
<input type="number" v-model="froms.in_line" placeholder="请输入上线人数" /> |
|
</view> |
|
<!-- <view class="pop-list"> |
|
<text>工时投入:</text> |
|
<input type="number" v-model="froms.peoples" placeholder="请输入工时投入" /> |
|
</view> --> |
|
<!-- <picker @change="bindStatus" :value="froms.status" :range="status"> |
|
<view class="pop-list"> |
|
<text>状态:</text> |
|
<view class="right-pic"> |
|
<text>{{status[froms.status-1]}}</text> |
|
<image src="../../static/next.png"></image> |
|
</view> |
|
</view> |
|
</picker> --> |
|
<view class="submit" :disabled="buttonState==false?true:false" @tap="tjrsBtn()">提交</view> |
|
</view> |
|
</uni-popup> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import { |
|
firstCheckLists, |
|
openLine, |
|
trtj, |
|
putInDetail, |
|
noDetail |
|
} from "../../api/user.js"; |
|
import { |
|
mapGetters, |
|
mapMutations |
|
} from 'vuex'; |
|
import moment from "moment"; |
|
export default { |
|
computed: { |
|
...mapGetters(['userInfo', 'roleType']) |
|
}, |
|
onLoad() { |
|
|
|
this.getArr(); |
|
this.isMenu(); |
|
this.getTime() |
|
}, |
|
onShow() { |
|
this.getData() |
|
}, |
|
data() { |
|
return { |
|
list: [], |
|
status: ["冲压", "喷涂"], |
|
frequency: ["夜班", "白班"], |
|
buttonState: false, |
|
froms: { |
|
plan_id: '', |
|
in_line: '', |
|
//peoples:'', |
|
status: 1, |
|
frequency: 0 |
|
}, |
|
frequencyId: '', |
|
power: [], |
|
jurisdiction: [], |
|
}; |
|
}, |
|
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); |
|
}, |
|
bindline: function(e) { |
|
this.froms.frequency = e.target.value |
|
}, |
|
bindStatus: function(e) { |
|
console.log("状态", e.target.value) |
|
this.froms.status = e.target.value + 1 |
|
}, |
|
openLine(plan_id, item) { |
|
if (item.status == 1) { |
|
this.$functions.error("已开线,请勿重复操作"); |
|
return false; |
|
} else { |
|
openLine({ |
|
id: plan_id |
|
}).then(res => { |
|
this.getData() |
|
this.$functions.success('操作成功').then(() => { |
|
this.getData() |
|
}); |
|
|
|
}) |
|
} |
|
|
|
}, |
|
getData() { |
|
firstCheckLists({ |
|
type: 1 |
|
}).then(res => { |
|
this.list = res; |
|
this.list.map(item => { |
|
if (item.open_time > 0) { |
|
|
|
let openTime = moment(item.open_time * 1000).format("YYYY-MM-DD hh:mm:ss"); |
|
item.tr = this.getRemainderTime(openTime); |
|
|
|
} else { |
|
item.tr = ""; |
|
} |
|
|
|
}) |
|
}) |
|
}, |
|
stopLine(item) { |
|
uni.navigateTo({ |
|
url: `../stopLineList/stopLineList?planInfo=${encodeURIComponent(JSON.stringify(item))}` |
|
}); |
|
}, |
|
offLine(plan_id,item) { |
|
uni.navigateTo({ |
|
url: `../offLine/offLine?plan_id=${plan_id}&planInfo=${encodeURIComponent(JSON.stringify(item))}` |
|
}); |
|
}, |
|
badProduct(item) { |
|
uni.navigateTo({ |
|
url: `../badProduct/badProduct?badProduct=${encodeURIComponent(JSON.stringify(item))}` |
|
}); |
|
}, |
|
rework(item) { |
|
uni.navigateTo({ |
|
url: `../rework/rework?badProduct=${encodeURIComponent(JSON.stringify(item))}` |
|
}); |
|
}, |
|
open(e) { |
|
|
|
this.froms.plan_id = e; |
|
|
|
// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center'] |
|
this.$refs.popup.open('center') |
|
putInDetail({ |
|
plan_id: e |
|
}).then(res => { |
|
|
|
if (res) { |
|
this.froms.frequency = res.frequency |
|
this.froms.in_line = res.in_line |
|
console.log("投入详情", this.froms.in_line) |
|
} |
|
}) |
|
}, |
|
|
|
tjrsBtn() { |
|
|
|
this.buttonState = false; |
|
trtj(this.froms).then(res => { |
|
this.$functions.success('提交成功').then(() => { |
|
this.$refs.popup.close('center') |
|
}).catch(res => { |
|
this.buttonState = true; |
|
}); |
|
|
|
}) |
|
}, |
|
getTime: function() { |
|
|
|
var date = new Date(), |
|
year = date.getFullYear(), |
|
month = date.getMonth() + 1, |
|
day = date.getDate(), |
|
hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(), |
|
minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(), |
|
second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); |
|
month >= 1 && month <= 9 ? (month = "0" + month) : ""; |
|
day >= 0 && day <= 9 ? (day = "0" + day) : ""; |
|
var timer = year + '-' + month + '-' + day + '' + hour + ':' + minute + ':' + second; |
|
console.log("当前时间", timer) |
|
return timer; |
|
|
|
}, |
|
getRemainderTime: function(startTime) { |
|
var s1 = new Date(startTime.replace(/-/g, "/")), |
|
s2 = new Date(), |
|
runTime = parseInt((s2.getTime() - s1.getTime()) / 1000); |
|
var year = Math.floor(runTime / 86400 / 365); |
|
runTime = runTime % (86400 * 365); |
|
var month = Math.floor(runTime / 86400 / 30); |
|
runTime = runTime % (86400 * 30); |
|
var day = Math.floor(runTime / 86400); |
|
runTime = runTime % 86400; |
|
var hour = Math.floor(runTime / 3600); |
|
runTime = runTime % 3600; |
|
var minute = Math.floor(runTime / 60); |
|
runTime = runTime % 60; |
|
var second = runTime; |
|
// console.log(year,month,day,hour,minute,second); |
|
if (month > 0&&day>0) { |
|
return month + '月' + day + '天' + hour + '小时' + minute + '分' + second + "秒"; |
|
} else { |
|
return hour + '小时' + minute + '分' + second + "秒"; |
|
} |
|
|
|
} |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
@import "./index.scss"; |
|
</style>
|
|
|