备件库数量修改

src/components/parts/spareCell.vue

 <template>
 	<view class="spare-item">
 		<view class="left-view">
-			<u-checkbox v-if="showChecked" icon-size="28" size="40" v-model="check" @change="handleChange" shape="circle"/>
+			<u-checkbox v-if="showChecked" icon-size="28" size="40" v-model="check" @change="handleChange"
+				shape="circle" />
 			<image class="image-view" :src="imageUrl"></image>
 			<view class="info-view">
 				<view class="name-text">{{item.name}}</view>
@@ -10,7 +11,8 @@
 		</view>
 		<view class="count-view">
 			<view v-if="showChecked">
-				<u-number-box v-model="value" :min="item.min || 0" :max="item.max || item[type]" @change="numChange"></u-number-box>
+				<u-number-box v-model="value" :min="item.min || 0" :max="item.max || item[type]" @minus="numChange"
+					@plus="numChange" @blur="numChange"></u-number-box>
 			</view>
 			<text v-else>x{{item[type]|| 0}}</text>
 		</view>
@@ -22,7 +24,7 @@
 		props: {
 			showChecked: { // 是否显示勾选
 				type: Boolean,
-			  default() {
+				default () {
 					return false
 				}
 			},
@@ -32,7 +34,7 @@
 			},
 			item: {
 				type: Object,
-				default() {
+				default () {
 					return {}
 				}
 			},
@@ -43,9 +45,9 @@
 		},
 		data() {
 			return {
-				value: 0,
-				check: false,
-				oldCount: 0
+				value: 0, // 选数
+				check: false, // 选中
+				oldCount: 0 // 旧选数
 			}
 		},
 		computed: {
@@ -57,7 +59,8 @@
 				}
 			},
 			imageUrl() {
-				return this.item.images ? process.uniEnv.systemUrl.apiUrl + this.item.images.split(',').shift() : this.placeholderImage
+				return this.item.images ? process.uniEnv.systemUrl.apiUrl + this.item.images.split(',').shift() : this
+					.placeholderImage
 			},
 			placeholderImage() {
 				return process.uniEnv.qn_base_url + 'morentupian.png'
@@ -72,12 +75,13 @@
 			},
 			'item.selected'(val) {
 				this.check = val
-				this.value= val ? this.item.stock : 0
+				this.value = val ? this.item.stock : 0
 			},
 		},
 		methods: {
 			handleChange(event) {
-				this.value= event.value ? this.item.stock : 0
+				this.value = event.value ? this.item.stock : 0
+				this.oldCount = this.value
 				this.$emit('change', event.value)
 			},
 			numChange(event) {
@@ -96,14 +100,11 @@
 </script>
 
 <style lang="scss" scoped>
-.spare-item {
+	.spare-item {
 		display: flex;
-		// width: 100%;
 		justify-content: space-between;
 		align-items: flex-end;
-		// padding: 30rpx;
-		// background-color: #FFFFFF;
-		// border-radius: 12rpx;
+
 		.left-view {
 			display: flex;
 			align-items: center;
@@ -133,5 +134,5 @@
 			color: #333333;
 		}
 
-}
+	}
 </style>