49 lines
2.2 KiB
Vue
49 lines
2.2 KiB
Vue
|
<template>
|
|||
|
|
<div class="sku-item">
|
|||
|
|
<uni-forms label-width="160" label-position="top">
|
|||
|
|
<uni-forms-item label="商品封面图" name="picUrl">
|
|||
|
|
<p-uploader
|
|||
|
|
v-model:url="formData.picUrl"
|
|||
|
|
fileMediatype="image"
|
|||
|
|
limit="1"
|
|||
|
|
mode="grid"
|
|||
|
|
:imageStyles="{ width: '168rpx', height: '168rpx' }"
|
|||
|
|
/>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="商品条码" name="barCode">
|
|||
|
|
<uni-easyinput type="text" trim="all" v-model="formData.barCode" placeholder="请输入商品条码" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="销售价" name="price">
|
|||
|
|
<uni-easyinput type="number" trim="all" v-model="formData.price" placeholder="请输入商品销售价" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="市场价" name="marketPrice">
|
|||
|
|
<uni-easyinput type="number" trim="all" v-model="formData.marketPrice" placeholder="请输入商品销售价" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="成本价" name="costPrice">
|
|||
|
|
<uni-easyinput type="number" trim="all" v-model="formData.costPrice" placeholder="请输入商品销售价" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="库存" name="stock">
|
|||
|
|
<uni-easyinput type="number" trim="all" v-model="formData.stock" placeholder="请输入商品库存" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="重量（kg）" name="weight">
|
|||
|
|
<uni-easyinput type="number" trim="all" v-model="formData.weight" placeholder="请输入商品重量" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="体积（m³）" name="volume">
|
|||
|
|
<uni-easyinput type="number" trim="all" v-model="formData.volume" placeholder="请输入商品体积" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
</uni-forms>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import { ref } from 'vue'
|
|||
|
|
|
|||
|
|
const formData = ref({})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.sku-item {
|
|||
|
|
margin: 40rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|