<template>
|
<view class="bg">
|
<view class="bg_plan" @click="selectPlan">
|
<view class="bg_plan_label" v-if="!from.processPlan">
|
<text><text>*</text>工序生产计划</text>
|
</view>
|
<view class="bg_plan_nr" v-else>
|
<text>{{ from.processPlan.materialName }} | {{ from.processPlan.materialCode }} | {{ from.processPlan.produceName }}</text>
|
<text>{{ from.processPlan.batch }}{{ from.processPlan.salesOrder ? ` / ${from.processPlan.salesOrder}` : '' }}</text>
|
<text>计划时间：{{ from.processPlan.workPlanStartDate }} ~ {{ from.processPlan.workPlanEndDate }}</text>
|
<text>计划进度：{{from.processPlan.num}}/{{from.processPlan.workorderDistributNum}}{{ from.processPlan.unitName }}</text>
|
</view>
|
<view class="bg_plan_label_val">
|
<text v-if="!from.processPlan">请选择</text>
|
<image src="@/static/ic_ar@2x.png" alt="" />
|
</view>
|
</view>
|
<template v-if="plansId">
|
<view class="bg_list">
|
<view class="bg_list_item">
|
<view class="bg_list_item_top">
|
<view class="bg_list_item_top_left">
|
<view class="bg_list_item_top_left_x"></view>
|
<text>生产信息</text>
|
</view>
|
</view>
|
<view class="bg_list_item_h">
|
<view class="bg_list_item_num" @click="openDev">
|
<view class="bg_list_item_num_item">
|
<text>生产设备</text>
|
<view class="bg_list_item_num_item_sr">
|
<text :style="{color: from.deviceName ? '#333' : ''}">{{from.deviceName ? from.deviceName : '请选择'}}</text>
|
<image src="@/static/ic_ar@2x.png" alt="" />
|
</view>
|
</view>
|
</view>
|
<view class="bg_list_item_num" @click="userShow = true">
|
<view class="bg_list_item_num_item">
|
<text>生产人员</text>
|
<view class="bg_list_item_num_item_sr">
|
<text :style="{color: from.userName ? '#333' : ''}">{{from.userName ? from.userName : '请选择'}}</text>
|
<image src="@/static/ic_ar@2x.png" alt="" />
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="bg_list_item">
|
<view class="bg_list_item_top">
|
<view class="bg_list_item_top_left">
|
<view class="bg_list_item_top_left_x"></view>
|
<text>生产投料</text>
|
</view>
|
<view class="bg_list_item_top_right" @click="openMaterial" v-if="(hasBom == 1 && bomType != 1) || hasBom == 0">
|
<image src="@/static/gongdan_ic_shoudong@2x.png" alt="" />
|
<text>新增投料</text>
|
</view>
|
</view>
|
<template v-if="wuList.length > 0 && !(hasBom == 1 && bomType == 1)">
|
<van-swipe-cell v-for="(item, index) in wuList" :key="index">
|
<view class="bg_list_item_h">
|
<view class="bg_list_item_num">
|
<view class="bg_list_item_num_item">
|
<view class="bg_list_item_num_item_wl">
|
<text>{{ item.materialName }}{{ item.procedureName ? ` | ${item.procedureName}` : '' }}</text>
|
<view class="bg_list_item_num_item_wl_lx">
|
<text class="green" v-if="item.qualityType == 0">合格 / </text>
|
<text class="yellow" v-if="item.qualityType == 1">不良 / </text>
|
<text class="red" v-if="item.qualityType == 2">报废 / </text>
|
<text>{{ item.locationName || '-' }} / </text>
|
<text>{{ item.batch || '-' }}</text>
|
</view>
|
</view>
|
<view class="bg_list_item_num_item_sr">
|
<u--input
|
placeholder="请输入"
|
border="surround"
|
type="number"
|
:customStyle="{width: '100%'}"
|
v-model="item.num"
|
@input="inputwl(index)"
|
></u--input>
|
<!-- <input type="number" v-model="item.num" @input="inputwl(index)" /> -->
|
<text>{{ item.unitName }}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<template #right>
|
<van-button style="height: 100%;" @click="deleItem(index)" square text="删除" type="danger" />
|
</template>
|
</van-swipe-cell>
|
</template>
|
<template v-else-if="wuList.length == 0 && !(hasBom == 1 && bomType == 1)">
|
<view class="kong">
|
<text>暂无数据</text>
|
</view>
|
</template>
|
<view class="kong" v-if="hasBom == 1 && bomType == 1">
|
<text>当前工序无需投料</text>
|
</view>
|
</view>
|
<view class="bg_list_item bottomval">
|
<view class="bg_list_item_top">
|
<view class="bg_list_item_top_left">
|
<view class="bg_list_item_top_left_x"></view>
|
<text>产出明细</text>
|
</view>
|
</view>
|
<view class="bg_list_item_h">
|
<view class="bg_list_item_num">
|
<view class="bg_list_item_num_item">
|
<text><text>*</text>良品数</text>
|
<view class="bg_list_item_num_item_sr">
|
<u--input
|
placeholder="请输入"
|
border="surround"
|
type="number"
|
:customStyle="{width: '180rpx'}"
|
v-model="from.qualified"
|
@input="changeNum(1)"
|
></u--input>
|
<!-- <input type="number" v-model="from.qualified" @input="changeNum(1)" placeholder="请输入" /> -->
|
<text v-if="from.processPlan">{{from.processPlan.unitName}}</text>
|
</view>
|
</view>
|
</view>
|
<view class="bg_list_item_num">
|
<view class="bg_list_item_num_item">
|
<text>不良数</text>
|
<view class="bg_list_item_num_item_sr">
|
<u--input
|
placeholder="请输入"
|
border="surround"
|
type="number"
|
:customStyle="{width: '180rpx'}"
|
v-model="from.undesirable"
|
@input="changeNum(2)"
|
></u--input>
|
<!-- <input type="number" v-model="from.undesirable" @input="changeNum(2)" placeholder="请输入" /> -->
|
<text v-if="from.processPlan">{{from.processPlan.unitName}}</text>
|
</view>
|
</view>
|
</view>
|
<view class="bg_list_item_num" v-if="from.undesirable > 0">
|
<view class="bg_list_item_num_item" @click="openBL">
|
<!-- <text>*</text> -->
|
<text>不良项</text>
|
<view class="bg_list_item_num_item_sr">
|
<text class="wulll" :style="{color: from.defectiveName ? '#305ED5' : ''}">{{from.defectiveName ? from.defectiveName : '设置'}}</text>
|
<image src="@/static/ic_ar@2x.png" alt="" />
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="bg_plan" @click="TimeShow = true">
|
<view class="bg_plan_label">
|
<text>报工时长</text>
|
</view>
|
<view class="bg_plan_label_val">
|
<text :style="{color: from.durationName ? '#333' : ''}">{{from.durationName ? from.durationName : '请选择'}}</text>
|
<image src="@/static/ic_ar@2x.png" alt="" />
|
</view>
|
</view>
|
<view class="bg_list_item" v-if="arrType && arrType.length > 0 && from.duration > 0">
|
<view class="bg_list_item_top">
|
<view class="bg_list_item_top_left">
|
<view class="bg_list_item_top_left_x"></view>
|
<text>工资绩效</text>
|
</view>
|
</view>
|
<view class="bg_list_item_h">
|
<view class="bg_list_item_num">
|
<view class="bg_list_item_num_item">
|
<text>计件方式</text>
|
<view class="bg_list_item_num_item_list">
|
<view :class="item.active ? 'bg_list_item_num_item_list_item active' : 'bg_list_item_num_item_list_item'" v-for="(item, index) in arrType" :key="index" @click="clickPerformanceType(index)">{{ item.name }}</view>
|
</view>
|
</view>
|
</view>
|
<view class="bg_list_item_num">
|
<view class="bg_list_item_num_item">
|
<text>工资单价</text>
|
<view class="bg_list_item_num_item_sr">
|
<text class="color1">{{(arrType[from.index].salary / 10 / 10).toFixed(2)}}元/{{arrType[from.index].type == 0 ? '件' : '时'}}</text>
|
</view>
|
</view>
|
</view>
|
<view class="bg_list_item_num">
|
<view class="bg_list_item_num_item">
|
<text>预计工资</text>
|
<view class="bg_list_item_num_item_sr">
|
<text class="color1">{{expectedSalary}}元</text>
|
</view>
|
</view>
|
</view>
|
<view class="bg_list_item_num">
|
<view class="bg_list_item_num_item">
|
<text>达标率</text>
|
<view class="bg_list_item_num_item_sr">
|
<text class="color1">{{complianceRate}}%</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- 报工按钮 -->
|
<view class="bh_zw"></view>
|
<view class="bg_footer">
|
<view class="bg_footer_submit1" @click="continueSubmit">继续报工</view>
|
<view class="bg_footer_submit" @click="submit">提交</view>
|
</view>
|
</template>
|
|
<!-- 生产人员 -->
|
<user :show="userShow" @close="userShow = false" @value="onConfirm1" />
|
<!-- 生产设备 -->
|
<u-picker :show="deviceShow" :columns="deviceList" keyName="name" @confirm="onConfirm" @cancel="deviceShow = false"></u-picker>
|
<!-- 时间 -->
|
<u-picker :show="TimeShow" :columns="columns" @confirm="onConfirm2" @cancel="TimeShow = false"></u-picker>
|
<!-- 物料 -->
|
<MaterialSelect ref="MaterialSelect" :plansId="String(plansId)" :selected="ids" :deviceId="String(deviceId)" @value="getValue" />
|
<!-- 不良项 -->
|
<u-popup :show="show" @close="show = false" :round="8" closeable zIndex="20000">
|
<view class="rp p40 contanir">
|
<view class="c2 b tc">不良项</view>
|
<view class="content bl_list">
|
<div class="bl_list_item" v-for="(item, i) in cateList" :key="i" @click="changeChecked(i)">
|
<div class="bl_list_item_left">
|
<u-checkbox-group @change="poorSelection(item.active, i)">
|
<u-checkbox :checked="item.active" :label="item.name" :name="item.name"></u-checkbox>
|
</u-checkbox-group>
|
</div>
|
<div class="bl_list_item_right">
|
<input type="number" @click.stop v-model="item.num" placeholder="0" />
|
</div>
|
</div>
|
</view>
|
<view class="flex ap tc bottom-view">
|
<view class="fx1 ml20 ptb20 sbtn_green" @click="onConfirm3">确定</view>
|
</view>
|
</view>
|
</u-popup>
|
</view>
|
</template>
|
|
<script>
|
import user from '../../components/user.vue'
|
import MaterialSelect from '../../components/MaterialSelect.vue'
|
import { mapState } from 'vuex'
|
import { getDeviceByCondition, getFindAll, queryOne, queryList, autoWorkReport, getIdPlansExt, categoryExtList } from '@/util/api/PlanningAPI'
|
export default {
|
components: {
|
user,
|
MaterialSelect
|
},
|
data() {
|
return {
|
from: {
|
processPlan: null,
|
deviceId: '',
|
deviceName: '',
|
// userId: userInfo.id,
|
userId: '',
|
// userName: userInfo.companyUser.name,
|
userName: '',
|
qualified: '', // 良品数
|
undesirable: '', // 不良数
|
duration: '',
|
durationName: '0小时0分钟',
|
time: '',
|
defective: [],
|
defectiveName: '',
|
type: '', // 绩效类型
|
index: 0
|
},
|
columns: [],
|
arrType: [],
|
bomType: '',
|
hasBom : '',
|
deviceShow: false,
|
userShow: false,
|
wuList: [],
|
deviceList: [],
|
cateList: [
|
{
|
active: false,
|
num: '',
|
name: '有瑕疵'
|
}
|
],
|
total: 0, // 可投数量
|
ids: '',
|
plansId: '',
|
deviceId: '',
|
TimeShow: '',
|
show1: '',
|
show: false
|
};
|
},
|
computed: {
|
...mapState(['userInfo']),
|
// 预计工资
|
expectedSalary() {
|
|
if (this.arrType.length === 0) return 0;
|
let { index, qualified, undesirable, duration } = this.from
|
let temp = this.arrType[index]
|
if (temp.type == 0) {
|
if (!qualified) return 0
|
if (temp.unqualified == 1) { // 是否计入不良品
|
let total = Number(qualified) + Number(undesirable)
|
return (total * (temp.salary / 10 / 10)).toFixed(2)
|
} else {
|
return (Number(qualified) * (temp.salary / 10 / 10)).toFixed(2)
|
}
|
} else {
|
if (!duration) return 0;
|
let h = (duration / 60 / 60).toFixed(2)
|
return (Number(h) * (temp.salary / 10 / 10)).toFixed(2)
|
}
|
},
|
// 达标率
|
complianceRate() {
|
if (this.arrType.length === 0) return 0;
|
let { index, qualified, undesirable, duration } = this.from
|
let temp = this.arrType[index]
|
if (!qualified && !undesirable) return 0;
|
if (!duration) return 0;
|
if (!temp.num) return 0;
|
if (temp.unqualified == 1) { // 是否计入不良品
|
let a = ((Number(qualified) + Number(undesirable)) / (duration / 3600)).toFixed(2)
|
let b = (temp.num / (temp.times / 3600)).toFixed(2)
|
return ((Number(a) / Number(b)) * 100).toFixed(2)
|
} else {
|
let a = (qualified / (duration / 3600)).toFixed(2)
|
let b = (temp.num / (temp.times / 3600)).toFixed(2)
|
return ((Number(a) / Number(b)) * 100).toFixed(2)
|
}
|
}
|
},
|
onReady() {
|
let timer = setInterval(() => {
|
if (this.userInfo) {
|
this.from.userId = this.userInfo.id
|
this.from.userName = this.userInfo.realname
|
clearInterval(timer)
|
}
|
}, 500)
|
},
|
onLoad() {
|
let arr = []
|
for(let i = 0; i < 60; i++) {
|
arr.push(i)
|
}
|
this.getData()
|
this.columns = [arr, arr]
|
// 接收计划
|
uni.$on('update', (data) => {
|
this.from.processPlan = data.obj
|
this.plansId = data.obj.id
|
this.from.deviceId = ''
|
this.from.deviceName = ''
|
this.deviceId = ''
|
this.total = data.obj.num - data.obj.workorderDistributNum
|
this.wuList = []
|
this.from.defective = []
|
this.from.defectiveName = ''
|
// this.from.userName = ''
|
// this.from.userId = ''
|
// 获取设备
|
getDeviceByCondition({ procedureId: data.obj.procedureId })
|
.then(res1 => {
|
if (res1.code === 200) {
|
if (res1.data && res1.data.length > 0) {
|
this.deviceId = res1.data[0].id
|
this.from.deviceId = res1.data[0].id
|
this.from.deviceName = res1.data[0].name
|
this.deviceList = [res1.data]
|
}
|
}
|
})
|
// 获取类型
|
getIdPlansExt(data.obj.id)
|
.then(res2 => {
|
if (res2.code === 200) {
|
this.bomType = res2.data.bomType
|
this.hasBom = res2.data.hasBom
|
}
|
})
|
// 获取工资绩效数据
|
queryList({
|
deleted: 0,
|
departId: data.obj.factoryId,
|
materialId: data.obj.materialId,
|
procedureId: data.obj.procedureId
|
}).then(result => {
|
if (result.code === 200) {
|
if (result.data && result.data.length > 0) {
|
result.data.forEach((item, index) => {
|
item.name = item.type == 0 ? '计件' : '计时'
|
item.id = item.type
|
item.active = index == 0
|
})
|
this.arrType = result.data
|
console.log(this.arrType)
|
} else {
|
this.arrType = []
|
}
|
}
|
})
|
})
|
},
|
methods: {
|
poorSelection(val, i) {
|
this.cateList.forEach((item, index) => {
|
if (i === index) {
|
item.active = !item.active
|
}
|
})
|
},
|
// 切换绩效类型
|
clickPerformanceType(i) {
|
this.from.index = i
|
this.arrType.forEach((item, index) => {
|
if (i === index) {
|
this.from.type = item.id
|
}
|
item.active = index === i
|
})
|
},
|
// 选择物料
|
getValue(val) {
|
let obj = JSON.parse(JSON.stringify(val))
|
obj.total = val.num
|
this.wuList.unshift(obj)
|
let arr = this.wuList.map(item => item.id)
|
this.ids = arr
|
},
|
// 获取不良项目
|
getData() {
|
categoryExtList({
|
cateType: "3"
|
}).then(res => {
|
if (res.code === 200) {
|
res.data.forEach(item => {
|
item.active = false
|
item.num = ''
|
})
|
this.cateList = res.data
|
}
|
})
|
},
|
// 选择设备
|
onConfirm(e) {
|
this.from.deviceId = e.value[0].id
|
this.from.deviceName = e.value[0].name
|
this.deviceId = e.value[0].id
|
this.from.userId = ''
|
this.from.userName = ''
|
// getFindAll({
|
// deviceId: e.id,
|
// planId: from.processPlan.id
|
// }).then(res => {
|
// if (res.code === 200) {
|
// res.data.forEach((item: any) => {
|
// item.name = item.umodel.name + '-' + item.tmodel.name
|
// })
|
// userList.value = res.data
|
// }
|
// })
|
this.deviceShow = false
|
},
|
// 选择不良项
|
onConfirm3() {
|
let isOpen = false
|
this.cateList.forEach((item, index) => {
|
if (item.active) {
|
isOpen = true
|
}
|
})
|
if (!isOpen) return uni.showToast({ title: '请选择不良项', icon: 'none', duration: 2000 });
|
let arr = []
|
let total = 0
|
let name = ''
|
for (let i = 0; i < this.cateList.length; i++) {
|
if (this.cateList[i].active) {
|
if (Number(this.cateList[i].num) <= 0) {
|
return uni.showToast({ title: '不良数量必须大于0', icon: 'none', duration: 2000 });
|
}
|
total = total += Number(this.cateList[i].num)
|
arr.push(this.cateList[i])
|
name += this.cateList[i].name + this.cateList[i].num + '；'
|
}
|
}
|
if (total !== Number(this.from.undesirable)) return uni.showToast({ title: '不良数必须等于产出不良数', icon: 'none', duration: 2000 });
|
this.from.defective = arr
|
this.from.defectiveName = name
|
this.show = false
|
},
|
changeChecked(i) {
|
this.cateList[i].active = !this.cateList[i].active
|
},
|
onConfirm2(e) {
|
let h = e.value[0]
|
let m = e.value[1]
|
let s = 0
|
if (h > 0) {
|
s += h * 60 * 60
|
}
|
if (m > 0) {
|
s += m * 60
|
}
|
this.from.duration = s
|
this.from.durationName = `${h}小时${m}分钟`
|
this.TimeShow = false
|
},
|
onConfirm1(e) {
|
this.from.userId = e.userId
|
this.from.userName = e.name
|
this.userShow = false
|
},
|
selectPlan() {
|
uni.navigateTo({
|
url: '/pages_adjust/pages/processPlan/processPlan'
|
});
|
},
|
openDev() {
|
if (!this.from.processPlan) return uni.showToast({ title: '请先选择工序生产计划', icon: 'none', duration: 2000 });
|
this.deviceShow = true
|
},
|
openMaterial() {
|
if (!this.plansId) return uni.showToast({ title: '请先选择工序生产计划', icon: 'none', duration: 2000 });
|
if (!this.deviceId) return uni.showToast({ title: '请先选择生产设备', icon: 'none', duration: 2000 });
|
this.$refs.MaterialSelect.open()
|
},
|
inputwl(i) {
|
if (this.wuList[i].num > this.wuList[i].total) {
|
this.wuList[i].num = ''
|
uni.showToast({ title: '投料数量不能大于库存数量', icon: 'none', duration: 2000 });
|
}
|
},
|
deleItem(index) {
|
if (this.wuList.length === 1) return uni.showToast({ title: '至少保留一项内容', icon: 'none', duration: 2000 });
|
this.wuList.splice(index, 1)
|
},
|
// 产出数量验证
|
changeNum(type) {
|
let num = this.total - (Number(this.from.qualified) + Number(this.from.undesirable))
|
if (type == 2) {
|
this.from.defective = []
|
this.from.defectiveName = ''
|
}
|
if (num < 0) {
|
uni.showToast({ title: '产出数量不能大于可产出数量！', icon: 'none', duration: 2000 });
|
if (type == 1) {
|
this.from.qualified = ''
|
} else {
|
this.from.undesirable = ''
|
}
|
}
|
},
|
openBL() {
|
this.cateList.forEach(item => {
|
if (!item.active) {
|
item.num = ''
|
}
|
if (item.active && item.num <= 0) {
|
item.active = false
|
}
|
})
|
this.show = true
|
},
|
// 继续报工
|
continueSubmit() {
|
if (!this.from.processPlan) return uni.showToast({ title: '计划不能为空', icon: 'none', duration: 2000 });
|
if (!this.from.deviceId) return uni.showToast({ title: '设备不能为空', icon: 'none', duration: 2000 });
|
if (!this.from.userId) return uni.showToast({ title: '生产人员不能为空', icon: 'none', duration: 2000 });
|
if (this.hasBom == 1 && this.bomType == 1) {
|
console.log('不需要投料')
|
} else {
|
if (!this.wuList.length === 0) return uni.showToast({ title: '投料不能为空', icon: 'none', duration: 2000 });
|
}
|
if (!this.from.qualified && !this.from.undesirable) {
|
return uni.showToast({ title: '良品数与不良数不能同时为空', icon: 'none', duration: 2000 });
|
}
|
if (this.from.qualified && this.from.qualified <= 0) {
|
return uni.showToast({ title: '良品数必须大于0', icon: 'none', duration: 2000 });
|
}
|
if (this.from.undesirable && this.from.undesirable <= 0) {
|
return uni.showToast({ title: '不良品数必须大于0', icon: 'none', duration: 2000 });
|
}
|
// 有不良数
|
if (this.from.undesirable > 0) {
|
if (this.from.defective.length === 0) return uni.showToast({ title: '不良项不能为空', icon: 'none', duration: 2000 });
|
}
|
let type = ''
|
this.arrType.forEach(item => {
|
if (item.active) {
|
type = item.id
|
}
|
})
|
autoWorkReport({
|
createWorkorderRecordDTO: {
|
type,
|
duration: this.from.duration,
|
qualifiedNum: this.from.qualified ? this.from.qualified : 0,
|
unQualifiedNum: this.from.undesirable ? this.from.undesirable : 0
|
},
|
plansId: this.from.processPlan.id,
|
proGroupId: this.deviceId,
|
proUserList: [this.from.userId],
|
recordList: this.wuList.map(item => {
|
return {
|
wstockId: item.id,
|
num: item.num
|
}
|
}),
|
createUnqualifiedDTOList: this.from.defective.map(item => {
|
return {
|
categoryId: item.id,
|
unQualifiedNum: item.num
|
}
|
})
|
}).then(res => {
|
if (res.code === 200) {
|
uni.showToast({ title: '报工成功！', icon: 'success', duration: 2000 });
|
this.arrType = []
|
this.from.processPlan = null
|
this.from.deviceId = ''
|
this.from.deviceName = ''
|
this.from.userId = ''
|
this.from.userName = ''
|
this.from.qualified = ''
|
this.from.undesirable = ''
|
this.from.duration = ''
|
this.from.durationName = '0小时0分钟'
|
this.from.time = ''
|
this.from.defective = []
|
this.from.defectiveName = ''
|
this.wuList = []
|
this.deviceId = ''
|
this.plansId = ''
|
this.ids = ''
|
this.total = ''
|
}
|
})
|
},
|
// 报工
|
submit() {
|
if (!this.from.processPlan) return uni.showToast({ title: '计划不能为空', icon: 'none', duration: 2000 });
|
if (!this.from.deviceId) return uni.showToast({ title: '设备不能为空', icon: 'none', duration: 2000 });
|
if (!this.from.userId) return uni.showToast({ title: '生产人员不能为空', icon: 'none', duration: 2000 });
|
if (this.hasBom == 1 && this.bomType == 1) {
|
console.log('不需要投料')
|
} else {
|
if (!this.wuList.length === 0) return uni.showToast({ title: '投料不能为空', icon: 'none', duration: 2000 });
|
}
|
if (!this.from.qualified && !this.from.undesirable) {
|
return uni.showToast({ title: '良品数与不良数不能同时为空', icon: 'none', duration: 2000 });
|
}
|
// 有不良数
|
if (this.from.undesirable > 0) {
|
if (this.from.defective.length === 0) return uni.showToast({ title: '不良项不能为空', icon: 'none', duration: 2000 });
|
}
|
let type = ''
|
this.arrType.forEach(item => {
|
if (item.active) {
|
type = item.id
|
}
|
})
|
autoWorkReport({
|
createWorkorderRecordDTO: {
|
type,
|
duration: this.from.duration,
|
qualifiedNum: this.from.qualified ? this.from.qualified : 0,
|
unQualifiedNum: this.from.undesirable ? this.from.undesirable : 0
|
},
|
plansId: this.from.processPlan.id,
|
proGroupId: this.deviceId,
|
proUserList: [this.from.userId],
|
recordList: this.wuList.map(item => {
|
return {
|
wstockId: item.id,
|
num: item.num
|
}
|
}),
|
createUnqualifiedDTOList: this.from.defective.map(item => {
|
return {
|
categoryId: item.id,
|
unQualifiedNum: item.num
|
}
|
})
|
}).then(res => {
|
if (res.code === 200) {
|
uni.showToast({ title: '报工成功！', icon: 'success', duration: 2000 });
|
setTimeout(() => {
|
uni.navigateBack({ delta: 1 });
|
}, 2000);
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.bg {
|
width: 100%;
|
position: absolute;
|
background: #F7F7F7;
|
.contanir {
|
height: calc(env(safe-area-inset-bottom) + 720rpx);
|
.content {
|
margin-top: 20rpx;
|
.type-style {
|
width: 325rpx;
|
margin-bottom: 20rpx;
|
}
|
}
|
}
|
.bg_plan {
|
width: 100%;
|
// height: 98rpx;
|
padding: 30rpx;
|
box-sizing: border-box;
|
background: #FFFFFF;
|
margin-bottom: 40rpx;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
text {
|
font-size: 30rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #222222;
|
text {
|
color: red;
|
}
|
}
|
.bg_plan_nr {
|
display: flex;
|
flex-direction: column;
|
text {
|
font-size: 24rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #666666;
|
margin-top: 20rpx;
|
&:first-child {
|
font-size: 32rpx;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
margin-top: 0 !important;
|
}
|
}
|
}
|
.bg_plan_label_val {
|
display: flex;
|
align-items: center;
|
text {
|
font-size: 28rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #999999;
|
}
|
image {
|
width: 12rpx;
|
height: 24rpx;
|
margin-left: 20rpx;
|
}
|
}
|
}
|
.bg_list {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
.bottomval {
|
margin-bottom: 20rpx !important;
|
}
|
.bg_list_item {
|
display: flex;
|
flex-direction: column;
|
margin-bottom: 40rpx;
|
.kong {
|
text-align: center;
|
padding: 30rpx 0;
|
background: #ffffff;
|
font-size: 25rpx;
|
text {
|
color: #474747;
|
}
|
}
|
.bg_list_item_top {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding-left: 30rpx;
|
padding-right: 30rpx;
|
margin-bottom: 30rpx;
|
.bg_list_item_top_left {
|
display: flex;
|
align-items: center;
|
.left {
|
margin-left: 12rpx;
|
font-size: 28rpx;
|
}
|
.warning {
|
width: 8rpx;
|
height: 30rpx;
|
border-radius: 2rpx;
|
margin-right: 12rpx;
|
background: $nav-stateColor5 !important;
|
}
|
.error {
|
width: 8rpx;
|
height: 30rpx;
|
border-radius: 2rpx;
|
margin-right: 12rpx;
|
background: $nav-stateColor4 !important;
|
}
|
.bg_list_item_top_left_x {
|
width: 8rpx;
|
height: 30rpx;
|
background: $nav-color;
|
border-radius: 2rpx;
|
margin-right: 12rpx;
|
}
|
text {
|
font-size: 32rpx;
|
font-weight: 500;
|
color: #222222;
|
display: flex;
|
align-items: center;
|
}
|
}
|
.bg_list_item_top_right {
|
display: flex;
|
align-items: center;
|
image {
|
width: 28rpx;
|
height: 28rpx;
|
margin-right: 12rpx;
|
}
|
text {
|
font-size: 28rpx;
|
font-weight: 400;
|
color: $nav-color;
|
}
|
}
|
}
|
.top {
|
margin-top: 20rpx !important;
|
}
|
.bg_list_item_h {
|
width: 100%;
|
padding: 0 30rpx;
|
box-sizing: border-box;
|
background: white;
|
.bg_list_item_num {
|
width: 100%;
|
min-height: 98rpx;
|
background: white;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
border-bottom: 1rpx solid #E5E5E5;
|
&:last-child {
|
border: none !important;
|
}
|
.kong {
|
text-align: center;
|
font-size: 25rpx;
|
padding: 30rpx 0;
|
background: #ffffff;
|
}
|
.bg_list_item_num_item {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
// height: 118rpx;
|
padding: 15rpx 0;
|
box-sizing: border-box;
|
justify-content: space-between;
|
border-bottom: 1rpx solid #E5E5E5;
|
&:last-child {
|
border: none;
|
}
|
.bg_list_item_num_item_list {
|
display: flex;
|
align-items: center;
|
.active {
|
background: #305ED5 !important;
|
color: #FFFFFF !important;
|
}
|
.bg_list_item_num_item_list_item {
|
width: 116rpx;
|
height: 62rpx;
|
line-height: 62rpx;
|
text-align: center;
|
background: #F2F2F2;
|
border-radius: 8rpx;
|
font-size: 26rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #333333;
|
margin-right: 20rpx;
|
&:last-child {
|
margin: 0 !important;
|
}
|
}
|
}
|
.bg_list_item_num_item_wl {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
text {
|
font-size: 34rpx;
|
color: #222222;
|
}
|
.bg_list_item_num_item_wl_lx {
|
margin-top: 10rpx;
|
text {
|
color: #222222;
|
font-size: 28rpx;
|
}
|
}
|
}
|
.warning {
|
color: $nav-stateColor5 !important;
|
}
|
.err {
|
color: $nav-stateColor4 !important;
|
}
|
image {
|
width: 12rpx;
|
height: 24rpx;
|
margin-left: 20rpx;
|
}
|
text {
|
flex-shrink: 0;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
text {
|
font-size: 30rpx;
|
color: red !important;
|
margin-right: 5rpx;
|
}
|
.warning {
|
color: $nav-stateColor5 !important;
|
margin-right: 5rpx;
|
}
|
.err {
|
color: $nav-stateColor4 !important;
|
margin-right: 5rpx;
|
}
|
&:nth-child(1) {
|
font-size: 30rpx;
|
font-weight: 400;
|
color: #222222;
|
}
|
&:nth-child(2) {
|
font-size: 28rpx;
|
font-weight: 400;
|
color: #333333;
|
flex-shrink: 0;
|
}
|
}
|
.bg_list_item_num_item_sr {
|
// flex: 1;
|
flex-shrink: 0;
|
width: 230rpx;
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
.color1 {
|
font-size: 28rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #333333;
|
}
|
input::-webkit-input-placeholder {
|
font-size: 28rpx;
|
}
|
input {
|
text-align: right;
|
width: 180rpx;
|
height: 60rpx;
|
border-radius: 8rpx;
|
border: 1rpx solid #E5E5E5;
|
margin-right: 20rpx;
|
font-size: 28rpx;
|
font-weight: 400;
|
color: #333333;
|
padding: 0 30rpx;
|
margin-right: 20rpx;
|
}
|
.wulll {
|
width: 400rpx;
|
text-align: right;
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
}
|
text {
|
font-size: 28rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #999999;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
.bh_zw {
|
height: 160rpx;
|
}
|
.bg_footer {
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
width: 100%;
|
z-index: 9;
|
padding: 0 30rpx 60rpx 30rpx;
|
box-sizing: border-box;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
.bg_footer_submit1 {
|
width: 334rpx;
|
height: 88rpx;
|
line-height: 88rpx;
|
text-align: center;
|
background: #FFFFFF;
|
box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0,0,0,0.08);
|
border-radius: 8rpx;
|
font-size: 30rpx;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: 500;
|
color: #305ED5;
|
}
|
.bg_footer_submit {
|
width: 334rpx;
|
height: 88rpx;
|
background: $nav-color;
|
box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
|
border-radius: 8rpx;
|
font-size: 30rpx;
|
font-weight: 500;
|
color: #FFFFFF;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
}
|
.bl {
|
width: 100%;
|
height: 800rpx;
|
padding: 30rpx;
|
box-sizing: border-box;
|
display: flex;
|
flex-direction: column;
|
.bl_head {
|
width: 100%;
|
height: 50rpx;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
text {
|
font-size: 28rpx;
|
color: #222222;
|
&:nth-child(2) {
|
font-size: 32rpx !important;
|
}
|
}
|
image {
|
width: 28rpx;
|
height: 28rpx;
|
}
|
}
|
.bl_footer {
|
width: 100%;
|
height: 88rpx;
|
line-height: 88rpx;
|
text-align: center;
|
background: #305ED5;
|
border-radius: 8rpx;
|
font-size: 32rpx;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: 500;
|
color: #FFFFFF;
|
margin-top: 30rpx;
|
}
|
.bl_list {
|
width: 100%;
|
height: calc(100% - 168rpx);
|
overflow-y: scroll;
|
margin-top: 30rpx;
|
.bl_list_item {
|
width: 100%;
|
height: 96rpx;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
border-bottom: 1rpx solid #E5E5E5;
|
&:last-child {
|
border: none !important;
|
}
|
.bl_list_item_left {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
input {
|
width: 30rpx;
|
height: 30rpx;
|
border: 1rpx solid #CCCCCC;
|
margin: 0 !important;
|
}
|
text {
|
font-size: 30rpx;
|
color: #222222;
|
margin-left: 10rpx;
|
}
|
}
|
.bl_list_item_right {
|
width: 200rpx;
|
flex-shrink: 0;
|
height: 50rpx;
|
text-align: right;
|
input {
|
padding-left: 5rpx;
|
width: 160rpx;
|
height: 100%;
|
padding: 0 30rpx;
|
box-sizing: border-box;
|
text-align: right;
|
font-size: 28rpx;
|
color: #333333;
|
border-radius: 10rpx;
|
border: 1rpx solid #CCCCCC;
|
&::-webkit-input-placeholder {
|
font-size: 28rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #999999;
|
}
|
}
|
}
|
}
|
}
|
}
|
.bl_list {
|
width: 100%;
|
height: calc(100% - 168rpx);
|
overflow-y: scroll;
|
margin-top: 30rpx;
|
|
.bl_list_item {
|
width: 100%;
|
height: 96rpx;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
border-bottom: 1rPX solid #E5E5E5;
|
|
&:last-child {
|
border: none !important;
|
}
|
|
.bl_list_item_left {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
|
input {
|
width: 30rpx;
|
height: 30rpx;
|
border: 1rpX solid #CCCCCC;
|
margin: 0 !important;
|
}
|
|
span {
|
font-size: 30rpx;
|
color: #222222;
|
margin-left: 10rpx;
|
}
|
}
|
|
.bl_list_item_right {
|
width: 200rpx;
|
flex-shrink: 0;
|
height: 50rpx;
|
text-align: right;
|
|
input {
|
padding-left: 5rpx;
|
width: 180rpx;
|
height: 60rpx;
|
border-radius: 8rpx;
|
border: 1rpx solid #CCCCCC;
|
padding: 0 30rpx;
|
box-sizing: border-box;
|
text-align: right;
|
font-size: 28rpx;
|
color: #333333;
|
border-radius: 10rpx;
|
border: 1rPX solid #CCCCCC;
|
|
&::-webkit-input-placeholder {
|
font-size: 28rpx;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #999999;
|
}
|
}
|
}
|
}
|
}
|
.bottom-view {
|
left: 40rpx;
|
right: 40rpx;
|
bottom: 20rpx
|
}
|
}
|
</style>
|
