diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 4f0ff99..760dcd5 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -6,11 +6,52 @@
   --bck: rgb(196, 192, 255);
   --tablehover: rgb(4, 51, 52);
   --white: rgb(255, 255, 255);
+  /* 原色为白色,切换后的颜色为黑色,设置字体时使用 */
+
   --black: rgb(0, 0, 0);
-  --darkgray: #fdfdfd12;
+  /* 原色为黑色,切换后的颜色为白色,设置边框时使用 */
+
   --lightgray: #c1c5cc;
   --lightblue: rgb(102, 177, 255);
+
   --dialogtitle: rgb(0, 255, 255);
+  /* 弹框高亮标题颜色 */
+
+  --tablethead: transparent;
+  /* 通用表格表头标题默认透明色,改成rgb(206, 223, 255) */
+
+  --tablebody: transparent;
+  /* 通用表格实时数据默认透明色,改成rgb(193, 213, 248) */
+
+  --elhead: rgb(5, 4, 9);
+  /* 通用头部默认颜色，改成rgb(6, 92, 255) */
+
+  --elaside: rgb(5, 4, 9);
+  /* 侧边栏底部余下空间默认背景色，改成rgb(187, 209, 246) */
+
+  --elmenuitem: rgb(58, 58, 60);
+  /* 侧边栏默认背景色，,改成白色 */
+
+  --lineargradient: -webkit-linear-gradient(transparent);
+  /* 侧边栏标签默认渐变色，默认为透明色，改变后为-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%) */
+
+  --elicon: "";
+  /* 侧边栏标签前面的字体图标颜色,改变后为rgb(255,255,255) */
+
+  --preSiteTitle: rgba(25, 26, 28);
+  /* 首页六个方框的标题颜色,切换后的颜色为207, 223, 255 */
+
+  --preSiteCentent: transparent;
+  /* 首页六个方框的内部内容的颜色，切换后的颜色为193, 213, 248 */
+
+  --pretextbg: transparent;
+  /* 首页历史搜索模块的背景色,切换后为rgb(6, 92, 255) */
+
+  --preTopDatatxt: rgb(255, 217, 0);
+  /* 首页设备总数/当前在线数/在线率三个文字颜色的改变,切换为rgb(39, 71, 217) */
+
+  --eldatebefore: transparent;
+  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
 }
 
 .form-cascader .el-cascader-panel .el-radio {

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 4f0ff99..760dcd5 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -6,11 +6,52 @@
   --bck: rgb(196, 192, 255);
   --tablehover: rgb(4, 51, 52);
   --white: rgb(255, 255, 255);
+  /* 原色为白色,切换后的颜色为黑色,设置字体时使用 */
+
   --black: rgb(0, 0, 0);
-  --darkgray: #fdfdfd12;
+  /* 原色为黑色,切换后的颜色为白色,设置边框时使用 */
+
   --lightgray: #c1c5cc;
   --lightblue: rgb(102, 177, 255);
+
   --dialogtitle: rgb(0, 255, 255);
+  /* 弹框高亮标题颜色 */
+
+  --tablethead: transparent;
+  /* 通用表格表头标题默认透明色,改成rgb(206, 223, 255) */
+
+  --tablebody: transparent;
+  /* 通用表格实时数据默认透明色,改成rgb(193, 213, 248) */
+
+  --elhead: rgb(5, 4, 9);
+  /* 通用头部默认颜色，改成rgb(6, 92, 255) */
+
+  --elaside: rgb(5, 4, 9);
+  /* 侧边栏底部余下空间默认背景色，改成rgb(187, 209, 246) */
+
+  --elmenuitem: rgb(58, 58, 60);
+  /* 侧边栏默认背景色，,改成白色 */
+
+  --lineargradient: -webkit-linear-gradient(transparent);
+  /* 侧边栏标签默认渐变色，默认为透明色，改变后为-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%) */
+
+  --elicon: "";
+  /* 侧边栏标签前面的字体图标颜色,改变后为rgb(255,255,255) */
+
+  --preSiteTitle: rgba(25, 26, 28);
+  /* 首页六个方框的标题颜色,切换后的颜色为207, 223, 255 */
+
+  --preSiteCentent: transparent;
+  /* 首页六个方框的内部内容的颜色，切换后的颜色为193, 213, 248 */
+
+  --pretextbg: transparent;
+  /* 首页历史搜索模块的背景色,切换后为rgb(6, 92, 255) */
+
+  --preTopDatatxt: rgb(255, 217, 0);
+  /* 首页设备总数/当前在线数/在线率三个文字颜色的改变,切换为rgb(39, 71, 217) */
+
+  --eldatebefore: transparent;
+  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/util/SJFX.js b/src/util/SJFX.js
new file mode 100644
index 0000000..37411e5
--- /dev/null
+++ b/src/util/SJFX.js
@@ -0,0 +1,17 @@
+/**
+ * 数据分析模块
+ * @exports {Object}
+ * 陈红刚
+ */
+let host = "/Api";
+
+let nozzle = {
+  // "statement": "/statistical/statement",
+  // "service": "/statistical/service",
+  // "Conn": "/statistical/Conn",
+};
+
+for (let item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 4f0ff99..760dcd5 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -6,11 +6,52 @@
   --bck: rgb(196, 192, 255);
   --tablehover: rgb(4, 51, 52);
   --white: rgb(255, 255, 255);
+  /* 原色为白色,切换后的颜色为黑色,设置字体时使用 */
+
   --black: rgb(0, 0, 0);
-  --darkgray: #fdfdfd12;
+  /* 原色为黑色,切换后的颜色为白色,设置边框时使用 */
+
   --lightgray: #c1c5cc;
   --lightblue: rgb(102, 177, 255);
+
   --dialogtitle: rgb(0, 255, 255);
+  /* 弹框高亮标题颜色 */
+
+  --tablethead: transparent;
+  /* 通用表格表头标题默认透明色,改成rgb(206, 223, 255) */
+
+  --tablebody: transparent;
+  /* 通用表格实时数据默认透明色,改成rgb(193, 213, 248) */
+
+  --elhead: rgb(5, 4, 9);
+  /* 通用头部默认颜色，改成rgb(6, 92, 255) */
+
+  --elaside: rgb(5, 4, 9);
+  /* 侧边栏底部余下空间默认背景色，改成rgb(187, 209, 246) */
+
+  --elmenuitem: rgb(58, 58, 60);
+  /* 侧边栏默认背景色，,改成白色 */
+
+  --lineargradient: -webkit-linear-gradient(transparent);
+  /* 侧边栏标签默认渐变色，默认为透明色，改变后为-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%) */
+
+  --elicon: "";
+  /* 侧边栏标签前面的字体图标颜色,改变后为rgb(255,255,255) */
+
+  --preSiteTitle: rgba(25, 26, 28);
+  /* 首页六个方框的标题颜色,切换后的颜色为207, 223, 255 */
+
+  --preSiteCentent: transparent;
+  /* 首页六个方框的内部内容的颜色，切换后的颜色为193, 213, 248 */
+
+  --pretextbg: transparent;
+  /* 首页历史搜索模块的背景色,切换后为rgb(6, 92, 255) */
+
+  --preTopDatatxt: rgb(255, 217, 0);
+  /* 首页设备总数/当前在线数/在线率三个文字颜色的改变,切换为rgb(39, 71, 217) */
+
+  --eldatebefore: transparent;
+  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/util/SJFX.js b/src/util/SJFX.js
new file mode 100644
index 0000000..37411e5
--- /dev/null
+++ b/src/util/SJFX.js
@@ -0,0 +1,17 @@
+/**
+ * 数据分析模块
+ * @exports {Object}
+ * 陈红刚
+ */
+let host = "/Api";
+
+let nozzle = {
+  // "statement": "/statistical/statement",
+  // "service": "/statistical/service",
+  // "Conn": "/statistical/Conn",
+};
+
+for (let item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;
diff --git a/static/img/bg_img.png b/static/img/bg_img.png
new file mode 100644
index 0000000..16507a3
--- /dev/null
+++ b/static/img/bg_img.png
Binary files differ

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 4f0ff99..760dcd5 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -6,11 +6,52 @@
   --bck: rgb(196, 192, 255);
   --tablehover: rgb(4, 51, 52);
   --white: rgb(255, 255, 255);
+  /* 原色为白色,切换后的颜色为黑色,设置字体时使用 */
+
   --black: rgb(0, 0, 0);
-  --darkgray: #fdfdfd12;
+  /* 原色为黑色,切换后的颜色为白色,设置边框时使用 */
+
   --lightgray: #c1c5cc;
   --lightblue: rgb(102, 177, 255);
+
   --dialogtitle: rgb(0, 255, 255);
+  /* 弹框高亮标题颜色 */
+
+  --tablethead: transparent;
+  /* 通用表格表头标题默认透明色,改成rgb(206, 223, 255) */
+
+  --tablebody: transparent;
+  /* 通用表格实时数据默认透明色,改成rgb(193, 213, 248) */
+
+  --elhead: rgb(5, 4, 9);
+  /* 通用头部默认颜色，改成rgb(6, 92, 255) */
+
+  --elaside: rgb(5, 4, 9);
+  /* 侧边栏底部余下空间默认背景色，改成rgb(187, 209, 246) */
+
+  --elmenuitem: rgb(58, 58, 60);
+  /* 侧边栏默认背景色，,改成白色 */
+
+  --lineargradient: -webkit-linear-gradient(transparent);
+  /* 侧边栏标签默认渐变色，默认为透明色，改变后为-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%) */
+
+  --elicon: "";
+  /* 侧边栏标签前面的字体图标颜色,改变后为rgb(255,255,255) */
+
+  --preSiteTitle: rgba(25, 26, 28);
+  /* 首页六个方框的标题颜色,切换后的颜色为207, 223, 255 */
+
+  --preSiteCentent: transparent;
+  /* 首页六个方框的内部内容的颜色，切换后的颜色为193, 213, 248 */
+
+  --pretextbg: transparent;
+  /* 首页历史搜索模块的背景色,切换后为rgb(6, 92, 255) */
+
+  --preTopDatatxt: rgb(255, 217, 0);
+  /* 首页设备总数/当前在线数/在线率三个文字颜色的改变,切换为rgb(39, 71, 217) */
+
+  --eldatebefore: transparent;
+  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/util/SJFX.js b/src/util/SJFX.js
new file mode 100644
index 0000000..37411e5
--- /dev/null
+++ b/src/util/SJFX.js
@@ -0,0 +1,17 @@
+/**
+ * 数据分析模块
+ * @exports {Object}
+ * 陈红刚
+ */
+let host = "/Api";
+
+let nozzle = {
+  // "statement": "/statistical/statement",
+  // "service": "/statistical/service",
+  // "Conn": "/statistical/Conn",
+};
+
+for (let item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;
diff --git a/static/img/bg_img.png b/static/img/bg_img.png
new file mode 100644
index 0000000..16507a3
--- /dev/null
+++ b/static/img/bg_img.png
Binary files differ
diff --git a/static/img/tu.JPG b/static/img/tu.JPG
deleted file mode 100644
index c3b7c59..0000000
--- a/static/img/tu.JPG
+++ /dev/null
Binary files differ

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 4f0ff99..760dcd5 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -6,11 +6,52 @@
   --bck: rgb(196, 192, 255);
   --tablehover: rgb(4, 51, 52);
   --white: rgb(255, 255, 255);
+  /* 原色为白色,切换后的颜色为黑色,设置字体时使用 */
+
   --black: rgb(0, 0, 0);
-  --darkgray: #fdfdfd12;
+  /* 原色为黑色,切换后的颜色为白色,设置边框时使用 */
+
   --lightgray: #c1c5cc;
   --lightblue: rgb(102, 177, 255);
+
   --dialogtitle: rgb(0, 255, 255);
+  /* 弹框高亮标题颜色 */
+
+  --tablethead: transparent;
+  /* 通用表格表头标题默认透明色,改成rgb(206, 223, 255) */
+
+  --tablebody: transparent;
+  /* 通用表格实时数据默认透明色,改成rgb(193, 213, 248) */
+
+  --elhead: rgb(5, 4, 9);
+  /* 通用头部默认颜色，改成rgb(6, 92, 255) */
+
+  --elaside: rgb(5, 4, 9);
+  /* 侧边栏底部余下空间默认背景色，改成rgb(187, 209, 246) */
+
+  --elmenuitem: rgb(58, 58, 60);
+  /* 侧边栏默认背景色，,改成白色 */
+
+  --lineargradient: -webkit-linear-gradient(transparent);
+  /* 侧边栏标签默认渐变色，默认为透明色，改变后为-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%) */
+
+  --elicon: "";
+  /* 侧边栏标签前面的字体图标颜色,改变后为rgb(255,255,255) */
+
+  --preSiteTitle: rgba(25, 26, 28);
+  /* 首页六个方框的标题颜色,切换后的颜色为207, 223, 255 */
+
+  --preSiteCentent: transparent;
+  /* 首页六个方框的内部内容的颜色，切换后的颜色为193, 213, 248 */
+
+  --pretextbg: transparent;
+  /* 首页历史搜索模块的背景色,切换后为rgb(6, 92, 255) */
+
+  --preTopDatatxt: rgb(255, 217, 0);
+  /* 首页设备总数/当前在线数/在线率三个文字颜色的改变,切换为rgb(39, 71, 217) */
+
+  --eldatebefore: transparent;
+  /* 时间日期前面的字体图标颜色默认透明，改变后为rgb(0, 119, 255) */
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/util/SJFX.js b/src/util/SJFX.js
new file mode 100644
index 0000000..37411e5
--- /dev/null
+++ b/src/util/SJFX.js
@@ -0,0 +1,17 @@
+/**
+ * 数据分析模块
+ * @exports {Object}
+ * 陈红刚
+ */
+let host = "/Api";
+
+let nozzle = {
+  // "statement": "/statistical/statement",
+  // "service": "/statistical/service",
+  // "Conn": "/statistical/Conn",
+};
+
+for (let item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;
diff --git a/static/img/bg_img.png b/static/img/bg_img.png
new file mode 100644
index 0000000..16507a3
--- /dev/null
+++ b/static/img/bg_img.png
Binary files differ
diff --git a/static/img/tu.JPG b/static/img/tu.JPG
deleted file mode 100644
index c3b7c59..0000000
--- a/static/img/tu.JPG
+++ /dev/null
Binary files differ
diff --git a/static/img/white.png b/static/img/white.png
deleted file mode 100644
index 128e964..0000000
--- a/static/img/white.png
+++ /dev/null
Binary files differ