Skip to content

罗鑫霖 / vion-tools

Go to a project
Commit 1f4041da by 李乾广
Options

停留时长检索页面增加小平台门店点击图片获取抓拍图

1 parent a9d44024
Inline Side-by-side
Showing 3 changed files with 63 additions and 5 deletions
src/views/SnapshotCluster/ClusterResult/ClusterResult.less
...@@ -13,3 +13,13 @@ ...@@ -13,3 +13,13 @@
.direction0{ .direction0{
background-color: orange; background-color: orange;
} }
.image-slot {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #c0c4cc;
font-size: 14px;
background: #f5f7fa;
}
\ No newline at end of file \ No newline at end of file
src/views/SnapshotCluster/ClusterResult/ClusterResultApi.js
...@@ -23,7 +23,6 @@ class ClusterResultApi { ...@@ -23,7 +23,6 @@ class ClusterResultApi {
} }
) )
} }
getAccountList() { getAccountList() {
return axiosInstance.request( return axiosInstance.request(
{ {
......
src/views/newMenu/index.vue
...@@ -51,8 +51,15 @@ ...@@ -51,8 +51,15 @@
<span style="font-weight: bolder;">匹配数据：</span> <span style="font-weight: bolder;">匹配数据：</span>
<el-row :gutter="10" class="imgBox1_top"> <el-row :gutter="10" class="imgBox1_top">
<el-col :span="3" class="itemBox" v-for="item in listtr"> <el-col :span="3" class="itemBox" v-for="item in listtr">
<el-image :src="item.picture_url" :fit="'fill'" class="single-image"> <div @click="featureDialogImgClick(item)" style="cursor: pointer;">
</el-image> <el-image :src="item.picture_url" :fit="'fill'" class="single-image">
<template #error>
<div class="image-slot">
{{dataSources==1?'去加载':'加载失败'}}
</div>
</template>
</el-image>
</div>
<div>时间:{{ item.counttime }}</div> <div>时间:{{ item.counttime }}</div>
<div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}</div> <div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}</div>
<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div> <div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>
...@@ -67,8 +74,15 @@ ...@@ -67,8 +74,15 @@
<span style="font-weight: bolder;">聚类数据：</span> <span style="font-weight: bolder;">聚类数据：</span>
<el-row :gutter="10" class="imgBox1_top"> <el-row :gutter="10" class="imgBox1_top">
<el-col :span="3" class="itemBox" v-for="item in featureList"> <el-col :span="3" class="itemBox" v-for="item in featureList">
<el-image :src="item.picture_url" :fit="'fill'" class="single-image"> <div @click="featureDialogImgClick(item)" style="cursor: pointer;">
</el-image> <el-image :src="item.picture_url" :fit="'fill'" class="single-image">
<template #error>
<div class="image-slot">
{{dataSources==1?'去加载':'加载失败'}}
</div>
</template>
</el-image>
</div>
<div>时间:{{ item.counttime }}</div> <div>时间:{{ item.counttime }}</div>
<div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}</div> <div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}</div>
<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div> <div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>
...@@ -141,6 +155,7 @@ export default { ...@@ -141,6 +155,7 @@ export default {
const accountList = ref([]); const accountList = ref([]);
const plazaList = ref([]); const plazaList = ref([]);
const listtr = ref([]); const listtr = ref([]);
const dataSources = ref(0);
const queryForm = reactive({ const queryForm = reactive({
account_id: "", account_id: "",
plaza_id: "", plaza_id: "",
...@@ -188,6 +203,7 @@ export default { ...@@ -188,6 +203,7 @@ export default {
plazaList.value.push({ plazaList.value.push({
value: item.id, value: item.id,
label: item.name, label: item.name,
dataSources:item.dataSources,
}); });
} }
if (plazaList.value.length > 0) { if (plazaList.value.length > 0) {
...@@ -199,6 +215,7 @@ export default { ...@@ -199,6 +215,7 @@ export default {
// queryForm.plaza_id = searchCondition.value.plaza_id; // queryForm.plaza_id = searchCondition.value.plaza_id;
// } else { // } else {
queryForm.plaza_id = plazaList.value[0].value; queryForm.plaza_id = plazaList.value[0].value;
dataSources.value = plazaList.value[0].dataSources*1
// } // }
} }
} }
...@@ -247,8 +264,26 @@ export default { ...@@ -247,8 +264,26 @@ export default {
const onAccountChange = function () { const onAccountChange = function () {
getPlazaList(1); getPlazaList(1);
}; };
const onPlazaChange = function () {
for(let i=0;i<plazaList.value.length;i++){
if(plazaList.value[i].value == queryForm.plaza_id){
dataSources.value = plazaList.value[i].dataSources*1
break;
}
}
};
const featureDialogImgClick = function (obj) {
if(dataSources.value==1){
clusterResultApi.operateGetPics({unids:[obj.unid]}).then((res) => {})
setTimeout(()=>{
operates(featureDialogInfo.value)
},2000)
}
};
const featureDialogInfo = ref({})
const operates = (row) => { const operates = (row) => {
console.log(row, "6666"); console.log(row, "6666");
featureDialogInfo.value = row
featureDialogVisible.value = true; featureDialogVisible.value = true;
clusterResultApi clusterResultApi
.getClusterResultList({ .getClusterResultList({
...@@ -329,11 +364,13 @@ export default { ...@@ -329,11 +364,13 @@ export default {
getAccountList(); getAccountList();
confirmSearch(); confirmSearch();
return { return {
dataSources,
listtr, listtr,
formatDirection, formatDirection,
formatGender, formatGender,
featureList, featureList,
featureDialogVisible, featureDialogVisible,
featureDialogInfo,
columns, columns,
data, data,
total, total,
...@@ -344,6 +381,8 @@ export default { ...@@ -344,6 +381,8 @@ export default {
accountList, accountList,
plazaList, plazaList,
onAccountChange, onAccountChange,
onPlazaChange,
featureDialogImgClick,
operates, operates,
clickSearch, clickSearch,
onPageNumChange, onPageNumChange,
...@@ -371,6 +410,16 @@ export default { ...@@ -371,6 +410,16 @@ export default {
.direction0 { .direction0 {
background-color: orange; background-color: orange;
} }
.image-slot {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #c0c4cc;
font-size: 14px;
background: #f5f7fa;
}
</style> </style>
<style> <style>
.imgDialoger .el-dialog__body { .imgDialoger .el-dialog__body {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!