add customer-actions in mobile &...

src/components/BasicModal.vue

@@ -3,6 +3,7 @@
     <a-modal
       v-model:visible="localValue"
       :title="props.title"
+      :z-index="props.zIndex"
       centered
       @ok="emits('ok')"
       @cancel="emits('close')"
@@ -26,6 +27,8 @@
 </template>
 
 <script setup lang="ts">
+import { MODAL_ABOVE_ACTION_SHEET_Z_INDEX } from '@/constants/overlayZIndex'
+
 //define emit
 const emits = defineEmits(['ok', 'close', 'update:visible'])
 
@@ -40,6 +43,7 @@ interface Prop {
   confirmLoading?: boolean
   loading?: boolean
   wrapClassName?: string
+  zIndex?: number
 }
 
 const props = withDefaults(defineProps<Prop>(), {
@@ -49,7 +53,8 @@ const props = withDefaults(defineProps<Prop>(), {
   customFooter: false,
   confirmLoading: false,
   loading: false,
-  wrapClassName: ''
+  wrapClassName: '',
+  zIndex: MODAL_ABOVE_ACTION_SHEET_Z_INDEX
 })
 
 const localValue = computed({