[GitHub] nzomkxia commented on a change in pull request #87: Restful

[GitBox <gi...@apache.org>]

nzomkxia commented on a change in pull request #87: Restful
URL: https://github.com/apache/incubator-dubbo-ops/pull/87#discussion_r210818589
 
 

 ##########
 File path: dubbo-admin/dubbo-ops-frontend/src/components/ServiceDetail.vue
 ##########
 @@ -0,0 +1,220 @@
+<template>
+  <v-container grid-list-xl fluid >
+    <v-layout row wrap >
+      <v-flex sm12>
+        <h3>basic info</h3>
+      </v-flex>
+      <v-flex lg12>
+        <v-data-table
+          :items="basic"
+          class="elevation-1"
+          hide-actions
+          hide-headers >
+          <template slot="items" slot-scope="props">
+            <td>{{props.item.role}} </td>
+            <td>{{props.item.value}}</td>
+          </template>
+        </v-data-table>
+      </v-flex>
+      <v-flex sm12>
+        <h3>service info</h3>
+      </v-flex>
+      <v-flex lg12 >
+        <v-tabs
+          class="elevation-1">
+          <v-tab>
+            providers
+          </v-tab>
+          <v-tab>
+            consumers
+          </v-tab>
+          <v-tab-item>
+            <v-data-table
+              class="elevation-1"
+              :headers="detailHeaders.providers"
+              :items="providerDetails"
+            >
+              <template slot="items" slot-scope="props">
+                <td>{{props.item.ip}}</td>
+                <td>{{props.item.port}}</td>
+                <td>{{props.item.timeout}}</td>
+                <td>{{props.item.serial}}</td>
+                <td>URL</td>
+              </template>
+            </v-data-table>
+          </v-tab-item>
+          <v-tab-item >
+            <v-data-table
+              class="elevation-1"
+              :headers="detailHeaders.consumers"
+              :items="consumerDetails"
+            >
+              <template slot="items" slot-scope="props">
+                <td>{{props.item.ip}}</td>
+                <td>{{props.item.port}}</td>
+                <td>{{props.item.appName}}</td>
+              </template>
+            </v-data-table>
+          </v-tab-item>
+        </v-tabs>
+      </v-flex>
+      <v-flex sm12>
+        <h3>meta data</h3>
+      </v-flex>
+      <v-flex lg12>
+        <v-data-table
+          class="elevation-1"
+          :headers="metaHeaders"
+          :items="metadata">
+          <template slot="items" slot-scope="props">
+            <td>{{props.item.method}}</td>
+            <td>{{props.item.parameter}}</td>
+            <td>{{props.item.returnType}}</td>
+          </template>
+        </v-data-table>
+      </v-flex>
+    </v-layout>
+  </v-container>
+</template>
+<script>
+  export default {
+    props: {
+      basic: {
+        type: Array,
+        default: () =>
+          [
+            {
+              role: '应用名',
+              value: 'dubbo-demo'
+            },
+            {
+              role: '服务名',
+              value: 'dubbo.com.alibaba'
+            },
+            {
+              role: 'xxxx',
+              value: 'ffffff'
+            }
+          ]
+      },
+      providerDetails: {
+        type: Array,
+        default: () =>
+          [
+            {
+              ip: '192.168.0.1',
+              port: '28880',
+              timeout: '3000',
+              serial: 'hessian'
+            },
+            {
+              ip: '192.168.0.8',
+              port: '28880',
+              timeout: '3000',
+              serial: 'hessian'
+
+            }
+          ]
+      },
+      consumerDetails: {
+        type: Array,
+        default: () =>
+          [
+            {
+              ip: '192.168.1.3',
 
 Review comment:
   it's the default value for test purpose

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@dubbo.apache.org
For additional commands, e-mail: notifications-help@dubbo.apache.org