From 88d43463f7b33233470f34ae053ccf515c683db1 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期二, 09 四月 2024 01:01:08 +0800
Subject: [PATCH] #
---
pages/phyz/order/orderCar.vue | 120 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 115 insertions(+), 5 deletions(-)
diff --git a/pages/phyz/order/orderCar.vue b/pages/phyz/order/orderCar.vue
index 7b79055..4d6216e 100644
--- a/pages/phyz/order/orderCar.vue
+++ b/pages/phyz/order/orderCar.vue
@@ -1,17 +1,39 @@
<template>
<view>
- <view class="list list-font-color shop-car" :class="orderDetl.color" v-for="orderDetl in orderCarList" >
+ <view class="list list-font-color shop-car" :class="orderDetl.color" v-for="(orderDetl,index) in orderCarList" :key="index">
<view class="list-left">
<view class="detl-threeCode">{{orderDetl.threeCode}}</view>
<view>涓诲崟鍙凤細{{orderDetl.orderNo}}</view>
<view>缂栧彿锛歿{orderDetl.matnr}}</view>
<view>鍚嶇О锛歿{orderDetl.maktx}}</view>
<view>鎬绘暟閲忥細{{orderDetl.anfme}}</view>
- <view>鍏ュ簱鏁伴噺锛歿{orderDetl.anfme}}</view>
+ <view>鍏ュ簱鏁伴噺锛歿{orderDetl.pakinQty}}</view>
</view>
- <view class="list-right" @click="addItem(orderDetl)">
+ <view class="list-right" @click="chageDetl(index)">
<uni-icons type="settings" size="25" color="#fff"></uni-icons>
</view>
+ </view>
+ <!-- 鍨珮 -->
+ <view style="height: 120rpx;"></view>
+ <!-- 搴曢儴鎿嶄綔鎸夐挳 -->
+ <view class="buttom">
+ <button size="mini" type="primary" @click="agvStart('warn')">鍚姩鍏ュ簱</button>
+ </view>
+ <!-- 寮圭獥 -->
+ <view>
+ <uni-popup ref="chageDetl" type="dialog">
+ <view class="popup">
+ <!-- 鏍囬 -->
+ <view class="title">鍏ュ簱鏁伴噺</view>
+ <view class="popup-item">
+ <uni-number-box :value="count" :step='1' :max="9999999" color="#747474" @change="changeValue" />
+ </view>
+ <view class="btn">
+ <view class="btn-left" @click="remove()">绉婚櫎鐗╂枡</view>
+ <view class="btn-right" @click="changeCount()">淇敼鏁伴噺</view>
+ </view>
+ </view>
+ </uni-popup>
</view>
</view>
</template>
@@ -20,7 +42,9 @@
export default {
data() {
return {
- orderCarList: []
+ orderCarList: [],
+ count: 0,
+ index: 0
}
},
onShow() {
@@ -36,7 +60,29 @@
})
},
methods: {
-
+ chageDetl(index) {
+ this.index = index
+ this.count = this.orderCarList[index].pakinQty
+ this.$refs.chageDetl.open()
+ },
+ // 淇敼鏁伴噺
+ changeCount() {
+ if (this.count > this.orderCarList[this.index].anfme) {
+ uni.showToast({ title: '鏁伴噺涓嶅悎娉曪紒', icon: "none", position: 'top' })
+ return
+ }
+ this.orderCarList[this.index].pakinQty = this.count
+ this.$forceUpdate() // 寮哄埗鍒锋柊
+ this.$refs.chageDetl.close()
+ },
+ // 绉婚櫎鐗╂枡
+ remove() {
+ this.orderCarList.splice(this.index, 1)
+ this.$refs.chageDetl.close()
+ },
+ changeValue(value) {
+ this.count = value
+ },
}
}
</script>
@@ -51,4 +97,68 @@
font-size: 28px;
font-weight: bold;
}
+ .popup {
+ width: 80vw;
+ min-height: 100rpx;
+ background-color: #FFF;
+ border-radius: 25rpx;
+ position: relative;
+ }
+ .title {
+ height: 100rpx;
+ line-height: 100rpx;
+ width: 100%;
+ color: #606266;
+ text-align: center;
+ font-size: 16px;
+ }
+ .popup-item {
+ height: 80rpx;
+ line-height: 80rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .popup-item-left {
+ width: 16vw;
+ padding-right: 20rpx;
+ text-align: right;
+ color: #606266;
+ }
+ .popup-item-right {
+ display: flex;
+ align-items: center;
+ width: 50vw;
+ height: 50rpx;
+ padding: 2px 5px;
+ border: 1px solid #E4E7ED;
+ border-radius: 5rpx;
+ }
+ .popup-item-right input{
+ color: #606266;
+ }
+ .btn {
+ display: flex;
+ height: 90rpx;
+ margin-top: 20rpx;
+ border-top: 1px solid #DCDFE6;
+ justify-content: center;
+ align-items: center;
+ }
+ .btn-left {
+ display: flex;
+ flex: 1;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ color: #e2231a;
+ border-right: 1px solid #DCDFE6;
+ }
+ .btn-right {
+ display: flex;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ color: #409EFF;
+ }
</style>
--
Gitblit v1.9.1