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