Commit c710516d by 李君

优化

1 parent f7b0c2dc
...@@ -15,7 +15,7 @@ const axiosInstance = axios.create( ...@@ -15,7 +15,7 @@ const axiosInstance = axios.create(
axiosInstance.interceptors.request.use( axiosInstance.interceptors.request.use(
config => { config => {
// Cookies.set('atoken','90eeca8f-7d7e-4dfa-8d7b-468e033dd048') // Cookies.set('atoken','3f719c88-cfe6-42f6-b2c7-a6b355c46c10')
if(!Cookies.get('atoken')){ if(!Cookies.get('atoken')){
ElMessage({ ElMessage({
message: `登录过期,请重新登录`, message: `登录过期,请重新登录`,
......
...@@ -97,27 +97,29 @@ ...@@ -97,27 +97,29 @@
</a-form> </a-form>
<div v-loading="isLoading"> <div v-loading="isLoading">
<el-row v-for="row in pagedTableDataList"> <div class="resultContent" :style="{'height':contentHeight+'px'}">
<el-col :span="3" v-for="item in row"> <el-row v-for="row in pagedTableDataList">
<div style="margin: 0 5px;cursor: pointer;" @click="handleClick(item)" :class="currentItemId==item.id?'actived':''"> <el-col :span="3" v-for="item in row">
<div style="display:flex; justify-content: flex-end "> <div style="margin: 0 5px;cursor: pointer;" @click="handleClick(item)" :class="currentItemId==item.id?'actived':''">
<span @click="downloadFile(item.features_url)" <div style="display:flex; justify-content: flex-end ">
style="color: #409EFF;font-size: 15px;cursor: pointer;"> <span @click="downloadFile(item.features_url)"
下载特征值文件 style="color: #409EFF;font-size: 15px;cursor: pointer;">
</span> 下载特征值文件
</span>
</div>
<el-image :src="item.picture_url"
:fit="'fill'"
class="single-image">
</el-image>
<div>时间:{{ item.counttime }}</div>
<div>人员类型:{{ item.person_type==1?'店员':'顾客' }}</div>
<div>性别:{{ formatGender(item.gender) }}</div>
<div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>
<div>地点:{{ item.gate_name }}</div>
</div> </div>
<el-image :src="item.picture_url" </el-col>
:fit="'fill'" </el-row>
class="single-image"> </div>
</el-image>
<div>时间:{{ item.counttime }}</div>
<div>人员类型:{{ item.person_type==1?'店员':'顾客' }}</div>
<div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>
<div>地点:{{ item.gate_name }}</div>
</div>
</el-col>
</el-row>
<a-pagination <a-pagination
v-model:current="pageNum" v-model:current="pageNum"
v-model:pageSize="pageSize" v-model:pageSize="pageSize"
...@@ -361,7 +363,28 @@ export default { ...@@ -361,7 +363,28 @@ export default {
} }
) )
} }
const formatGender = function(number){
switch (number)
{
case 1:
{
return '男'
}
case -1:
{
return '未知'
}
case 0:
{
return '女'
}
default:
{
break
}
}
}
const formatDirection = function(number) { const formatDirection = function(number) {
switch (number) switch (number)
{ {
...@@ -416,8 +439,10 @@ export default { ...@@ -416,8 +439,10 @@ export default {
} }
DetailDialogRef.value.initDialog(currobj.value,parmas); DetailDialogRef.value.initDialog(currobj.value,parmas);
} }
const contentHeight = ref(0)
const __main = function() { const __main = function() {
getAccountList() getAccountList()
contentHeight.value = window.innerHeight - 310
} }
__main() __main()
...@@ -436,6 +461,7 @@ export default { ...@@ -436,6 +461,7 @@ export default {
gateList, gateList,
pagedTableDataList, pagedTableDataList,
currentItemId, currentItemId,
contentHeight,
// mapping // mapping
queryForm, queryForm,
// function // function
...@@ -449,6 +475,7 @@ export default { ...@@ -449,6 +475,7 @@ export default {
downloadFile, downloadFile,
handleClick, handleClick,
comparativeFun, comparativeFun,
formatGender,
// ref // ref
DetailDialogRef, DetailDialogRef,
imgModelRef imgModelRef
...@@ -462,5 +489,9 @@ export default { ...@@ -462,5 +489,9 @@ export default {
.actived{ .actived{
border: 3px solid #1890ff; border: 3px solid #1890ff;
} }
.resultContent{
overflow: auto;
min-height: 500px;
}
</style> </style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!