Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
V
vue_django_test
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
周田
vue_django_test
Commits
81fd243e
Commit
81fd243e
authored
Sep 06, 2023
by
周田
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
merge
parent
3e88f29b
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
30 additions
and
7 deletions
+30
-7
CommunicationTab.vue
.../src/components/device_communication/CommunicationTab.vue
+13
-2
protocol.ts
frontend/src/dao/protocol.ts
+2
-2
style.css
frontend/src/style.css
+2
-2
DeviceCommunication.vue
frontend/src/views/DeviceCommunication.vue
+13
-1
No files found.
frontend/src/components/device_communication/CommunicationTab.vue
View file @
81fd243e
...
...
@@ -6,16 +6,19 @@
</div>
<div
class=
"demo-collapse"
>
<el-collapse>
<el-collapse-item
class=
"
pt-10
"
v-for=
"(device_info_list, station_id) in device_infos"
>
<el-collapse-item
class=
""
v-for=
"(device_info_list, station_id) in device_infos"
>
<template
#
title
>
<span
class=
"text-
3
xl font-bold"
>
{{
station_id
}}
</span>
<span
class=
"text-
2
xl font-bold"
>
{{
station_id
}}
</span>
</
template
>
<div
class=
"deviceCard"
>
<device-info-card
@
deleteDeviceInfo=
"deleteDeviceInfo"
v-for=
"device_info in device_info_list"
:device-info=
"device_info"
:tab-type=
"props.tabType"
/>
</div>
</el-collapse-item>
</el-collapse>
</div>
...
...
@@ -151,3 +154,11 @@ const applyComunications = () => {
})
}
</
script
>
<
style
>
.deviceCard
{
width
:
90%
;
margin
:
auto
;
}
</
style
>
frontend/src/dao/protocol.ts
View file @
81fd243e
...
...
@@ -4,8 +4,8 @@ import axios from "axios"
export
function
GetProtocolVersion
(){
return
axios
.
get
(
'/api/all_protocol_version/'
).
then
(
function
(
respon
e
se
){
return
respon
e
se
.
data
function
(
response
){
return
response
.
data
}
)
}
...
...
frontend/src/style.css
View file @
81fd243e
...
...
@@ -5,8 +5,8 @@
font-size
:
14px
;
color-scheme
:
light
dark
;
color
:
rgba
(
255
,
255
,
255
,
0.87
);
background-color
:
#ffffff
;
/*color: rgba(255, 255, 255, 0.87);*/
/*background-color: #ffffff;*/
font-synthesis
:
none
;
text-rendering
:
optimizeLegibility
;
...
...
frontend/src/views/DeviceCommunication.vue
View file @
81fd243e
<
template
>
<el-tabs
v-model=
"activeName"
type=
"card"
class=
"demo-tabs"
>
<el-tabs
v-model=
"activeName"
type=
"
border-
card"
class=
"demo-tabs"
>
<el-tab-pane
label=
"device"
name=
"device"
>
<div
class=
"contain"
>
<communication-tab
tab-type=
"communicate"
/>
</div>
</el-tab-pane>
<el-tab-pane
label=
"simulate_device"
name=
"simulate_device"
>
<div
class=
"contain"
>
<communication-tab
tab-type=
"simulate_communicate"
/>
</div>
</el-tab-pane>
</el-tabs>
</
template
>
...
...
@@ -28,3 +32,11 @@ onMounted(() => {
})
</
script
>
<
style
>
.contain
{
/*width: 95%;*/
margin
:
auto
;
}
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
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 comment