feat:新增订单状态颜色

This commit is contained in:
wangsongsole 2022-10-09 15:56:28 +08:00
parent 0f2d0e9532
commit e317c8131f
1 changed files with 4 additions and 9 deletions

View File

@ -28,7 +28,7 @@
<div class="content-item" v-for="item in orderList" :key="item.order_number"> <div class="content-item" v-for="item in orderList" :key="item.order_number">
<div class="top"> <div class="top">
<p class="time">{{item.update_time}}</p> <p class="time">{{item.update_time}}</p>
<p class="status" :style="{color:statusColor(item)}">{{item.status_text}} <p class="status" :style="{color:statusColor(item.status)}">{{item.status_text}}
</p> </p>
</div> </div>
<div class="middle"> <div class="middle">
@ -114,14 +114,9 @@
methods: { methods: {
/* 根据不同状态展示 订单样式和表现 */ /* 根据不同状态展示 订单样式和表现 */
statusColor ({ type, status }) { statusColor (status) {
if (type === 1) { const colorArray = ['#f28542', '#f28542', '#44D27D', '#fd553d', '#fd553d', '#aaaaaa', '#fd553d'];
const colorArray = ['#FD553D', '#FD553D', '#44D27D', '#F28542', '#4193EE', '#F28542', '#4193EE']
return colorArray[status]; return colorArray[status];
} else {
const colorArray = ['#FD553D', '#FD553D', '#44D27D', '#F28542', '#4193EE', '#F28542', '#4193EE']
return colorArray[status];
}
}, },
/* 图标分流 */ /* 图标分流 */