Browse Source

Signed-off-by: 1004749546@qq.com <1004749546@qq.com>
增加核销页面

1004749546@qq.com 4 years ago
parent
commit
6d30c3ca87
3 changed files with 95 additions and 1 deletions
  1. 10 1
      pages.json
  2. 81 0
      pages/checkOut/checkOut.vue
  3. 4 0
      pages/index/index.vue

+ 10 - 1
pages.json

@@ -152,7 +152,16 @@
                 "enablePullDownRefresh": false
                 "enablePullDownRefresh": false
             }
             }
             
             
-        }
+        },
+		{
+		    "path" : "pages/checkOut/checkOut",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "核销",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		}
     ],
     ],
 	"globalStyle": {
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTextStyle": "black",

+ 81 - 0
pages/checkOut/checkOut.vue

@@ -0,0 +1,81 @@
+<template>
+	<view class="page-content">
+		<u-gap height="10" bg-color="#f8f8f8"></u-gap>
+		<u-field
+			class="field-item"
+			v-model="storeName"
+			disabled
+			input-align="right"
+			label="收取门店"
+			placeholder="请填写手机号"
+		>
+		</u-field>
+		<u-field
+			v-model="remarks"
+			label="备注"
+			input-align="right"
+			auto-height
+			placeholder="请填写备注(最多500个字符)"
+			type="textarea"
+		>
+		</u-field>
+		<view class="num-cont">
+			<text>支付数量</text>
+			<view class="num-input">
+				<u-input v-model="value" type="number" placeholder="请输入数量" />
+				<text>个乐豆</text>
+			</view>
+		</view>
+		<u-gap height="50" bg-color="#f8f8f8"></u-gap>
+		<view class="pay-btn">
+			<u-button  @click="handlePay" type="error" >确认支付</u-button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data() {
+			return {
+				storeName: '和超级大黄蜂',
+				remarks: ''
+			}
+		},
+		onLoad() {
+			
+		},
+		methods: {
+			// 确认支付
+			handlePay() {
+				
+			}
+		},
+	}
+</script>
+
+<style lang="less">
+	page{
+		height: 100%;
+	}
+	.page-content{
+		width: 100%;
+		height: 100%;
+		background-color: #fff;
+		.num-cont{
+			width: 100%;
+			padding: 30upx;
+			.num-input{
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				>u-input {
+					width: 300upx;
+					border-bottom: 1px solid #f8f8f8;
+				}
+			}
+		}
+		.pay-btn{
+			padding: 0 30upx;
+		}
+	}
+</style>

+ 4 - 0
pages/index/index.vue

@@ -119,6 +119,10 @@
 			},
 			},
 			// 扫码核销
 			// 扫码核销
 			smHx(){
 			smHx(){
+				uni.navigateTo({
+					url: '/pages/checkOut/checkOut'
+				})
+				return
 				uni.scanCode({
 				uni.scanCode({
 					success(e) {
 					success(e) {
 						console.log(e)
 						console.log(e)