Ver código fonte

see also #383 confirmation step 2

ali 2 anos atrás
pai
commit
cb606ea0c9

+ 10 - 4
src/components/Widgets/Store/Cart/components/step2/cartAddress.vue

@@ -4,9 +4,12 @@
       <q-icon name="place" />
       انتخاب آدرس:
     </div>
-    <div class="cart-address__info">
+    <div v-if="mounted"
+         class="cart-address__info">
       <div class="cart-address__selected-address">
-        <q-radio :label="basket.getFullAddressString()" />
+        <q-radio v-model="addressRadio"
+                 :val="1"
+                 :label="basket.getFullAddressString()" />
       </div>
       <div class="cart-address__edit-btn">
         <q-btn color="primary"
@@ -17,7 +20,8 @@
         </q-btn>
       </div>
     </div>
-    <q-dialog v-model="dialog">
+    <q-dialog v-if="mounted"
+              v-model="dialog">
       <q-card class="cart-address__dialog-cart">
         <q-card-section class="cart-address__dialog-cart-title-section flex justify-between">
           <div>
@@ -63,7 +67,8 @@ export default {
   emits: ['set-address'],
   data () {
     return {
-      step: 1,
+      addressRadio: 1,
+      mounted: false,
       dialog: false,
       setAddressLoading: false,
       addressInputs: [
@@ -81,6 +86,7 @@ export default {
   },
   mounted() {
     this.setFormData()
+    this.mounted = true
   },
   methods: {
     openDialog () {

+ 8 - 1
src/components/Widgets/Store/Cart/components/step2/deliveryInfo.vue

@@ -7,7 +7,9 @@
     <div class="delivery-info__info">
       <div class="delivery-info__selected-type">
         <div class="delivery-info__selected-type-radio">
-          <q-radio label="پست پیشتاز" />
+          <q-radio v-model="radioValue"
+                   :val="1"
+                   label="پست پیشتاز" />
         </div>
         <div class="delivery-info__selected-type-meta">
           <q-icon name="schedule" />
@@ -44,6 +46,11 @@ export default {
       type: Basket,
       default: new Basket()
     }
+  },
+  data () {
+    return {
+      radioValue: 1
+    }
   }
 }
 </script>

Diferenças do arquivo suprimidas por serem muito extensas
+ 14 - 0
src/components/Widgets/Store/Cart/components/step2/step2.vue


+ 6 - 1
src/components/Widgets/Store/Cart/components/stepper.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="stepper">
-    <q-stepper ref="stepper"
+    <q-stepper v-if="mounted"
+               ref="stepper"
                v-model="step"
                flat
                color="primary"
@@ -51,9 +52,13 @@ export default {
   emits: ['onChangeFilters'],
   data () {
     return {
+      mounted: false,
       step: 2
     }
   },
+  mounted() {
+    this.mounted = true
+  },
   methods: {
     onCompleteStep1 () {
       this.step = 2

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff