Skip to content
Toggle navigation
Projects
Groups
Snippets
Help
Toggle navigation
This project
Loading...
Sign in
李君
/
carrefour
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit 6b4a821b
authored
Oct 22, 2022
by
tianlonglong
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
tll
1 parent
15d18cfb
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
74 additions
and
5 deletions
src/views/queueManagement/channelManagement/index.vue
src/views/queueManagement/channelManagement/index.vue
View file @
6b4a821
...
...
@@ -24,7 +24,7 @@
</div>
<el-row
class=
"manage-content"
>
<el-col
:span=
"24"
class=
"treeMenu boxShadow"
>
<el-table
ref=
"singleTable"
@
row-click=
"setCurrent"
@
current-change=
"handleCurrentChange"
:data=
"tableData"
:max-height=
"tableHeight-
1
8"
:highlight-current-row=
'true'
style=
"width: 100%;"
v-loading=
"loading"
header-row-class-name=
"manage-tab-head"
>
<el-table
ref=
"singleTable"
@
row-click=
"setCurrent"
@
current-change=
"handleCurrentChange"
:data=
"tableData"
:max-height=
"tableHeight-
2
8"
:highlight-current-row=
'true'
style=
"width: 100%;"
v-loading=
"loading"
header-row-class-name=
"manage-tab-head"
>
<el-table-column
:label=
"$t('table.laneName')"
align=
"center"
prop=
"name"
></el-table-column>
<el-table-column
width=
"200"
:label=
"$t('table.counterType')"
:formatter=
"formatCounterType"
align=
"center"
prop=
"counterType"
></el-table-column>
<el-table-column
:label=
"$t('table.operate')"
align=
"center"
>
...
...
@@ -43,6 +43,9 @@
</el-row>
</div>
<div
class=
"aiot_right"
>
<!-- <el-row v-if="ptype==1" :loading="loading" class="pwraper" :style="{ maxHeight: tableHeight + 'px' }">
</el-row> -->
<el-col
:span=
"24"
class=
"personInfo"
>
<ul
class=
"legends"
>
<el-button
size=
"mini"
type=
"danger"
@
click=
"clearDesk"
>
{{$t('button.clear')}}
</el-button>
...
...
@@ -50,16 +53,34 @@
</ul>
<div
class=
"draw_desks"
>
<el-row
:loading=
"loading"
class=
"pwraper"
:style=
"{ maxHeight: tableHeight-18 + 'px' }"
>
<!-- <ul class="dlist" ref="dlist">
<li class="ditem" style="height:0;margin:0;">
<div class="dwrap"></div>
</li>
<li class="ditem" v-for="(item, index) in canvasList" :key="index" >
<div class="dwrap">
<img class="dimg" :src="item.picUrl" />
<div class="label-box">
<p>{{ $t('table.monitorSiteName') + ': ' + item.name }}</p>
<p>{{ $t('table.deviceNum') + ': ' + item.serialnum }}</p>
</div>
<div class="pview">
<Painter :cdata="item" :isEdit="true" :desk="currentRow" :list="tableData" @gclick="groupClick" @start="startDesk" @finish="finishDesk"></Painter>
</div>
</div>
</li>
</ul> -->
<ul
class=
"dlist"
ref=
"dlist"
>
<li
class=
"ditem"
style=
"height:0;margin:0;"
>
<div
class=
"
f
wrap"
></div>
<div
class=
"
d
wrap"
></div>
</li>
<li
class=
"ditem"
v-for=
"(item, index) in canvasList"
:key=
"index"
style=
"margin:10px 10px 0 0"
>
<div
class=
"
f
wrap"
>
<div
class=
"
d
wrap"
>
<img
class=
"dimg"
:src=
"item.picUrl"
:style=
"{ maxHeight: tableHeight-60 + 'px' }"
/>
<div
class=
"label-box"
>
<p>
{{ $t('table.laneName') + ': ' + item.name }}
</p>
<
!-- <p>{{ $t('table.deviceNum') + ': ' + item.serialnum }}</p> --
>
<
p>
{{ $t('table.deviceNum') + ': ' + item.serialnum }}
</p
>
</div>
<div
class=
"pview"
>
<Painter
:cdata=
"item"
:isEdit=
"true"
:desk=
"currentRow"
:list=
"tableData"
@
gclick=
"groupClick"
@
start=
"startDesk"
@
finish=
"finishDesk"
></Painter>
...
...
@@ -114,6 +135,8 @@ export default {
data
()
{
return
{
mallListForTerm
:
[],
areaObj
:
{},
gateList
:
[],
searchForm
:
{
mallId
:
""
,
areaId
:
""
,
...
...
@@ -253,13 +276,59 @@ export default {
this
.
loading
=
false
;
if
(
result
.
code
==
200
)
{
this
.
tableData
=
result
.
data
.
list
;
this
.
areaObj
=
{
...
this
.
tableData
[
0
]
};
if
(
this
.
tableData
.
length
>
0
)
{
this
.
tableData
.
forEach
((
item
)
=>
{
item
.
picUrl
=
this
.
floorImg
;
});
this
.
chooseList
.
push
(
result
.
data
.
list
[
0
]);
}
this
.
drawFloorMap
();
this
.
$api
.
queueManagementApi
.
getDevices
({
areaId
:
this
.
searchForm
.
areaId
,
})
.
then
((
res
)
=>
{
console
.
log
(
res
);
let
data
=
res
.
data
.
data
;
data
.
forEach
((
item
)
=>
{
item
.
name
=
this
.
areaObj
.
name
;
item
.
id
=
item
.
serialnum
;
item
.
picUrl
=
window
.
_vionConfig
.
picUrl
+
"/snapshot/real/"
+
item
.
serialnum
+
"-01.jpg?t="
+
Date
.
parse
(
new
Date
())
/
1000
;
item
.
coordinate
&&
(
item
.
coordinate
=
JSON
.
parse
(
item
.
coordinate
));
});
this
.
gateList
=
data
;
this
.
drawJoinMap
();
});
// this.drawFloorMap();
}
});
},
drawJoinMap
()
{
this
.
loading
=
false
;
let
that
=
this
;
let
canvasList
=
[];
_
.
each
(
this
.
gateList
.
reverse
(),
(
item
,
index
)
=>
{
if
(
item
.
picUrl
)
{
let
img
=
new
Image
();
img
.
src
=
item
.
picUrl
;
img
.
onload
=
function
()
{
item
.
width
=
this
.
width
;
item
.
height
=
this
.
height
;
canvasList
.
push
(
item
);
that
.
$nextTick
(()
=>
{
item
.
cwidth
=
document
.
querySelector
(
".dwrap"
)
.
getBoundingClientRect
().
width
;
item
.
cheight
=
(
item
.
cwidth
*
item
.
height
)
/
item
.
width
;
that
.
canvasList
=
canvasList
;
});
};
}
});
},
...
...
Write
Preview
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment