结构微调
This commit is contained in:
parent
9fa6d92ea7
commit
04ec512029
@ -452,6 +452,8 @@ export default {
|
|||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
box-shadow: 0rpx -6rpx 10rpx 0rpx rgba(226, 226, 226, 0.3),
|
||||||
|
0rpx 6rpx 8rpx 0rpx rgba(218, 218, 218, 0.3);
|
||||||
// gap: 16rpx;
|
// gap: 16rpx;
|
||||||
// box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
// box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||||
|
|
||||||
@ -475,9 +477,8 @@ export default {
|
|||||||
.maintenance-records {
|
.maintenance-records {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
padding: 30rpx 20rpx calc(126rpx + env(safe-area-inset-bottom));
|
padding: 30rpx 20rpx 30rpx;
|
||||||
margin: 24rpx;
|
margin: 0rpx 24rpx 200rpx;
|
||||||
margin-top: 0;
|
|
||||||
|
|
||||||
.section-title {
|
.section-title {
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
|
|||||||
@ -196,6 +196,13 @@ export default {
|
|||||||
font-family: Roboto;
|
font-family: Roboto;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
background: linear-gradient(90deg, #6B7280, #9CA3AF, #D1D5DB, #9CA3AF, #6B7280);
|
||||||
|
background-size: 200% auto;
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
animation: shine 3s linear infinite;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
&::v-deep .u-checkbox__icon-wrap{
|
&::v-deep .u-checkbox__icon-wrap{
|
||||||
margin-right: 14rpx;
|
margin-right: 14rpx;
|
||||||
@ -209,4 +216,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@keyframes shine {
|
||||||
|
to {
|
||||||
|
background-position: -200% center;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -21,7 +21,7 @@
|
|||||||
<view class="message-content">
|
<view class="message-content">
|
||||||
<view class="mc-lam">
|
<view class="mc-lam">
|
||||||
<text class="lam-title">订单类型</text>
|
<text class="lam-title">订单类型</text>
|
||||||
<text class="lam-value">{{ orderDetail.orderType.slice(0, 2) }}</text>
|
<text class="lam-value">{{ getOrderType }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="mc-lam">
|
<view class="mc-lam">
|
||||||
<text class="lam-title">景区</text>
|
<text class="lam-title">景区</text>
|
||||||
@ -37,7 +37,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="mc-lam">
|
<view class="mc-lam">
|
||||||
<text class="lam-title">附加费</text>
|
<text class="lam-title">附加费</text>
|
||||||
<text class="lam-value"><text>{{ orderDetail.surchargeAmount?orderDetail.surchargeAmount.toFixed(2):'-' }}</text>元</text>
|
<text class="lam-value"><text>{{ getSurAmount }}</text>元</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -256,6 +256,13 @@ export default {
|
|||||||
return !this.orderDetail.orderTaskDetailList||!this.orderDetail.orderTaskDetailList.some(
|
return !this.orderDetail.orderTaskDetailList||!this.orderDetail.orderTaskDetailList.some(
|
||||||
item=>item.operatorId&&item.operatorId===this.userMessage.id&&
|
item=>item.operatorId&&item.operatorId===this.userMessage.id&&
|
||||||
(item.orderItemStatus === '未进行'|| item.orderItemStatus === '进行中'));
|
(item.orderItemStatus === '未进行'|| item.orderItemStatus === '进行中'));
|
||||||
|
},
|
||||||
|
getSurAmount(){
|
||||||
|
const surAmount = this.orderDetail.surchargeAmount;
|
||||||
|
return (surAmount||surAmount===0)?surAmount.toFixed(2):'-';
|
||||||
|
},
|
||||||
|
getOrderType(){
|
||||||
|
return this.orderDetail.orderType?this.orderDetail.orderType.slice(0, 2):'--';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data(){
|
data(){
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user