Commit 1f4041da by 李乾广

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

1 parent a9d44024
......@@ -13,3 +13,13 @@
.direction0{
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
......@@ -23,7 +23,6 @@ class ClusterResultApi {
}
)
}
getAccountList() {
return axiosInstance.request(
{
......
......@@ -51,8 +51,15 @@
<span style="font-weight: bolder;">匹配数据:</span>
<el-row :gutter="10" class="imgBox1_top">
<el-col :span="3" class="itemBox" v-for="item in listtr">
<el-image :src="item.picture_url" :fit="'fill'" class="single-image">
</el-image>
<div @click="featureDialogImgClick(item)" style="cursor: pointer;">
<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.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}</div>
<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>
......@@ -67,8 +74,15 @@
<span style="font-weight: bolder;">聚类数据:</span>
<el-row :gutter="10" class="imgBox1_top">
<el-col :span="3" class="itemBox" v-for="item in featureList">
<el-image :src="item.picture_url" :fit="'fill'" class="single-image">
</el-image>
<div @click="featureDialogImgClick(item)" style="cursor: pointer;">
<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.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}</div>
<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>
......@@ -141,6 +155,7 @@ export default {
const accountList = ref([]);
const plazaList = ref([]);
const listtr = ref([]);
const dataSources = ref(0);
const queryForm = reactive({
account_id: "",
plaza_id: "",
......@@ -188,6 +203,7 @@ export default {
plazaList.value.push({
value: item.id,
label: item.name,
dataSources:item.dataSources,
});
}
if (plazaList.value.length > 0) {
......@@ -199,6 +215,7 @@ export default {
// queryForm.plaza_id = searchCondition.value.plaza_id;
// } else {
queryForm.plaza_id = plazaList.value[0].value;
dataSources.value = plazaList.value[0].dataSources*1
// }
}
}
......@@ -247,8 +264,26 @@ export default {
const onAccountChange = function () {
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) => {
console.log(row, "6666");
featureDialogInfo.value = row
featureDialogVisible.value = true;
clusterResultApi
.getClusterResultList({
......@@ -329,11 +364,13 @@ export default {
getAccountList();
confirmSearch();
return {
dataSources,
listtr,
formatDirection,
formatGender,
featureList,
featureDialogVisible,
featureDialogInfo,
columns,
data,
total,
......@@ -344,6 +381,8 @@ export default {
accountList,
plazaList,
onAccountChange,
onPlazaChange,
featureDialogImgClick,
operates,
clickSearch,
onPageNumChange,
......@@ -371,6 +410,16 @@ export default {
.direction0 {
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>
.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!