wangfukang
3 years ago
9 changed files with 539 additions and 162 deletions
@ -0,0 +1,271 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<uni-card :title="(purchase.supplierName == null ?'暂无':purchase.supplierName)" thumbnail="/static/images/dingdan/dd0.png"> |
|||
<!-- <view class="uni-body" v-if="supplier.province">{{supplier.province + supplier.area + supplier.city + supplier.address}} </view> --> |
|||
</uni-card> |
|||
<view class="tui-order-item boxbg"> |
|||
<view class="shop-box" style="border-top:5px solid #eee;" v-for="(item,index) in purchaseDetails" :key="index"> |
|||
<view class="shop-name"> |
|||
<img class="img-radius" :src="item.productPicture" alt="" style="width: 140rpx;height: 140rpx;margin: 30rpx 0 0 30rpx;" v-if="item.productPicture"> |
|||
<view class="noPic" v-else>暂无图片</view> |
|||
<view class="shop-productName"> |
|||
<view style="color:#FF5809;">{{item.productName == null ?'暂无':item.productName}}</view> |
|||
<view>货号：{{item.productSn == null ?'暂无':item.productSn}}</view> |
|||
<view><text v-if="type==0">单价:{{item.purchasePrice == null ?'暂无':item.purchasePrice}} </text><text style="padding: 0 5rpx;">数量:{{item.productCount == null ?'暂无':item.productCount}} </text><text v-if="type==0">总价:{{item.price == null ?'暂无':item.price}}</text></view> |
|||
</view> |
|||
</view> |
|||
<view class="shop-type"> |
|||
<view class="shop-collapse" v-for="(items,index) in item.stockLogList1" :key='index'> |
|||
<text>{{items.attributeList | sliceMsg}}</text> |
|||
<!-- <text style="color: red;">单价：￥{{item.price}}</text> --> |
|||
<text>数量：{{items.productCount == null ?'暂无':items.productCount}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-goods-info" style="width: 95%;margin: 0 auto;"> |
|||
<view class="tui-price-flex tui-size32" style="height: 80rpx;line-height: 80rpx;"> |
|||
<view class="tui-flex-shrink">应付金额</view> |
|||
<view class="tui-goods-price"> |
|||
<view class="tui-size-24">￥</view> |
|||
<view class="tui-price-large">{{ purchase.shouldPay == null ?'暂无':purchase.shouldPay }}</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-price-flex tui-size32" style="height: 80rpx;line-height: 80rpx;"> |
|||
<view class="tui-flex-shrink">已付金额</view> |
|||
<view class="tui-goods-price"> |
|||
<view class="tui-size-24">￥</view> |
|||
<view class="tui-price-large">{{ purchase.alreadyPay == null ?'暂无':purchase.alreadyPay }}</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-price-flex tui-size32" style="height: 80rpx;line-height: 80rpx;"> |
|||
<view class="tui-flex-shrink">欠款</view> |
|||
<view class="tui-goods-price tui-primary-color"> |
|||
<view class="tui-size-24">￥</view> |
|||
<view class="tui-price-large">{{ purchase.noPay == null ?'暂无':purchase.noPay}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-price-flex tui-size32" style="height: 80rpx;line-height: 80rpx;"> |
|||
<view class="tui-flex-shrink">其他费用</view> |
|||
<view class="tui-goods-price tui-primary-color"> |
|||
<view class="tui-size-24">￥</view> |
|||
<view class="tui-price-large">{{ purchase.otherPay == null ?'暂无':purchase.otherPay}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-price-flex tui-size32"> |
|||
<view class="tui-flex-shrink">备注</view> |
|||
<view class="tui-goods-price"> |
|||
<uni-tooltip :content="purchase.remark == null ?'暂无':purchase.remark" placement="left"> |
|||
<view style="font-size: 13px;width: 200px;height: 40rpx;overflow: hidden;text-align: right;">{{ sales.remark == null ?'':sales.remark}}</view> |
|||
<text style="color: blue;">查看更多</text> |
|||
</uni-tooltip> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-tabbar"> |
|||
<view class="tui-btn-mr" @click="inventorySubmit">确认提交</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
purchase:'', |
|||
purchaseDetails:'' |
|||
} |
|||
}, |
|||
filters: { |
|||
sliceMsg(val) { |
|||
var name = '' |
|||
if (typeof(val) == 'string') { |
|||
let newObj = JSON.parse(val) |
|||
for (let as in newObj) { |
|||
name += newObj[as] + '/' |
|||
} |
|||
} |
|||
return name; |
|||
} |
|||
}, |
|||
onLoad(option) { |
|||
this.purchaseDetails = JSON.parse(option.purchaseDetails) |
|||
this.purchase = JSON.parse(option.purchase) |
|||
console.log(this.purchaseDetails) |
|||
console.log(this.purchase) |
|||
}, |
|||
methods: { |
|||
inventorySubmit() { |
|||
this.tui.request("/app/stock/putInOfProduct", "post", { |
|||
purchase: this.purchase, |
|||
purchaseDetails: this.purchaseDetails |
|||
}, false, false).then((res) => { |
|||
if (res.code == 200) { |
|||
uni.showToast({ |
|||
title: "入库成功", |
|||
icon: 'none' |
|||
}) |
|||
setTimeout(res => { |
|||
uni.switchTab({ |
|||
url: '/pages/index/index' |
|||
}); |
|||
}, 1000) |
|||
} else { |
|||
uni.showToast({ |
|||
title: "入库失败", |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.container { |
|||
padding-bottom: 118rpx; |
|||
.boxbg { |
|||
background-color: #fff; |
|||
margin: 30upx; |
|||
padding: 20upx; |
|||
border-radius: 10upx; |
|||
box-shadow: 0px 1px 10px 2px #e2e2e2; |
|||
} |
|||
|
|||
.tui-order-item { |
|||
.u-collapse-content { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
|
|||
.tui-goods-info { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
background: #fff; |
|||
line-height: 26px; |
|||
border-top: 10px solid #eee; |
|||
|
|||
.tui-price-flex { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.tui-size32 { |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.tui-size-24 { |
|||
font-size: 24rpx; |
|||
} |
|||
|
|||
.tui-price-large { |
|||
font-size: 32rpx; |
|||
} |
|||
|
|||
.tui-flex-shrink { |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.tui-goods-price { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: flex-end; |
|||
justify-content: flex-end; |
|||
font-size: 24rpx; |
|||
} |
|||
|
|||
.tui-primary-color { |
|||
color: #EB0909; |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
.tui-tabbar { |
|||
width: 100%; |
|||
height: 98rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
font-size: 26rpx; |
|||
box-shadow: 0 0 1px rgba(0, 0, 0, .3); |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
z-index: 996; |
|||
} |
|||
|
|||
.tui-btn-mr { |
|||
width:130rpx; |
|||
height: 60rpx; |
|||
background: #088FEB; |
|||
color: #fff; |
|||
border-radius: 10px; |
|||
line-height: 60rpx; |
|||
text-align: center; |
|||
margin-right: 30rpx; |
|||
} |
|||
.shop-box { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
position: relative; |
|||
} |
|||
.shop-name { |
|||
width: 100%; |
|||
height: 200rpx; |
|||
line-height: 80rpx; |
|||
border-top: 1px solid #eee; |
|||
border-bottom: 1px solid #eee; |
|||
font-size: 28rpx; |
|||
font-weight: bold; |
|||
display: flex; |
|||
.uni-icons { |
|||
color: #088FEB !important; |
|||
} |
|||
} |
|||
|
|||
.shop-productName { |
|||
flex: 1; |
|||
display: flex; |
|||
flex-direction: column; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.shop-productName view { |
|||
height: 55rpx; |
|||
} |
|||
|
|||
.shop-collapse { |
|||
display: flex; |
|||
height: 80rpx; |
|||
font-size: 26rpx; |
|||
line-height: 80rpx; |
|||
} |
|||
|
|||
.shop-collapse text { |
|||
flex: 1; |
|||
text-align: center; |
|||
padding-right: 40rpx; |
|||
border-right: 1px solid #eee; |
|||
} |
|||
.noPic{ |
|||
border-radius: 10px; |
|||
width: 140rpx; |
|||
height: 140rpx; |
|||
text-align: center; |
|||
line-height: 140rpx; |
|||
color: #777; |
|||
background: #eee; |
|||
} |
|||
.uni-tooltip { |
|||
display: flex !important; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue