<template>
	<view>
		<view class="title">发票详情</view>		
		<u-form class="form" :model="form" ref="uForm">
			<u-form-item label="公司名称" label-width="160rpx" prop="name">
				<u-radio-group v-model="radio" @change="radioGroupChange" :width="radioCheckWidth" :wrap="radioCheckWrap">
					<u-radio shape="circle" v-for="(item, index) in radioList" :key="index" :name="item.name">{{ item.name }}</u-radio>
				</u-radio-group>
			</u-form-item>
			<u-form-item label="公司名称" label-width="160rpx" prop="name">
				<u-input v-model="form.name" placeholder="请输入公司名称" />
			</u-form-item>
			<u-form-item label="公司税号" label-width="160rpx">
				<u-input v-model="form.name" placeholder="选填" />
			</u-form-item>
			<u-form-item label="注册地址" label-width="160rpx">
				<u-input v-model="form.name" placeholder="选填" />
			</u-form-item>
			<u-form-item label="注册电话" label-width="160rpx">
				<u-input v-model="form.name" placeholder="选填" />
			</u-form-item>
			<u-form-item label="开户银行" label-width="160rpx">
				<u-input v-model="form.name" placeholder="选填" />
			</u-form-item>
			<u-form-item label="银行账号" label-width="160rpx">
				<u-input v-model="form.name" placeholder="选填" />
			</u-form-item>
		</u-form>
		<u-button @click="submit">提交</u-button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				form:{
					name:'',
					invoiceType:'',
					payType:null,
				},
				radioList: [
					{
						name: '支付宝',
						checked: true,
						disabled: false
					},
					{
						name: '微信',
						checked: false,
						disabled: false
					}
				],
				
			}
		},
		onLoad(page){
			console.log('page',page)
		},
		methods:{
			// radio选择发生变化
			radioGroupChange(e) {
				this.form.payType = e;
			},
			
		}
	}
</script>

<style lang="scss" scoped>
	@import "./makeinvoice.scss";
</style>
