新增会员下单

src/views/home/index.vue

@@ -11,7 +11,7 @@
         <div class="number" @click="takeFoodCodeRef.show()">
           <el-text class="t">{{ masterId }}</el-text>
         </div>
-        <div class="select_user" @click="fastCashierRef.show()">
+        <div class="select_user" @click="fastCashierRef.show()" v-if="!memberInfo.telephone">
           <el-icon class="icon">
             <WalletFilled />
           </el-icon>
@@ -20,15 +20,15 @@
             <ArrowRight />
           </el-icon>
         </div>
-        <!-- <div class="select_user" @click="membershow = true">
+        <div class="select_user" v-else @click="clearMember">
           <el-icon class="icon">
             <UserFilled />
           </el-icon>
-          <el-text class="t">选择会员</el-text>
+          <el-text class="t">{{ memberInfo.telephone }}</el-text>
           <el-icon class="arrow">
-            <ArrowRight />
+            <Close />
           </el-icon>
-        </div> -->
+        </div>
       </div>
       <div class="shop_operation" v-loading="cartLoading">
         <div class="shop_list">
@@ -112,7 +112,7 @@
   <takeFoodCode ref="takeFoodCodeRef" title="修改取餐号" placeholder="请输入取餐号" @success="takeFoodCodeSuccess" />
   <!-- 结算订单 -->
   <settleAccount ref="settleAccountRef" :cart="cartList" :amount="cartInfo.totalAmount" :remark="remark"
-    :masterId="masterId" :orderInfo="orderInfo" @paySuccess="createCodeAjax(1)" />
+    :masterId="masterId" :orderInfo="orderInfo" :member="memberInfo" @paySuccess="createCodeAjax(1)" />
   <!-- 快捷收银 -->
   <fastCashier ref="fastCashierRef" />
   <!-- 挂起订单 -->
@@ -134,6 +134,7 @@ import cartOperation from "@/views/home/components/cartOperation.vue";
 import settleAccount from "@/views/home/components/settleAccount.vue";
 import fastCashier from "@/views/home/components/fastCashier.vue";
 import pendingCartModal from "@/views/home/components/pendingCartModal.vue";
+import useStorage from '@/utils/useStorage'
 
 import {
   createCart,
@@ -172,6 +173,8 @@ const cartLoading = ref(false);
 const orderInfo = ref({});
 const createOrderLoading = ref(false);
 
+const memberInfo = ref({})
+
 // 取餐码
 const masterId = ref("");
 
@@ -234,6 +237,7 @@ async function pendingCart(params, status = true) {
     if (status && cartList.value.length) {
       await createCodeAjax();
       cartLoading.value = false;
+      clearMember()
     } else {
       cartLoading.value = false;
     }
@@ -369,10 +373,25 @@ async function createCodeAjax(type = "0") {
   }
 }
 
+// 从本地获取会员信息
+function getLocalMemberInfo() {
+  let localMemberInfo = useStorage.get('memberInfo')
+  if (localMemberInfo && localMemberInfo.telephone) {
+    memberInfo.value = localMemberInfo
+  } else {
+    memberInfo.value = ''
+  }
+}
+
+// 清除本地会员
+function clearMember() {
+  useStorage.del('memberInfo')
+  getLocalMemberInfo()
+}
+
 onMounted(() => {
   createCodeAjax();
-
-  console.log('route', JSON.parse(route.query.user));
+  getLocalMemberInfo()
 });
 </script>