no message

src/components/Hotel/reservation/OrderList.vue

@@ -59,7 +59,7 @@
       background-color: #F3DCE2;
     }
     .confirm:hover{
-      background-color: #F3DCE2;
+      background-color: #DCEDC8;
     }
     .change:hover{
       background-color: #D7E9F3;
@@ -117,9 +117,13 @@
             <span>下单时间：</span>
             <span class="mr">{{item.CreateTime}}</span>
             <div class="">
-              <i v-if="item.OrderStatus==2" class="el-icon-check mx5 cblack"></i>
-              <i v-else class="mx5 c20C997" :class="{'el-icon-alarm-clock':item.OrderStatusName!='已取消'}"></i>
-              <span class="fz12 cblack" :class="{'c20C997':item.OrderStatus!=2}">
+              <i class="mx5"
+              :class="{'el-icon-alarm-clock c20C997':item.OrderStatus==1,
+              'el-icon-check cblack':item.OrderStatus==2,
+              'el-icon-warning cff9800':item.OrderStatus==3,
+              'el-icon-refresh cF1416C':item.OrderStatus==4}"></i>
+              <span class="fz12 cblack" :class="{'c20C997':item.OrderStatus==1,'cblack':item.OrderStatus==2,
+              'cff9800':item.OrderStatus==3,'cF1416C':item.OrderStatus==4}">
                 {{item.OrderStatusName}}
               </span>
             </div>
@@ -337,7 +341,7 @@
               </div>
             </div>
           </div>
-          <div class="column justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s">
+          <div v-if="item.OrderStatus>3||item.OrderStatus<3" class="column justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s">
             <div v-if="item.OrderStatus==1&&(item.IncomeList.length==0&&
             item.RefundList.length==0&&
             item.CostList.length==0&&