|
@@ -22,7 +22,7 @@
|
|
|
<view class="num-cont">
|
|
|
<text>支付数量</text>
|
|
|
<view class="num-input">
|
|
|
- <u-input v-model="value" type="number" placeholder="请输入数量" />
|
|
|
+ <u-input v-model="number" type="number" placeholder="请输入数量" />
|
|
|
<text>个乐豆</text>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -30,6 +30,23 @@
|
|
|
<view class="pay-btn">
|
|
|
<u-button @click="handlePay" type="error" >确认支付</u-button>
|
|
|
</view>
|
|
|
+ <!-- 确认支付弹窗 -->
|
|
|
+ <u-modal v-model="showPayModal" title="请输入支付密码">
|
|
|
+ <view class="slot-content">
|
|
|
+ <view>
|
|
|
+ <text>收取门店:</text>
|
|
|
+ <text>{{storeName}}</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>支付数量:</text>
|
|
|
+ <text>{{number}}</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>备注:</text>
|
|
|
+ <text>{{remarks}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -37,8 +54,10 @@
|
|
|
export default{
|
|
|
data() {
|
|
|
return {
|
|
|
- storeName: '和超级大黄蜂',
|
|
|
- remarks: ''
|
|
|
+ storeName: '和超级大黄蜂', // 门店名称
|
|
|
+ remarks: '', // 备注
|
|
|
+ number: '', // 支付数量
|
|
|
+ showPayModal: false // 支付弹窗
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
@@ -47,7 +66,7 @@
|
|
|
methods: {
|
|
|
// 确认支付
|
|
|
handlePay() {
|
|
|
-
|
|
|
+ this.showPayModal = true
|
|
|
}
|
|
|
},
|
|
|
}
|
|
@@ -78,4 +97,7 @@
|
|
|
padding: 0 30upx;
|
|
|
}
|
|
|
}
|
|
|
+ .slot-content{
|
|
|
+
|
|
|
+ }
|
|
|
</style>
|