|
@@ -4,71 +4,18 @@
|
|
|
<!-- 订单状态 -->
|
|
|
<view class="order-status">
|
|
|
<view class="status-title flex align_center justify_center">
|
|
|
- <view class="t-icon icon t-icon-icon_complete"></view>
|
|
|
+ <view class="t-icon icon t-icon-icon_service"></view>
|
|
|
{{orderInfo.orderStateDictValue}}
|
|
|
</view>
|
|
|
<view class="status-care">
|
|
|
预约时间:2021-05-10 15:10:05
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 服务信息 -->
|
|
|
- <view class="info-main">
|
|
|
- <view class="flex align_center">
|
|
|
- <view class="new-left">
|
|
|
- 陕西省西安市未央区华
|
|
|
- 帝金座602室
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="time flex align_center justify_between">
|
|
|
- <text>百果园(贞观路店)</text>
|
|
|
- <view class="flex align_center">
|
|
|
- <view class="t-icon phone t-icon-icon_phone"></view>
|
|
|
- <text>18092252287</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 预约信息 -->
|
|
|
- <view class="item-info">
|
|
|
- <view class="item flex justify_between">
|
|
|
- <text>预约品类</text>
|
|
|
- <text>纸品类,金属类</text>
|
|
|
- </view>
|
|
|
- <view class="item flex justify_between">
|
|
|
- <text>预约重量</text>
|
|
|
- <text>50-100kg</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 订单信息 -->
|
|
|
- <view class="item-info">
|
|
|
- <!-- <view class="item flex justify_between">
|
|
|
- <text class="item-title">订单信息</text>
|
|
|
- </view> -->
|
|
|
- <view class="item flex justify_between">
|
|
|
- <text>订单编号</text>
|
|
|
- <text>202102022225</text>
|
|
|
- </view>
|
|
|
- <view class="item flex justify_between">
|
|
|
- <text>下单时间</text>
|
|
|
- <text>2021-04-19 15:33</text>
|
|
|
- </view>
|
|
|
- <view class="item flex justify_between">
|
|
|
- <text>服务时间</text>
|
|
|
- <text>2021-04-19 15:33</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 图片 -->
|
|
|
- <view class="item-info">
|
|
|
- <view class="item-title flex justify_between">
|
|
|
- <text>图片</text>
|
|
|
- </view>
|
|
|
- <view class="item flex">
|
|
|
- <u-image class="img-icon" :src="item.icon?item.icon:'../../static/img/mddef.jpg'" border-radius="16" width="160" height="160"></u-image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
<!-- 回收品类明细 -->
|
|
|
<view class="item-info">
|
|
|
- <view class="item-title flex justify_between">
|
|
|
- <text>回收品类明细</text>
|
|
|
+ <view class="item-title">
|
|
|
+ <view>回收品类明细</view>
|
|
|
+ <view class="care">(切换分类可输入不同回收物的价格和重量)</view>
|
|
|
</view>
|
|
|
<view class="item flex">
|
|
|
<view class="item-type active">
|
|
@@ -78,9 +25,15 @@
|
|
|
纸质类
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item flex justify_between">
|
|
|
- <text>黄纸1.24元/kg</text>
|
|
|
- <text>5kg/6.20元</text>
|
|
|
+ <view class="item flex justify_between align_center">
|
|
|
+ <view class="flex flex_1 align_center">
|
|
|
+ <text>黄纸</text>
|
|
|
+ <u-input :custom-style="inputLeftStyle" input-align="center" :clearable="false" v-model="value" placeholder="" type="number" />元/kg
|
|
|
+ </view>
|
|
|
+ <view class="flex flex_1 align_center">
|
|
|
+ <u-input class="flex_1" input-align="center" :clearable="false" v-model="value" placeholder="请输入重量" type="number" />kg
|
|
|
+ <text>/0.00元</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 金额 -->
|
|
@@ -94,6 +47,22 @@
|
|
|
<text>线下</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 服务信息 -->
|
|
|
+ <view class="info-main">
|
|
|
+ <view class="flex align_center">
|
|
|
+ <view class="new-left">
|
|
|
+ 陕西省西安市未央区华
|
|
|
+ 帝金座602室
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="time flex align_center justify_between">
|
|
|
+ <text>百果园(贞观路店)</text>
|
|
|
+ <view class="flex align_center">
|
|
|
+ <view class="t-icon phone t-icon-icon_phone"></view>
|
|
|
+ <text>18092252287</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -106,7 +75,7 @@
|
|
|
orderInfo: {
|
|
|
id: '',
|
|
|
createDate: '2021-05-10 15:22',
|
|
|
- orderStateDictValue: '已完成',
|
|
|
+ orderStateDictValue: '待服务',
|
|
|
storeName: '昆仑润滑·车领主 (西咸新区-...',
|
|
|
location: '2.9km',
|
|
|
orderState:'WAIT_PAY',
|
|
@@ -146,7 +115,16 @@
|
|
|
orderId: '', // 订单id
|
|
|
leftTime: null,
|
|
|
payFinish: false , // 是否支付成功
|
|
|
- focus: false
|
|
|
+ focus: false,
|
|
|
+ inputLeftStyle: {
|
|
|
+ Width: '120rpx',
|
|
|
+ borderBottom: '1px solid #707070',
|
|
|
+ padding: '0rpx 10rpx',
|
|
|
+ color: '#191919'
|
|
|
+ },
|
|
|
+ inputRightStyle: {
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
@@ -366,6 +344,11 @@
|
|
|
font-size: 32rpx;
|
|
|
color: #181818;
|
|
|
padding-top: 28rpx;
|
|
|
+ .care{
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #FF2C5C;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
}
|
|
|
.item{
|
|
|
padding: 28rpx 0;
|
|
@@ -380,7 +363,10 @@
|
|
|
&:last-child{
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
-
|
|
|
+ .input-left{
|
|
|
+ padding: 6rpx;
|
|
|
+ border-bottom: 1px solid #707070;
|
|
|
+ }
|
|
|
.item-type{
|
|
|
width: 128rpx;
|
|
|
height: 56rpx;
|