diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ
diff --git a/src/assets/images/device-control/youxia.png b/src/assets/images/device-control/youxia.png
new file mode 100644
index 0000000..fce91c6
--- /dev/null
+++ b/src/assets/images/device-control/youxia.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ
diff --git a/src/assets/images/device-control/youxia.png b/src/assets/images/device-control/youxia.png
new file mode 100644
index 0000000..fce91c6
--- /dev/null
+++ b/src/assets/images/device-control/youxia.png
Binary files differ
diff --git a/src/assets/images/device-control/zuo.png b/src/assets/images/device-control/zuo.png
new file mode 100644
index 0000000..ac7f9ec
--- /dev/null
+++ b/src/assets/images/device-control/zuo.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ
diff --git a/src/assets/images/device-control/youxia.png b/src/assets/images/device-control/youxia.png
new file mode 100644
index 0000000..fce91c6
--- /dev/null
+++ b/src/assets/images/device-control/youxia.png
Binary files differ
diff --git a/src/assets/images/device-control/zuo.png b/src/assets/images/device-control/zuo.png
new file mode 100644
index 0000000..ac7f9ec
--- /dev/null
+++ b/src/assets/images/device-control/zuo.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoshang.png b/src/assets/images/device-control/zuoshang.png
new file mode 100644
index 0000000..3d4bb59
--- /dev/null
+++ b/src/assets/images/device-control/zuoshang.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ
diff --git a/src/assets/images/device-control/youxia.png b/src/assets/images/device-control/youxia.png
new file mode 100644
index 0000000..fce91c6
--- /dev/null
+++ b/src/assets/images/device-control/youxia.png
Binary files differ
diff --git a/src/assets/images/device-control/zuo.png b/src/assets/images/device-control/zuo.png
new file mode 100644
index 0000000..ac7f9ec
--- /dev/null
+++ b/src/assets/images/device-control/zuo.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoshang.png b/src/assets/images/device-control/zuoshang.png
new file mode 100644
index 0000000..3d4bb59
--- /dev/null
+++ b/src/assets/images/device-control/zuoshang.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoxia.png b/src/assets/images/device-control/zuoxia.png
new file mode 100644
index 0000000..710f24f
--- /dev/null
+++ b/src/assets/images/device-control/zuoxia.png
Binary files differ

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ
diff --git a/src/assets/images/device-control/youxia.png b/src/assets/images/device-control/youxia.png
new file mode 100644
index 0000000..fce91c6
--- /dev/null
+++ b/src/assets/images/device-control/youxia.png
Binary files differ
diff --git a/src/assets/images/device-control/zuo.png b/src/assets/images/device-control/zuo.png
new file mode 100644
index 0000000..ac7f9ec
--- /dev/null
+++ b/src/assets/images/device-control/zuo.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoshang.png b/src/assets/images/device-control/zuoshang.png
new file mode 100644
index 0000000..3d4bb59
--- /dev/null
+++ b/src/assets/images/device-control/zuoshang.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoxia.png b/src/assets/images/device-control/zuoxia.png
new file mode 100644
index 0000000..710f24f
--- /dev/null
+++ b/src/assets/images/device-control/zuoxia.png
Binary files differ
diff --git a/src/views/home/station/control/components/control.vue b/src/views/home/station/control/components/control.vue
new file mode 100644
index 0000000..973339e
--- /dev/null
+++ b/src/views/home/station/control/components/control.vue
@@ -0,0 +1,174 @@
+<!--
+  Description: 场站管理-设备控制面板
+  Author: 李亚光
+  Date: 2024-09-05
+ -->
+<script lang="ts" setup name="StationDeviceControlBoard">
+const img = {
+  zuoshang: new URL('@/assets/images/device-control/zuoshang.png', import.meta.url),
+  shang: new URL('@/assets/images/device-control/shang.png', import.meta.url),
+  youshang: new URL('@/assets/images/device-control/youshang.png', import.meta.url),
+  zuo: new URL('@/assets/images/device-control/zuo.png', import.meta.url),
+  shuaxin: new URL('@/assets/images/device-control/shuaxin.png', import.meta.url),
+  you: new URL('@/assets/images/device-control/you.png', import.meta.url),
+  zuoxia: new URL('@/assets/images/device-control/zuoxia.png', import.meta.url),
+  xia: new URL('@/assets/images/device-control/xia.png', import.meta.url),
+  youxia: new URL('@/assets/images/device-control/youxia.png', import.meta.url),
+  fangda: new URL('@/assets/images/device-control/fangda.png', import.meta.url),
+  suoxiao: new URL('@/assets/images/device-control/suoxiao.png', import.meta.url),
+  guangquanfangda: new URL('@/assets/images/device-control/guangquanfangda.png', import.meta.url),
+  guangquansuoxiao: new URL('@/assets/images/device-control/guangquansuoxiao.png', import.meta.url),
+  jiaodianqianyi: new URL('@/assets/images/device-control/jiaodianqianyi.png', import.meta.url),
+  jiaodianhouyi: new URL('@/assets/images/device-control/jiaodianhouyi.png', import.meta.url),
+}
+
+const direction = ref<any[]>([
+  {
+    name: '左上',
+    img: img.zuoshang,
+  },
+  {
+    name: '上',
+    img: img.shang,
+  },
+  {
+    name: '右上',
+    img: img.youshang,
+  },
+  {
+    name: '左',
+    img: img.zuo,
+  },
+  {
+    name: '刷新',
+    img: img.shuaxin,
+  },
+  {
+    name: '右',
+    img: img.you,
+  },
+  {
+    name: '坐下',
+    img: img.zuoxia,
+  },
+  {
+    name: '下',
+    img: img.xia,
+  },
+  {
+    name: '右下',
+    img: img.youxia,
+  },
+])
+const focus = ref<any>([
+  {
+    name: '缩小',
+    img: img.suoxiao,
+  },
+  {
+    name: '放大',
+    img: img.fangda,
+  },
+  {
+    name: '焦点后移',
+    img: img.jiaodianhouyi,
+  },
+  {
+    name: '焦点前移',
+    img: img.jiaodianqianyi,
+  },
+  {
+    name: '光圈缩小',
+    img: img.guangquansuoxiao,
+  },
+  {
+    name: '光圈放大',
+    img: img.guangquanfangda,
+  },
+])
+const value = ref(50)
+</script>
+
+<template>
+  <div class="container">
+    <div class="left">
+      <el-tooltip
+        v-for="item in direction" :key="item.name" class="box-item" effect="dark" :content="item.name"
+        placement="top"
+      >
+        <img :src="item.img" class="img">
+      </el-tooltip>
+    </div>
+    <div class="right">
+      <el-tooltip
+        v-for="item in focus" :key="item.name" class="box-item" effect="dark" :content="item.name"
+        placement="top"
+      >
+        <img :src="item.img" class="img" :alt="item.name">
+      </el-tooltip>
+    </div>
+    <div class="slider">
+      <el-slider v-model="value" show-input />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+
+  .left {
+    width: 62%;
+    // background-color: aqua;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+
+    .img {
+      width: 31%;
+      border: 2px solid #777;
+      border-radius: 5px;
+      box-sizing: border-box;
+      padding: 5px;
+      margin-bottom: 6px;
+      opacity: 0.6;
+
+      &:hover {
+        padding: 8px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .right {
+    width: 37%;
+    // background-color: chartreuse;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+
+    .img {
+      width: 48%;
+      border: 2px solid #777;
+      border-radius: 5px;
+      box-sizing: border-box;
+      padding: 5px;
+      margin-bottom: 6px;
+      opacity: 0.6;
+
+      &:hover {
+        padding: 8px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .slider {
+    margin-top: 10px;
+    width: 100%;
+  }
+}
+</style>

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ
diff --git a/src/assets/images/device-control/youxia.png b/src/assets/images/device-control/youxia.png
new file mode 100644
index 0000000..fce91c6
--- /dev/null
+++ b/src/assets/images/device-control/youxia.png
Binary files differ
diff --git a/src/assets/images/device-control/zuo.png b/src/assets/images/device-control/zuo.png
new file mode 100644
index 0000000..ac7f9ec
--- /dev/null
+++ b/src/assets/images/device-control/zuo.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoshang.png b/src/assets/images/device-control/zuoshang.png
new file mode 100644
index 0000000..3d4bb59
--- /dev/null
+++ b/src/assets/images/device-control/zuoshang.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoxia.png b/src/assets/images/device-control/zuoxia.png
new file mode 100644
index 0000000..710f24f
--- /dev/null
+++ b/src/assets/images/device-control/zuoxia.png
Binary files differ
diff --git a/src/views/home/station/control/components/control.vue b/src/views/home/station/control/components/control.vue
new file mode 100644
index 0000000..973339e
--- /dev/null
+++ b/src/views/home/station/control/components/control.vue
@@ -0,0 +1,174 @@
+<!--
+  Description: 场站管理-设备控制面板
+  Author: 李亚光
+  Date: 2024-09-05
+ -->
+<script lang="ts" setup name="StationDeviceControlBoard">
+const img = {
+  zuoshang: new URL('@/assets/images/device-control/zuoshang.png', import.meta.url),
+  shang: new URL('@/assets/images/device-control/shang.png', import.meta.url),
+  youshang: new URL('@/assets/images/device-control/youshang.png', import.meta.url),
+  zuo: new URL('@/assets/images/device-control/zuo.png', import.meta.url),
+  shuaxin: new URL('@/assets/images/device-control/shuaxin.png', import.meta.url),
+  you: new URL('@/assets/images/device-control/you.png', import.meta.url),
+  zuoxia: new URL('@/assets/images/device-control/zuoxia.png', import.meta.url),
+  xia: new URL('@/assets/images/device-control/xia.png', import.meta.url),
+  youxia: new URL('@/assets/images/device-control/youxia.png', import.meta.url),
+  fangda: new URL('@/assets/images/device-control/fangda.png', import.meta.url),
+  suoxiao: new URL('@/assets/images/device-control/suoxiao.png', import.meta.url),
+  guangquanfangda: new URL('@/assets/images/device-control/guangquanfangda.png', import.meta.url),
+  guangquansuoxiao: new URL('@/assets/images/device-control/guangquansuoxiao.png', import.meta.url),
+  jiaodianqianyi: new URL('@/assets/images/device-control/jiaodianqianyi.png', import.meta.url),
+  jiaodianhouyi: new URL('@/assets/images/device-control/jiaodianhouyi.png', import.meta.url),
+}
+
+const direction = ref<any[]>([
+  {
+    name: '左上',
+    img: img.zuoshang,
+  },
+  {
+    name: '上',
+    img: img.shang,
+  },
+  {
+    name: '右上',
+    img: img.youshang,
+  },
+  {
+    name: '左',
+    img: img.zuo,
+  },
+  {
+    name: '刷新',
+    img: img.shuaxin,
+  },
+  {
+    name: '右',
+    img: img.you,
+  },
+  {
+    name: '坐下',
+    img: img.zuoxia,
+  },
+  {
+    name: '下',
+    img: img.xia,
+  },
+  {
+    name: '右下',
+    img: img.youxia,
+  },
+])
+const focus = ref<any>([
+  {
+    name: '缩小',
+    img: img.suoxiao,
+  },
+  {
+    name: '放大',
+    img: img.fangda,
+  },
+  {
+    name: '焦点后移',
+    img: img.jiaodianhouyi,
+  },
+  {
+    name: '焦点前移',
+    img: img.jiaodianqianyi,
+  },
+  {
+    name: '光圈缩小',
+    img: img.guangquansuoxiao,
+  },
+  {
+    name: '光圈放大',
+    img: img.guangquanfangda,
+  },
+])
+const value = ref(50)
+</script>
+
+<template>
+  <div class="container">
+    <div class="left">
+      <el-tooltip
+        v-for="item in direction" :key="item.name" class="box-item" effect="dark" :content="item.name"
+        placement="top"
+      >
+        <img :src="item.img" class="img">
+      </el-tooltip>
+    </div>
+    <div class="right">
+      <el-tooltip
+        v-for="item in focus" :key="item.name" class="box-item" effect="dark" :content="item.name"
+        placement="top"
+      >
+        <img :src="item.img" class="img" :alt="item.name">
+      </el-tooltip>
+    </div>
+    <div class="slider">
+      <el-slider v-model="value" show-input />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+
+  .left {
+    width: 62%;
+    // background-color: aqua;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+
+    .img {
+      width: 31%;
+      border: 2px solid #777;
+      border-radius: 5px;
+      box-sizing: border-box;
+      padding: 5px;
+      margin-bottom: 6px;
+      opacity: 0.6;
+
+      &:hover {
+        padding: 8px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .right {
+    width: 37%;
+    // background-color: chartreuse;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+
+    .img {
+      width: 48%;
+      border: 2px solid #777;
+      border-radius: 5px;
+      box-sizing: border-box;
+      padding: 5px;
+      margin-bottom: 6px;
+      opacity: 0.6;
+
+      &:hover {
+        padding: 8px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .slider {
+    margin-top: 10px;
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/home/station/control/index.vue b/src/views/home/station/control/index.vue
index 00f980f..ea082ef 100644
--- a/src/views/home/station/control/index.vue
+++ b/src/views/home/station/control/index.vue
@@ -1,3 +1,204 @@
+<!--
+  Description: 场站管理-设备控制
+  Author: 李亚光
+  Date: 2024-09-05
+ -->
+<script lang="ts" setup name="StationDeviceControl">
+import dayjs from 'dayjs'
+import control from './components/control.vue'
+import { toTreeList } from '@/utils/structure'
+import { getDeptTreeList } from '@/api/system/dept'
+
+const loadingTree = ref<boolean>(false)
+
+const defaultProps = {
+  children: 'children',
+  label: 'name',
+}
+const treeData = ref<any[]>([])
+
+// 点击树形结构
+const handleNodeClick = (data: any) => {
+
+}
+// 获取组织列表树数据
+const fetchTreeData = () => {
+  loadingTree.value = true
+  getDeptTreeList({ deptType: '' }).then((res) => {
+    treeData.value = toTreeList(res.data, '0', true)
+    loadingTree.value = false
+  }).catch(() => {
+    loadingTree.value = false
+  })
+}
+fetchTreeData()
+
+const xAxisData = ref<string[]>([])
+const data = ref<any[]>([])
+onMounted(() => {
+  // dayjs().subtract(7, 'day').format('YYYY-MM-DD HH:mm:ss')
+  xAxisData.value = [
+    `${dayjs().subtract(24, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(20, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(16, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(8, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(4, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(0, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+  ]
+  data.value = [
+    {
+      name: '当前浓度',
+      data: ['0', '0', '0', '0', '0', '0', '0'],
+    },
+  ]
+})
+</script>
+
 <template>
-  设备控制
+  <app-container style="overflow: hidden;">
+    <div class="container">
+      <!-- 左侧组织机构 -->
+      <div class="left-container">
+        <div class="dept-div">
+          <el-card class="box-card" shadow="always">
+            <template #header>
+              <div class="clearfix">
+                <!-- <div>监控点列表</div> -->
+                <el-input placeholder="请输入搜索内容" />
+              </div>
+            </template>
+            <el-scrollbar height="100%" class="user-dept-scroll">
+              <el-tree
+                v-loading="loadingTree" :data="treeData" :props="defaultProps" default-expand-all
+                :expand-on-click-node="false" @node-click="handleNodeClick"
+              />
+            </el-scrollbar>
+          </el-card>
+        </div>
+      </div>
+      <!-- 右侧表格 -->
+      <div ref="tableContainer" class="table">
+        <el-card class="box-card1" shadow="always">
+          <div class="container1">
+            <div class="left1">
+              <video class="video1" src="" controls autoplay />
+              <!-- 图表 -->
+              <div>
+                <span>当前浓度：0.00%LEL</span>
+                <span style="margin-left: 50px;">报警阈值：50%LEL</span>
+              </div>
+              <div class="chart">
+                <line-chart
+                  :x-axis-data="xAxisData" :data="data" :gradient="false" :smooth="false" unit="%LEL"
+                  :legend="{ itemWidth: 8, itemHeight: 8, type: 'scroll', orient: 'horizontal', icon: 'roundRect', right: '0', top: '10' }"
+                />
+              </div>
+            </div>
+            <div class="right1">
+              <el-card shadow="always">
+                <template #header>
+                  <div class="clearfix">
+                    <div>云台控制</div>
+                  </div>
+                </template>
+                <control />
+              </el-card>
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </div>
+  </app-container>
 </template>
+
+<style lang="scss" scoped>
+.container1 {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+
+  .left1 {
+    width: 75%;
+
+    // background-color: antiquewhite;
+    .video1 {
+      width: 100%;
+      height: 55vh;
+    }
+
+    .chart {
+      width: 100%;
+      height: 23vh;
+    }
+  }
+
+  .right1 {
+    width: 24%;
+    // background-color: aquamarine;
+
+    :deep(.el-card) {
+      height: 80vh;
+      background-color: #fff;
+    }
+
+    :deep(.el-card__body) {
+      padding: 5px;
+      padding-top: 10px;
+    }
+
+    // .header {
+    //   text-align: center;
+    //   font-size: 16px;
+    //   font-weight: 700;
+    //   padding: 10px;
+    //   border-bottom: 1px solid #ccc;
+    // }
+  }
+}
+
+// 样式
+.container {
+  width: 100%;
+  display: flex;
+
+  .left-container {
+    width: 22%;
+  }
+
+  :deep(.el-radio__label) {
+    display: none;
+  }
+
+  .table {
+    width: 78%;
+  }
+}
+
+.video {
+  width: 49%;
+  height: 40vh;
+}
+
+.mar-bottom {
+  margin-bottom: 8px;
+}
+
+.dept-div {
+  padding-right: 12px;
+
+  :deep(.el-card) {
+    height: 85vh;
+    background-color: #fff;
+  }
+
+  .box-card {
+    width: 100%;
+
+    .user-dept-scroll {
+      width: 100%;
+      height: calc(100vh - 120px);
+    }
+  }
+}
+</style>

diff --git a/src/assets/images/device-control/fangda.png b/src/assets/images/device-control/fangda.png
new file mode 100644
index 0000000..a676b55
--- /dev/null
+++ b/src/assets/images/device-control/fangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquanfangda.png b/src/assets/images/device-control/guangquanfangda.png
new file mode 100644
index 0000000..dbc2d83
--- /dev/null
+++ b/src/assets/images/device-control/guangquanfangda.png
Binary files differ
diff --git a/src/assets/images/device-control/guangquansuoxiao.png b/src/assets/images/device-control/guangquansuoxiao.png
new file mode 100644
index 0000000..e259405
--- /dev/null
+++ b/src/assets/images/device-control/guangquansuoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianhouyi.png b/src/assets/images/device-control/jiaodianhouyi.png
new file mode 100644
index 0000000..381712a
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianhouyi.png
Binary files differ
diff --git a/src/assets/images/device-control/jiaodianqianyi.png b/src/assets/images/device-control/jiaodianqianyi.png
new file mode 100644
index 0000000..5fac10b
--- /dev/null
+++ b/src/assets/images/device-control/jiaodianqianyi.png
Binary files differ
diff --git a/src/assets/images/device-control/shang.png b/src/assets/images/device-control/shang.png
new file mode 100644
index 0000000..5099f60
--- /dev/null
+++ b/src/assets/images/device-control/shang.png
Binary files differ
diff --git a/src/assets/images/device-control/shuaxin.png b/src/assets/images/device-control/shuaxin.png
new file mode 100644
index 0000000..6a800a5
--- /dev/null
+++ b/src/assets/images/device-control/shuaxin.png
Binary files differ
diff --git a/src/assets/images/device-control/suoxiao.png b/src/assets/images/device-control/suoxiao.png
new file mode 100644
index 0000000..100fe5e
--- /dev/null
+++ b/src/assets/images/device-control/suoxiao.png
Binary files differ
diff --git a/src/assets/images/device-control/xia.png b/src/assets/images/device-control/xia.png
new file mode 100644
index 0000000..107b3a4
--- /dev/null
+++ b/src/assets/images/device-control/xia.png
Binary files differ
diff --git a/src/assets/images/device-control/you.png b/src/assets/images/device-control/you.png
new file mode 100644
index 0000000..c0cb71c
--- /dev/null
+++ b/src/assets/images/device-control/you.png
Binary files differ
diff --git a/src/assets/images/device-control/youshang.png b/src/assets/images/device-control/youshang.png
new file mode 100644
index 0000000..3ab0ea2
--- /dev/null
+++ b/src/assets/images/device-control/youshang.png
Binary files differ
diff --git a/src/assets/images/device-control/youxia.png b/src/assets/images/device-control/youxia.png
new file mode 100644
index 0000000..fce91c6
--- /dev/null
+++ b/src/assets/images/device-control/youxia.png
Binary files differ
diff --git a/src/assets/images/device-control/zuo.png b/src/assets/images/device-control/zuo.png
new file mode 100644
index 0000000..ac7f9ec
--- /dev/null
+++ b/src/assets/images/device-control/zuo.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoshang.png b/src/assets/images/device-control/zuoshang.png
new file mode 100644
index 0000000..3d4bb59
--- /dev/null
+++ b/src/assets/images/device-control/zuoshang.png
Binary files differ
diff --git a/src/assets/images/device-control/zuoxia.png b/src/assets/images/device-control/zuoxia.png
new file mode 100644
index 0000000..710f24f
--- /dev/null
+++ b/src/assets/images/device-control/zuoxia.png
Binary files differ
diff --git a/src/views/home/station/control/components/control.vue b/src/views/home/station/control/components/control.vue
new file mode 100644
index 0000000..973339e
--- /dev/null
+++ b/src/views/home/station/control/components/control.vue
@@ -0,0 +1,174 @@
+<!--
+  Description: 场站管理-设备控制面板
+  Author: 李亚光
+  Date: 2024-09-05
+ -->
+<script lang="ts" setup name="StationDeviceControlBoard">
+const img = {
+  zuoshang: new URL('@/assets/images/device-control/zuoshang.png', import.meta.url),
+  shang: new URL('@/assets/images/device-control/shang.png', import.meta.url),
+  youshang: new URL('@/assets/images/device-control/youshang.png', import.meta.url),
+  zuo: new URL('@/assets/images/device-control/zuo.png', import.meta.url),
+  shuaxin: new URL('@/assets/images/device-control/shuaxin.png', import.meta.url),
+  you: new URL('@/assets/images/device-control/you.png', import.meta.url),
+  zuoxia: new URL('@/assets/images/device-control/zuoxia.png', import.meta.url),
+  xia: new URL('@/assets/images/device-control/xia.png', import.meta.url),
+  youxia: new URL('@/assets/images/device-control/youxia.png', import.meta.url),
+  fangda: new URL('@/assets/images/device-control/fangda.png', import.meta.url),
+  suoxiao: new URL('@/assets/images/device-control/suoxiao.png', import.meta.url),
+  guangquanfangda: new URL('@/assets/images/device-control/guangquanfangda.png', import.meta.url),
+  guangquansuoxiao: new URL('@/assets/images/device-control/guangquansuoxiao.png', import.meta.url),
+  jiaodianqianyi: new URL('@/assets/images/device-control/jiaodianqianyi.png', import.meta.url),
+  jiaodianhouyi: new URL('@/assets/images/device-control/jiaodianhouyi.png', import.meta.url),
+}
+
+const direction = ref<any[]>([
+  {
+    name: '左上',
+    img: img.zuoshang,
+  },
+  {
+    name: '上',
+    img: img.shang,
+  },
+  {
+    name: '右上',
+    img: img.youshang,
+  },
+  {
+    name: '左',
+    img: img.zuo,
+  },
+  {
+    name: '刷新',
+    img: img.shuaxin,
+  },
+  {
+    name: '右',
+    img: img.you,
+  },
+  {
+    name: '坐下',
+    img: img.zuoxia,
+  },
+  {
+    name: '下',
+    img: img.xia,
+  },
+  {
+    name: '右下',
+    img: img.youxia,
+  },
+])
+const focus = ref<any>([
+  {
+    name: '缩小',
+    img: img.suoxiao,
+  },
+  {
+    name: '放大',
+    img: img.fangda,
+  },
+  {
+    name: '焦点后移',
+    img: img.jiaodianhouyi,
+  },
+  {
+    name: '焦点前移',
+    img: img.jiaodianqianyi,
+  },
+  {
+    name: '光圈缩小',
+    img: img.guangquansuoxiao,
+  },
+  {
+    name: '光圈放大',
+    img: img.guangquanfangda,
+  },
+])
+const value = ref(50)
+</script>
+
+<template>
+  <div class="container">
+    <div class="left">
+      <el-tooltip
+        v-for="item in direction" :key="item.name" class="box-item" effect="dark" :content="item.name"
+        placement="top"
+      >
+        <img :src="item.img" class="img">
+      </el-tooltip>
+    </div>
+    <div class="right">
+      <el-tooltip
+        v-for="item in focus" :key="item.name" class="box-item" effect="dark" :content="item.name"
+        placement="top"
+      >
+        <img :src="item.img" class="img" :alt="item.name">
+      </el-tooltip>
+    </div>
+    <div class="slider">
+      <el-slider v-model="value" show-input />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+
+  .left {
+    width: 62%;
+    // background-color: aqua;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+
+    .img {
+      width: 31%;
+      border: 2px solid #777;
+      border-radius: 5px;
+      box-sizing: border-box;
+      padding: 5px;
+      margin-bottom: 6px;
+      opacity: 0.6;
+
+      &:hover {
+        padding: 8px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .right {
+    width: 37%;
+    // background-color: chartreuse;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+
+    .img {
+      width: 48%;
+      border: 2px solid #777;
+      border-radius: 5px;
+      box-sizing: border-box;
+      padding: 5px;
+      margin-bottom: 6px;
+      opacity: 0.6;
+
+      &:hover {
+        padding: 8px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .slider {
+    margin-top: 10px;
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/home/station/control/index.vue b/src/views/home/station/control/index.vue
index 00f980f..ea082ef 100644
--- a/src/views/home/station/control/index.vue
+++ b/src/views/home/station/control/index.vue
@@ -1,3 +1,204 @@
+<!--
+  Description: 场站管理-设备控制
+  Author: 李亚光
+  Date: 2024-09-05
+ -->
+<script lang="ts" setup name="StationDeviceControl">
+import dayjs from 'dayjs'
+import control from './components/control.vue'
+import { toTreeList } from '@/utils/structure'
+import { getDeptTreeList } from '@/api/system/dept'
+
+const loadingTree = ref<boolean>(false)
+
+const defaultProps = {
+  children: 'children',
+  label: 'name',
+}
+const treeData = ref<any[]>([])
+
+// 点击树形结构
+const handleNodeClick = (data: any) => {
+
+}
+// 获取组织列表树数据
+const fetchTreeData = () => {
+  loadingTree.value = true
+  getDeptTreeList({ deptType: '' }).then((res) => {
+    treeData.value = toTreeList(res.data, '0', true)
+    loadingTree.value = false
+  }).catch(() => {
+    loadingTree.value = false
+  })
+}
+fetchTreeData()
+
+const xAxisData = ref<string[]>([])
+const data = ref<any[]>([])
+onMounted(() => {
+  // dayjs().subtract(7, 'day').format('YYYY-MM-DD HH:mm:ss')
+  xAxisData.value = [
+    `${dayjs().subtract(24, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(20, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(16, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(8, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(4, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+    `${dayjs().subtract(0, 'hour').format('YYYY-MM-DD HH:mm:ss')}`,
+  ]
+  data.value = [
+    {
+      name: '当前浓度',
+      data: ['0', '0', '0', '0', '0', '0', '0'],
+    },
+  ]
+})
+</script>
+
 <template>
-  设备控制
+  <app-container style="overflow: hidden;">
+    <div class="container">
+      <!-- 左侧组织机构 -->
+      <div class="left-container">
+        <div class="dept-div">
+          <el-card class="box-card" shadow="always">
+            <template #header>
+              <div class="clearfix">
+                <!-- <div>监控点列表</div> -->
+                <el-input placeholder="请输入搜索内容" />
+              </div>
+            </template>
+            <el-scrollbar height="100%" class="user-dept-scroll">
+              <el-tree
+                v-loading="loadingTree" :data="treeData" :props="defaultProps" default-expand-all
+                :expand-on-click-node="false" @node-click="handleNodeClick"
+              />
+            </el-scrollbar>
+          </el-card>
+        </div>
+      </div>
+      <!-- 右侧表格 -->
+      <div ref="tableContainer" class="table">
+        <el-card class="box-card1" shadow="always">
+          <div class="container1">
+            <div class="left1">
+              <video class="video1" src="" controls autoplay />
+              <!-- 图表 -->
+              <div>
+                <span>当前浓度：0.00%LEL</span>
+                <span style="margin-left: 50px;">报警阈值：50%LEL</span>
+              </div>
+              <div class="chart">
+                <line-chart
+                  :x-axis-data="xAxisData" :data="data" :gradient="false" :smooth="false" unit="%LEL"
+                  :legend="{ itemWidth: 8, itemHeight: 8, type: 'scroll', orient: 'horizontal', icon: 'roundRect', right: '0', top: '10' }"
+                />
+              </div>
+            </div>
+            <div class="right1">
+              <el-card shadow="always">
+                <template #header>
+                  <div class="clearfix">
+                    <div>云台控制</div>
+                  </div>
+                </template>
+                <control />
+              </el-card>
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </div>
+  </app-container>
 </template>
+
+<style lang="scss" scoped>
+.container1 {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+
+  .left1 {
+    width: 75%;
+
+    // background-color: antiquewhite;
+    .video1 {
+      width: 100%;
+      height: 55vh;
+    }
+
+    .chart {
+      width: 100%;
+      height: 23vh;
+    }
+  }
+
+  .right1 {
+    width: 24%;
+    // background-color: aquamarine;
+
+    :deep(.el-card) {
+      height: 80vh;
+      background-color: #fff;
+    }
+
+    :deep(.el-card__body) {
+      padding: 5px;
+      padding-top: 10px;
+    }
+
+    // .header {
+    //   text-align: center;
+    //   font-size: 16px;
+    //   font-weight: 700;
+    //   padding: 10px;
+    //   border-bottom: 1px solid #ccc;
+    // }
+  }
+}
+
+// 样式
+.container {
+  width: 100%;
+  display: flex;
+
+  .left-container {
+    width: 22%;
+  }
+
+  :deep(.el-radio__label) {
+    display: none;
+  }
+
+  .table {
+    width: 78%;
+  }
+}
+
+.video {
+  width: 49%;
+  height: 40vh;
+}
+
+.mar-bottom {
+  margin-bottom: 8px;
+}
+
+.dept-div {
+  padding-right: 12px;
+
+  :deep(.el-card) {
+    height: 85vh;
+    background-color: #fff;
+  }
+
+  .box-card {
+    width: 100%;
+
+    .user-dept-scroll {
+      width: 100%;
+      height: calc(100vh - 120px);
+    }
+  }
+}
+</style>
diff --git a/src/views/home/station/video/index.vue b/src/views/home/station/video/index.vue
index 7e15901..061afd1 100644
--- a/src/views/home/station/video/index.vue
+++ b/src/views/home/station/video/index.vue
@@ -1,3 +1,114 @@
+<!--
+  Description: 场站管理-视频轮询
+  Author: 李亚光
+  Date: 2024-09-05
+ -->
+<script lang="ts" setup name="StationDeviceVideo">
+import { toTreeList } from '@/utils/structure'
+import { getDeptTreeList } from '@/api/system/dept'
+
+const loadingTree = ref<boolean>(false)
+
+const defaultProps = {
+  children: 'children',
+  label: 'name',
+}
+const treeData = ref<any[]>([])
+
+// 点击树形结构
+const handleNodeClick = (data: any) => {
+
+}
+// 获取组织列表树数据
+const fetchTreeData = () => {
+  loadingTree.value = true
+  getDeptTreeList({ deptType: '' }).then((res) => {
+    treeData.value = toTreeList(res.data, '0', true)
+    loadingTree.value = false
+  }).catch(() => {
+    loadingTree.value = false
+  })
+}
+fetchTreeData()
+</script>
+
 <template>
-  视频轮巡
+  <app-container style="overflow: hidden;">
+    <div class="container">
+      <!-- 左侧组织机构 -->
+      <div class="left-container">
+        <div class="dept-div">
+          <el-card class="box-card" shadow="always">
+            <template #header>
+              <div class="clearfix">
+                <!-- <div>监控点列表</div> -->
+                <el-input placeholder="请输入搜索内容" />
+              </div>
+            </template>
+            <el-scrollbar height="100%" class="user-dept-scroll">
+              <el-tree
+                v-loading="loadingTree" :data="treeData" :props="defaultProps" default-expand-all
+                :expand-on-click-node="false" @node-click="handleNodeClick"
+              />
+            </el-scrollbar>
+          </el-card>
+        </div>
+      </div>
+      <!-- 右侧表格 -->
+      <div ref="tableContainer" class="table">
+        <el-card class="box-card" shadow="always">
+          <div style="display: flex;flex-wrap: wrap;justify-content: space-around;">
+            <video v-for="item in 4" :key="item" class="video" :class="`${item <= 2 ? 'mar-bottom' : ''}`" src="" controls autoplay />
+          </div>
+        </el-card>
+      </div>
+    </div>
+  </app-container>
 </template>
+
+<style lang="scss" scoped>
+// 样式
+.container {
+  width: 100%;
+  display: flex;
+
+  .left-container {
+    width: 22%;
+  }
+
+  :deep(.el-radio__label) {
+    display: none;
+  }
+
+  .table {
+    width: 78%;
+  }
+}
+
+.video {
+  width: 49%;
+  height: 40vh;
+}
+
+.mar-bottom {
+  margin-bottom: 8px;
+}
+
+.dept-div {
+  padding-right: 12px;
+
+  :deep(.el-card) {
+    height: 85vh;
+    background-color: #fff;
+  }
+
+  .box-card {
+    width: 100%;
+
+    .user-dept-scroll {
+      width: 100%;
+      height: calc(100vh - 120px);
+    }
+  }
+}
+</style>