订单详情

src/pages/mall/subs/order/order-confirm.vue

@@ -81,9 +81,9 @@
       </view>
     </view>
 
-    <view class='payment-way c-flex-row'>
+    <view class='payment-way c-flex-row' @click.stop='changePayment'>
       <text>支付方式</text>
-      <view>微信支付
+      <view>{{ paymentType === 0 ? '微信支付' : '余额' }}
         <image :src='assetsUrl("ic_arrow_right_gray.png")' />
       </view>
     </view>
@@ -91,16 +91,28 @@
     <view class='bottom-view c-flex-row'>
       <text>合计</text>
       <text>￥29.90</text>
-      <text>确认订单</text>
+      <text @click.stop='payment'>确认订单</text>
     </view>
   </view>
+  <payment-dialog ref='paymentDialogRef' @change='args => paymentType=args' />
 </template>
 
 <script lang='ts' setup>
-
 import { assetsUrl } from '@/utils/assets';
+import PaymentDialog from '../components/payment-dialog.vue';
 
+const paymentDialogRef = ref();
+const paymentType = ref(0);
 const tabIndex = ref(0);
+
+const changePayment = () => {
+  console.log(paymentDialogRef);
+  paymentDialogRef.value.show();
+};
+
+const payment = () => {
+
+};
 </script>
 
 <style lang='scss' scoped>