计算器

pages/procurement/components/calculator.vue

@@ -26,19 +26,19 @@
 			</view>
 		</view>
 		<view class="qinggou-font">
-			采购数量
+			采购数量 <text style="color: red;" v-if="sx==true">超过库存上限！</text>
 		</view>
 		<view class="stringShow-father">
 			<view class="jj" @click="jjnum(-1)" @longpress="handleTouchStart(-1)" @touchend="handleTouchEnd">
 				-
 			</view>
 			<view class="stringShow-kuai">
-				<view  v-for="(item,index) in stringShow" :key="index" >
+				<view  v-for="(item,index) in stringShow" :key="index" :style="sx==true?'color: red':''">
 					{{item}}
 				</view>
 					
 			</view>
-			<view class="jj"  @click="jjnum(1)" @longpress="handleTouchStart(1)" @touchend="handleTouchEnd">
+			<view class="jj" :style="sx==true?'background:#f8f8f8':''"  @click="jjnum(1)" @longpress="handleTouchStart(1)" @touchend="handleTouchEnd">
 				+
 			</view>
 		</view>
@@ -83,20 +83,13 @@
 	const blueNumber = ref(-1);
 	const gysflag = ref(false)
 	const cgdwflag = ref(false)
+	const sx = ref(false)
 	const type = ref({})
 	
 	const gysarr = ref([])
 	const cgdwarr = ref([])
 	const gysidnum = ref(0)
 	const props = defineProps({
-		doOnce: {
-			type: Number,
-			required: true,
-		},
-		translateNumber: {
-			type: Number,
-			required: true,
-		},
 		show: {
 			type: Boolean,
 			default:false,
@@ -108,33 +101,31 @@
 		}
 	});
 
-	watch(
-		() => type.value,
-		(news,old) => {
-			 console.log(old,news)
-			 if(!old.num){return}
-			 if(old.num==1){
-				 let m = Math.floor(relNumber.value/news.num)
-				 huansuan(m)
-			 }
-			 if(old.num!=1){
-				let f = relNumber.value*old.num;
-				let m = Math.floor(f/news.num);
-				huansuan(m)
-			 }
-		}
-	)
+	// watch(
+	// 	() => type.value,
+	// 	(news,old) => {
+	// 		 console.log(old,news)
+	// 		 if(!old.num){return}
+	// 		 if(old.num==1){
+	// 			 let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl);
+				 
+	// 			 let m = Math.floor(relNumber.value/news.num);
+	// 			 huansuan(m)
+	// 		 }
+	// 		 if(old.num!=1){
+	// 			let f = relNumber.value*old.num;
+	// 			let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl);
+	// 			f = f>num?num:f;
+	// 			// let m = Math.floor(num/type.value.num)
+	// 			let m = Math.floor(f/news.num);
+	// 			huansuan(m)
+	// 		 }
+	// 	}
+	// )
 	watch(
 		()=>props.show,
 		()=>{
 			if(props.show){
-				// <text v-if="v.multiUnitType=='1'">采购单价: ￥{{v.oneUnitPrice}} </text>
-				// <text v-if="v.multiUnitType=='1'">采购单位: {{ v.oneUnit}}</text>
-				// <text v-if="v.multiUnitType=='2'">采购单价: ￥{{v.twoUnitPrice}} </text>
-				// <text v-if="v.multiUnitType=='2'">采购单位: {{ v.twoUnit}}</text>
-				// <text v-if="v.multiUnitType=='3'">采购单价: ￥{{v.referenceUnitPrice}} </text>
-				// <text v-if="v.multiUnitType=='3'">采购单位: {{ v.materialUnits}}</text>
-				console.log(props.caigouobj)
 				let a = [
 					{
 						multiUnitType:1,
@@ -178,6 +169,7 @@
 				gysflag.value = false;
 				cgdwflag.value = false;
 				type.value = {};
+				sx.value = false;
 			}
 	})
 	const jssl=()=>{
@@ -189,12 +181,22 @@
 	}
 	const huansuan=(m:number)=>{
 		relNumber.value = m;
-		stringShow.value = toFixed4ByPadStart(relNumber.value)
+		stringShow.value = toFixed4ByPadStart(relNumber.value);
+	}
+	const cy=()=>{
+		let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl);
+		let bl = relNumber.value*type.value.num
+		if(bl>num){
+			sx.value = true
+		}else{
+			sx.value = false
+		}
+		console.log(sx.value,num,bl)
 	}
 	const cd =(v,i)=>{
 		type.value = v;
 		cgdwflag.value = false;
-		// jssl()
+		jssl()
 	}
 	const gysid = (e:number)=>{
 		gysidnum.value = e;
@@ -228,7 +230,7 @@
 			} else {
 				relNumber.value = relNumber.value * 10 + item;
 			}
-
+			cy()
 			stringShow.value = toFixed4ByPadStart(relNumber.value)
 		}
 
@@ -253,6 +255,7 @@
 		if(relNumber.value<=1&&e==-1){relNumber.value==1; return}
 		relNumber.value+=e;
 		stringShow.value = toFixed4ByPadStart(relNumber.value)
+		cy()
 		// emit('jjnum',e)
 	}
 	const closeIt = () => {