wangfukang
2 years ago
15 changed files with 6982 additions and 5962 deletions
Binary file not shown.
File diff suppressed because it is too large
@ -1,743 +0,0 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<uni-card :title="(sales.supplierName == null ?'暂无':sales.supplierName)+'--'+(supplier.consigneeMobile == null ?'暂无':supplier.consigneeMobile)" 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 goodsList" :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}}({{item.productSn == null ?'暂无':item.productSn}})</view> |
|||
<view style="display: flex;height: 55rpx;line-height: 55rpx;" v-if="type==0"> |
|||
采购价: <input type="digit" :disabled="sales.inStorageStatus == 0?false:true" @blur="PriceAndWho($event,index,'caigou')" @focus="obtainPrice($event,'caigou',index)" v-model="item.purchasePrice" style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 100rpx;padding-left: 20rpx;"> |
|||
</view> |
|||
<view> |
|||
<text style="padding: 0 5rpx;"> 数量： {{item.productCount == null ?'暂无':item.productCount}} </text> |
|||
<text v-if="type==0" style="padding-left: 10rpx;"> 总价：{{(item.productCount*item.purchasePrice)== null?'暂无':(item.productCount*item.purchasePrice)}}</text> |
|||
</view> |
|||
<view style="display: flex;height: 55rpx;line-height: 55rpx;"> |
|||
批发价: <input type="digit" @blur="PriceAndWho($event,index,'pi')" @focus="obtainPrice($event,'pifa',index)" v-model="item.wholesalePrice" style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 100rpx;padding-left: 20rpx;" :disabled="sales.inStorageStatus == 0?false:true"> |
|||
零售价:<input type="digit" @blur="PriceAndWho($event,index)" @focus="obtainPrice($event,'lingshou',index)" v-model="item.price" style="height: 55rpx;border-bottom: 1px solid #eee;color:#777;width: 100rpx;padding-left: 20rpx;" :disabled="sales.inStorageStatus == 0?false:true"> |
|||
</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;" v-if="type==0 && sales.inStorageStatus != 0"> |
|||
<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">{{ sales.shouldPay == null ?'暂无':sales.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">{{ sales.alreadyPay == null ?'暂无':sales.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">{{ sales.noPay == null ?'暂无':sales.noPay}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-price-flex tui-size32"> |
|||
<view class="tui-flex-shrink">备注</view> |
|||
<view class="tui-goods-price"> |
|||
<uni-tooltip :content="sales.remark == null ?'暂无':sales.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 class="tui-goods-info" v-if="type==0 && sales.inStorageStatus == 0"> |
|||
<!-- 账号权限是否可以维护成本价格（主账号和被授权的账号可以维护），参数名：shop_admin_cost，维护在用户表中，存在前后端缓存里，把备注栏挪出来，谁都可以备注 --> |
|||
<view class="price-box-list"> |
|||
<view class="price-box" v-if="type == 0"> |
|||
<view style="flex: 1;text-align: left;padding-left: 20rpx;"> |
|||
供应商:{{dealings.dealingsUserName?dealings.dealingsUserName:''}} |
|||
</view> |
|||
<view v-if="dealings.lastDebtAmount >= 0" style="flex: 1;text-align: right;padding-right: 20rpx;"> |
|||
之前欠款:{{dealings.lastDebtAmount}} |
|||
</view> |
|||
<view v-if="dealings.lastDebtAmount < 0" style="flex: 1;text-align: right;padding-right: 20rpx;"> |
|||
客户余额:{{Math.abs(dealings.lastDebtAmount)}} |
|||
</view> |
|||
</view> |
|||
<view class="content-list"> |
|||
<view class="list-name">应付金额</view> |
|||
<view class="list-val"> |
|||
<input type="text" v-model="shouldPay"> |
|||
</view> |
|||
</view> |
|||
<view class="content-list"> |
|||
<view class="list-name">已付金额</view> |
|||
<view class="list-val"> |
|||
<input type="text" v-model="alreadyPay" @focus="obtainPrice($event,'alreadyPay')" @blur="changePay($event)"> |
|||
</view> |
|||
</view> |
|||
<view class="content-list" v-if="yuedikou != 0 && type == 0"> |
|||
<view class="list-name">余额抵扣</view> |
|||
<view class="list-val"> |
|||
<input type="digit" v-model="yuedikou" disabled> |
|||
</view> |
|||
<!-- <view v-if="yuedikou > 0" @tap="noReturn" style="flex: 1;height: 30px;line-height: 30px;margin-top: 5px;font-size: 24rpx;background: #00BFFF;text-align: center;color: #fff;border-radius: 20px;"> |
|||
不抵扣 |
|||
</view> --> |
|||
</view> |
|||
<view class="content-list" v-if="zhiqianqiankuan > 0 && type == 0"> |
|||
<view class="list-name">累计欠款</view> |
|||
<view class="list-val"> |
|||
<input type="digit" v-model="leijiqiankuan" disabled> |
|||
</view> |
|||
</view> |
|||
<view class="content-list" v-if="leijiqiankuan < 0 && type == 0"> |
|||
<view class="list-name">累计余额</view> |
|||
<view class="list-val"> |
|||
<input type="digit" v-model="Math.abs(leijiqiankuan)" disabled> |
|||
</view> |
|||
</view> |
|||
<view class="content-list" v-if="noPay >= 0 && type == 0"> |
|||
<view class="list-name">本次欠款</view> |
|||
<view class="list-val"> |
|||
<input type="digit" v-model="noPay" disabled> |
|||
</view> |
|||
</view> |
|||
<view class="content-list" v-if="noPay < 0 && type == 0"> |
|||
<view class="list-name">本次余额</view> |
|||
<view class="list-val"> |
|||
<input type="digit" v-model="Math.abs(noPay)" disabled> |
|||
</view> |
|||
</view> |
|||
<view class="content-list"> |
|||
<view class="list-name">其他费用</view> |
|||
<view class="list-val"> |
|||
<input type="text" v-model="otherPay"> |
|||
</view> |
|||
</view> |
|||
<view class="content-list"> |
|||
<view class="list-name">备注</view> |
|||
<view class=""> |
|||
<textarea v-model="remark" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-order-info boxbg"> |
|||
<view class="tui-order-title"> |
|||
回款历史 |
|||
</view> |
|||
<view class="tui-order-content" style="border-bottom: 1px solid #E0E0E0;" v-for="(item,index) in collection" :key="index"> |
|||
<view class="tui-order-flex"> |
|||
<view class="tui-item-title">回款金额:</view> |
|||
<view class="tui-item-content">{{ item.amount }}</view> |
|||
</view> |
|||
<view class="tui-order-flex"> |
|||
<view class="tui-item-title">操作人:</view> |
|||
<view class="tui-item-content">{{ item.createByName }}</view> |
|||
</view> |
|||
<view class="tui-order-flex"> |
|||
<view class="tui-item-title">操作时间:</view> |
|||
<view class="tui-item-content">{{ item.createTime }}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tui-tabbar"> |
|||
<view class="tui-btn-mr" v-if="type==0 && sales.inStorageStatus == 1 && sales.noPay >0" @tap="inputDialogToggle">回款</view> |
|||
<view class="tui-btn-mr" v-if="type==0 && sales.inStorageStatus == 0" @click="inventorySubmit">确认提交</view> |
|||
<view class="tui-btn-mr" @click="batchPrint">批量打印</view> |
|||
</view> |
|||
<!-- 弹出输入框 --> |
|||
<uni-popup ref="priceDialog" type="dialog"> |
|||
<uni-popup-dialog ref="purInput" mode="input" inputType="digit" title="采购价" placeholder="请输入采购价" |
|||
@confirm="changePrice"></uni-popup-dialog> |
|||
</uni-popup> |
|||
<!-- 回款金额输入框 --> |
|||
<uni-popup ref="inputDialog" type="dialog"> |
|||
<uni-popup-dialog ref="inputClose" mode="input" inputType="digit" title="回款金额" placeholder="请输入回款金额" |
|||
@confirm="sureNpPay"></uni-popup-dialog> |
|||
</uni-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
sales: {}, |
|||
goodsList: [], |
|||
isReturn: false, |
|||
shouldPay:0, |
|||
noPay:0, |
|||
alreadyPay:0, |
|||
otherPay:0, |
|||
remark:'', |
|||
zhiqianqiankuan:0, |
|||
yuedikou:0, |
|||
leijiqiankuan:0, |
|||
id:'', |
|||
type:'', |
|||
supplier:[], |
|||
dealings:[], |
|||
collection:[] |
|||
} |
|||
}, |
|||
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.id = option.id |
|||
this.getWaitStorage(option.id) |
|||
this.collectionList(option.id) |
|||
this.type = uni.getStorageSync('type') |
|||
}, |
|||
methods: { |
|||
//回款历史 |
|||
collectionList(id){ |
|||
this.tui.request('/app/dealingRecord/getDealingsRecordList','post', { |
|||
orderId:id |
|||
},false,true).then(res => { |
|||
this.collection = res.result |
|||
}).catch(res => {}); |
|||
}, |
|||
getWaitStorage(id) { |
|||
this.tui.request("/app/purchase/getPurchaseAllData", "post", { |
|||
id: id |
|||
}, false, true).then((res) => { |
|||
|
|||
if (res.code == 200) { |
|||
for(let i = 0;i<res.result.purchaseDetails.length;i++){ |
|||
if(res.result.purchaseDetails[i].purchasePrice != null){ |
|||
res.result.purchaseDetails[i].zPrice = res.result.purchaseDetails[i].purchasePrice * res.result.purchaseDetails[i].productCount |
|||
}else{ |
|||
res.result.purchaseDetails[i].zPrice = 0 |
|||
} |
|||
res.result.purchaseDetails[i].lsPrice = res.result.purchaseDetails[i].lsPrice |
|||
} |
|||
this.zhiqianqiankuan = res.result.dealingsRecords[0].lastDebtAmount |
|||
this.sales = res.result.purchase |
|||
this.dealings = res.result.dealingsRecords[0] |
|||
this.noPay = res.result.purchase.noPay |
|||
this.supplier = res.result.supplier |
|||
this.remark = res.result.purchase.remark |
|||
this.goodsList = res.result.purchaseDetails |
|||
this.getAllPrice() |
|||
} else { |
|||
this.tui.toast(res.message) |
|||
} |
|||
}).catch((res) => {}) |
|||
}, |
|||
//计算欠款 |
|||
changePay(e) { |
|||
if (this.linshiPrice == e.target.value) { |
|||
this.alreadyPay = e.target.value |
|||
} else if (Number(e.detail.value) > Number(this.shouldPay)) { |
|||
this.alreadyPay = this.shouldPay |
|||
} else { |
|||
if (e.target.value == '') { |
|||
this.alreadyPay = this.linshiPrice |
|||
} else { |
|||
this.alreadyPay = e.target.value |
|||
if((this.shouldPay - this.alreadyPay) <= Math.abs(this.zhiqianqiankuan) && this.zhiqianqiankuan <0){ |
|||
this.yuedikou = this.shouldPay - this.alreadyPay |
|||
}else if((this.shouldPay - this.alreadyPay) > Math.abs(this.zhiqianqiankuan) && this.zhiqianqiankuan <0){ |
|||
this.yuedikou = Math.abs(this.zhiqianqiankuan) |
|||
} |
|||
|
|||
} |
|||
} |
|||
this.noPay = this.shouldPay - this.alreadyPay - this.yuedikou |
|||
this.noPay = this.noPay.toFixed(2) |
|||
this.leijiqiankuan = Number(this.zhiqianqiankuan) + Number(this.yuedikou) + Number(this.noPay) |
|||
}, |
|||
obtainPrice(e, type, num,num1) { |
|||
this.linshiPrice = e.target.value |
|||
if (type == 'danjia') { |
|||
this.carList.get(num).purchasePrice = '' |
|||
} else if (type == 'pifa') { |
|||
this.carList.get(num).wholesalePrice = '' |
|||
} else if (type == 'lingshou') { |
|||
this.carList.get(num).lsprice = '' |
|||
this.$forceUpdate() |
|||
}else if(type=='danjishu'){ |
|||
this.temporaryList[num].productCount = '' |
|||
this.$forceUpdate() |
|||
} else if (type == 'zongjishu') { |
|||
this.allChangeNum = '' |
|||
} else if (type == 'shouldPay') { |
|||
this.shouldPay = '' |
|||
}else if(type=='mapdanjishu'){ |
|||
this.carList.get(num).stockLogList.get(num1).productCount = '' |
|||
this.$forceUpdate() |
|||
}else if (type == 'alreadyPay') { |
|||
this.alreadyPay = '' |
|||
} |
|||
this.$forceUpdate() |
|||
}, |
|||
//回款金额输入框 |
|||
inputDialogToggle() { |
|||
this.$refs.inputDialog.open() |
|||
}, |
|||
sureNpPay(e){ |
|||
if(e>this.noPay){ |
|||
uni.showToast({ |
|||
title: "回款金额不应超过欠款金额！", |
|||
icon: 'none' |
|||
}) |
|||
return |
|||
} |
|||
this.tui.request('/app/purchase/editPayPrice','post', { |
|||
id:this.sales.id, |
|||
price:e |
|||
},false,true).then(res => { |
|||
uni.showToast({ |
|||
title: "成功！", |
|||
icon: 'none' |
|||
}) |
|||
uni.navigateBack(); |
|||
}).catch(res => {}); |
|||
}, |
|||
PriceAndWho(e,id,type) { |
|||
if(type == 'pi'){ |
|||
if(this.linshiPrice == e.target.value){ |
|||
this.goodsList[id].wholesalePrice = e.target.value |
|||
}else{ |
|||
if(e.detail.value == ''){ |
|||
this.goodsList[id].wholesalePrice = this.linshiPrice |
|||
}else{ |
|||
this.goodsList[id].wholesalePrice = Number(e.detail.value) |
|||
} |
|||
} |
|||
}else if(type == 'caigou'){ |
|||
this.shouldPay = 0 |
|||
if(this.linshiPrice == e.target.value){ |
|||
this.goodsList[id].purchasePrice = e.target.value |
|||
}else{ |
|||
if(e.detail.value == ''){ |
|||
this.goodsList[id].purchasePrice = this.linshiPrice |
|||
}else{ |
|||
this.goodsList[id].purchasePrice = Number(e.detail.value) |
|||
} |
|||
} |
|||
this.goodsList[id].zPrice = this.goodsList[id].purchasePrice * this.goodsList[id].productCount; |
|||
this.getAllPrice() |
|||
}else{ |
|||
if(this.linshiPrice == e.target.value){ |
|||
// this.goodsList[id].price = e.target.value |
|||
this.goodsList[id].lsPrice = e.target.value |
|||
}else{ |
|||
if(e.detail.value == ''){ |
|||
// this.goodsList[id].price = this.linshiPrice |
|||
this.goodsList[id].lsPrice = this.linshiPrice |
|||
}else{ |
|||
// this.goodsList[id].price = Number(e.detail.value) |
|||
this.goodsList[id].lsPrice = Number(e.detail.value) |
|||
} |
|||
} |
|||
} |
|||
this.$forceUpdate() |
|||
}, |
|||
obtainPrice(e,type,num){ |
|||
this.linshiPrice = e.target.value |
|||
if(type=='pifa'){ |
|||
this.goodsList[num].wholesalePrice = '' |
|||
this.$forceUpdate() |
|||
}else if(type=='lingshou'){ |
|||
this.goodsList[num].price = '' |
|||
this.$forceUpdate() |
|||
}else if(type=='caigou'){ |
|||
this.goodsList[num].purchasePrice = '' |
|||
this.$forceUpdate() |
|||
} |
|||
}, |
|||
inventorySubmit() { |
|||
if(this.shouldPay == 0){ |
|||
uni.showToast({ |
|||
title: "请维护商品价格后入库！", |
|||
icon: 'none' |
|||
}) |
|||
return |
|||
} |
|||
// else if(this.alreadyPay == 0){ |
|||
// uni.showToast({ |
|||
// title: "管理员必须维护价格后入库！", |
|||
// icon: 'none' |
|||
// }) |
|||
// return |
|||
// } |
|||
let that = this; |
|||
let purchase = { |
|||
id:this.id, |
|||
alreadyPay: this.alreadyPay, //已付金额 |
|||
noPay: this.noPay, //欠款 |
|||
balanceDeductionAmount:this.yuedikou, |
|||
shouldPay: this.shouldPay, //应付金额 |
|||
totalAmount: this.sales.totalAmount, //总数量 |
|||
remark: this.remark, |
|||
supplierId: this.sales.supplierId, //供应商id和姓名 |
|||
supplierName: this.sales.supplierName |
|||
} |
|||
this.tui.request("/app/stock/putInPrice", "post", { |
|||
purchase: purchase, |
|||
purchaseDetails: this.goodsList |
|||
}, false, false).then((res) => { |
|||
if (res.code == 200) { |
|||
uni.showToast({ |
|||
title: "入库成功", |
|||
icon: 'none' |
|||
}) |
|||
uni.navigateBack({ |
|||
delta: 2 |
|||
}) |
|||
} else { |
|||
uni.showToast({ |
|||
title: "入库失败", |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
batchPrint(){ |
|||
uni.navigateTo({ |
|||
url: "/package1/inventory/batchPrint?purchase=" + JSON.stringify(this.sales) + '&purchaseDetails=' + JSON.stringify(this.goodsList) |
|||
}) |
|||
}, |
|||
//编辑每一个的单价 |
|||
clickCollapse(index) { |
|||
this.index = index |
|||
this.$refs.priceDialog.val = '' |
|||
this.$refs.priceDialog.open() |
|||
}, |
|||
//计算价格 |
|||
changePrice(val) { |
|||
let that = this; |
|||
this.$refs.purInput.val = '' |
|||
that.shouldPay = 0 |
|||
that.goodsList[that.index].purchasePrice = val |
|||
that.goodsList[that.index].zPrice = val * that.goodsList[that.index].productCount; |
|||
this.getAllPrice() |
|||
}, |
|||
//计算总金额和总数量 |
|||
getAllPrice() { |
|||
let that = this; |
|||
this.shouldPay = 0 |
|||
this.totalAmount = 0 |
|||
this.goodsList.forEach(function(value, key) { |
|||
that.shouldPay = that.shouldPay + value.zPrice |
|||
}) |
|||
this.$nextTick(()=>{ |
|||
if(parseFloat(that.zhiqianqiankuan) < 0){ |
|||
if(that.shouldPay > Math.abs(that.zhiqianqiankuan)){ |
|||
that.yuedikou = Math.abs(that.zhiqianqiankuan) |
|||
this.alreadyPay = this.shouldPay - Math.abs(that.zhiqianqiankuan) |
|||
}else if(that.shouldPay <= Math.abs(that.zhiqianqiankuan)){ |
|||
that.yuedikou = that.shouldPay |
|||
that.alreadyPay = 0 |
|||
} |
|||
}else{ |
|||
this.alreadyPay = this.shouldPay |
|||
} |
|||
that.shouldPay = that.shouldPay.toFixed(2) |
|||
|
|||
that.noPay = this.shouldPay - (this.alreadyPay == '' ? 0 : this.alreadyPay) - that.yuedikou |
|||
that.noPay = that.noPay.toFixed(2) |
|||
this.leijiqiankuan = Number(this.zhiqianqiankuan) + Number(this.yuedikou) + Number(this.noPay) |
|||
this.$forceUpdate() |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</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-info { |
|||
margin-top: 20rpx; |
|||
} |
|||
.tui-order-content { |
|||
width: 100%; |
|||
padding: 24rpx 30rpx; |
|||
box-sizing: border-box; |
|||
background: #fff; |
|||
font-size: 24rpx; |
|||
line-height: 30rpx; |
|||
} |
|||
|
|||
.tui-order-flex { |
|||
display: flex; |
|||
padding-top: 18rpx; |
|||
} |
|||
|
|||
.tui-order-flex:first-child { |
|||
padding-top: 0 |
|||
} |
|||
|
|||
.tui-item-title { |
|||
width: 132rpx; |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.tui-item-content { |
|||
color: #666; |
|||
line-height: 32rpx; |
|||
} |
|||
.tui-order-title { |
|||
position: relative; |
|||
font-size: 28upx; |
|||
line-height: 28upx; |
|||
padding-left: 16upx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.tui-order-title::before { |
|||
content: ''; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
border-left: 8upx solid $u-primary; |
|||
height: 120%; |
|||
border-radius: 4upx; |
|||
} |
|||
// .boxbg { |
|||
// background-color: #fff; |
|||
// margin: 30upx; |
|||
// 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; |
|||
.lineText { |
|||
text-decoration: line-through; |
|||
font-size: 12px; |
|||
color: #888; |
|||
} |
|||
} |
|||
|
|||
.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-pbtm20 { |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
.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: 250rpx; |
|||
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; |
|||
line-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; |
|||
} |
|||
.content-list { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
height: 80rpx; |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
|
|||
.content-list:last-child { |
|||
border-bottom: none; |
|||
height: auto; |
|||
} |
|||
|
|||
.list-name { |
|||
width: 200rpx; |
|||
text-align: left; |
|||
line-height: 40px; |
|||
height: 80rpx; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.list-val { |
|||
width: 560rpx; |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
} |
|||
|
|||
.list-val input { |
|||
width: 400rpx; |
|||
height: 60rpx; |
|||
display: inline-block; |
|||
line-height: 60rpx; |
|||
float: left; |
|||
margin-top: 10rpx; |
|||
padding-left: 20rpx; |
|||
border-bottom: 1px solid #088FEB; |
|||
} |
|||
textarea { |
|||
margin: 20rpx; |
|||
border: 1px solid #eee; |
|||
height: 150rpx; |
|||
width: 500rpx; |
|||
} |
|||
.noPic{ |
|||
border-radius: 10px; |
|||
width: 140rpx; |
|||
height: 140rpx; |
|||
text-align: center; |
|||
line-height: 140rpx; |
|||
color: #777; |
|||
background: #eee; |
|||
margin: 30rpx 0 0 30rpx; |
|||
} |
|||
.uni-tooltip { |
|||
display: flex !important; |
|||
} |
|||
.price-box{ |
|||
width: 95%; |
|||
margin: 10px auto; |
|||
background: #eee; |
|||
height: 80rpx; |
|||
display: flex; |
|||
line-height: 80rpx; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
border-radius: 10px; |
|||
background: #FDF5E6; |
|||
color: #EEB422; |
|||
background: linear-gradient(180deg, #fff, #FDF5E6); |
|||
border: 1px solid #FAEBD7; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
Loading…
Reference in new issue