<template>
|
<u-modal v-model="show" ref="uModal" title="" :show-cancel-button="true" @confirm="confirm" @cancel="cancel"
|
:async-close="true">
|
<view style="padding: 20rpx;">
|
<u-form :model="form" ref="uFormSave" :label-width="280" :rules="rules" :error-type="['toast']">
|
<u-form-item label="批号" :border-bottom="false" prop="value0">
|
<u-input v-model="form.value0" disabled />
|
</u-form-item>
|
<u-form-item label="长度" :border-bottom="false" prop="value1">
|
<u-input v-model="form.value1" />
|
</u-form-item>
|
<u-form-item label="库位" :border-bottom="false" prop="value2">
|
<u-input v-model="form.value2" disabled />
|
</u-form-item>
|
<u-form-item label="盘号" :border-bottom="false" prop="value3">
|
<u-input v-model="form.value3" />
|
</u-form-item>
|
<u-form-item label="毛重" :border-bottom="false" prop="value4">
|
<u-input v-model="form.value4" />
|
</u-form-item>
|
<u-form-item label="净重" :border-bottom="false" prop="value5">
|
<u-input v-model="form.value5" />
|
</u-form-item>
|
<u-form-item label="工序" :border-bottom="false" prop="value6">
|
<u-input v-model="form.value6" disabled />
|
</u-form-item>
|
<u-form-item label="成品外径测量值" :border-bottom="false" prop="value7">
|
<u-input v-model="form.value7" />
|
</u-form-item>
|
<u-form-item label="退火电压" :border-bottom="false" prop="value8">
|
<u-input v-model="form.value8" />
|
</u-form-item>
|
<u-form-item label="转速" prop="value9" :border-bottom="false">
|
<u-input v-model="form.value9" />
|
</u-form-item>
|
<u-form-item label="外部气压" prop="value10" :border-bottom="false">
|
<u-input v-model="form.value10" />
|
</u-form-item>
|
<u-form-item label="生产速度" prop="value11" :border-bottom="false">
|
<u-input v-model="form.value11" />
|
</u-form-item>
|
</u-form>
|
</view>
|
|
</u-modal>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
show: false,
|
form: {
|
value0: null,
|
value1: null,
|
value2: null,
|
value3: null,
|
value4: null,
|
value5: null,
|
value6: null,
|
value7: null,
|
value8: null,
|
value9: null,
|
value10: null,
|
value11: null
|
},
|
rules: {
|
value1: [
|
{ required: true, message: '请输入长度', trigger: ['blur', 'change'] },
|
],
|
value3: [
|
{ required: true, message: '请输入盘号', trigger: ['blur', 'change'] },
|
],
|
value4: [
|
{ required: true, message: '请输入毛重', trigger: ['blur', 'change'] },
|
],
|
value5: [
|
{ required: true, message: '请输入净重', trigger: ['blur', 'change'] },
|
],
|
value7: [
|
{ required: true, message: '请输入成品外径测量值', trigger: ['blur', 'change'] },
|
],
|
value8: [
|
{ required: true, message: '请输入退火电压', trigger: ['blur', 'change'] },
|
],
|
value9: [
|
{ required: true, message: '请输入转速', trigger: ['blur', 'change'] },
|
],
|
value10: [
|
{ required: true, message: '请输入外部气压', trigger: ['blur', 'change'] }
|
],
|
value11: [
|
{ required: true, message: '请输入生产速度', trigger: ['blur', 'change'] }
|
]
|
},
|
}
|
},
|
watch: {
|
show(val) {
|
if (val) {
|
this.$nextTick(() => {
|
this.$refs.uFormSave.setRules(this.rules);
|
});
|
}
|
},
|
},
|
methods: {
|
confirm() {
|
this.$refs.uFormSave.validate((valid) => {
|
if (valid) {
|
console.log('验证通过');
|
// 执行提交逻辑（如API请求）
|
// 提交成功后关闭模态框
|
this.$refs.uModal.cancel();
|
} else {
|
console.log('验证失败');
|
// 显示错误信息
|
this.$refs.uModal.clearLoading(); // 清除加载状态
|
}
|
});
|
},
|
cancel() {
|
this.show = false;
|
},
|
open() {
|
this.show = true;
|
}
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep .u-model__title {
|
padding-top: 0 !important;
|
}
|
|
::v-deep .u-input__input {
|
text-align: right !important;
|
}
|
</style>
|
