From 7aaff69bb11a4d75882d25bd1bc8e9748c2bd609 Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期四, 29 五月 2025 16:57:41 +0800 Subject: [PATCH] 完成报工前端页面,除库存接收外 --- pages/product/report/components/saveForm.vue | 140 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 140 insertions(+), 0 deletions(-) diff --git a/pages/product/report/components/saveForm.vue b/pages/product/report/components/saveForm.vue new file mode 100644 index 0000000..b99e88b --- /dev/null +++ b/pages/product/report/components/saveForm.vue @@ -0,0 +1,140 @@ +<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> \ No newline at end of file -- Gitblit v1.9.3