代码优化，加入server.js

src/api/server.js

+import request from '@/utils/request'
+
+export function add(data) {
+  return request({
+    url: 'api/server',
+    method: 'post',
+    data
+  })
+}
+
+export function del(id) {
+  return request({
+    url: 'api/server/' + id,
+    method: 'delete'
+  })
+}
+
+export function edit(data) {
+  return request({
+    url: 'api/server',
+    method: 'put',
+    data
+  })
+}

src/views/home.vue

@@ -5,6 +5,26 @@
       <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
         <line-chart/>
       </el-row>
+      <!--      <el-row :gutter="32">-->
+      <!--        <el-col :xs="24" :sm="24" :lg="8">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <radar-chart/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--        <el-col :xs="24" :sm="24" :lg="8">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <pie-chart/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--        <el-col :xs="24" :sm="24" :lg="8">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <bar-chart/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--      </el-row>-->
+      <!--      <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
+      <!--        <heat-map/>-->
+      <!--      </el-row>-->
       <el-row :gutter="32">
         <el-col :xs="24" :sm="24" :lg="8">
           <div class="chart-wrapper">
@@ -13,26 +33,6 @@
         </el-col>
         <el-col :xs="24" :sm="24" :lg="8">
           <div class="chart-wrapper">
-            <pie-chart/>
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <bar-chart/>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
-        <heat-map/>
-      </el-row>
-      <el-row :gutter="32">
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <funnel/>
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
             <sunburst/>
           </div>
         </el-col>
@@ -42,52 +42,52 @@
           </div>
         </el-col>
       </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <rich/>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <theme-river/>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="32">
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <graph/>
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <sankey/>
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <line3-d/>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <scatter/>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <point/>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
-        <div class="chart-wrapper">
-          <category/>
-        </div>
-      </el-row>
+      <!--      <el-row :gutter="12">-->
+      <!--        <el-col :span="12">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <rich/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--        <el-col :span="12">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <theme-river/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--      </el-row>-->
+      <!--      <el-row :gutter="32">-->
+      <!--        <el-col :xs="24" :sm="24" :lg="8">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <graph/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--        <el-col :xs="24" :sm="24" :lg="8">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <sankey/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--        <el-col :xs="24" :sm="24" :lg="8">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <line3-d/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--      </el-row>-->
+      <!--      <el-row :gutter="12">-->
+      <!--        <el-col :span="12">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <scatter/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--        <el-col :span="12">-->
+      <!--          <div class="chart-wrapper">-->
+      <!--            <point/>-->
+      <!--          </div>-->
+      <!--        </el-col>-->
+      <!--      </el-row>-->
+      <!--      <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
+      <!--        <div class="chart-wrapper">-->
+      <!--          <category/>-->
+      <!--        </div>-->
+      <!--      </el-row>-->
     </div>
   </div>
 </template>

src/views/monitor/server/index.vue

@@ -86,6 +86,7 @@ import initData from '@/mixins/initData'
 import { del } from '@/api/server'
 import eForm from './form'
 export default {
+  name: 'ServerMonitor',
   components: { eForm },
   mixins: [initData],
   data() {