handle mobile user

src/pages/menuPages/customers/base/index.vue

@@ -215,7 +215,37 @@
         </a-tab-pane>
       </a-tabs>
     </BasicActionSheet>
+    <BasicActionSheet
+      v-if="isMobile"
+      v-model:visible="showMoneyWalletCharge"
+      title="شارژ کیف پول ریالی"
+      modal-width="24rem"
+      :loading="loading"
+      :show-button="true"
+      :show-cancel="true"
+      :show-ok="true"
+      ok-text="ثبت"
+      cancel-text="انصراف"
+      @ok="chargeMoneyWallet"
+      @close="showMoneyWalletCharge = false"
+    >
+      <a-form :model="formCharge" ref="formChargeRef" autocomplete="off" class="space-y-1">
+        <a-form-item name="talabBedehi">
+          <a-checkbox v-model:checked="formCharge.talabBedehi">طلب/بدهی</a-checkbox>
+        </a-form-item>
+        <a-form-item label="مقدار شارژ " name="value" :rules="inputRules()">
+          <BasicInput addon-before="ریال" v-model:value="formCharge.value" type="price" />
+          <div v-show="formCharge.value > 10">
+            معادل {{ usePrice(formCharge.value / 10, true, 'تومان') }}
+          </div>
+        </a-form-item>
+        <a-form-item label="علت شارژ " name="note" :rules="inputRules()">
+          <BasicInput v-model:value="formCharge.note" />
+        </a-form-item>
+      </a-form>
+    </BasicActionSheet>
     <BasicModal
+      v-else
       v-model:visible="showMoneyWalletCharge"
       width="20rem"
       title="شارژ کیف پول ریالی"
@@ -233,13 +263,40 @@
             معادل {{ usePrice(formCharge.value / 10, true, 'تومان') }}
           </div>
         </a-form-item>
-        <a-form-item label="علت شارژ " name="value" :rules="inputRules()">
+        <a-form-item label="علت شارژ " name="note" :rules="inputRules()">
           <BasicInput v-model:value="formCharge.note" />
         </a-form-item>
       </a-form>
     </BasicModal>
 
+    <BasicActionSheet
+      v-if="isMobile"
+      v-model:visible="showGoldWalletCharge"
+      title="شارژ کیف پول طلایی"
+      modal-width="24rem"
+      :loading="loading"
+      :show-button="true"
+      :show-cancel="true"
+      :show-ok="true"
+      ok-text="ثبت"
+      cancel-text="انصراف"
+      @ok="chargeGoldWallet"
+      @close="showGoldWalletCharge = false"
+    >
+      <a-form :model="formCharge" ref="formChargeRef" autocomplete="off" class="space-y-1">
+        <a-form-item name="talabBedehi">
+          <a-checkbox v-model:checked="formCharge.talabBedehi">طلب/بدهی</a-checkbox>
+        </a-form-item>
+        <a-form-item label="مقدار شارژ " name="value" :rules="inputRules()">
+          <BasicInput addon-before="گرم" v-model:value="formCharge.value" type="number" />
+        </a-form-item>
+        <a-form-item label="علت شارژ " name="note" :rules="inputRules()">
+          <BasicInput v-model:value="formCharge.note" />
+        </a-form-item>
+      </a-form>
+    </BasicActionSheet>
     <BasicModal
+      v-else
       v-model:visible="showGoldWalletCharge"
       width="20rem"
       title="شارژ کیف پول طلایی"
@@ -254,7 +311,7 @@
         <a-form-item label="مقدار شارژ " name="value" :rules="inputRules()">
           <BasicInput addon-before="گرم" v-model:value="formCharge.value" type="number" />
         </a-form-item>
-        <a-form-item label="علت شارژ " name="value" :rules="inputRules()">
+        <a-form-item label="علت شارژ " name="note" :rules="inputRules()">
           <BasicInput v-model:value="formCharge.note" />
         </a-form-item>
       </a-form>