From 202d13acd6f02b6573213e49326bc1f092d57b99 Mon Sep 17 00:00:00 2001 From: MrShi <1878285526@qq.com> Date: 星期五, 12 九月 2025 18:22:13 +0800 Subject: [PATCH] 优化 --- small-program/pages/freight/freight.vue | 24 +++++++++++++++--------- 1 files changed, 15 insertions(+), 9 deletions(-) diff --git a/small-program/pages/freight/freight.vue b/small-program/pages/freight/freight.vue index d40229d..d0f17e9 100644 --- a/small-program/pages/freight/freight.vue +++ b/small-program/pages/freight/freight.vue @@ -91,7 +91,7 @@ <view class="list-item-row"> <view class="list-item-row-label">杩愯緭閲嶉噺/鏁伴噺<b>*</b></view> <view class="list-item-row-val"> - <input type="text" style="flex: 3;" v-model="form.transportNum" placeholder="璇疯緭鍏�" /> + <input type="digit" style="flex: 3;" v-model="form.transportNum" placeholder="璇疯緭鍏�" /> <!-- <view @click="show4 = true" style="width: 100rpx; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end;"> <text>{{form.transportUnit}}</text> <u-icon name="arrow-down" color="#111111" size="16"></u-icon> @@ -110,14 +110,15 @@ <view class="list-item-row" > <view class="list-item-row-label">鍥剧墖</view> <view class="list-item-row-upload"> - <view class="upload-item" v-for="(item, index) in form.multifileList" :key="index"> + <view class="upload-item" v-for="(item, index) in form.multifileList" :key="index" @click="preview(index, form.multifileList)"> <image :src="item.url || item.fileurlFull" mode="widthFix"></image> - <image class="upload-item-dele" @click="form.multifileList.splice(index, 1)" src="/static/icon/ic_delete1@2x.png" mode="widthFix"></image> + <image class="upload-item-dele" @click.stop="form.multifileList.splice(index, 1)" src="/static/icon/ic_delete1@2x.png" mode="widthFix"></image> </view> <view class="upload-item" @click="uploadImg"> <u-icon name="plus" color="#999999" size="24"></u-icon> <text>鐐瑰嚮涓婁紶</text> </view> + <view style="width: 215rpx; height: 0;"></view> </view> </view> <!-- <view class="list-item-zk" @click="viewStatus = !viewStatus"> @@ -136,14 +137,14 @@ <view class="list-item-row" v-if="form.carType==0"> <view class="list-item-row-label">鐢ㄨ溅澶╂暟</view> <view class="list-item-row-val"> - <input type="number" v-model="form.totalDays" disabled placeholder="" /> + <input type="digit" v-model="form.totalDays" disabled placeholder="" /> <text>澶�</text> </view> </view> <view class="list-item-row" v-if="form.carType==1"> <view class="list-item-row-label">鐢ㄨ溅娆℃暟<b>*</b></view> <view class="list-item-row-val"> - <input type="number" v-model="form.priceNum1" @input="getPrice" placeholder="璇疯緭鍏�" /> + <input type="digit" v-model="form.priceNum1" @input="getPrice" placeholder="璇疯緭鍏�" /> <text>娆�</text> </view> </view> @@ -355,7 +356,11 @@ this.getCategoryLists() }, methods: { - handleInputPrice(e) { + preview(current, arr) { + let urls = arr.map(item => item.url || item.fileurlFull) + uni.previewImage({ current, urls }) + }, + handleInputPrice(e) { try{ this.form.price = Number(this.form.price).toFixed(3) }catch(e){ @@ -932,21 +937,22 @@ width: 100%; display: flex; align-items: center; + justify-content: space-between; flex-wrap: wrap; padding: 30rpx 0; box-sizing: border-box; .upload-item { - width: 156rpx; - height: 156rpx; + width: 215rpx; + height: 215rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; background: #F8F9FB; border-radius: 8rpx; - margin-right: 20rpx; border: 2rpx solid #EEEEEE; position: relative; + margin-bottom: 15rpx; &:last-child { margin: 0 !important; } -- Gitblit v1.9.3