Files
shangfutong-ui/jeepay-ui-uapp-agent/pageWork/information/component/Selected.vue
2024-05-23 14:39:33 +08:00

81 lines
2.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>