<template>
  <JPopup ref="popup">
    <JMainCard wrapPd="30rpx" pd="0" @tap.stop v-if="selectType.type === 0">
      <JLine
        name="个人"
        iconOn="/static/iconImg/user-active.svg"
        iconClose="/static/iconImg/user.svg"
        :isBorder="true"
        :isSelect="selectType.value === 1"
        @tap="selected(1)"
      ></JLine>
      <JLine
        name="企业"
        iconOn="/static/iconImg/building-active.svg"
        iconClose="/static/iconImg/building.svg"
        :isSelect="selectType.value === 2"
        @tap="selected(2)"
      ></JLine>
      <view class="content"> 选择企业后可设置收款账户为对公账户，但需要上传营业执照及法人信息。 </view>
    </JMainCard>
    <JMainCard wrapPd="30rpx" pd="0" @tap.stop v-if="selectType.type === 1">
      <JLine
        name="对私账户"
        :isBorder="true"
        :isSelect="selectType.value === 'BANK_PRIVATE'"
        @tap="selected('BANK_PRIVATE')"
      ></JLine>
      <JLine
        name="对公账户"
        :isSelect="selectType.value === 'BANK_PUBLIC'"
        @tap="selected('BANK_PUBLIC')"
        v-if="selectType.agentType === 2"
      ></JLine>
      <!-- <JLine name="个人微信" :isSelect="selectType.value === 'WX_CASH'" @tap="selected('WX_CASH')"></JLine> -->
      <JLine name="个人支付宝" :isSelect="selectType.value === 'ALIPAY_CASH'" @tap="selected('ALIPAY_CASH')"></JLine>
    </JMainCard>

    <JButton pd="0 30rpx 50rpx 30rpx" bgColor="rgba(255, 255, 255, 0.8)" pdTop="0" @HandleTouch="popup.close()"
      >取消</JButton
    >
  </JPopup>
</template>

<script setup>
import { ref } from "vue"
import JPopup from "@/components/newComponents/JPopup/JPopup"
import JMainCard from "@/components//newComponents/JMainCard/JMainCard"
import JLine from "@/components//newComponents/JLine/JLine"
import JButton from "@/components//newComponents/JButton/JButton"
const emits = defineEmits(["synData"])
const popup = ref()
const selectType = ref({})
const open = (val) => {
  selectType.value = val
  popup.value.open()
}
const selected = (val) => {
  selectType.value.value = val
  emits("synData", selectType.value)
  popup.value.close()
}
defineExpose({ open })
</script>

<style lang="scss" scoped>
.content {
  margin: 0 30rpx 30rpx 30rpx;
  background-color: #f2f2f2;
  padding: 20rpx;
  border-radius: 10px;
  font-size: 27rpx;
  color: #666666;
}
.confirm {
  padding: 32rpx 0;
  text-align: center;
  font-size: 33rpx;
  color: $primaryColor;
}
</style>
