|
@@ -18,7 +18,7 @@
|
|
<view>回收品类明细</view>
|
|
<view>回收品类明细</view>
|
|
<view class="care">(切换分类可输入不同回收物的价格和重量)</view>
|
|
<view class="care">(切换分类可输入不同回收物的价格和重量)</view>
|
|
</view>
|
|
</view>
|
|
- <view class="item flex">
|
|
|
|
|
|
+ <view class="item flex justify_between">
|
|
<view :class="['item-type', curType == item.code ? 'active' : '']" v-for="(item,index) in typeData" :key="item.id" @click="getRow(item.code,index)">
|
|
<view :class="['item-type', curType == item.code ? 'active' : '']" v-for="(item,index) in typeData" :key="item.id" @click="getRow(item.code,index)">
|
|
{{item.dispName}}
|
|
{{item.dispName}}
|
|
</view>
|
|
</view>
|
|
@@ -59,7 +59,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="time flex align_center justify_between">
|
|
<view class="time flex align_center justify_between">
|
|
<text>{{orderInfo.contactName}}</text>
|
|
<text>{{orderInfo.contactName}}</text>
|
|
- <view class="flex align_center">
|
|
|
|
|
|
+ <view @click="callPhone(orderInfo.contactMobile)" class="flex align_center">
|
|
<u-icon class="phone" name="icon_phone" custom-prefix="custom-icon" size="28" color="#999999"></u-icon>
|
|
<u-icon class="phone" name="icon_phone" custom-prefix="custom-icon" size="28" color="#999999"></u-icon>
|
|
<text>{{orderInfo.contactMobile}}</text>
|
|
<text>{{orderInfo.contactMobile}}</text>
|
|
</view>
|
|
</view>
|
|
@@ -155,6 +155,12 @@
|
|
item.totalAmount = (item.customerPrice * item.rubbishWeight).toFixed(2)
|
|
item.totalAmount = (item.customerPrice * item.rubbishWeight).toFixed(2)
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 打电话
|
|
|
|
+ callPhone(phone) {
|
|
|
|
+ uni.makePhoneCall({
|
|
|
|
+ phoneNumber: phone
|
|
|
|
+ });
|
|
|
|
+ },
|
|
// 获取订单详情
|
|
// 获取订单详情
|
|
getOrderDetail() {
|
|
getOrderDetail() {
|
|
uni.showLoading({
|
|
uni.showLoading({
|
|
@@ -305,6 +311,7 @@
|
|
font-size: 28upx;
|
|
font-size: 28upx;
|
|
background-image: url(../../static/order_bg_stor.png);
|
|
background-image: url(../../static/order_bg_stor.png);
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
|
+ background-size: contain;
|
|
height: 260rpx;
|
|
height: 260rpx;
|
|
.new-left{
|
|
.new-left{
|
|
width: 360rpx;
|
|
width: 360rpx;
|
|
@@ -382,7 +389,7 @@
|
|
border-bottom: 1px solid #EBEBEB;
|
|
border-bottom: 1px solid #EBEBEB;
|
|
.item-name{
|
|
.item-name{
|
|
max-width: 100rpx;
|
|
max-width: 100rpx;
|
|
- font-size: 28rpx;
|
|
|
|
|
|
+ font-size: 30rpx;
|
|
}
|
|
}
|
|
:first-child{
|
|
:first-child{
|
|
color: #7C7D7E;
|
|
color: #7C7D7E;
|
|
@@ -398,16 +405,13 @@
|
|
border-bottom: 1px solid #707070;
|
|
border-bottom: 1px solid #707070;
|
|
}
|
|
}
|
|
.item-type{
|
|
.item-type{
|
|
- padding: 0 20rpx;
|
|
|
|
- height: 56rpx;
|
|
|
|
|
|
+ padding: 10rpx 14rpx;
|
|
border: 1px solid #979797;
|
|
border: 1px solid #979797;
|
|
opacity: 1;
|
|
opacity: 1;
|
|
- border-radius: 28rpx;
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
|
+ border-radius: 30rpx;
|
|
|
|
+ font-size: 30rpx;
|
|
color: #999999;
|
|
color: #999999;
|
|
text-align: center;
|
|
text-align: center;
|
|
- line-height: 56rpx;
|
|
|
|
- margin-right: 20rpx;
|
|
|
|
}
|
|
}
|
|
.item-type.active{
|
|
.item-type.active{
|
|
background-color: #4F88F7;
|
|
background-color: #4F88F7;
|