diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ

diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ
diff --git a/src/assets/login_images/btn-bg.png b/src/assets/login_images/btn-bg.png
new file mode 100644
index 0000000..f6ad21e
--- /dev/null
+++ b/src/assets/login_images/btn-bg.png
Binary files differ

diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ
diff --git a/src/assets/login_images/btn-bg.png b/src/assets/login_images/btn-bg.png
new file mode 100644
index 0000000..f6ad21e
--- /dev/null
+++ b/src/assets/login_images/btn-bg.png
Binary files differ
diff --git a/src/assets/login_images/sys-hover.png b/src/assets/login_images/sys-hover.png
new file mode 100644
index 0000000..3a63087
--- /dev/null
+++ b/src/assets/login_images/sys-hover.png
Binary files differ

diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ
diff --git a/src/assets/login_images/btn-bg.png b/src/assets/login_images/btn-bg.png
new file mode 100644
index 0000000..f6ad21e
--- /dev/null
+++ b/src/assets/login_images/btn-bg.png
Binary files differ
diff --git a/src/assets/login_images/sys-hover.png b/src/assets/login_images/sys-hover.png
new file mode 100644
index 0000000..3a63087
--- /dev/null
+++ b/src/assets/login_images/sys-hover.png
Binary files differ
diff --git a/src/assets/login_images/title_left.png b/src/assets/login_images/title_left.png
new file mode 100644
index 0000000..ebd6a95
--- /dev/null
+++ b/src/assets/login_images/title_left.png
Binary files differ

diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ
diff --git a/src/assets/login_images/btn-bg.png b/src/assets/login_images/btn-bg.png
new file mode 100644
index 0000000..f6ad21e
--- /dev/null
+++ b/src/assets/login_images/btn-bg.png
Binary files differ
diff --git a/src/assets/login_images/sys-hover.png b/src/assets/login_images/sys-hover.png
new file mode 100644
index 0000000..3a63087
--- /dev/null
+++ b/src/assets/login_images/sys-hover.png
Binary files differ
diff --git a/src/assets/login_images/title_left.png b/src/assets/login_images/title_left.png
new file mode 100644
index 0000000..ebd6a95
--- /dev/null
+++ b/src/assets/login_images/title_left.png
Binary files differ
diff --git a/src/assets/login_images/title_right.png b/src/assets/login_images/title_right.png
new file mode 100644
index 0000000..2ea8c47
--- /dev/null
+++ b/src/assets/login_images/title_right.png
Binary files differ

diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ
diff --git a/src/assets/login_images/btn-bg.png b/src/assets/login_images/btn-bg.png
new file mode 100644
index 0000000..f6ad21e
--- /dev/null
+++ b/src/assets/login_images/btn-bg.png
Binary files differ
diff --git a/src/assets/login_images/sys-hover.png b/src/assets/login_images/sys-hover.png
new file mode 100644
index 0000000..3a63087
--- /dev/null
+++ b/src/assets/login_images/sys-hover.png
Binary files differ
diff --git a/src/assets/login_images/title_left.png b/src/assets/login_images/title_left.png
new file mode 100644
index 0000000..ebd6a95
--- /dev/null
+++ b/src/assets/login_images/title_left.png
Binary files differ
diff --git a/src/assets/login_images/title_right.png b/src/assets/login_images/title_right.png
new file mode 100644
index 0000000..2ea8c47
--- /dev/null
+++ b/src/assets/login_images/title_right.png
Binary files differ
diff --git a/src/icons/svg/icon-supply.svg b/src/icons/svg/icon-supply.svg
index 665c11b..be694d8 100644
--- a/src/icons/svg/icon-supply.svg
+++ b/src/icons/svg/icon-supply.svg
@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618201968478" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10166" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><defs><style type="text/css"></style></defs><path d="M432.036 315.023c-73.708 0-133.683-59.975-133.683-133.693 0-73.708 59.965-133.683 133.683-133.683s133.693 59.965 133.693 133.683-59.975 133.693-133.693 133.693z m0-220.948c-48.097 0-87.255 39.147-87.255 87.255s39.147 87.245 87.255 87.245c48.118 0 87.255-39.138 87.255-87.245 0-48.118-39.137-87.255-87.255-87.255z m314.952 471.91c-73.688 0-133.684-59.965-133.684-133.673S673.29 298.64 746.988 298.64c73.738 0 133.703 59.966 133.703 133.673s-59.965 133.673-133.703 133.673z m0-220.917c-48.098 0-87.245 39.137-87.245 87.255 0 48.107 39.137 87.255 87.245 87.255 48.107 0 87.265-39.138 87.265-87.255 0.01-48.118-39.158-87.255-87.265-87.255zM163.758 889.23H38.308a23.224 23.224 0 0 1-23.224-23.224v-366.1a23.214 23.214 0 0 1 23.224-23.225h125.45a23.224 23.224 0 0 1 23.224 23.225v366.1a23.214 23.214 0 0 1-23.224 23.224zM61.532 842.803h79.012V523.121H61.532v319.682z" p-id="10167"></path><path d="M513.147 976.353H400.64a23.245 23.245 0 0 1-7.311-1.157c-68.905-22.845-222.7-110.06-229.213-113.766a23.224 23.224 0 0 1 22.948-40.397c1.506 0.87 150.938 85.617 217.416 108.902h104.397l446.7-169.267c-10.845-21.36-34.888-52.9-82.392-52.9H635.27a23.224 23.224 0 1 1 0-46.448h237.916c85.545 0 125.727 70.062 135.015 107.09a23.163 23.163 0 0 1-14.285 27.381L521.39 974.838c-2.642 1.024-5.427 1.515-8.243 1.515z" p-id="10168"></path><path d="M676.649 802.447H357.806a23.214 23.214 0 1 1 0-46.448h292.577c-14.428-54.364-75.858-87.409-92.21-95.365H403.854a23.224 23.224 0 0 1-18.565-9.247c-61.378-81.746-208.783-86.282-210.268-86.334a23.214 23.214 0 1 1 1.147-46.397c6.738 0.154 161.137 4.966 238.807 95.57h148.296c3.143 0 6.246 0.635 9.134 1.853 5.202 2.233 127.457 55.655 127.457 163.165a23.194 23.194 0 0 1-23.214 23.203z" p-id="10169"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618299954630" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17448" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><defs><style type="text/css"></style></defs><path d="M17.115429 496.713143v390.509714c0 5.485714 2.706286 10.752 7.314285 15.36V481.28a21.138286 21.138286 0 0 0-7.314285 15.433143z m590.336 221.988571a149.211429 149.211429 0 0 0-11.190858-11.702857c2.925714 4.827429 6.729143 8.850286 11.190858 11.702857zM424.96 282.258286c68.827429 0 124.928-62.390857 124.928-138.898286S493.714286 4.534857 424.96 4.534857C355.986286 4.534857 299.885714 66.852571 299.885714 143.36c0 76.507429 56.027429 138.898286 125.001143 138.898286z m0-214.528c37.522286 0 68.022857 33.865143 68.022857 75.556571 0 41.691429-30.500571 75.483429-68.022857 75.483429-37.522286 0-68.022857-33.865143-68.022857-75.483429-0.073143-41.618286 30.500571-75.556571 68.022857-75.556571z m307.419429 458.459428c68.900571 0 125.001143-62.317714 125.001142-138.825143 0-76.507429-56.100571-138.898286-125.001142-138.898285-68.827429 0-124.928 62.390857-124.928 138.898285 0 76.580571 56.100571 138.825143 124.928 138.825143z m0-214.381714c37.522286 0 68.022857 33.865143 68.022857 75.556571 0 41.691429-30.500571 75.483429-68.022857 75.483429-37.449143 0-68.022857-33.865143-68.022858-75.483429 0-41.691429 30.573714-75.556571 68.022858-75.556571z m271.798857 465.773714c-9.654857-42.788571-51.2-123.830857-139.995429-123.830857h-228.205714c-31.963429-29.988571-65.097143-45.056-67.657143-46.299428a29.330286 29.330286 0 0 0-11.556571-2.413715H417.645714C349.403429 518.875429 238.226286 508.708571 211.017143 507.611429v-10.678858c0-19.017143-13.897143-34.523429-31.085714-34.523428H48.274286a30.866286 30.866286 0 0 0-27.867429 19.163428v421.156572c5.12 11.410286 15.725714 19.236571 27.794286 19.236571h131.803428a29.696 29.696 0 0 0 22.674286-10.971428c50.029714 30.72 141.238857 84.992 190.390857 103.131428a27.136 27.136 0 0 0 9.801143 1.682286H512.731429c3.730286 0 7.460571-0.731429 11.117714-2.340571l461.238857-195.145143a34.523429 34.523429 0 0 0 20.041143-30.500572v-3.876571a40.009143 40.009143 0 0 0-0.950857-6.363429zM148.918857 852.626286h-69.485714V531.309714h69.485714v321.316572zM506.88 946.468571H408.064c-53.613714-21.211429-160.475429-86.893714-197.046857-109.568V576.804571c24.576 1.536 118.710857 12.068571 166.912 83.382858 5.851429 8.777143 15.140571 13.897143 24.868571 13.897142h147.017143c9.069714 4.754286 28.379429 15.872 46.299429 32.914286 3.876571 3.657143 7.606857 7.387429 11.264 11.556572 8.338286 9.508571 15.725714 20.48 20.772571 32.768h-269.165714c-17.188571 0-31.158857 15.506286-31.158857 34.596571 0 19.017143 13.970286 34.596571 31.158857 34.596571h307.419428c17.188571 0 31.158857-15.579429 31.158858-34.596571 0-23.405714-4.754286-44.397714-12.434286-63.049143h178.980571c36.059429 0 56.978286 22.820571 68.388572 43.446857L506.953143 946.468571z" p-id="17449"></path></svg>
\ No newline at end of file

diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ
diff --git a/src/assets/login_images/btn-bg.png b/src/assets/login_images/btn-bg.png
new file mode 100644
index 0000000..f6ad21e
--- /dev/null
+++ b/src/assets/login_images/btn-bg.png
Binary files differ
diff --git a/src/assets/login_images/sys-hover.png b/src/assets/login_images/sys-hover.png
new file mode 100644
index 0000000..3a63087
--- /dev/null
+++ b/src/assets/login_images/sys-hover.png
Binary files differ
diff --git a/src/assets/login_images/title_left.png b/src/assets/login_images/title_left.png
new file mode 100644
index 0000000..ebd6a95
--- /dev/null
+++ b/src/assets/login_images/title_left.png
Binary files differ
diff --git a/src/assets/login_images/title_right.png b/src/assets/login_images/title_right.png
new file mode 100644
index 0000000..2ea8c47
--- /dev/null
+++ b/src/assets/login_images/title_right.png
Binary files differ
diff --git a/src/icons/svg/icon-supply.svg b/src/icons/svg/icon-supply.svg
index 665c11b..be694d8 100644
--- a/src/icons/svg/icon-supply.svg
+++ b/src/icons/svg/icon-supply.svg
@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618201968478" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10166" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><defs><style type="text/css"></style></defs><path d="M432.036 315.023c-73.708 0-133.683-59.975-133.683-133.693 0-73.708 59.965-133.683 133.683-133.683s133.693 59.965 133.693 133.683-59.975 133.693-133.693 133.693z m0-220.948c-48.097 0-87.255 39.147-87.255 87.255s39.147 87.245 87.255 87.245c48.118 0 87.255-39.138 87.255-87.245 0-48.118-39.137-87.255-87.255-87.255z m314.952 471.91c-73.688 0-133.684-59.965-133.684-133.673S673.29 298.64 746.988 298.64c73.738 0 133.703 59.966 133.703 133.673s-59.965 133.673-133.703 133.673z m0-220.917c-48.098 0-87.245 39.137-87.245 87.255 0 48.107 39.137 87.255 87.245 87.255 48.107 0 87.265-39.138 87.265-87.255 0.01-48.118-39.158-87.255-87.265-87.255zM163.758 889.23H38.308a23.224 23.224 0 0 1-23.224-23.224v-366.1a23.214 23.214 0 0 1 23.224-23.225h125.45a23.224 23.224 0 0 1 23.224 23.225v366.1a23.214 23.214 0 0 1-23.224 23.224zM61.532 842.803h79.012V523.121H61.532v319.682z" p-id="10167"></path><path d="M513.147 976.353H400.64a23.245 23.245 0 0 1-7.311-1.157c-68.905-22.845-222.7-110.06-229.213-113.766a23.224 23.224 0 0 1 22.948-40.397c1.506 0.87 150.938 85.617 217.416 108.902h104.397l446.7-169.267c-10.845-21.36-34.888-52.9-82.392-52.9H635.27a23.224 23.224 0 1 1 0-46.448h237.916c85.545 0 125.727 70.062 135.015 107.09a23.163 23.163 0 0 1-14.285 27.381L521.39 974.838c-2.642 1.024-5.427 1.515-8.243 1.515z" p-id="10168"></path><path d="M676.649 802.447H357.806a23.214 23.214 0 1 1 0-46.448h292.577c-14.428-54.364-75.858-87.409-92.21-95.365H403.854a23.224 23.224 0 0 1-18.565-9.247c-61.378-81.746-208.783-86.282-210.268-86.334a23.214 23.214 0 1 1 1.147-46.397c6.738 0.154 161.137 4.966 238.807 95.57h148.296c3.143 0 6.246 0.635 9.134 1.853 5.202 2.233 127.457 55.655 127.457 163.165a23.194 23.194 0 0 1-23.214 23.203z" p-id="10169"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618299954630" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17448" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><defs><style type="text/css"></style></defs><path d="M17.115429 496.713143v390.509714c0 5.485714 2.706286 10.752 7.314285 15.36V481.28a21.138286 21.138286 0 0 0-7.314285 15.433143z m590.336 221.988571a149.211429 149.211429 0 0 0-11.190858-11.702857c2.925714 4.827429 6.729143 8.850286 11.190858 11.702857zM424.96 282.258286c68.827429 0 124.928-62.390857 124.928-138.898286S493.714286 4.534857 424.96 4.534857C355.986286 4.534857 299.885714 66.852571 299.885714 143.36c0 76.507429 56.027429 138.898286 125.001143 138.898286z m0-214.528c37.522286 0 68.022857 33.865143 68.022857 75.556571 0 41.691429-30.500571 75.483429-68.022857 75.483429-37.522286 0-68.022857-33.865143-68.022857-75.483429-0.073143-41.618286 30.500571-75.556571 68.022857-75.556571z m307.419429 458.459428c68.900571 0 125.001143-62.317714 125.001142-138.825143 0-76.507429-56.100571-138.898286-125.001142-138.898285-68.827429 0-124.928 62.390857-124.928 138.898285 0 76.580571 56.100571 138.825143 124.928 138.825143z m0-214.381714c37.522286 0 68.022857 33.865143 68.022857 75.556571 0 41.691429-30.500571 75.483429-68.022857 75.483429-37.449143 0-68.022857-33.865143-68.022858-75.483429 0-41.691429 30.573714-75.556571 68.022858-75.556571z m271.798857 465.773714c-9.654857-42.788571-51.2-123.830857-139.995429-123.830857h-228.205714c-31.963429-29.988571-65.097143-45.056-67.657143-46.299428a29.330286 29.330286 0 0 0-11.556571-2.413715H417.645714C349.403429 518.875429 238.226286 508.708571 211.017143 507.611429v-10.678858c0-19.017143-13.897143-34.523429-31.085714-34.523428H48.274286a30.866286 30.866286 0 0 0-27.867429 19.163428v421.156572c5.12 11.410286 15.725714 19.236571 27.794286 19.236571h131.803428a29.696 29.696 0 0 0 22.674286-10.971428c50.029714 30.72 141.238857 84.992 190.390857 103.131428a27.136 27.136 0 0 0 9.801143 1.682286H512.731429c3.730286 0 7.460571-0.731429 11.117714-2.340571l461.238857-195.145143a34.523429 34.523429 0 0 0 20.041143-30.500572v-3.876571a40.009143 40.009143 0 0 0-0.950857-6.363429zM148.918857 852.626286h-69.485714V531.309714h69.485714v321.316572zM506.88 946.468571H408.064c-53.613714-21.211429-160.475429-86.893714-197.046857-109.568V576.804571c24.576 1.536 118.710857 12.068571 166.912 83.382858 5.851429 8.777143 15.140571 13.897143 24.868571 13.897142h147.017143c9.069714 4.754286 28.379429 15.872 46.299429 32.914286 3.876571 3.657143 7.606857 7.387429 11.264 11.556572 8.338286 9.508571 15.725714 20.48 20.772571 32.768h-269.165714c-17.188571 0-31.158857 15.506286-31.158857 34.596571 0 19.017143 13.970286 34.596571 31.158857 34.596571h307.419428c17.188571 0 31.158857-15.579429 31.158858-34.596571 0-23.405714-4.754286-44.397714-12.434286-63.049143h178.980571c36.059429 0 56.978286 22.820571 68.388572 43.446857L506.953143 946.468571z" p-id="17449"></path></svg>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 16b9db1..ee331f4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -125,7 +125,7 @@
     meta: { title: '综合业务', icon: '' }
   },
   // 九宫格
-  { path: '/dashboard', component: () => import('@/views/dashboard/index'), hidden: true }
+  { path: '/dashboard', component: () => import('@/views/dashboard/index2'), hidden: true }
 ]
 
 export const createRouter = () => {

diff --git a/src/assets/login_images/bg3.jpg b/src/assets/login_images/bg3.jpg
new file mode 100644
index 0000000..b74d162
--- /dev/null
+++ b/src/assets/login_images/bg3.jpg
Binary files differ
diff --git a/src/assets/login_images/btn-bg.png b/src/assets/login_images/btn-bg.png
new file mode 100644
index 0000000..f6ad21e
--- /dev/null
+++ b/src/assets/login_images/btn-bg.png
Binary files differ
diff --git a/src/assets/login_images/sys-hover.png b/src/assets/login_images/sys-hover.png
new file mode 100644
index 0000000..3a63087
--- /dev/null
+++ b/src/assets/login_images/sys-hover.png
Binary files differ
diff --git a/src/assets/login_images/title_left.png b/src/assets/login_images/title_left.png
new file mode 100644
index 0000000..ebd6a95
--- /dev/null
+++ b/src/assets/login_images/title_left.png
Binary files differ
diff --git a/src/assets/login_images/title_right.png b/src/assets/login_images/title_right.png
new file mode 100644
index 0000000..2ea8c47
--- /dev/null
+++ b/src/assets/login_images/title_right.png
Binary files differ
diff --git a/src/icons/svg/icon-supply.svg b/src/icons/svg/icon-supply.svg
index 665c11b..be694d8 100644
--- a/src/icons/svg/icon-supply.svg
+++ b/src/icons/svg/icon-supply.svg
@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618201968478" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10166" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><defs><style type="text/css"></style></defs><path d="M432.036 315.023c-73.708 0-133.683-59.975-133.683-133.693 0-73.708 59.965-133.683 133.683-133.683s133.693 59.965 133.693 133.683-59.975 133.693-133.693 133.693z m0-220.948c-48.097 0-87.255 39.147-87.255 87.255s39.147 87.245 87.255 87.245c48.118 0 87.255-39.138 87.255-87.245 0-48.118-39.137-87.255-87.255-87.255z m314.952 471.91c-73.688 0-133.684-59.965-133.684-133.673S673.29 298.64 746.988 298.64c73.738 0 133.703 59.966 133.703 133.673s-59.965 133.673-133.703 133.673z m0-220.917c-48.098 0-87.245 39.137-87.245 87.255 0 48.107 39.137 87.255 87.245 87.255 48.107 0 87.265-39.138 87.265-87.255 0.01-48.118-39.158-87.255-87.265-87.255zM163.758 889.23H38.308a23.224 23.224 0 0 1-23.224-23.224v-366.1a23.214 23.214 0 0 1 23.224-23.225h125.45a23.224 23.224 0 0 1 23.224 23.225v366.1a23.214 23.214 0 0 1-23.224 23.224zM61.532 842.803h79.012V523.121H61.532v319.682z" p-id="10167"></path><path d="M513.147 976.353H400.64a23.245 23.245 0 0 1-7.311-1.157c-68.905-22.845-222.7-110.06-229.213-113.766a23.224 23.224 0 0 1 22.948-40.397c1.506 0.87 150.938 85.617 217.416 108.902h104.397l446.7-169.267c-10.845-21.36-34.888-52.9-82.392-52.9H635.27a23.224 23.224 0 1 1 0-46.448h237.916c85.545 0 125.727 70.062 135.015 107.09a23.163 23.163 0 0 1-14.285 27.381L521.39 974.838c-2.642 1.024-5.427 1.515-8.243 1.515z" p-id="10168"></path><path d="M676.649 802.447H357.806a23.214 23.214 0 1 1 0-46.448h292.577c-14.428-54.364-75.858-87.409-92.21-95.365H403.854a23.224 23.224 0 0 1-18.565-9.247c-61.378-81.746-208.783-86.282-210.268-86.334a23.214 23.214 0 1 1 1.147-46.397c6.738 0.154 161.137 4.966 238.807 95.57h148.296c3.143 0 6.246 0.635 9.134 1.853 5.202 2.233 127.457 55.655 127.457 163.165a23.194 23.194 0 0 1-23.214 23.203z" p-id="10169"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618299954630" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17448" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><defs><style type="text/css"></style></defs><path d="M17.115429 496.713143v390.509714c0 5.485714 2.706286 10.752 7.314285 15.36V481.28a21.138286 21.138286 0 0 0-7.314285 15.433143z m590.336 221.988571a149.211429 149.211429 0 0 0-11.190858-11.702857c2.925714 4.827429 6.729143 8.850286 11.190858 11.702857zM424.96 282.258286c68.827429 0 124.928-62.390857 124.928-138.898286S493.714286 4.534857 424.96 4.534857C355.986286 4.534857 299.885714 66.852571 299.885714 143.36c0 76.507429 56.027429 138.898286 125.001143 138.898286z m0-214.528c37.522286 0 68.022857 33.865143 68.022857 75.556571 0 41.691429-30.500571 75.483429-68.022857 75.483429-37.522286 0-68.022857-33.865143-68.022857-75.483429-0.073143-41.618286 30.500571-75.556571 68.022857-75.556571z m307.419429 458.459428c68.900571 0 125.001143-62.317714 125.001142-138.825143 0-76.507429-56.100571-138.898286-125.001142-138.898285-68.827429 0-124.928 62.390857-124.928 138.898285 0 76.580571 56.100571 138.825143 124.928 138.825143z m0-214.381714c37.522286 0 68.022857 33.865143 68.022857 75.556571 0 41.691429-30.500571 75.483429-68.022857 75.483429-37.449143 0-68.022857-33.865143-68.022858-75.483429 0-41.691429 30.573714-75.556571 68.022858-75.556571z m271.798857 465.773714c-9.654857-42.788571-51.2-123.830857-139.995429-123.830857h-228.205714c-31.963429-29.988571-65.097143-45.056-67.657143-46.299428a29.330286 29.330286 0 0 0-11.556571-2.413715H417.645714C349.403429 518.875429 238.226286 508.708571 211.017143 507.611429v-10.678858c0-19.017143-13.897143-34.523429-31.085714-34.523428H48.274286a30.866286 30.866286 0 0 0-27.867429 19.163428v421.156572c5.12 11.410286 15.725714 19.236571 27.794286 19.236571h131.803428a29.696 29.696 0 0 0 22.674286-10.971428c50.029714 30.72 141.238857 84.992 190.390857 103.131428a27.136 27.136 0 0 0 9.801143 1.682286H512.731429c3.730286 0 7.460571-0.731429 11.117714-2.340571l461.238857-195.145143a34.523429 34.523429 0 0 0 20.041143-30.500572v-3.876571a40.009143 40.009143 0 0 0-0.950857-6.363429zM148.918857 852.626286h-69.485714V531.309714h69.485714v321.316572zM506.88 946.468571H408.064c-53.613714-21.211429-160.475429-86.893714-197.046857-109.568V576.804571c24.576 1.536 118.710857 12.068571 166.912 83.382858 5.851429 8.777143 15.140571 13.897143 24.868571 13.897142h147.017143c9.069714 4.754286 28.379429 15.872 46.299429 32.914286 3.876571 3.657143 7.606857 7.387429 11.264 11.556572 8.338286 9.508571 15.725714 20.48 20.772571 32.768h-269.165714c-17.188571 0-31.158857 15.506286-31.158857 34.596571 0 19.017143 13.970286 34.596571 31.158857 34.596571h307.419428c17.188571 0 31.158857-15.579429 31.158858-34.596571 0-23.405714-4.754286-44.397714-12.434286-63.049143h178.980571c36.059429 0 56.978286 22.820571 68.388572 43.446857L506.953143 946.468571z" p-id="17449"></path></svg>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 16b9db1..ee331f4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -125,7 +125,7 @@
     meta: { title: '综合业务', icon: '' }
   },
   // 九宫格
-  { path: '/dashboard', component: () => import('@/views/dashboard/index'), hidden: true }
+  { path: '/dashboard', component: () => import('@/views/dashboard/index2'), hidden: true }
 ]
 
 export const createRouter = () => {
diff --git a/src/views/dashboard/index2.vue b/src/views/dashboard/index2.vue
index 1819f62..0cbef67 100644
--- a/src/views/dashboard/index2.vue
+++ b/src/views/dashboard/index2.vue
@@ -1,78 +1,23 @@
 <template>
-  <!-- 台式机静态页面 -->
-
-  <div class="content_container" id="wheelDelta">
-    <!-- 圆环转动样式 -->
-    <div class="circle_container">
-      <img :src="require('../../../static/images/tabpage/ny.png')" class="in_circle">
-      <img :src="require('../../../static/images/tabpage/zy.png')" class="middle_circle">
-      <img :src="require('../../../static/images/tabpage/wy.png')" class="outside_circle">
-      <img :src="require('../../../static/images/tabpage/gs.png')" class="cursor_container">
-      <img :src="require('../../../static/images/tabpage/gs_two.png')" class="cursor_two_container">
+  <div :style="{backgroundImage:'url('+bgUrl+')'}" class="dashboard-container">
+    <div class="title-div">
+      <img :src="require('@/assets/login_images/title_left.png')" class="title-image">
+      <div>{{ title }}</div>
+      <img :src="require('@/assets/login_images/title_right.png')" class="title-image">
     </div>
-    <!-- 基础子系统按钮容器 -->
-    <div class="base_system_container" id="baseSystem">
-    </div>
-    <!-- 拓展子系统按钮容器 -->
-    <div class="extended_system_container" id="extendedSystem">
-    </div>
-    <!-- 基础子系统图标 -->
-    <div class="base_icon_container">
-      <img class="top_img" :src="require('../../../../static/img/tabpage/ty.png')" />
-      <div class="imgs"></div>
-    </div>
-    <!-- 拓展子系统图标 -->
-    <div class="extended_icon_container">
-      <img :src="require('../../../../static/img/tabpage/xt.png')" />
-      <img class="img" :src="require('../../../../static/img/tabpage/xt_1.png')" />
-    </div>
-    <!-- 系统按钮切换点击事件 -->
-    <div class="system_title_container">
-      <div class="click" id="titleinfo">基础子系统</div>
-      <div id="ztitleinfo">扩展子系统</div>
-    </div>
-    <!-- 头部按钮切换 -->
-    <div class="top_button_container" @click="handleUpward">
-      <em class="em">
-        <i class="i01"></i>
-        <i class="i02"></i>
-        <i class="i03"></i>
-        <i class="i04"></i>
-      </em>
-    </div>
-    <!-- 底部按钮切换 -->
-    <div class="bottom_button_container" @click="handleDown">
-      <em class="ems">
-        <i class="i011"></i>
-        <i class="i022"></i>
-        <i class="i033"></i>
-        <i class="i044"></i>
-      </em>
-    </div>
-
-    <!-- 中间内容显示 -->
-    <div class="center_show_container">
-      <div class="system_text_container" :class="showTitle?'show_system_text_container':''">
-        <div class="text_show_top" @click="jump(jumpID)">{{systemTitle}}</div>
-        <div class="text_show_bottom">
-          <span class="text-splite"></span>
-          {{jumpInfo}}
+    <div class="dashboard">
+      <div class="dashboard-left"><i v-show="page>1" class="el-icon-arrow-left" @click="prevPage"/></div>
+      <div class="dashboard-middle">
+        <div v-for="(system,index) of currentSystems" :key="system.id" :style="{'background-image':'url('+sysUrl+')'}" class="system-div" @mouseover="changeImg(1,index)" @click="changeSystem(system)">
+          <div class="icon-div"><svg-icon :icon-class="system.icon"/></div>
+          <div class="system-title-div">{{ system.name }}</div>
         </div>
       </div>
+      <div :style="{'visibility': page<fullPage?'visible':'hidden'}" class="dashboard-right" @click="nextPage"><i class="el-icon-arrow-right"/></div>
     </div>
-
-    <!-- 系统标题图标 -->
-    <!-- <img :src="require('../../../../static/img/tabpage/newLogo.png')" class="logoStyle"> -->
-    <div class="logoStyle">
-      <img :src="require('../../../../static/img/logo-big.png')" class="logo-icon">
-      <div class="logo-text">
-        <p class="logo-cn">{{cnTitle}}</p>
-        <p class="logo-en">{{enTitle}}</p>
-      </div>
+    <div title="注销" class="outSystem">
+      <svg-icon title="注销" icon-class="icon-out" @click="logout"/>
     </div>
-
-    <!-- <detection></detection> -->
-    <div @click="logout" title="退出登录" class="logoutBtn"></div>
   </div>
 
 </template>
@@ -80,22 +25,39 @@
 <script>
 
 export default {
-  name: 'Dashboard2',
+  name: 'Dashboard',
   data() {
     return {
-      bgUrl: require('../../assets/login_images/bg-blue.png'), // 背景图片
-      loading: true
+      title: this.baseConfig.title,
+      bgUrl: require('../../assets/login_images/bg3.jpg'), // 背景图片
+      sysUrl: require('../../assets/login_images/btn-bg.png'),
+      sysHoverUrl: require('../../assets/login_images/sys-hover.png'),
+      hoverIndex: null,
+      loading: true, // 加载状态
+      pageSize: 9, // 一页子系统数量
+      page: 1 // 第几页
     }
   },
   computed: {
+    currentSystems() {
+      const first = (this.page - 1) * this.pageSize + 0
+      const last = (this.page - 1) * this.pageSize + this.pageSize
+      return this.$store.getters.systems.slice(first, last)
+    },
     systems() {
       return this.$store.getters.systems
+    },
+    fullPage() {
+      return Math.ceil(this.$store.getters.systems.length / this.pageSize)
     }
   },
   created() {
     this.fetchData()
   },
   methods: {
+    changeImg(state, index) {
+      this.hoverIndex = index
+    },
     fetchData() {
       this.loading = true
       this.$store.dispatch('GetSystems').then(() => {
@@ -106,133 +68,173 @@
     changeSystem(system) {
       console.log(system.url)
       this.$store.commit('SET_SYSTEM', system)
-      // this.$message('进入' + system.name)
-      // debugger
-      // this.$router.push(system.url)
+      // 判断是外部链接还是本项目的路由
+      if (system.url.indexOf('http') > -1) {
+        // 跳转数据中台的
+        const params = '?token=' + this.$store.getters.token + '&url=' + system.url
+        const loginUrl = 'http://172.26.2.128:9001/sso/integrationConfig/login'
+        // window.location.href = loginUrl + params
+        window.open(loginUrl + params, '_blank')
+        // 取token
+        // const params = '?token=' + this.$store.getters.token
+        // if (this.baseConfig.sameWindow) {
+        //   window.location.href = system.url + params
+        // } else {
+        //   window.open(system.url + params, '_blank')
+        // }
+      } else if (system.url === '/dataMiddlePlatform') { // 数据中台
+
+      } else {
+        this.$router.push(system.url)
+      }
     },
     logout() {
       this.$store.dispatch('LogOut').then(() => {
         location.reload() // 为了重新实例化vue-router对象 避免bug
       })
+    },
+    // 下一页
+    nextPage() {
+      if (this.page < this.fullPage) {
+        this.page++
+      }
+    },
+    // 上一页
+    prevPage() {
+      if (this.page > 1) {
+        this.page--
+      }
     }
   }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#581ba0,#523ba0,#191b94,#161abb,#164abb;
+  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#191b94,#161abb,#164abb,	#009ACD,#1874CD;
   $btn-class: sys-0,sys-1,sys-2,sys-3,sys-4,sys-5,sys-6,sys-7,sys-8;
-  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#6223a0,#554ba0,#191b94,#161abb,#164abb;
-  $iconheight: 120;
-  $titleheight: 60;
-  .app-container{
+  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#164abb,#1b5ae2,#4183d7,#00BFFF,#1C86EE;
+  $iconheight: 70%;
+  $titleheight: 30%;
+  .dashboard-container{
     width: 100%;
     height:100%;
-    position: relative;
-    height: 100%;
-    width: 100%;
+    /*position: relative;*/
     background-color: #000000;
-    background-repeat: no-repeat;    -webkit-background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     .title-div{
       width: 100%;
       font-size: 40px;
+      font-weight: bolder;
       height: 120px;
       color: white;
-      margin-top: 20px;
+      padding-top: 20px;
       text-align: center;
+      display: flex;
+      justify-content: space-between;
       .divider-line{
         margin: 5px auto;
         height: 10px;
         width: 60%;
         border-bottom: solid 3px #d3d3d3;
       }
+      .title-image{
+        height:50px;
+        width:40%;
+      }
     }
     .dashboard {
       width: 1280px;
+      height: 70%;
       max-height: 700px;
-      position: absolute;
+      position: fixed;
       text-align: center;
       left: 50%;
       top:50%;
       transform: translate(-50%,-50%);
-      /*margin: 10px 100px;*/
+      display: flex;
+      justify-content: space-between;
       z-index: 5;
       .dashboard-left,.dashboard-right{
-        position: absolute;
+        /*position: absolute;*/
+        width:70px;
+        height:100%;
         font-size: 60px;
         line-height: 300px;
         color:white;
-      }
-      .dashboard-left{
-        /*float:left;*/
-        left: 5%;
-        top:50%;
-        transform: translate(-50%,-50%);
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
       }
       .dashboard-right{
         text-align: right;
         float:right;
         margin-left: 10px ;
-        right: 0%;
-        top:50%;
-        transform: translate(-50%,-50%);
       }
       .dashboard-middle{
-        position: absolute;
+        flex:1;
+        height:100%;
         text-align: center;
-        left: 50%;
-        top:50%;
-        transform: translate(-50%,-50%);
         float: left;
-        width: 980px;
-        height: 500px;
         padding: 30px 10px 10px 10px;
-        /*.el-row{*/
-          /*width: 100%;*/
-        /*}*/
-        /*background-color: rgba(255,255,255,0.3);*/
+        display: flex;
+        justify-content: start;
+        align-content: start;
+        flex-wrap: wrap;
+      }
+      .el-icon-arrow-left:hover{
+        cursor: pointer;
+        color:#3c82f0
+      }
+      .el-icon-arrow-right:hover{
+        cursor: pointer;
+        color:#3c82f0
       }
       &-text {
         font-size: 30px;
         line-height: 46px;
       }
       .system-div{
-        width:100%;
-        height:($iconheight+$titleheight)+px;
+        width:30%;
+        height:30%;
+        margin:10px;
         text-align: center;
-        /*margin-top: 30px;*/
-        /*background-color: #191b94;*/
-        /*border: 1px solid #2c16b0;*/
-        /*margin-left: 26px;*/
-        /*-moz-border-radius: 15px;*/
-        /*-webkit-border-radius: 15px;*/
-        /*border-radius: 10px;*/
-        color: white;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        color: #e5f3ff;
+        justify-content: center;
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        border-radius: 10px;
+        box-shadow: 0px 2px 10px #93b3fe,0px -2px 5px #93b3fe,2px 0px 10px #93b3fe,-2px 0px 5px #93b3fe;
         .icon-div{
-          height: $iconheight+px;
-          padding-top: 20px;
-          font-size:55px;
-          line-height: ($iconheight - 20)+px;
+          padding-bottom: 0.8rem;
+          font-size:3.5rem;
+          /*text-shadow: 0px 0px 10px #ffffff;*/
         }
         .system-title-div{
           line-height: $titleheight+px;
-          font-size: 25px;
+          font-size: 1.8rem;
+          /*text-shadow: 0px 0px 10px #ffffff;*/
         }
       }
       .system-div:hover{
-        background-color: #3b1ce7;
-        border: 1px solid #3b1ce7;
+        box-shadow: 0px 4px 10px #B9D3FE,0px -4px 10px #B9D3FE,4px 0px 10px #B9D3FE,-2px 0px 5px #B9D3FE;
         cursor: pointer;
+        text-shadow: 0px 0px 10px #ffffff;
+        color:white;
       }
       .dashboard-middle{
         @each $c in $btn-class{
           $i:index($btn-class,$c);
-          .#{$c} .system-div{//+1是除了第一个以外的li
+          .#{$c}{//+1是除了第一个以外的li
             background-color: nth($btn-colors,$i);
             border: 1px solid nth($btn-colors,$i)
           }
-          .#{$c} .system-div:hover{//+1是除了第一个以外的li
+          .#{$c}:hover{//+1是除了第一个以外的li
             background-color: nth($btn-hovercolors,$i);
             border: 1px solid nth($btn-hovercolors,$i);
             cursor: pointer;
@@ -256,7 +258,7 @@
       z-index: 9999;
     }
     .outSystem:hover{
-      color: #22a7f0;
+      color: #3c82f0;
       cursor: pointer;
     }
   }