shangfutong-ui/jeepay-ui-uapp-agent/pageWork/information/component/Selected.vue

81 lines
2.4 KiB
Vue

<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>