pzk

display/displayOrder.html

@@ -99,9 +99,38 @@
             box-sizing: border-box;
             border-bottom: none;
         }
-        .ol>li:nth-child(even){
+
+        /* 偶数行换色 */
+        /* .ol>li:nth-child(even){
             background:#EFF2F7;
+        } */
+        /* 待接单 */
+        .ol>li.state_2{
+            background: rgba(255,101,96,0.2);
+        }
+        /* 已接单 */
+        .ol>li.state_3{
+            background: rgba(75,216,132,0.2);
+        }
+        /* 已到达 */
+        .ol>li.state_4{
+            background: rgba(250,157,42,0.2);
+        }
+        /* 正在洗车 */
+        .ol>li.state_5{
+            background: rgba(164,211,195,0.2);
         }
+        /* 洗车完成 */
+        .ol>li.state_6{
+            background: rgba(72,146,254,0.2);
+        }
+        /* 用户确认完成订单 */
+        .ol>li.state_7{
+            background: rgba(247,179,149,0.2);
+        }
+
+
+
 
         .ol>.list>div {
             float: left;
@@ -304,7 +333,7 @@
                                 <li class="washer_nickname" style="width:10%;">技师</li>
                             </ul>
                             <ol class="ol" id="downpaly" style="background-color: #FFFFFF;">
-                                <li class="list" style="width: 100%; display: none" v-for="(item,index) in items"
+                                <li  class="list" :class="'state_'+item.state" style="width: 100%; display: none" v-for="(item,index) in items"
                                     :a_id="index">
                                     <div class="nickname" style="width: 10%;">{{ item.nickname}}</div>
                                     <div class="mobile" style="width: 10%;">{{ item.mobile}}</div>
@@ -345,7 +374,6 @@
 
     var date = new Date();
     
-
     max_id = '';
 
     zt = true;
@@ -363,6 +391,7 @@
         el: '#app',
         data() {
             return {
+                timer:"",
             }
         },
 
@@ -430,30 +459,7 @@
                     });
                 }
             },
-            get() {
-                if (get_sou) {
-                    //总交易额
-                        //总交易额
-                        this.totalamount = this.totalamount;
-                        //总订单量
-                        this.totalcount = this.totalcount;
-                        //当日交易额
-                        this.dayamount = this.dayamount;
-                        //当日订单量
-                        this.daycount = this.daycount;
-                }
-                get_sou = false;
-            }
         },
-        // mounted() {
-        //     // for (var i = 0; i < 20; i++) {
-        //     //     $("#downpaly").find("li[a_id='" + i + "']").show();
-        //     // }
-        // },
-        // beforeDestroy() {
-        //     clearInterval(this.timer);
-        // }
-
     })