<script setup lang="ts">
|
import CommonModal from '@/components/CommonModal.vue'
|
import BigButton from '@/views/dashboard/components/BigButton.vue'
|
import { ElMessage } from 'element-plus'
|
import { defineProps, defineEmits, computed } from 'vue'
|
const props = defineProps({
|
modalObj: { type: Object, default: () => ({}) },
|
lookQuality: { type: Object, default: () => ({}) },
|
oldLookQuality: { type: Object, default: () => ({}) },
|
workerList: { type: Array, default: () => [] }
|
})
|
const emit = defineEmits(['editInspection'])
|
const editInspection = () => {
|
if (!props.lookQuality.workerName) {
|
ElMessage.warning('加工人员不能为空...')
|
return
|
}
|
if (JSON.stringify(props.lookQuality) === JSON.stringify(props.oldLookQuality)) {
|
ElMessage.warning('无法修改与原数据一样的数据')
|
} else {
|
const params = {
|
id: props.lookQuality.id,
|
passAmount: passAmountComputed.value,
|
scrappedAmount: props.lookQuality.scrappedAmount,
|
workerName: props.lookQuality.workerName
|
}
|
emit('editInspection', params)
|
}
|
}
|
const passAmountComputed = computed(() => {
|
return props.lookQuality.transferAmount - props.lookQuality.scrappedAmount
|
})
|
</script>
|
|
<template>
|
<CommonModal :model-value="modalObj.modalValue" @close="modalObj.modalValue = false">
|
<template #title>质检</template>
|
<template #default>
|
<el-form ref="refForm" style="max-width: 60%; margin: 0px auto" label-width="auto" class="demo-ruleForm">
|
<el-form-item label="加工人员：">
|
<el-select v-model="lookQuality.workerName" size="large" placeholder="请选择加工人员">
|
<el-option v-for="work in workerList" :key="work.id" :label="work.name" :value="work.name" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="报废数量：">
|
<el-input-number
|
v-model="lookQuality.scrappedAmount"
|
size="large"
|
:min="0"
|
:max="lookQuality.transferAmount"
|
:step="1"
|
placeholder="请输入报废数量"
|
style="width: 100%"
|
/>
|
</el-form-item>
|
<el-form-item label="合格数量：">
|
<el-input size="large" :value="passAmountComputed" class="input" placeholder="请输入合格数量" disabled />
|
</el-form-item>
|
</el-form>
|
</template>
|
<template #footer>
|
<div class="btn">
|
<BigButton class="left-btn" bg-color="#4765c0" @click="modalObj.modalValue = false">取消</BigButton>
|
<BigButton @click="editInspection">保存</BigButton>
|
</div>
|
</template>
|
</CommonModal>
|
</template>
|
|
<style scoped lang="scss">
|
.btn {
|
margin: 0px auto;
|
width: 60%;
|
display: flex;
|
justify-content: flex-end;
|
.left-btn {
|
position: relative;
|
left: -40px;
|
}
|
}
|
:deep(.el-select__wrapper) {
|
text-align: center;
|
}
|
.input {
|
:deep(.el-input__inner) {
|
text-align: center !important;
|
}
|
}
|
:deep(.el-form-item__label) {
|
color: white;
|
}
|
</style>
|
