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
59046af6
Commit
59046af6
authored
Sep 21, 2023
by
qianmo
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update:协议界面
parent
f587727f
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
15 additions
and
11 deletions
+15
-11
CommunicationTab.vue
.../src/components/device_communication/CommunicationTab.vue
+3
-3
DeviceInfoCard.vue
...nd/src/components/device_communication/DeviceInfoCard.vue
+2
-2
CollapseTable.vue
frontend/src/components/protocol/CollapseTable.vue
+8
-4
ProtocolTable.vue
frontend/src/components/protocol/ProtocolTable.vue
+2
-2
No files found.
frontend/src/components/device_communication/CommunicationTab.vue
View file @
59046af6
<
template
>
<
template
>
<div
class=
"text-right mb-5"
>
<div
class=
"text-right mb-5"
>
<el-button
type=
"primary"
@
click=
"applyComunications"
>
应用
</el-button>
<el-button
type=
"primary"
@
click=
"applyComunications"
icon=
"pointer"
>
应用
</el-button>
<el-button
type=
"primary"
@
click=
"copy"
>
复制配置
</el-button>
<el-button
type=
"primary"
@
click=
"copy"
icon=
"CopyDocument"
>
复制配置
</el-button>
<el-button
type=
"primary"
@
click=
"addDevice"
>
添加通信参数
</el-button>
<el-button
type=
"primary"
@
click=
"addDevice"
icon=
"plus"
>
添加通信参数
</el-button>
</div>
</div>
<div
class=
"demo-collapse"
>
<div
class=
"demo-collapse"
>
<el-collapse>
<el-collapse>
...
...
frontend/src/components/device_communication/DeviceInfoCard.vue
View file @
59046af6
<
template
>
<
template
>
<el-descriptions
:title=
"deviceInfo.device_name"
:column=
1
>
<el-descriptions
:title=
"deviceInfo.device_name"
:column=
1
>
<template
#
extra
>
<template
#
extra
>
<el-button
type=
"danger"
size=
"small"
@
click=
"del"
>
删除
</el-button>
<el-button
type=
"danger"
size=
"small"
@
click=
"del"
icon=
"delete"
>
删除
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"dialogFormVisible = true"
>
编辑
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"dialogFormVisible = true"
icon=
"edit"
>
编辑
</el-button>
</
template
>
</
template
>
<el-descriptions-item
label=
"协议名"
>
{{ deviceInfo.protocol_name }}
</el-descriptions-item>
<el-descriptions-item
label=
"协议名"
>
{{ deviceInfo.protocol_name }}
</el-descriptions-item>
<el-descriptions-item
label=
"通信参数"
:column=
3
>
<el-descriptions-item
label=
"通信参数"
:column=
3
>
...
...
frontend/src/components/protocol/CollapseTable.vue
View file @
59046af6
...
@@ -2,8 +2,8 @@
...
@@ -2,8 +2,8 @@
<div
class=
"demo-collapse"
>
<div
class=
"demo-collapse"
>
<div
class=
"containers"
>
<div
class=
"containers"
>
<div
class=
"left"
>
<div
class=
"left"
>
<div
class=
"m
r
-4"
>
协议版本
</div>
<div
class=
"m
l
-4"
>
协议版本
</div>
<el-select
v-model=
"currentVersion"
@
change=
"changeProtocolVersion"
>
<el-select
v-model=
"currentVersion"
@
change=
"changeProtocolVersion"
ml-4
>
<el-option
<el-option
v-for=
"option in options"
v-for=
"option in options"
:key=
"option.value"
:key=
"option.value"
...
@@ -434,8 +434,12 @@ const addNewVersion = () => {
...
@@ -434,8 +434,12 @@ const addNewVersion = () => {
background-color
:
white
;
/* 设置展开区域的头部颜色 */
background-color
:
white
;
/* 设置展开区域的头部颜色 */
}
}
.collapse1
.el-collapse-item__wrap
{
.collapse1
.el-collapse-item__wrap
{
border
:
1px
solid
;
/*border: 1px solid;*/
padding
:
10px
;
/*padding: 10px;*/
/*border-radius: 10px;*/
/*margin-bottom: 4px;*/
box-shadow
:
var
(
--el-box-shadow-dark
);
background-color
:
#f9f9f9
;
}
}
/*.collapse1 .el-collapse-item__wrap {*/
/*.collapse1 .el-collapse-item__wrap {*/
/* background-color: white; !* 设置展开区域的背景颜色 *!*/
/* background-color: white; !* 设置展开区域的背景颜色 *!*/
...
...
frontend/src/components/protocol/ProtocolTable.vue
View file @
59046af6
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
<el-table
:data=
"tableData"
<el-table
:data=
"tableData"
:header-cell-style=
"
{backgroundColor:'#eff3f8', 'text-align':'center',color: 'black'}"
:header-cell-style=
"
{backgroundColor:'#eff3f8', 'text-align':'center',color: 'black'}"
border
border
:cell-style="{'text-align':'center'}"
:cell-style="{'text-align':'center'
, backgroundColor:'#f9f9f9'
}"
>
>
<el-table-column
fixed
prop=
"fieldname"
label=
"字段名"
style=
"width: 25%"
/>
<el-table-column
fixed
prop=
"fieldname"
label=
"字段名"
style=
"width: 25%"
/>
<el-table-column
prop=
"fieldsize"
label=
"字段长度"
style=
"width: 25%"
/>
<el-table-column
prop=
"fieldsize"
label=
"字段长度"
style=
"width: 25%"
/>
...
@@ -17,7 +17,7 @@
...
@@ -17,7 +17,7 @@
</el-table-column>
</el-table-column>
</el-table>
</el-table>
<el-button
style=
"width: 100%; border: 1px dashed"
class=
"mt-4"
@
click=
"addField"
>
+
</el-button>
<el-button
style=
"width: 100%; border: 1px dashed
; background-color: #f9f9f9
"
class=
"mt-4"
@
click=
"addField"
>
+
</el-button>
<el-dialog
v-model=
"dialogVisible"
@
close=
"handlerClose"
>
<el-dialog
v-model=
"dialogVisible"
@
close=
"handlerClose"
>
<
template
#
header
>
{{
flag
?
'新增'
:
'编辑'
}}
字段
</
template
>
<
template
#
header
>
{{
flag
?
'新增'
:
'编辑'
}}
字段
</
template
>
...
...
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