tianyi@bogon
3 years ago
1 changed files with 232 additions and 0 deletions
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<view class="page1"> |
||||
|
<view class="content-box"> |
||||
|
<view class="right-box" @tap="toggle('bottom',item)"> |
||||
|
<view class="box-left"> |
||||
|
<img src="/static/images/logo.png" alt=""> |
||||
|
</view> |
||||
|
<view class="box-right"> |
||||
|
<view class="box-right-name">女士裙子（AC1551452）</view> |
||||
|
<view class="box-right-num">供应商：张三</view> |
||||
|
<view class="edit-btn" @tap="goToAddGoods">编辑</view> |
||||
|
<view class="box-right-num" style="color:#ffa200;"> |
||||
|
<text style="padding-right: 20rpx;">已上架</text> |
||||
|
<text>已入库</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="box-right-price"> |
||||
|
<view class="price-box"> |
||||
|
<text>100</text> |
||||
|
<text>平均采购价</text> |
||||
|
</view> |
||||
|
<view class="price-box"> |
||||
|
<text>100</text> |
||||
|
<text>批发价</text> |
||||
|
</view> |
||||
|
<view class="price-box"> |
||||
|
<text>100</text> |
||||
|
<text>零售价</text> |
||||
|
</view> |
||||
|
<view class="price-box"> |
||||
|
<text>10</text> |
||||
|
<text>库存</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="container-box"> |
||||
|
<view class="prec-list"> |
||||
|
<view class="prec-list-box"> |
||||
|
颜色：黑色，尺码：S码，规格：童装 |
||||
|
</view> |
||||
|
<view class="prec-list-box" style="text-align: right;"> |
||||
|
* 20 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- 弹出输入框 --> |
||||
|
<uni-popup ref="inputDialog" type="dialog"> |
||||
|
<uni-popup-dialog ref="inputClose" mode="input" title="采购价" placeholder="请输入采购价" |
||||
|
@confirm="changePrice"></uni-popup-dialog> |
||||
|
</uni-popup> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
pageNum: 1, //分页的页码 |
||||
|
shopList: [], |
||||
|
goodsDetail: [], |
||||
|
temporaryList: [], |
||||
|
carList: [] |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options) { |
||||
|
// this.khid = options.khid; |
||||
|
this.getShareList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
//库存商品详情 |
||||
|
getShareList() { |
||||
|
|
||||
|
}, |
||||
|
//弹出购物车或者商品规格选择弹窗 |
||||
|
toggle(type, item) { |
||||
|
this.type = type |
||||
|
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性 |
||||
|
if (type == 'carPopup') { |
||||
|
this.$refs.carPopup.open('bottom') |
||||
|
|
||||
|
} else { |
||||
|
this.checkGoods(item); |
||||
|
this.$refs.popup.open('bottom') |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
//临时改价 |
||||
|
changePrice(val) { |
||||
|
this.goodsDetail.price = this.temporaryList[0].price = val |
||||
|
}, |
||||
|
//删除商品下的某一个规格 |
||||
|
delShopSpec(name) { |
||||
|
var that = this; |
||||
|
console.log(this.carList) |
||||
|
for (let i = 0; i < this.carList.length; i++) { |
||||
|
for (let m = 0; m < this.carList[i].saleDetailQueryDTO.length; m++) { |
||||
|
if (this.carList[i].saleDetailQueryDTO[m].name == name) { |
||||
|
uni.showModal({ |
||||
|
title: "提示", |
||||
|
content: "确定删除此条商品吗？", |
||||
|
success: function(res) { |
||||
|
that.carList[i].saleDetailQueryDTO.splice(m, 1) |
||||
|
if (that.carList[i].saleDetailQueryDTO.length == 0) { |
||||
|
that.carList.splice(i, 1) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
//去新增商品页编辑 |
||||
|
goToAddGoods(){ |
||||
|
//去编辑页的时候，分类不能更改了 |
||||
|
uni.navigateTo({ |
||||
|
url: "/pages/inventory/addGoods" |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
page { |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.page1 { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.content-box { |
||||
|
background: #fff; |
||||
|
} |
||||
|
|
||||
|
.right-box { |
||||
|
width: 100%; |
||||
|
height: 220rpx; |
||||
|
display: flex; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.box-left { |
||||
|
width: 170rpx; |
||||
|
height: 170rpx; |
||||
|
background-size: 100%; |
||||
|
margin: 25rpx; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
|
||||
|
.box-left img { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.box-right { |
||||
|
margin-top: 20rpx; |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.box-right-name { |
||||
|
font-size: 30rpx; |
||||
|
font-weight: bold; |
||||
|
padding-left: 20rpx; |
||||
|
height: 30%; |
||||
|
} |
||||
|
|
||||
|
.box-right-num { |
||||
|
padding: 5rpx 0; |
||||
|
color: #777; |
||||
|
padding-left: 20rpx; |
||||
|
height: 30%; |
||||
|
} |
||||
|
|
||||
|
.box-right-price { |
||||
|
display: flex; |
||||
|
font-size: 25rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
|
||||
|
.price-box { |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
|
||||
|
.container-box { |
||||
|
border-top: 10px solid #eee; |
||||
|
} |
||||
|
|
||||
|
.price-box text:first-child { |
||||
|
color: #ffa200 |
||||
|
} |
||||
|
|
||||
|
.edit-btn { |
||||
|
width: 150rpx; |
||||
|
height: 80rpx; |
||||
|
line-height: 80rpx; |
||||
|
color: #fff; |
||||
|
background: skyblue; |
||||
|
position: absolute; |
||||
|
top: 70rpx; |
||||
|
right: 40rpx; |
||||
|
border-radius: 10px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.prec-list { |
||||
|
height: 140rpx; |
||||
|
background: #fff; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
font-size: 32rpx; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
} |
||||
|
|
||||
|
.prec-list-box { |
||||
|
height: 70rpx; |
||||
|
line-height: 70rpx; |
||||
|
padding: 0 40rpx; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue