解决申请类型开票bug

center/invoice.vue

@@ -14,14 +14,14 @@
 			itemStyle="width:50%;box-sizing:border-box;padding:24rpx;"
 			@click="tabsClick"></u-tabs>
 			<view class="block-wrap" style="margin-top: 32rpx;">
-				<view class="form-item" v-if="tabsCurrent===0" @click="showInvoiceLine=true">
+				<view class="form-item select-invoice-line" v-if="tabsCurrent===0" @click="selectInvoiceLine">
 					<view class="til">
 						<text>*</text>申请类型 
 					</view>
-					<u--input placeholder="请选择申请类型" readonly border="surround" v-model="invoiceLineName" ></u--input>
-					<!-- <view class="item-value">
-						<text>{{formData.invoiceLine}}</text>
-					</view> -->
+					<!-- <u--input placeholder="请选择申请类型" readonly border="surround" v-model="invoiceLineName" ></u--input> -->
+					<view class="item-value">
+						<text>{{invoiceLineName}}</text>
+					</view>
 				</view>
 				 <u-picker :show="showInvoiceLine" :columns="invoiceLineList" keyName="label" :immediateChange="true" @cancel="cancelInvoiceLine" @confirm="confirmInvoiceLine" ></u-picker>
 				<view class="form-item">
@@ -118,6 +118,10 @@
 				// console.log('item',item);
 				this.setDefault();
 			},
+			selectInvoiceLine(){
+				this.showInvoiceLine = true;
+				console.log('showInvoiceLine');
+			},
 			getInvoiceInfo(){
 				this.$u.api.getInvoiceInfo({orderId:this.orderId}).then(res=>{
 					// console.log('res',res);
@@ -148,6 +152,16 @@
 					}
 				}
 			},
+			cancelInvoiceLine(){
+				this.showInvoiceLine = false;
+			},
+			confirmInvoiceLine(e){
+				this.showInvoiceLine = false;
+				console.log('confirmInvoiceLine id',e.value[0].id);
+				console.log('confirmInvoiceLine label',e.value[0].label);
+				this.formData.invoiceLine = e.value[0].id;
+				this.invoiceLineName = e.value[0].label;
+			},
 			submitorder(){
 				let params = {
 					orderId:this.orderId,
@@ -245,4 +259,12 @@
 		}
 	}
 }
+.item-value{
+		border: 1px solid rgb(218, 219, 222);
+		display: flex;
+		align-items: center;
+		border-radius: 8rpx;
+		height: 38px;
+		padding-left: 10px;
+	}
 </style>