<template> <view class="stockDetail-wrap"> <!-- 查询结果 --> <view class="stockDetail-info" v-if="productData"> <view class="info-item flex align_center justify_between"> <view class="info-name">产品编码</view> <view>{{productData && productData.dealerProductEntity.code || '--'}} <copyText :text="productData.dealerProductEntity.code" label="产品编码"></copyText></view> </view> <view class="info-item flex align_center justify_between"> <view class="info-name">产品名称</view> <view style="width: 50%;">{{productData && productData.dealerProductEntity.name || '--'}} <copyText :text="productData.dealerProductEntity.name" label="产品名称"></copyText></view> </view> <view class="info-item flex align_center justify_between"> <view class="info-name">条形码</view> <view>{{productData && productData.dealerProductEntity.qrCode || '--'}} <copyText :text="productData.dealerProductEntity.qrCode" label="条形码"></copyText></view> </view> <view class="info-item flex align_center justify_between"> <view class="info-name">库存数量</view> <view>{{toThousands(productData.currentQty||0)}}{{productData.dealerProductEntity.unit}}</view> </view> <view class="info-item flex align_center justify_between"> <view class="info-name">仓库/仓位</view> <view style="width: 50%;">{{productData && productData.warehouseName || '--'}}>{{productData && productData.warehouseLocationName || '--'}}</view> </view> <view class="info-item flex align_center justify_between"> <view class="info-name">产品分类</view> <view style="width: 50%;">{{productData.dealerProductEntity.productTypeName1 }} > {{productData.dealerProductEntity.productTypeName2 }} > {{productData.dealerProductEntity.productTypeName3 }} </view> </view> <view class="info-item flex align_center justify_between"> <view class="info-name">单位</view> <view>{{productData && productData.dealerProductEntity.unit || '--'}}</view> </view> <view class="info-item flex align_center justify_between"> <view class="info-name">产品图片</view> <view @click="viewImgs()"> <u-image :src="productData.productMainImage?productData.productMainImage:`../../static/def_img@2x.png`" width="80" height="80" border-radius="10"></u-image> </view> </view> </view> </view> </template> <script> import { toThousands } from '@/libs/tools' import { stockfindGroupPage } from '@/config/api' import copyText from '@/pages/common/copyText.vue' export default{ components: { copyText }, data(){ return { productData: null, theme: '', toThousands } }, onLoad(option) { this.getData() }, methods: { getData(){ const data = this.$store.state.vuex_tempData const params = { "productSn":data.productSn, "warehouseSn":data.warehouseSn, "warehouseLocationSn":data.warehouseLocationSn, "minCurrentQty":1 } stockfindGroupPage(params).then(res => { console.log(res.data) if(res.status == 200){ this.productData = res.data } }) }, viewImgs(){ const imgUrls = [] this.productData.productPicList && this.productData.productPicList.map(item => { imgUrls.push(item.imageUrl) }) if(imgUrls.length){ uni.previewImage({ urls: imgUrls }) } } } } </script> <style lang="scss"> page{ background: #f8f8f8; } .stockDetail-wrap{ padding: 30upx; .panel-box { background-color: #ffffff; padding: 20upx 20upx; border-radius: 20upx; box-shadow: 3upx 2upx 6upx #eee; margin-bottom: 30upx; display: flex; justify-content: space-between; align-items: center; .info-con{ margin-left: 20upx; .padding_7{ padding: 14upx 0 0; font-size: 14px; } } } .stockDetail-info{ background-color: #ffffff; padding: 10upx 20upx 20upx; border-radius: 20upx; box-shadow: 3upx 2upx 6upx #eee; .info-item{ border-bottom: 1px dashed #e4e7ed; padding: 20upx 0; .info-name{ color: #464646; } } } } </style>