xcx

src/pages/user/placeOrder/index.vue

@@ -16,7 +16,7 @@
         <div class="flex-item">
           <div>
             <span>桌号：{{tableNo}}</span>
-            <!-- <span>本月已用：150杯</span> -->
+            <span v-if="userInfo.customer.MapUser !== ''">本月已用：{{caseTotal.monthtotal}}杯</span>
           </div>
         </div>
         <a @click="reback">返回选择桌号</a>
@@ -78,6 +78,7 @@
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex'
 const { mapActions: caseTableActions } = createNamespacedHelpers('placeOrderForCoffee')
+const { mapState: mapCaseState, mapActions: mapCaseActions } = createNamespacedHelpers('case')
 import orderItem from '../../../components/orderItem/index'
 import orderPopup from '../../../components/orderPopup/index'
 import calcMenu from '../../../components/calcMenu/index'
@@ -145,6 +146,9 @@ export default {
       goodsTypeList: x => x.placeOrderForCoffee.goodsTypeList,
       goodsList: x => x.placeOrderForCoffee.goodsList
     }),
+    ...mapCaseState({
+      caseTotal: x => x.caseTotal,
+    }),
     MySwiper () {
       return this.$refs.mySwiper.swiper
     },
@@ -184,6 +188,9 @@ export default {
         // console.log(JSON.stringify(res))
         this.mapArr()
       })
+      this.getCaseTotal({
+        caseid: this.caseId
+      })
     })
   },
   methods: {
@@ -192,6 +199,9 @@ export default {
       'getGoodsList',
       'toPay',
     ]),
+    ...mapCaseActions([
+      'getCaseTotal',
+    ]),
     toPlaceOrder () { // 下单 
       if (this.selGoods.length) {
         if (this.userInfo.customer.MapUser === '') {