auto commit

pages/center/invoice/invoice.vue

@@ -139,7 +139,7 @@ export default {
 			this.$u.route({
 				url: 'pages/center/invoice/makeinvoice/makeinvoice',
 				params: {
-					orderId: id
+					invoice: id
 				}
 			});
 		}

pages/center/invoice/makeinvoice/makeinvoice.scss

@@ -0,0 +1,15 @@
+page{
+	background-color: #F6F6FF;
+}
+.title{
+	padding: 25rpx 40rpx 18rpx;
+	font-size: 28rpx;
+	font-weight: 400;
+	color: #999999;
+	line-height: 40rpx;
+	letter-spacing: 1px;
+}
+.form{
+	padding: 28rpx 40rpx 50rpx;
+	background-color: #fff;
+}

pages/center/invoice/makeinvoice/makeinvoice.vue

@@ -1,6 +1,32 @@
 <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>
 
@@ -8,13 +34,34 @@
 	export default{
 		data(){
 			return{
+				form:{
+					name:'',
+					invoiceType:'',
+					payType:null,
+				},
+				radioList: [
+					{
+						name: '支付宝',
+						checked: true,
+						disabled: false
+					},
+					{
+						name: '微信',
+						checked: false,
+						disabled: false
+					}
+				],
 				
 			}
 		},
-		onLoad(){
-			
+		onLoad(page){
+			console.log('page',page)
 		},
 		methods:{
+			// radio选择发生变化
+			radioGroupChange(e) {
+				this.form.payType = e;
+			},
 			
 		}
 	}