新增会员下单

src/views/home/components/settleAccount.vue

@@ -11,7 +11,10 @@
             </el-icon>
           </div>
           <div class="info">
-            <div class="master_id">{{ props.masterId }}</div>
+            <div class="master_id">
+              <span>{{ props.masterId }}</span>
+              <span class="member_info" v-if="memberInfo.telephone">会员：{{ memberInfo.telephone }}</span>
+            </div>
             <div class="btm">
               <span class="p">服务员：{{ store.userInfo.shopName || "暂无" }}</span>
               <span class="t">{{
@@ -57,7 +60,7 @@
         </div>
       </div>
       <div class="pay_wrap">
-        <payCard :amount="props.amount" :orderId="props.orderInfo.id" @paySuccess="paySuccess" />
+        <payCard :amount="props.amount" :member="props.member" :orderId="props.orderInfo.id" @paySuccess="paySuccess" />
       </div>
     </div>
   </el-drawer>
@@ -71,6 +74,7 @@ import { print } from "@/api/pay";
 import { bySubType } from "@/api/device";
 import { ElMessage } from "element-plus";
 import dayjs from "dayjs";
+import useStorage from '@/utils/useStorage'
 
 import { ipcRenderer } from "electron";
 
@@ -102,6 +106,10 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  member: {
+    type: Object,
+    default: {}
+  }
 });
 
 const isPrint = ref(true);
@@ -206,9 +214,23 @@ defineExpose({
   show,
 });
 
+
+const memberInfo = ref('')
+
+// 从本地获取会员信息
+function getLocalMemberInfo() {
+  let localMemberInfo = useStorage.get('memberInfo')
+  if (localMemberInfo && localMemberInfo.telephone) {
+    memberInfo.value = localMemberInfo
+  } else {
+    memberInfo.value = ''
+  }
+}
+
 onMounted(() => {
   getPrintList();
   bySubTypeAjax();
+  getLocalMemberInfo()
 });
 </script>
 
@@ -258,6 +280,14 @@ onMounted(() => {
           font-size: calc(var(--el-font-size-base) + 10px);
           border-bottom: 1px solid #ececec;
           padding: $padding 0;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .member_info {
+            color: #999;
+            font-size: 16px;
+          }
         }
 
         .btm {