增加方向

src/views/SnapshotCluster/ClusterResult/PersonGroupDialog.vue

@@ -76,7 +76,7 @@
                     <div>时间:{{ item.counttime }}</div>
                     <div>时间:{{ item.counttime }}</div>
                     <!--<div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}({{ item.childAdult==1?'成人':(item.childAdult==0?'儿童':'未知') }})</div>-->
                     <!--<div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}({{ item.childAdult==1?'成人':(item.childAdult==0?'儿童':'未知') }})</div>-->
                     <!--<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>-->
                     <!--<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>-->
-                    <!--<div class="direction" :class="'direction'+item.direction">方向:{{ 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>
@@ -217,6 +217,28 @@ export default {
         images: url,
         images: url,
       });
       });
     }
     }
+		const formatDirection = function(number) {
+		    switch (number)
+		    {
+		        case 1:
+		        {
+		            return '进'
+		        }
+		        case -1:
+		        {
+		            return '出'
+		        }
+		        case 0:
+		        {
+		            return '横穿'
+		        }
+		        default:
+		        {
+		
+		            break
+		        }
+		    }
+		}
 
 
     const onCancel = () => {
     const onCancel = () => {
       isVisible.value = false;
       isVisible.value = false;
@@ -270,7 +292,7 @@ export default {
       isLoading,
       isLoading,
       currentPerson,
       currentPerson,
       formatImgUrl,
       formatImgUrl,
-
+			formatDirection,
       selectedImgList,
       selectedImgList,
       handleSelectImg,
       handleSelectImg,
       isSelectedImg,
       isSelectedImg,
@@ -283,6 +305,17 @@ export default {
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
+.direction{
+    font-weight: 900;
+    background-color: red;
+    color: white;
+}
+.direction1{
+    background-color: green;
+}
+.direction0{
+    background-color: orange;
+}
 .seart-part {
 .seart-part {
   margin-bottom: 10px;
   margin-bottom: 10px;
 }
 }