客户开单优化

ghsPad/src/pages/home/components/cashConsole.vue

@@ -1,14 +1,14 @@
 <template>
 <view class="button-area">
 	<view class="active" @click="openBox">开箱</view>
-	<view class="active" style="background-color:orange;color:white;border-color:orange;position:fixed;left:135upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:16upx;" @click="beginSettle">结算</view>
-	<view class="active" style="position:fixed;left:36upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:15upx;" @click="handOrder()" v-if="globalHasHand == 0">挂单</view>
-	<view class="active" style="position:fixed;left:36upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:15upx;color:white;background-color: #3385FF;" @click="getHandOrder()" v-else>取单</view>
+	<view class="active2" :class="[fastAction==1 ? 'clear-fast' : 'clear']" style="" @click="beginSettle">结算</view>
+	<view class="active2" :class="[fastAction==1 ? 'hand-fast' : 'hand']" @click="handOrder()" v-if="globalHasHand == 0">挂单</view>
+	<view class="active2" :class="[fastAction==1 ? 'out-fast' : 'out']" @click="getHandOrder()" v-else>取单</view>
 	<view class="active" @click="showCustomPop" style="background-color:#3385FF;color:white;">选客</view>
 	<view class="active" @click="fastCreate" style="font-size:8upx;">快捷开单</view>
     <view class="active" @click="clearItemFn">清空</view>
 
-	<view v-if="Number(customId)>0" style="position:fixed;left:32upx;bottom:66upx;width:189upx;height:20upx;line-height:5upx;font-size:13upx;background-color:white;color:#3385FF;font-weight:bold;border:none;">{{customName}}</view>
+	<view v-if="Number(customId)>0" :class="[fastAction==1 ? 'custom-fast':'custom']">{{customName}}</view>
 
     <!-- 清空 -->
     <uni-popup ref="clearItemRef" type="dialog">
@@ -51,6 +51,7 @@ import {goodsWastage} from '@/api/wastage'
 import productMins from "@/mixins/product"
 import selectPrice from './selectPrice'
 import selectNumPrice from './selectNumPrice'
+import { mapGetters } from "vuex";
 // #ifdef APP-PLUS
 let sunmiCashboxPlugin = uni.requireNativePlugin('Tellsea-SunmiCashboxPlugin')
 // #endif
@@ -84,9 +85,13 @@ export default {
             currentJobId:0,
 			calc:'add',
 			settleOpenStatus:0,
-			price:0
+			price:0,
+			fastAction:1
         }
     },
+	computed: {
+		...mapGetters(["getLoginInfo"])
+	},
     watch:{
         changeCurrentJobType:{
             handler(str){
@@ -99,7 +104,17 @@ export default {
                 this.currentJobId = Number(id)
             },
             immediate:true
-        }
+        },
+		customId:{
+            handler(id){
+                if(Number(this.getLoginInfo.skCustomId)==Number(id)){
+					this.fastAction=1
+				}else{
+					this.fastAction=0
+				}
+            },
+            immediate:true
+		}
     },
 	created(){
 
@@ -354,5 +369,33 @@ export default {
 		font-size: 10upx;
 		font-weight:bold;
 	}
+	& .active2 {
+		font-size: 10upx;
+		font-weight:bold;
+	}
+	& .clear-fast{
+		background-color:#3385FF;color:white;border-color:#3385FF;position:fixed;left:135upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:16upx;
+	}
+	& .hand-fast{
+		position:fixed;left:36upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:15upx;color: #3385FF;border-color: #3385FF;
+	}
+	& .out-fast{
+		position:fixed;left:36upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:15upx;color:white;background-color: #3385FF;
+	}
+	& .clear{
+		background-color:orange;color:white;border-color:orange;position:fixed;left:135upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:16upx;
+	}
+	& .hand{
+		position:fixed;left:36upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:15upx;color: orange;border-color: orange;
+	}
+	& .out{
+		position:fixed;left:36upx;bottom:13upx;width:84upx;height:50upx;line-height:30upx;font-size:15upx;color:white;background-color: orange;border-color: orange;
+	}
+	& .custom-fast{
+		position:fixed;left:32upx;bottom:66upx;width:189upx;height:20upx;line-height:5upx;font-size:13upx;background-color:white;color:#3385FF;font-weight:bold;border:none;
+	}
+	& .custom{
+		position:fixed;left:32upx;bottom:66upx;width:189upx;height:20upx;line-height:5upx;font-size:13upx;background-color:white;color:orange;font-weight:bold;border:none;
+	}
 }
 </style>