From b8a2d6da97b148e661997a97fa46d75bdea961e5 Mon Sep 17 00:00:00 2001 From: yyb <995253665@qq.com> Date: 星期三, 11 六月 2025 17:14:29 +0800 Subject: [PATCH] 移库功能点逻辑编写 --- pages/wareHouse/nuclearScale/createwriteoffform.vue | 108 +++++++++++++++++++++++++++--------------------------- 1 files changed, 54 insertions(+), 54 deletions(-) diff --git a/pages/wareHouse/nuclearScale/createwriteoffform.vue b/pages/wareHouse/nuclearScale/createwriteoffform.vue index f3f6976..14963bf 100644 --- a/pages/wareHouse/nuclearScale/createwriteoffform.vue +++ b/pages/wareHouse/nuclearScale/createwriteoffform.vue @@ -22,13 +22,15 @@ <u-input v-model="form.value2" type="select" placeholder="璇疯緭鍏ヨ溅鐗屽彿" @click="lpn" /> </u-form-item> <u-form-item label="瀹㈡埛鍚嶇О" :border-bottom="false" prop="value3"> - <picker class="item-one" style="width: 100%; text-align: right" + <picker class="item-one item-two" style="width: 100%; text-align: right" @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList" range-key="label"> <view> - <text>{{ - locNoNumIndex == null ? "璇烽�夋嫨" : locNoList[locNoNumIndex].label - }}</text> + <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{ + locNoNumIndex == null + ? "璇烽�夋嫨" + : locNoList[locNoNumIndex].label + }}</text> </view> </picker> <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon> @@ -37,25 +39,29 @@ <u-input v-model="form.value4" placeholder="" disabled /> </u-form-item> <u-form-item label="鐢熶骇杞﹂棿" :border-bottom="false" prop="value5"> - <picker class="item-one" style="width: 100%; text-align: right" + <picker class="item-one item-two" style="width: 100%; text-align: right" @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList" range-key="label"> <view> - <text>{{ - locNoNumIndex == null ? "璇烽�夋嫨" : locNoList[locNoNumIndex].label - }}</text> + <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{ + locNoNumIndex == null + ? "璇烽�夋嫨" + : locNoList[locNoNumIndex].label + }}</text> </view> </picker> <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon> </u-form-item> <u-form-item label="鍙哥鍛�" :border-bottom="false" prop="value6"> - <picker class="item-one" style="width: 100%; text-align: right" + <picker class="item-one item-two" style="width: 100%; text-align: right" @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList" range-key="label"> <view> - <text>{{ - locNoNumIndex == null ? "璇烽�夋嫨" : locNoList[locNoNumIndex].label - }}</text> + <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{ + locNoNumIndex == null + ? "璇烽�夋嫨" + : locNoList[locNoNumIndex].label + }}</text> </view> </picker> <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon> @@ -64,20 +70,20 @@ <u-input v-model="form.value7" type="select" placeholder="璇烽�夋嫨" @click="openForkliftDriverList" /> </u-form-item> </u-form> - <u-button type="primary" class="bottom-button" @click="submit">鍒涘缓</u-button> + <u-button type="primary" class="bottom-button1" @click="submit">鍒涘缓</u-button> <!--杞︾墝鍙� --> <modalBg ref="modalBg" :confirm="confirm"> <u-field v-model="form.value2" label="杞︾墝鍙凤細" placeholder="璇疯緭鍏�" :border-bottom="false"> </u-field> </modalBg> - <!-- 鍙夎溅宸� --> + <!-- 鍙夎溅宸� --> <u-modal v-model="showModal" title="" :show-cancel-button="true" :show-confirm-button="true" @confirm="confirmSelection" @cancel="cancel"> <view class="popup-content"> <view class="popup-header"> <checkbox-group @change="checkboxChange"> - <label class="checkbox-item" v-for="(item, index) in options" :key="index"> + <label class="checkbox-item" v-for="(item, index) in checkboxList" :key="index"> <checkbox :value="item.value" :checked="item.checked" /> <text class="label">{{ item.label }}</text> </label> @@ -98,24 +104,29 @@ data() { return { checkboxList: [{ - name: "宸ヤ汉1", - value: "1", + label: "宸ヤ汉1", + value: "a", + checked: false, }, { - name: "宸ヤ汉2", + label: "宸ヤ汉2", value: "2", + checked: false, }, { - name: "宸ヤ汉3", + label: "宸ヤ汉3", value: "3", + checked: false, }, { - name: "宸ヤ汉4", + label: "宸ヤ汉4", value: "4", + checked: false, }, { - name: "宸ヤ汉5", + label: "宸ヤ汉", value: "5", + checked: false, }, ], background: { @@ -209,33 +220,6 @@ ], locNoNumIndex: null, showModal: false, - options: [{ - label: "绡悆", - value: "basketball", - checked: false - }, - { - label: "娓告吵", - value: "swimming", - checked: false - }, - { - label: "闃呰", - value: "reading", - checked: false - }, - { - label: "鏃呰", - value: "travel", - checked: false - }, - { - label: "闊充箰", - value: "music", - checked: false - }, - - ], selectedItems: [], }; }, @@ -244,21 +228,20 @@ }, onShow() {}, methods: { - // 澶嶉�夋鍙樺寲浜嬩欢 checkboxChange(e) { const values = e.detail.value; - this.options = this.options.map((item) => { + this.checkboxList = this.checkboxList.map((item) => { return { ...item, - checked: values.includes(item.value) + checked: values.includes(item.value), }; }); }, // 纭閫夋嫨 - confirmSelection() { - this.form.value7 = this.options + confirmSelection() { + this.form.value7 = this.checkboxList .filter((item) => item.checked) .map((item) => item.label); }, @@ -325,16 +308,21 @@ } .confirm-btn { - color: #007AFF; + color: #007aff; font-size: 28rpx; } /* 澶嶉�夋鏍峰紡 */ .checkbox-item { + width: 200px; display: flex; align-items: center; padding: 20rpx 0; border-bottom: 1rpx solid #f5f5f5; + .label{ + position: relative; + left: 130px; + } } .checkbox-item:last-child { @@ -344,4 +332,16 @@ .checkbox-item .label { margin-left: 20rpx; } + + .item-one { + font-size: 30rpx; + color: #0c0c0c; + margin-right: 6rpx; + } + + .item-two { + font-size: 30rpx; + color: #a5abb4; + margin-right: 6rpx; + } </style> \ No newline at end of file -- Gitblit v1.9.3