首页完善与环境平台嵌入

.env.development

@@ -2,7 +2,7 @@
 ENV = 'development'
 
 # base api
-VUE_APP_BASE_API = 'http://mock.Intra.xiaojukeji.com/'
+#VUE_APP_BASE_API = 'http://mock.Intra.xiaojukeji.com/'
 
 # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
 # to control whether the babel-plugin-dynamic-import-node plugin is enabled.

.env.production

@@ -2,5 +2,5 @@
 ENV = 'production'
 
 # base api
-VUE_APP_BASE_API = 'http://mock.Intra.xiaojukeji.com/'
+#VUE_APP_BASE_API = 'http://mock.Intra.xiaojukeji.com/'
 

src/api/article.js

@@ -1,8 +1,10 @@
 import request from '@/utils/request'
 
+const mockUrl = 'http://mock.Intra.xiaojukeji.com/'
+
 export function fetchList(query) {
   return request({
-    url: '/article/list',
+    url: mockUrl + '/article/list',
     method: 'get',
     params: query
   })
@@ -10,7 +12,7 @@ export function fetchList(query) {
 
 export function fetchArticle(id) {
   return request({
-    url: '/article/detail',
+    url: mockUrl + '/article/detail',
     method: 'get',
     params: { id }
   })
@@ -18,7 +20,7 @@ export function fetchArticle(id) {
 
 export function fetchPv(pv) {
   return request({
-    url: '/article/pv',
+    url: mockUrl + '/article/pv',
     method: 'get',
     params: { pv }
   })
@@ -26,7 +28,7 @@ export function fetchPv(pv) {
 
 export function createArticle(data) {
   return request({
-    url: '/article/create',
+    url: mockUrl + '/article/create',
     method: 'post',
     data
   })
@@ -34,7 +36,7 @@ export function createArticle(data) {
 
 export function updateArticle(data) {
   return request({
-    url: '/article/update',
+    url: mockUrl + '/article/update',
     method: 'post',
     data
   })
@@ -44,7 +46,7 @@ export function updateArticle(data) {
 
 export function fetchEnvInfo(envChannel) {
   return request({
-    url: '/api/mock/envConfig/getAllEnvConfigByChannel',
+    url: mockUrl + '/api/mock/envConfig/getAllEnvConfigByChannel',
     method: 'get',
     params: { channelId: envChannel }
   })
@@ -52,7 +54,7 @@ export function fetchEnvInfo(envChannel) {
 
 export function fetchServiceById(data) {
   return request({
-    url: '/api/mock/methodConfig/query',
+    url: mockUrl + '/api/mock/methodConfig/query',
     method: 'post',
     data
   })
@@ -60,7 +62,7 @@ export function fetchServiceById(data) {
 
 export function fetchServiceList(data) {
   return request({
-    url: '/api/mock/methodConfig/query',
+    url: mockUrl + '/api/mock/methodConfig/query',
     method: 'post',
     data
   })
@@ -68,7 +70,7 @@ export function fetchServiceList(data) {
 
 export function fetchConsumerList() {
   return request({
-    url: '/api/mock/dubboConsumer/getAll',
+    url: mockUrl + '/api/mock/dubboConsumer/getAll',
     method: 'get',
     params: {}
   })
@@ -76,7 +78,7 @@ export function fetchConsumerList() {
 
 export function createService(data) {
   return request({
-    url: '/api/mock/methodConfig/add',
+    url: mockUrl + '/api/mock/methodConfig/add',
     method: 'post',
     data
   })
@@ -84,7 +86,7 @@ export function createService(data) {
 
 export function updateService(data) {
   return request({
-    url: '/api/mock/methodConfig/update',
+    url: mockUrl + '/api/mock/methodConfig/update',
     method: 'post',
     data
   })
@@ -94,7 +96,7 @@ export function updateService(data) {
 
 export function fetchRuleById(data) {
   return request({
-    url: '/api/mock/mockRule/query',
+    url: mockUrl + '/api/mock/mockRule/query',
     method: 'post',
     data
   })
@@ -102,7 +104,7 @@ export function fetchRuleById(data) {
 
 export function fetchRuleList(data) {
   return request({
-    url: '/api/mock/mockRule/query',
+    url: mockUrl + '/api/mock/mockRule/query',
     method: 'post',
     data
   })
@@ -110,7 +112,7 @@ export function fetchRuleList(data) {
 
 export function createRule(data) {
   return request({
-    url: '/api/mock/mockRule/add',
+    url: mockUrl + '/api/mock/mockRule/add',
     method: 'post',
     data
   })
@@ -118,7 +120,7 @@ export function createRule(data) {
 
 export function updateRule(data) {
   return request({
-    url: '/api/mock/mockRule/update',
+    url: mockUrl + '/api/mock/mockRule/update',
     method: 'post',
     data
   })
@@ -126,7 +128,7 @@ export function updateRule(data) {
 
 export function changeStatus(data) {
   return request({
-    url: '/api/mock/mockRule/changeStatus',
+    url: mockUrl + '/api/mock/mockRule/changeStatus',
     method: 'post',
     data
   })

src/api/table.js

@@ -1,8 +1,10 @@
 import request from '@/utils/request'
 
+const mockUrl = 'http://mock.Intra.xiaojukeji.com/'
+
 export function getList(params) {
   return request({
-    url: '/table/list',
+    url: mockUrl + '/table/list',
     method: 'get',
     params
   })

src/icons/svg/MQ.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M750.101 657.899c-16.512 0-30.272 2.752-44.032 8.256l-44.053-52.31c33.045-38.528 55.061-90.837 55.061-145.877 0-55.061-19.264-101.867-52.309-140.395l27.52-24.768c16.533 8.256 33.067 13.76 52.31 13.76 63.317 0 115.626-52.309 115.626-115.626 0-63.296-52.33-115.606-115.627-115.606-63.296 0-115.626 52.31-115.626 115.627 0 13.76 2.773 30.272 8.277 41.28l-35.776 30.293a223.147 223.147 0 0 0-112.853-30.293c-44.054 0-85.334 13.76-121.131 33.024l-41.301-52.288c0-5.504 2.773-13.781 2.773-19.285a74.027 74.027 0 0 0-74.325-74.304 74.027 74.027 0 0 0-74.326 74.304 74.027 74.027 0 0 0 74.304 74.325h8.278l44.032 55.04c-27.52 38.55-46.784 85.333-46.784 134.89 0 35.798 8.256 71.574 24.746 101.867l-35.776 30.294c-8.256-5.526-19.264-5.526-30.272-5.526-49.557 0-90.837 41.28-90.837 90.838s41.28 90.837 90.837 90.837 90.838-41.28 90.838-90.837c0-8.256 0-16.512-2.752-24.768l30.293-27.52c41.28 35.776 93.568 57.813 154.133 57.813 33.046 0 63.318-5.525 90.838-19.285l46.805 57.813c-11.008 19.264-19.264 44.032-19.264 68.8 0 77.077 63.296 140.395 143.147 140.395 79.808 0 143.146-63.318 143.146-140.374 0-77.098-66.09-140.394-145.92-140.394zM488.597 646.89c-99.093 0-181.674-79.83-181.674-178.923 0-99.115 82.581-178.944 181.674-178.944s181.675 79.83 181.675 178.944c0 99.093-82.56 178.923-181.675 178.923z m-57.813-181.696a33.024 33.024 0 1 1-66.027 0.021 33.024 33.024 0 0 1 66.048 0z m88.107 0a33.024 33.024 0 1 1-66.048 0.021 33.024 33.024 0 0 1 66.048 0z m90.837 0a33.024 33.024 0 1 1-66.048 0.021 33.024 33.024 0 0 1 66.048 0z"  /></svg>

src/icons/svg/businessline.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M124.9 358.1v430.1c0 33.2 27.6 60.8 61.5 60.8h651.4c33.7 0.2 61.2-26.9 61.4-60.6V358.1c0-33.2-27.6-60.8-61.5-60.8H186.3c-33.7-0.2-61.2 26.9-61.4 60.6v0.2zM298.1 236v-31c0.2-50.4 40.9-91.1 91.3-91.3h246.3c50.4-0.1 91.3 40.6 91.4 91v31.4h110.6c67.5 0 122.4 54.5 122.8 122.1v430.1c-0.1 67.6-55 122.2-122.5 122.1H186.3c-67.5 0-122.4-54.6-122.8-122.1V358.1c0.1-67.6 55-122.2 122.5-122.1H298.1z m61.2 0h306.5v-31c0-16.5-13.3-30-29.8-30H389.4c-16.5 0.1-29.9 13.5-30.1 30v31z m-0.6 275.8c0.1-50.8 41.2-91.9 92-92h122.6c50.7 0 92 40.8 92 92-0.1 50.8-41.2 91.9-92 92H450.7c-50.7 0.1-91.8-40.8-92-91.5v-0.5z m61.3 0c0 17.2 13.5 30.6 30.6 30.6h122.6c16.8 0 30.6-13.8 30.6-30.6 0.1-16.8-13.3-30.5-30.1-30.6h-123c-16.9 0.1-30.6 13.7-30.7 30.6zM63.5 481.2H420v61.3H63.5v-61.3z m540.5 0h356.5v61.3H604v-61.3z"  /></svg>

src/icons/svg/data.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M906.666667 938.666667h-789.333334A32 32 0 0 1 85.333333 906.666667v-789.333334a32 32 0 0 1 64 0V874.666667h757.333334a32 32 0 0 1 0 64zM853.333333 832h-64a42.666667 42.666667 0 0 1-42.666666-42.666667V320a42.666667 42.666667 0 0 1 42.666666-42.666667h64a42.666667 42.666667 0 0 1 42.666667 42.666667v469.333333a42.666667 42.666667 0 0 1-42.666667 42.666667z m-256 0h-64a42.666667 42.666667 0 0 1-42.666666-42.666667V405.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h64a42.666667 42.666667 0 0 1 42.666667 42.666666v384a42.666667 42.666667 0 0 1-42.666667 42.666667z m-256 0h-64a42.666667 42.666667 0 0 1-42.666666-42.666667V234.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h64a42.666667 42.666667 0 0 1 42.666667 42.666667v554.666666a42.666667 42.666667 0 0 1-42.666667 42.666667z" /></svg>

src/icons/svg/env_platform.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M966.855865 783.992159l-909.715264 0c-31.559261 0-57.143075-25.583707-57.143075-57.140954l0-641.117684c0-31.557353 25.583707-57.140954 57.143075-57.140954l909.715264 0c31.557353 0 57.143075 25.583707 57.143075 57.140954l0 641.117684c0 31.557353-25.585616 57.140954-57.143075 57.140954zm-12.573335-674.261212c0-6.313386-5.11484-11.428226-11.428226-11.428226l-866.283742 0c-6.311478 0-11.428226 5.116749-11.428226 11.428226l0 598.83477c0 6.311478 5.116749 11.428226 11.428226 11.428226l866.283742 0c6.313386 0 11.428226-5.116749 11.428226-11.428226l0-598.83477zm-226.283565 191.993197l121.143163 0 0 351.986173-121.143163 0 0-351.986173zm-193.143925-108.567849l122.28647 0 0 460.552961-122.28647 0 0-460.552961zm-190.855545 218.277237l121.141396 0 0 242.276784-121.141396 0 0-242.276784zm-169.144378 107.424895l121.143163 0 0 134.852242-121.143163 0 0-134.852242zm175.999624 310.844092c0-6.311478 5.116749-11.426318 11.430135-11.426318l297.141021 0c6.313386 0 11.430135 5.11484 11.430135 11.426318l0 97.139728 195.428418 0 0 68.569428-713.144246 0 0-68.569428 197.712911 0 0-97.139728z" /></svg>

src/icons/svg/group.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M512 704.1c-4.7 0-9.4-1-13.8-3.1l-352-168.1c-11.2-5.4-18.3-16.7-18.2-29.2 0.1-12.4 7.4-23.7 18.8-28.8l88-40c16.1-7.3 35.1-0.2 42.4 15.9 7.3 16.1 0.2 35.1-15.9 42.4l-25.5 11.6L512 636.6l276.2-131.9-21.1-9.6c-16.1-7.3-23.2-26.3-15.9-42.4 7.3-16.1 26.3-23.2 42.4-15.9l83.7 38c11.3 5.1 18.6 16.4 18.8 28.8 0.1 12.4-7 23.8-18.2 29.2l-352 168.1c-4.5 2.1-9.2 3.2-13.9 3.2zM512 896.1c-4.7 0-9.4-1-13.8-3.1l-352-168.1c-11.2-5.4-18.3-16.7-18.2-29.2 0.1-12.4 7.4-23.7 18.8-28.8l88-40c16.1-7.3 35.1-0.2 42.4 15.9 7.3 16.1 0.2 35.1-15.9 42.4l-25.5 11.6L512 828.6l276.2-131.9-21.1-9.6c-16.1-7.3-23.2-26.3-15.9-42.4 7.3-16.1 26.3-23.2 42.4-15.9l83.7 38c11.3 5.1 18.6 16.4 18.8 28.8 0.1 12.4-7 23.8-18.2 29.2l-352 168.1c-4.5 2.1-9.2 3.2-13.9 3.2zM512.1 515c-4.5 0-9.1-1-13.3-2.9l-8.6-3.9c-0.1-0.1-0.2-0.1-0.3-0.2L146.4 346.5c-11.3-5.3-18.5-16.8-18.4-29.3 0.1-12.5 7.5-23.8 18.9-28.9l352-157.5c8.3-3.7 17.8-3.7 26.1 0l352 157.5c11.4 5.1 18.8 16.4 18.9 28.9 0.1 12.5-7.1 23.9-18.4 29.3L534.2 508c-0.1 0-0.1 0.1-0.2 0.1l-8.5 3.9c-4.3 2-8.8 3-13.4 3z m8.5-35.9zM236.7 318.3L512 447.7l275.3-129.5L512 195.1 236.7 318.3z" /></svg>

src/icons/svg/interface.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M591.644444 574.577778l-85.333333 85.333333-136.533333-136.533333 79.644444-79.644445-39.822222-39.822222-79.644444 79.644445-79.644445-79.644445-96.711111 96.711111a261.688889 261.688889 0 0 0-22.755556 347.022222L0 984.177778l39.822222 39.822222L170.666667 893.155556c45.511111 39.822222 102.4 56.888889 159.288889 56.888888 68.266667 0 136.533333-28.444444 187.733333-79.644444l96.711111-96.711111-73.955556-73.955556 85.333334-85.333333-34.133334-39.822222z m-113.777777 250.311111c-39.822222 39.822222-91.022222 62.577778-142.222223 62.577778-51.2 0-102.4-17.066667-136.533333-56.888889l-5.688889-5.688889c-73.955556-73.955556-73.955556-199.111111 5.688889-278.755556l51.2-51.2 278.755556 278.755556-51.2 51.2zM978.488889 91.022222l-39.822222-39.822222L813.511111 170.666667c-45.511111-39.822222-102.4-56.888889-159.288889-56.888889-68.266667 0-136.533333 28.444444-187.733333 79.644444L369.777778 284.444444l369.777778 369.777778 91.022222-91.022222a261.688889 261.688889 0 0 0 22.755555-347.022222l125.155556-125.155556z m-193.422222 426.666667l-45.511111 45.511111L460.8 284.444444l45.511111-45.511111c39.822222-39.822222 91.022222-62.577778 142.222222-62.577777 51.2 0 102.4 17.066667 136.533334 56.888888l5.688889 5.688889c79.644444 73.955556 73.955556 199.111111-5.688889 278.755556z"  /></svg>

src/icons/svg/lists.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M895.984641 1023.957335 128.015359 1023.957335C80.870578 1023.957335 42.68544 985.772196 42.68544 938.627415L42.68544 85.370878C42.68544 38.226098 80.870578-0.001707 128.015359-0.001707L895.984641-0.001707C943.086757-0.001707 981.31456 38.226098 981.31456 85.370878L981.31456 938.627415C981.31456 985.772196 943.086757 1023.957335 895.984641 1023.957335ZM895.984641 85.328214 128.015359 85.328214 128.015359 938.67008 895.984641 938.67008 895.984641 85.328214ZM277.342719 469.312854 746.657281 469.312854C758.43281 469.312854 767.98976 478.869805 767.98976 490.645334L767.98976 533.352959C767.98976 545.128488 758.43281 554.68544 746.657281 554.68544L277.342719 554.68544C265.56719 554.68544 256.01024 545.128488 256.01024 533.352959L256.01024 490.645334C256.01024 478.869805 265.56719 469.312854 277.342719 469.312854ZM277.342719 682.68032 746.657281 682.68032C758.43281 682.68032 767.98976 692.237271 767.98976 704.012799L767.98976 746.67776C767.98976 758.453289 758.43281 768.01024 746.657281 768.01024L277.342719 768.01024C265.56719 768.01024 256.01024 758.453289 256.01024 746.67776L256.01024 704.012799C256.01024 692.237271 265.56719 682.68032 277.342719 682.68032ZM746.657281 341.360639 277.342719 341.360639C265.56719 341.360639 256.01024 331.803688 256.01024 320.028159L256.01024 277.320534C256.01024 265.545005 265.56719 255.988053 277.342719 255.988053L746.657281 255.988053C758.43281 255.988053 767.98976 265.545005 767.98976 277.320534L767.98976 320.028159C767.98976 331.803688 758.43281 341.360639 746.657281 341.360639Z" /></svg>

src/icons/svg/module.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M238.933333 546.133333h204.8v-204.8H238.933333v204.8z m0 68.266667v204.8h204.8v-204.8H238.933333z m273.066667-68.266667h202.513067C752.298667 546.133333 785.066667 573.474133 785.066667 610.6112v212.3776C785.066667 860.16 752.264533 887.466667 714.513067 887.466667H204.8a34.133333 34.133333 0 0 1-34.133333-34.133334V307.2a34.133333 34.133333 0 0 1 34.133333-34.133333h273.066667a34.133333 34.133333 0 0 1 34.133333 34.133333v238.933333z m0 68.266667v204.8h202.513067c1.9456 0 2.2528 0.1024 2.286933 1.8432v-208.4864c-0.034133 1.706667-0.341333 1.8432-2.286933 1.8432H512z m136.533333-375.466667v170.666667h170.666667V238.933333h-170.666667z m-34.133333-68.266666h238.933333a34.133333 34.133333 0 0 1 34.133334 34.133333v238.933333a34.133333 34.133333 0 0 1-34.133334 34.133334h-238.933333a34.133333 34.133333 0 0 1-34.133333-34.133334V204.8a34.133333 34.133333 0 0 1 34.133333-34.133333z" /></svg>

src/icons/svg/rule.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M192 128V64H64v896h128v-64h-64V672h64v-64h-64V384h64v-64h-64V128h64zM960 637.67v-59.34a25.14 25.14 0 0 0-20.21-24.65l-76.67-15.33a25.25 25.25 0 0 1-18.75-16.2q-3.81-10.49-8.51-20.53a25.26 25.26 0 0 1 1.79-24.74L881 411.81a25.14 25.14 0 0 0-3.14-31.73l-42-42a25.14 25.14 0 0 0-31.67-3.08l-65.06 43.38a25.26 25.26 0 0 1-24.74 1.79q-10-4.69-20.53-8.51a25.25 25.25 0 0 1-16.2-18.75l-15.33-76.67A25.14 25.14 0 0 0 637.67 256h-59.34a25.14 25.14 0 0 0-24.65 20.21l-15.33 76.67a25.25 25.25 0 0 1-16.2 18.75q-10.49 3.81-20.53 8.51a25.26 25.26 0 0 1-24.74-1.79L411.81 335a25.14 25.14 0 0 0-31.73 3.14l-42 42a25.14 25.14 0 0 0-3.08 31.67l43.38 65.06a25.26 25.26 0 0 1 1.79 24.74q-4.69 10-8.51 20.53a25.25 25.25 0 0 1-18.75 16.2l-76.67 15.33A25.14 25.14 0 0 0 256 578.33v59.35a25.14 25.14 0 0 0 20.21 24.65l76.67 15.33a25.25 25.25 0 0 1 18.75 16.2q3.81 10.49 8.51 20.53a25.26 25.26 0 0 1-1.79 24.74L335 804.19a25.14 25.14 0 0 0 3.14 31.73l42 42a25.14 25.14 0 0 0 31.67 3.08l65.06-43.38a25.26 25.26 0 0 1 24.74-1.79q10 4.69 20.53 8.51a25.25 25.25 0 0 1 16.2 18.75l15.33 76.67A25.14 25.14 0 0 0 578.33 960h59.35a25.14 25.14 0 0 0 24.65-20.21l15.33-76.67a25.25 25.25 0 0 1 16.2-18.75q10.49-3.81 20.53-8.51a25.26 25.26 0 0 1 24.74 1.79L804.19 881a25.14 25.14 0 0 0 31.73-3.14l42-42a25.14 25.14 0 0 0 3.08-31.67l-43.38-65.06a25.26 25.26 0 0 1-1.79-24.74q4.69-10 8.51-20.53a25.25 25.25 0 0 1 18.75-16.2l76.67-15.33A25.14 25.14 0 0 0 960 637.67z m-245.33 77A150.86 150.86 0 1 1 758.86 608a149.87 149.87 0 0 1-44.19 106.67z" /></svg>

src/icons/svg/topic.svg

@@ -0,0 +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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M446.836364 90.763636v363.054546H195.490909c-34.909091 0-58.181818-39.563636-37.236364-69.818182l207.127273-318.836364c23.272727-34.909091 81.454545-18.618182 81.454546 25.6zM933.236364 456.145455H567.854545V202.472727c0-34.909091 39.563636-58.181818 69.818182-37.236363L956.509091 372.363636c37.236364 25.6 20.945455 83.781818-23.272727 83.781819zM565.527273 933.236364V567.854545h253.672727c34.909091 0 58.181818 39.563636 37.236364 69.818182l-207.127273 318.836364c-25.6 37.236364-83.781818 20.945455-83.781818-23.272727zM90.763636 567.854545h363.054546v253.672728c0 34.909091-39.563636 58.181818-69.818182 37.236363L67.490909 651.636364c-37.236364-25.6-20.945455-83.781818 23.272727-83.781819z"  /></svg>

src/icons/svg/whitelist.svg

@@ -0,0 +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 class="icon" width="200px" height="199.80px" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#bfcbd9" d="M291.84 1024c-15.36 0-28.16-5.12-40.96-12.8L89.6 844.8c-7.68-15.36-12.8-30.72-12.8-46.08V197.12c0-71.68 33.28-104.96 104.96-104.96h225.28c15.36 0 30.72 7.68 40.96 23.04s7.68 30.72 0 46.08-23.04 23.04-40.96 23.04H168.96v581.12h97.28c71.68 0 71.68 2.56 71.68 74.24v94.72h442.88V565.76c0-25.6 20.48-46.08 46.08-46.08s46.08 20.48 46.08 46.08v353.28c0 71.68-33.28 104.96-104.96 104.96H291.84z m46.08-381.44c-25.6 0-46.08-20.48-46.08-46.08s20.48-46.08 46.08-46.08H614.4c25.6 0 46.08 20.48 46.08 46.08s-20.48 46.08-46.08 46.08H337.92z m642.56-140.8c-12.8 0-23.04-5.12-33.28-12.8l-81.92-81.92c-84.48 56.32-197.12 46.08-271.36-23.04s-92.16-179.2-43.52-268.8S701.44-17.92 798.72 7.68s166.4 112.64 166.4 215.04c0 43.52-12.8 84.48-35.84 120.32l81.92 81.92c12.8 12.8 17.92 33.28 10.24 48.64-5.12 17.92-23.04 28.16-40.96 28.16z m-235.52-409.6c-71.68 0-130.56 58.88-130.56 130.56s58.88 130.56 130.56 130.56 130.56-58.88 130.56-130.56c-2.56-71.68-58.88-130.56-130.56-130.56zM337.92 458.24c-15.36 0-30.72-7.68-40.96-23.04-7.68-15.36-7.68-30.72 0-46.08 7.68-15.36 23.04-23.04 40.96-23.04h107.52c25.6 0 46.08 20.48 46.08 46.08s-20.48 46.08-46.08 46.08h-107.52z"  /></svg>

src/layout/components/Navbar.vue

@@ -11,7 +11,7 @@
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown" class="user-dropdown">
-          <router-link to="/">
+          <router-link to="/home">
             <el-dropdown-item>
               Home
             </el-dropdown-item>

src/layout/components/Sidebar/Logo.vue

@@ -14,6 +14,8 @@
 </template>
 
 <script>
+import logoUrl from '@/assets/thoth_logopattern.png'
+
 export default {
   name: 'SidebarLogo',
   props: {
@@ -25,7 +27,7 @@ export default {
   data() {
     return {
       title: 'Thoth Platform',
-      logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'
+      logo: logoUrl
     }
   }
 }

src/main.js

@@ -13,7 +13,7 @@ import store from './store'
 import router from './router'
 
 import '@/icons' // icon
-import '@/permission' // permission control
+// import '@/permission' // permission control/
 
 /**
  * If you don't want to use mock-server

src/router/index.js

@@ -75,20 +75,72 @@ export const constantRoutes = [
         path: 'interface',
         name: 'Interface',
         component: () => import('@/views/mock/interface'),
-        meta: { title: '接口', icon: 'example' }
+        meta: { title: '接口', icon: 'interface' }
       },
       {
         path: 'interface/:rule',
         name: 'Rule',
         component: () => import('@/views/mock/rule'),
-        meta: { title: '规则', icon: 'example' }
+        meta: { title: '规则', icon: 'rule' }
+      }
+    ]
+  },
+
+  {
+    path: '/env-platform',
+    component: Layout,
+    redirect: '/env-platform/env',
+    name: '环境',
+    meta: { title: '环境平台', icon: 'env_platform' },
+    children: [
+      {
+        path: 'env',
+        name: 'env',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: '环境管理', icon: 'env' }
+      },
+      {
+        path: 'businessline',
+        name: 'businessline',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: '业务线管理', icon: 'businessline' }
+      },
+      {
+        path: 'whitelist',
+        name: 'whitelist',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: '白名单管理', icon: 'whitelist' }
+      },
+      {
+        path: 'module',
+        name: 'module',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: '模块管理', icon: 'module' }
+      },
+      {
+        path: 'group',
+        name: 'group',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: 'Group管理', icon: 'group' }
+      },
+      {
+        path: 'topic',
+        name: 'topic',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: 'Topic管理', icon: 'topic' }
+      },
+      {
+        path: 'mq',
+        name: 'mq',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: 'MQ管理', icon: 'MQ' }
+      },
+      {
+        path: 'data',
+        name: 'data',
+        component: () => import('@/views/env/index.vue'),
+        meta: { title: '数据统计', icon: 'data' }
       }
-      // {
-      //   path: 'tree',
-      //   name: 'Tree',
-      //   component: () => import('@/views/tree/index'),
-      //   meta: { title: 'Tree', icon: 'tree' }
-      // }
     ]
   },
   // {

src/views/dashboard/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="dashboard-container">
-    <div class="dashboard-text">name: {{ name }}</div>
+    <div class="dashboard-text">欢迎来到托特平台</div>
   </div>
 </template>
 

src/views/env/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <iframe :src="envUrl" style="width:100%;" scrolling="no" frameborder="0" :height="iframeHeight" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ENV',
+  data() {
+    return {
+      envUrl: 'http://172.23.163.54:8081/' + this.$route.name,
+      iframeHeight: '720px'
+    }
+  },
+  mounted() {
+    var height = window.innerHeight > document.body.clientHeight ? window.innerHeight : document.body.clientHeight
+    this.iframeHeight = height + 'px'
+  }
+}
+</script>
+

src/views/home/floatMenu.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="div-menu">
-    <div class="div-button-QRCode" @click="QRCodeClick"><svg-icon :icon-class="QRCodeClassName" /></div>
+    <div class="div-button-QRCode" @mouseover="QRCodeClassName = 'Float_icon_二维码_蓝色'" @mouseout="QRCodeClassName = 'Float_icon_二维码'"><svg-icon :icon-class="QRCodeClassName" /></div>
     <el-card class="QRCode">
       <div class="QRCode-title">钉钉客服群</div>
       <el-image :src="imgUrl" style="margin: 0" />
     </el-card>
-    <div class="div-button-feedback" @click="feedBackClick"><svg-icon :icon-class="feedbackClassName" /></div>
+    <div class="div-button-feedback" @click="feedBackClick" @mouseover="feedbackClassName = 'Float_icon_反馈_蓝色'" @mouseout="display === 'display: none;'?feedbackClassName = 'Float_icon_反馈':feedbackClassName = 'Float_icon_反馈_蓝色'"><svg-icon :icon-class="feedbackClassName" /></div>
     <el-card class="feedback" :style="display">
       <div style="font-size: 12pt;color: #666666;display: inline-block">意见反馈</div>
-      <div style="float: right;display: inline-block;" @click="feedBackClick"><svg-icon icon-class="float_反馈_icon_close" /></div><br>
+      <div style="float: right;display: inline-block;" @click="feedBackClose"><svg-icon icon-class="float_反馈_icon_close" /></div><br>
       <div style="display:inline-block;font-size: 10pt;color: #666666;margin-top: 20pt">反馈类型</div>
       <el-select v-model="feedBackForm.type" placeholder="请选择" size="small" style="margin-left:10pt;width: 78%;">
         <el-option
@@ -113,23 +113,19 @@ export default {
       window.open('http://wiki.intra.xiaojukeji.com/pages/viewpage.action?pageId=174012208')
     },
     feedBackClick() {
-      if (this.feedbackClassName === 'Float_icon_反馈') {
+      if (this.display === 'display: none;') {
         this.feedbackClassName = 'Float_icon_反馈_蓝色'
         this.display = 'display: block;'
-      } else if (this.feedbackClassName === 'Float_icon_反馈_蓝色') {
-        this.feedbackClassName = 'Float_icon_反馈'
-        this.display = 'display: none;'
+      } else {
+        this.feedBackClose()
       }
     },
-    QRCodeClick() {
-      if (this.QRCodeClassName === 'Float_icon_二维码') {
-        this.QRCodeClassName = 'Float_icon_二维码_蓝色'
-      } else if (this.QRCodeClassName === 'Float_icon_二维码_蓝色') {
-        this.QRCodeClassName = 'Float_icon_二维码'
-      }
+    feedBackClose() {
+      this.feedbackClassName = 'Float_icon_反馈'
+      this.display = 'display: none;'
     },
     feedbackSummit() {
-      this.feedBackClick()
+      this.feedBackClose()
     }
   }
 }

src/views/home/index.vue

@@ -1,7 +1,6 @@
 <template>
   <div style="height: 1395pt">
     <el-menu
-      class="el-menu-home"
       mode="horizontal"
       :background-color="menuColor"
       text-color="#FFF"
@@ -20,37 +19,37 @@
     <div style="color: #FFFF">
       <div class="div-introduction"><span>Thoth综合测试平台</span><br><span style="font-size: 17pt">打造让每个研发测试都离不开的一站式综合工具平台</span></div>
       <img class="img-arrow" src="@/assets/home_images/banner_icon_arrow@3x.png">
-      <el-image style="width: 100%;height 100%;z-index: -1;" :src="bannerImage" fit="scale-down" />
+      <el-image style="width: 100%;z-index: -1;" :src="bannerImage" fit="scale-down" />
     </div>
     <div class="div-main" style="height: 600pt;width 100%;text-align: center;">
       <div style="font-size: 21pt;margin-top: 54pt;color: #333333;">功能介绍</div>
-      <el-card style="margin-left: 0;margin-top: 42pt" shadow="hover">
+      <el-card style="margin-left: 0;margin-top: 42pt" shadow="hover" @click.native="handleSelect('1')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_流程管控@3x.png">
         <div class="div-title">流程管控</div>
         <div class="div-module-introduction">这是一段关于该功能的结束,结束文字控在两行内</div>
       </el-card>
-      <el-card shadow="hover">
+      <el-card shadow="hover" @click.native="handleSelect('2')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_自动化@3x.png">
         <div class="div-title">自动化</div>
         <div class="div-module-introduction">这是一段关于该功能的结束,结束文字控在两行内</div>
       </el-card>
-      <el-card shadow="hover">
+      <el-card shadow="hover" @click.native="handleSelect('3')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_数据中心@3x.png">
         <div class="div-title">数据中心</div>
         <div class="div-module-introduction">这是一段关于该功能的结束,结束文字控在两行内</div>
       </el-card>
       <br>
-      <el-card style="margin-left: 0;margin-top: 36pt;" shadow="hover">
+      <el-card style="margin-left: 0;margin-top: 36pt;" shadow="hover" @click.native="handleSelect('4')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_环境平台@3x.png">
         <div class="div-title">环境平台</div>
         <div class="div-module-introduction">这是一段关于该功能的结束,结束文字控在两行内</div>
       </el-card>
-      <el-card shadow="hover">
+      <el-card shadow="hover" @click.native="handleSelect('5')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_服务mock@3x.png">
         <div class="div-title">服务mock</div>
         <div class="div-module-introduction">这是一段关于该功能的结束,结束文字控在两行内</div>
       </el-card>
-      <el-card shadow="hover">
+      <el-card shadow="hover" @click.native="handleSelect('6')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_虚拟硬件@3x.png">
         <div class="div-title">虚拟硬件</div>
         <div class="div-module-introduction">这是一段关于该功能的结束,结束文字控在两行内</div>
@@ -69,11 +68,11 @@
         <el-col :span="10">
           <div class="div-footer2">
             <div style="visibility: hidden;">1</div>
-            <span style="margin-top: 18pt">服务mock-赵富贵</span>
+            <span style="margin-top: 18pt">服务mock-赵福贵</span>
             <span>数据中心-王丽莎</span>
-            <span>FT负责人-叶宏钢</span>
+            <span>FT负责人-叶宏刚</span>
             <br>
-            <span>虚拟硬件-魏杰文</span>
+            <span>虚拟硬件-魏洁文</span>
             <span>环境平台-李嘉嘉</span>
             <span>产品设计-郑莉</span>
             <br>
@@ -97,7 +96,8 @@ div.div-login {
   display: inline-block;
   position: absolute;
   padding: 0.6% 1.8% 0.6% 1.8%;
-  top: 18%;
+  font-size: 10pt;
+  top: 22%;
   right: 8.3%;
   border: 0.5pt solid #ffffff;
   border-radius: 2px;
@@ -105,13 +105,13 @@ div.div-login {
 div.div-introduction{
   position: absolute;
   font-size: 37pt;
-  top: 50%;
+  top: 35%;
   left: 8.3%;
 }
 img.img-arrow {
   position: absolute;
   width: 2.1%;
-  top: 90%;
+  top: 95%;
   left: 48.95%;
 }
 div.div-footer1,
@@ -142,7 +142,6 @@ div.div-footer2 > span {
   width: 100%;
 }
 .el-menu-item {
-  border-bottom: none !important;
   height: 100%;
 }
 .is-active {
@@ -187,10 +186,45 @@ div.div-module-introduction {
 }
 </style>
 
+<style scoped>
+img.img-arrow {
+    animation: arrow 1.5s infinite ease-in-out;
+    -webkit-animation: arrow 1.5s infinite ease-in-out;
+}
+@keyframes arrow {
+  0% {
+  opacity:0;
+  -webkit-transform:translate(0, 0px)
+  }
+  50% {
+  opacity:1;
+  -webkit-transform:translate(0, -5px)
+  }
+  100% {
+  opacity:0;
+  -webkit-transform:translate(0, -10px)
+  }
+}
+@-webkit-keyframes arrow {
+  0% {
+  opacity:0;
+  -webkit-transform:translate(0, 0px)
+  }
+  50% {
+  opacity:1;
+  -webkit-transform:translate(0, -5px)
+  }
+  100% {
+  opacity:0;
+  -webkit-transform:translate(0, -10px)
+  }
+}
+</style>
+
 <script>
 import FloatMenu from './floatMenu'
 import logoImage from '@/assets/home_images/nav_logo@3x.png'
-import bannerImage from '@/assets/home_images/banner_pic@3x.png'
+import bannerImage from '@/assets/home_images/banner_pic.png'
 
 export default {
   components: {
@@ -209,7 +243,13 @@ export default {
   },
   methods: {
     handleSelect(key, keyPath) {
-      console.log(key, keyPath)
+      switch (key) {
+        case '4' :
+          this.$router.push({ name: '环境' })
+          break
+        case '5' :
+          this.$router.push({ name: 'Mock' })
+      }
     },
     handleScroll() {
       const scrollTop =

src/views/mock/interface.vue

@@ -178,11 +178,6 @@
 </template>
 
 <style scoped>
-.el-header{
-  background-color: rgba(99, 100, 100, 0.315);
-  margin: 0.1%;
-  padding: 1%;
-}
 </style>
 
 <script>

src/views/mock/rule.vue

@@ -124,14 +124,6 @@
   </div>
 </template>
 
-<style scoped>
-.el-header{
-  background-color: rgba(99, 100, 100, 0.315);
-  margin: 0.1%;
-  padding: 1%;
-}
-</style>
-
 <script>
 import { fetchEnvInfo, fetchRuleById, fetchRuleList, createRule, updateRule, changeStatus } from '@/api/article'
 import waves from '@/directive/waves' // waves directive