<!--
  抽屉弹层

  @author terrfly
  @site https://www.jeequan.com
  @date 2022/04/06 10:14
-->
<template>
  <a-card
      v-model:visible="vdata.visible"
      title="支付通道"
      :closable="true"
      :body-style="{ padding: 0, paddingBottom: '80px', overflowY: 'overlay' }"
      :drawer-style="{ backgroundColor: '#fff' }"
      width="calc(100% - 100px)"
      @close="vdata.visible = false"
  >
    <div>
      <!-- 当关闭后需要重新渲染 -->
      <JeepayPaymentWayConfig v-if="vdata.visible" :type="vdata.type" :infoId="vdata.infoId" :configMode="'mgrIsv'" />

    </div>
  </a-card>
</template>

<script lang="ts" setup>
import { reactive, defineExpose } from 'vue'


const vdata = reactive({
  visible: false, // 一级抽屉开关
  infoId: null, // infoId
  type: 0, // infoId
})

// 弹层打开事件
function show(infoId,type=0) {
  vdata.infoId = infoId
  vdata.type = type
  vdata.visible = true
}
show('V1698312342')
</script>
<style scoped></style>
