51 lines
1.6 KiB
Vue
51 lines
1.6 KiB
Vue
<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>
|
||
|
||
|
||
|