|
@@ -9,8 +9,8 @@
|
|
<view class="item-name">
|
|
<view class="item-name">
|
|
{{ data.name }}
|
|
{{ data.name }}
|
|
</view>
|
|
</view>
|
|
- <view v-if="data.score || ['0','1'].includes(String(data.orderStatus))">
|
|
|
|
- <dict-tag :options="lrr_service_status" :value="String(data.orderStatus)" />
|
|
|
|
|
|
+ <view v-if="data.score || ['0', '1'].includes(String(data.orderStatus))">
|
|
|
|
+ <dict-tag :options="lrr_service_status" :value="String(data.orderStatus)" />
|
|
</view>
|
|
</view>
|
|
<text v-else class="color-blue ">
|
|
<text v-else class="color-blue ">
|
|
待评价
|
|
待评价
|
|
@@ -23,17 +23,19 @@
|
|
<view class="item-time">
|
|
<view class="item-time">
|
|
{{ data.createTime }}
|
|
{{ data.createTime }}
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="item-price"><span class="item-price-yuan">¥</span> {{ data.serviceOnePrice || 0 }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="item-box">
|
|
<view class="item-box">
|
|
- <view class="item-price"><span class="item-price-yuan">¥</span> {{ data.serviceOnePrice || 0 }}</view>
|
|
|
|
<view class="item-btns">
|
|
<view class="item-btns">
|
|
- <view class="btn-s" @click="onClick(1)">查看</view>
|
|
|
|
|
|
+ <view class="btn-m" @click="onClick(1)" v-if="['2', '3'].includes(data.orderStatus)">查看</view>
|
|
<view class="btn-m" @click="onClick(2)">
|
|
<view class="btn-m" @click="onClick(2)">
|
|
-
|
|
|
|
- <up-icon name="chat" color="#ffffff" size="20" ></up-icon>
|
|
|
|
- <!-- <img src="/static/serverImg/list/mess.png" alt=""
|
|
|
|
- style="width: 28rpx;height: 28rpx;margin-right: 8rpx;margin-top: 6rpx;"> -->
|
|
|
|
- <text style="margin-left: 8rpx;">沟通</text></view>
|
|
|
|
|
|
+ <!-- <up-icon name="chat" color="#ffffff" size="20"></up-icon> -->
|
|
|
|
+ <text style="margin-left: 8rpx;">沟通</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="btn-m" @click="onClick(1)" v-if="['0', '1'].includes(data.orderStatus)">
|
|
|
|
+ <!-- <up-icon name="chat" color="#ffffff" size="20"></up-icon> -->
|
|
|
|
+ {{ data.orderStatus === '0' ? '开始' : '完成' }}服务
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -73,8 +75,6 @@ function onClick(type) {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.item {
|
|
.item {
|
|
- height: 294rpx;
|
|
|
|
- opacity: 1;
|
|
|
|
border-radius: 24rpx;
|
|
border-radius: 24rpx;
|
|
background: rgba(255, 255, 255, 1);
|
|
background: rgba(255, 255, 255, 1);
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
@@ -126,18 +126,20 @@ function onClick(type) {
|
|
margin-bottom: 40rpx;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .item-price {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ letter-spacing: 0rpx;
|
|
|
|
+ line-height: 45rpx;
|
|
|
|
+ color: rgba(203, 26, 28, 1);
|
|
|
|
+ margin-bottom: 16rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
.item-box {
|
|
.item-box {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- justify-content: space-between;
|
|
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
|
|
- .item-price {
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- font-weight: 400;
|
|
|
|
- letter-spacing: 0rpx;
|
|
|
|
- line-height: 45rpx;
|
|
|
|
- color: rgba(203, 26, 28, 1);
|
|
|
|
- }
|
|
|
|
|
|
|
|
.item-btns {
|
|
.item-btns {
|
|
display: flex;
|
|
display: flex;
|
|
@@ -147,7 +149,6 @@ function onClick(type) {
|
|
.btn-s {
|
|
.btn-s {
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
- line-height: 39rpx;
|
|
|
|
color: rgba(221, 94, 69, 1);
|
|
color: rgba(221, 94, 69, 1);
|
|
text-align: center;
|
|
text-align: center;
|
|
padding: 16rpx 0;
|
|
padding: 16rpx 0;
|
|
@@ -160,20 +161,19 @@ function onClick(type) {
|
|
}
|
|
}
|
|
|
|
|
|
.btn-m {
|
|
.btn-m {
|
|
- width: 188.03rpx;
|
|
|
|
- border-radius: 8rpx;
|
|
|
|
|
|
+ border-radius: 59rpx;
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
- background: rgba(221, 94, 69, 1);
|
|
|
|
-
|
|
|
|
text-align: left;
|
|
text-align: left;
|
|
margin-left: 24rpx;
|
|
margin-left: 24rpx;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
|
- padding: 16rpx 0;
|
|
|
|
-
|
|
|
|
- width: 188.03rpx;
|
|
|
|
|
|
+ color: #dd5e45;
|
|
|
|
+ padding: 12rpx 32rpx;
|
|
|
|
+ border: 1px solid;
|
|
|
|
+ border-radius: 59rpx;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|