9.16/1

frontend/pages/product/select.vue

@@ -0,0 +1,49 @@
+<template>
+	<view class="page">
+		<view class="search">
+			<input v-model="kw" placeholder="搜索商品名称/编码" @confirm="search" />
+			<button size="mini" @click="search">搜索</button>
+		</view>
+		<scroll-view scroll-y class="list">
+			<view class="item" v-for="p in products" :key="p.id" @click="select(p)">
+				<view class="name">{{ p.name }}</view>
+				<view class="meta">{{ p.code }} · 库存：{{ p.stock || 0 }}</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import { get } from '../../common/http.js'
+	export default {
+		data() { return { kw: '', products: [] } },
+		onLoad() { this.search() },
+		methods: {
+			async search() {
+				try {
+					const res = await get('/api/products', { kw: this.kw, page: 1, size: 50 })
+					this.products = Array.isArray(res?.list) ? res.list : (Array.isArray(res) ? res : [])
+				} catch(e) { uni.showToast({ title: '加载失败', icon: 'none' }) }
+			},
+			select(p) {
+				const opener = getCurrentPages()[getCurrentPages().length-2]
+				if (opener && opener.$vm && opener.$vm.items) {
+					opener.$vm.items.push({ productId: p.id, productName: p.name, quantity: 1, unitPrice: Number(p.price || 0) })
+				}
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+
+<style>
+	.page { display:flex; flex-direction: column; height: 100vh; }
+	.search { display:flex; gap: 12rpx; padding: 16rpx; background:#fff; }
+	.search input { flex:1; background:#f6f6f6; border-radius: 12rpx; padding: 12rpx; }
+	.list { flex:1; }
+	.item { padding: 20rpx 24rpx; background:#fff; border-bottom: 1rpx solid #f1f1f1; }
+	.name { color:#333; margin-bottom: 6rpx; }
+	.meta { color:#888; font-size: 24rpx; }
+</style>
+
+