update AdminGateway.vue

src/router/background_backend.js

@@ -23,7 +23,7 @@ export default {
       path: '/bg/backend/gateway',
       name: 'Gateway',
       component: AdminGateway,
-      title: '网关',
+      title: '网关路由',
       icon: 'el-icon-loading',
       meta: { needAuth: true, roles: ['tnb_admin'] }
     },

src/views/admin/backend/AdminGateway.vue

@@ -1,9 +1,45 @@
 <template>
   <el-container>
     <el-header height="220">
-      <h3>SpringCloud 网关</h3>
+      <h3>SpringCloud 网关路由</h3>
     </el-header>
     <el-main>
+      <el-table
+        :data="dataList"
+        border
+        height="480"
+        style="width: 100%"
+      >
+        <el-table-column
+          fixed="left"
+          label="No"
+          type="index"
+        />
+        <el-table-column
+          prop="id"
+          label="应用"
+        />
+        <el-table-column
+          prop="upstreamUrl"
+          label="节点数量"
+        />
+        <el-table-column
+          prop="routeUrl"
+          label="节点地址"
+        />
+        <el-table-column
+          fixed="right"
+          label="操作"
+          width="280"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="handleEdit(scope.$index, scope.row)"
+            >编辑</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
     </el-main>
   </el-container>
 </template>
@@ -37,6 +73,9 @@ export default {
           this.$message.error(resp.msg)
         }
       })
+    },
+    handleEdit(index, row) {
+      this.$message.info('handle edit')
     }
   }
 }