聚类进出方向增加底色

src/views/SnapshotCluster/ClusterResult/ClusterResult.less

@@ -2,3 +2,14 @@
     height: 300px;
     height: 300px;
     width: 100%;
     width: 100%;
 }
 }
+.direction{
+    font-weight: 900;
+    background-color: red;
+    color: white;
+}
+.direction1{
+    background-color: green;
+}
+.direction0{
+    background-color: orange;
+}

src/views/SnapshotCluster/ClusterResult/ClusterResult.vue

@@ -117,7 +117,7 @@
                                   class="single-image" @click="handleClick(item.picture_url,item.features_url)">
                                   class="single-image" @click="handleClick(item.picture_url,item.features_url)">
                         </el-image>
                         </el-image>
                         <div>时间:{{ item.counttime }}</div>
                         <div>时间:{{ item.counttime }}</div>
-                        <div>方向:{{ formatDirection(item.direction) }}</div>
+                        <div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>
                         <div>地点:{{ item.gate_name }}</div>
                         <div>地点:{{ item.gate_name }}</div>
                     </div>
                     </div>
                 </el-col>
                 </el-col>

src/views/SnapshotCluster/SnapshotRecord/SnapshotRecord.less

@@ -2,3 +2,14 @@
     height: 300px;
     height: 300px;
     width: 100%;
     width: 100%;
 }
 }
+.direction{
+    font-weight: 900;
+    background-color: red;
+    color: white;
+}
+.direction1{
+    background-color: green;
+}
+.direction0{
+    background-color: orange;
+}

src/views/SnapshotCluster/SnapshotRecord/SnapshotRecord.vue

@@ -108,7 +108,7 @@
                               class="single-image" @click="handleClick(item.picture_url,item.features_url)">
                               class="single-image" @click="handleClick(item.picture_url,item.features_url)">
                     </el-image>
                     </el-image>
                     <div>时间:{{ item.counttime }}</div>
                     <div>时间:{{ item.counttime }}</div>
-                    <div>方向:{{ formatDirection(item.direction) }}</div>
+                    <div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>
                     <div>地点:{{ item.gate_name }}</div>
                     <div>地点:{{ item.gate_name }}</div>
                 </div>
                 </div>
             </el-col>
             </el-col>