Skip to content

罗鑫霖 / vion-tools

Go to a project
Commit 4e9c5e94 by 李乾广
Options

抓拍记录增加标签显示

1 parent a9ac992e
Inline Side-by-side
Showing 1 changed file with 285 additions and 2 deletions
src/views/SnapshotCluster/SnapshotRecord/SnapshotRecord.vue
......@@ -146,7 +146,40 @@
</el-image>
<div>时间:{{ item.counttime }}</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>
<span>性别:{{ formatGender(item.gender) }}({{item.age}})</span>
<a-popover v-if="item.personLabel" trigger="click">
<template #content>
<div class="person-tag-one" v-if="item.personLabel.hairStyle!==null&&item.personLabel.hairStyle!==undefined"><span>发型：</span><span>{{item.personLabel.hairStyle}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.hairColor!==null&&item.personLabel.hairColor!==undefined"><span>发色：</span><span>{{item.personLabel.hairColor}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.hat!==null&&item.personLabel.hat!==undefined"><span>帽子：</span><span>{{item.personLabel.hat}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.hatColor!==null&&item.personLabel.hatColor!==undefined"><span>帽子颜色：</span><span>{{item.personLabel.hatColor}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.glasses!==null&&item.personLabel.glasses!==undefined"><span>眼镜：</span><span>{{item.personLabel.glasses}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.mask!==null&&item.personLabel.mask!==undefined"><span>口罩：</span><span>{{item.personLabel.mask}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.earring!==null&&item.personLabel.earring!==undefined"><span>耳饰：</span><span>{{item.personLabel.earring}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.jacketType!==null&&item.personLabel.jacketType!==undefined"><span>上装种类：</span><span>{{jacketTypeStr(item.personLabel.jacketType)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.jacketColor!==null&&item.personLabel.jacketColor!==undefined"><span>上装颜色：</span><span>{{jacketColorStr(item.personLabel.jacketColor)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.bottomsType!==null&&item.personLabel.bottomsType!==undefined"><span>下装种类：</span><span>{{bottomsTypeStr(item.personLabel.bottomsType)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.bottomsColor!==null&&item.personLabel.bottomsColor!==undefined"><span>下装颜色：</span><span>{{jacketColorStr(item.personLabel.bottomsColor)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.suitType!==null&&item.personLabel.suitType!==undefined"><span>套装种类：</span><span>{{suitTypeStr(item.personLabel.suitType)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.suitColor!==null&&item.personLabel.suitColor!==undefined"><span>套装颜色：</span><span>{{jacketColorStr(item.personLabel.suitColor)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.clothingBrand!==null&&item.personLabel.clothingBrand!==undefined"><span>文字与LOGO：</span><span>{{item.personLabel.clothingBrand}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.necklace!==null&&item.personLabel.necklace!==undefined"><span>佩戴项链：</span><span>{{item.personLabel.necklace}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.watch!==null&&item.personLabel.watch!==undefined"><span>佩戴手表：</span><span>{{item.personLabel.watch}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.bracelet!==null&&item.personLabel.bracelet!==undefined"><span>佩戴手链：</span><span>{{item.personLabel.bracelet}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.phone!==null&&item.personLabel.phone!==undefined"><span>手持手机：</span><span>{{item.personLabel.phone}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.rucksackType!==null&&item.personLabel.rucksackType!==undefined"><span>背包类型：</span><span>{{rucksackTypeStr(item.personLabel.rucksackType)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.rucksackColor!==null&&item.personLabel.rucksackColor!==undefined"><span>背包颜色：</span><span>{{jacketColorStr(item.personLabel.rucksackColor)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.handbagType!==null&&item.personLabel.handbagType!==undefined"><span>拎包类型：</span><span>{{handbagTypeStr(item.personLabel.handbagType)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.handbagColor!==null&&item.personLabel.handbagColor!==undefined"><span>拎包颜色：</span><span>{{jacketColorStr(item.personLabel.handbagColor)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.shoeType!==null&&item.personLabel.shoeType!==undefined"><span>鞋子类型：</span><span>{{item.personLabel.shoeType}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.shoeColor!==null&&item.personLabel.shoeColor!==undefined"><span>鞋子颜色：</span><span>{{item.personLabel.shoeColor}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.shoppingBagType!==null&&item.personLabel.shoppingBagType!==undefined"><span>提袋类型：</span><span>{{shoppingBagTypeStr(item.personLabel.shoppingBagType)}}</span></div>
<div class="person-tag-one" v-if="item.personLabel.shoppingBagColor!==null&&item.personLabel.shoppingBagColor!==undefined"><span>提袋颜色：</span><span>{{jacketColorStr(item.personLabel.shoppingBagColor)}}</span></div>
</template>
<span style="margin-right: 10px;" class="downBtn downBtn1">标签</span>
</a-popover>
</div>
<div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>
<div>地点:{{ item.gate_name }}</div>
</div>
......@@ -507,6 +540,246 @@ export default {
}
}
}
//标签
const jacketTypeStr = function(number){
switch (number)
{
case 0:
{
return '看不清'
}
case 1:
{
return 'T恤'
}
case 2:
{
return '背心'
}
case 3:
{
return '衬衫'
}
case 4:
{
return '轻薄外套'
}
case 5:
{
return '马甲'
}
case 6:
{
return '卫衣'
}
case 7:
{
return '毛衣'
}
case 8:
{
return '西装'
}
case 9:
{
return '夹克'
}
case 10:
{
return '羽绒服'
}
case 11:
{
return '大衣风衣'
}
default:
{
break
}
}
}
const jacketColorStr = function(number){
switch (number)
{
case 0:
{
return '其他'
}
case 1:
{
return '黑'
}
case 2:
{
return '白'
}
case 3:
{
return '灰'
}
case 4:
{
return '红'
}
case 5:
{
return '黄'
}
case 6:
{
return '蓝'
}
case 7:
{
return '绿'
}
case 8:
{
return '紫'
}
case 9:
{
return '花(条纹)'
}
case 10:
{
return '拼色'
}
default:
{
break
}
}
}
const bottomsTypeStr = function(number){
switch (number)
{
case 0:
{
return '看不清'
}
case 1:
{
return '短裤'
}
case 2:
{
return '长裤'
}
case 3:
{
return '短裙'
}
case 4:
{
return '长裙'
}
default:
{
break
}
}
}
const suitTypeStr = function(number){
switch (number)
{
case 0:
{
return '无套装'
}
case 1:
{
return '西装'
}
case 2:
{
return '连衣裙'
}
case 3:
{
return '其他套装'
}
default:
{
break
}
}
}
const rucksackTypeStr = function(number){
switch (number)
{
case 0:
{
return '无背包'
}
case 1:
{
return '单肩包'
}
case 2:
{
return '双肩包'
}
default:
{
break
}
}
}
const handbagTypeStr = function(number){
switch (number)
{
case 0:
{
return '无拎包'
}
case 1:
{
return '单肩包'
}
case 2:
{
return '双肩包'
}
case 3:
{
return '手提包'
}
case 4:
{
return '行李箱'
}
default:
{
break
}
}
}
const shoppingBagTypeStr = function(number){
switch (number)
{
case 0:
{
return '无提袋'
}
case 1:
{
return '单手提袋'
}
case 2:
{
return '双手提袋'
}
default:
{
break
}
}
}
const downloadFile = function(url) {
window.open(url)
}
......@@ -650,7 +923,14 @@ export default {
DetailDialogRef,
imgModelRef,
singleComparativeFun,
singleImgComparisonRef
singleImgComparisonRef,
jacketTypeStr,
jacketColorStr,
bottomsTypeStr,
suitTypeStr,
rucksackTypeStr,
handbagTypeStr,
shoppingBagTypeStr
}
}
}
......@@ -675,5 +955,8 @@ export default {
.downBtn1{
float: right;
}
.person-tag-one{
line-height: 24px;
}
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!