From 2a8cdfd4f464d737dda6e0a9bb43c83109d926a3 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期三, 11 六月 2025 17:12:52 +0800
Subject: [PATCH] 报工功能点逻辑编写/样式调整
---
pages/product/report/components/saveForm.vue | 370 +++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 276 insertions(+), 94 deletions(-)
diff --git a/pages/product/report/components/saveForm.vue b/pages/product/report/components/saveForm.vue
index b99e88b..364259c 100644
--- a/pages/product/report/components/saveForm.vue
+++ b/pages/product/report/components/saveForm.vue
@@ -1,132 +1,244 @@
<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>
+ <u-modal
+ v-model="show"
+ ref="uModal"
+ title=""
+ :show-cancel-button="true"
+ @confirm="confirm"
+ @cancel="cancel"
+ :async-close="true"
+ >
+ <view class="packing-registration-param">
+ <scroll-view scroll-y="true" style="height: 100%">
+ <view class="packing-registration-param-view">
+ <!-- <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鎵瑰彿</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input
+ class="item-one item-two"
+ v-model="form.value0"
+ disabled
+ />
+ </view>
+ </view> -->
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">闀垮害</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.value1" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">搴撲綅</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input
+ class="item-one item-two"
+ v-model="form.value1"
+ disabled
+ />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鐩樺彿</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.reelNumber" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">姣涢噸</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.grossWeight" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鍑�閲�</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.value1" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">宸ュ簭</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.value1" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鎴愬搧澶栧緞娴嬮噺鍊�</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.outerDiameter" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">閫�鐏數鍘�</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.voltage" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">杞��</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.speed" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">澶栭儴姘斿帇</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.pressure" />
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one item-two">鐢熶骇閫熷害</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <u-input class="item-one item-two" v-model="form.productionSpeed" />
+ </view>
+ </view>
+ </view>
+ </scroll-view>
</view>
-
</u-modal>
</template>
<script>
export default {
+ props: {
+ operationTaskId: {
+ type: String,
+ required: true,
+ default: () => ({}),
+ },
+ },
data() {
return {
show: false,
form: {
- value0: null,
- value1: null,
- value2: null,
- value3: null,
- value4: null,
- value5: null,
- value6: null,
+ outerDiameter: null,
+ voltage: null,
+ speed: null,
+ pressure: null,
+ productionSpeed: null,
+ grossWeight: null,
+ reelNumber: null,
value7: null,
value8: null,
value9: null,
value10: null,
- value11: 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'] }
- ]
- },
- }
+ // 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);
+ // this.$refs.uFormSave.setRules(this.rules);
+ console.log("1222222");
+ this.$u.api.workReporting
+ .operationTask({
+ id: this.operationTaskId,
+ })
+ .then((res) => {
+ console.log("res", res);
+ this.form = res.data.records;
+ });
});
}
},
},
methods: {
confirm() {
- this.$refs.uFormSave.validate((valid) => {
- if (valid) {
- console.log('楠岃瘉閫氳繃');
- // 鎵ц鎻愪氦閫昏緫锛堝API璇锋眰锛�
- // 鎻愪氦鎴愬姛鍚庡叧闂ā鎬佹
+ if (!this.form.outerDiameter) {
+ this.$u.toast("璇疯緭鍏ユ垚鍝佸寰勬祴閲忓��");
+ this.$refs.uModal.clearLoading(); // 娓呴櫎鍔犺浇鐘舵��
+ return;
+ }
+ if (!this.form.voltage) {
+ this.$u.toast("璇疯緭鍏ラ��鐏數鍘�");
+ this.$refs.uModal.clearLoading(); // 娓呴櫎鍔犺浇鐘舵��
+ return;
+ }
+ if (!this.form.speed) {
+ this.$u.toast("璇疯緭鍏ヨ浆閫�");
+ this.$refs.uModal.clearLoading(); // 娓呴櫎鍔犺浇鐘舵��
+ return;
+ }
+ if (!this.form.pressure) {
+ this.$u.toast("璇疯緭鍏ュ閮ㄦ皵鍘�");
+ this.$refs.uModal.clearLoading(); // 娓呴櫎鍔犺浇鐘舵��
+ return;
+ }
+ if (!this.form.productionSpeed) {
+ this.$u.toast("璇疯緭鍏ョ敓浜ч�熷害");
+ this.$refs.uModal.clearLoading(); // 娓呴櫎鍔犺浇鐘舵��
+ return;
+ }
+ this.$u.api.workReporting
+ .submitPDA({ ...this.form, operationTaskId: this.operationTaskId })
+ .then((res) => {
+ console.log("res", res);
this.$refs.uModal.cancel();
- } else {
- console.log('楠岃瘉澶辫触');
- // 鏄剧ず閿欒淇℃伅
- this.$refs.uModal.clearLoading(); // 娓呴櫎鍔犺浇鐘舵��
- }
- });
+ });
},
cancel() {
this.show = false;
+ this.form = {};
},
open() {
this.show = true;
- }
+ },
},
-}
+};
</script>
<style lang="scss" scoped>
@@ -137,4 +249,74 @@
::v-deep .u-input__input {
text-align: right !important;
}
+.packing-registration-param {
+ padding: 40rpx 30rpx 10rpx 30rpx;
+ height: 350px;
+ overflow: hidden;
+
+ .packing-registration-param-title {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin-bottom: 30rpx;
+
+ .title-label {
+ margin-left: 14rpx;
+ font-size: 34rpx;
+ font-weight: bold;
+ color: #283e65;
+ }
+ }
+
+ .packing-registration-param-view {
+ height: 177rpx;
+ background-color: #fff;
+ border-radius: 10rpx;
+ padding: 0rpx 23rpx;
+ margin-bottom: 30rpx;
+
+ .packing-registration-param-item {
+ height: 90rpx;
+ border: 1px solid #adc8e4;
+ line-height: 90rpx;
+ display: flex;
+ justify-content: space-between;
+ border: none;
+
+ .packing-registration-param-item-left {
+ .item-one {
+ font-size: 30rpx;
+ color: #666666;
+ }
+ }
+
+ .packing-registration-param-item-right {
+ display: flex;
+ justify-content: space-between;
+
+ .item-one {
+ font-size: 15rpx;
+ color: #060505;
+ margin-right: 6rpx;
+ }
+
+ .item-two {
+ font-size: 15rpx;
+ color: #a6b4cc;
+ margin-right: 6rpx;
+ }
+
+ .item-three {
+ font-size: 30rpx;
+ color: #214ded;
+ margin-right: 6rpx;
+ }
+ }
+ }
+
+ .param-extra {
+ border-bottom: 1px solid #ededed;
+ }
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3