You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dubbo.apache.org by il...@apache.org on 2018/09/11 14:04:48 UTC
[incubator-dubbo-ops] 02/02: enhance search result
This is an automated email from the ASF dual-hosted git repository.
iluo pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/incubator-dubbo-ops.git
commit a2ec51751110204590aede03e22b5f6fb325cb94
Author: beiwei30 <ia...@gmail.com>
AuthorDate: Tue Sep 11 22:04:32 2018 +0800
enhance search result
---
.../src/components/ServiceSearch.vue | 41 ++++++++++++++--------
1 file changed, 27 insertions(+), 14 deletions(-)
diff --git a/dubbo-admin-frontend/src/components/ServiceSearch.vue b/dubbo-admin-frontend/src/components/ServiceSearch.vue
index ba7020e..3d1a023 100644
--- a/dubbo-admin-frontend/src/components/ServiceSearch.vue
+++ b/dubbo-admin-frontend/src/components/ServiceSearch.vue
@@ -59,21 +59,34 @@
<!--<h3>Search Result</h3>-->
<!--</v-flex>-->
<v-flex lg12>
- <v-toolbar class="elevation-1" flat color="white">
- <v-toolbar-title>Search Result</v-toolbar-title>
- </v-toolbar>
- <v-data-table
- class="elevation-1"
- :headers="headers"
- :items="services"
- >
- <template slot="items" slot-scope="props">
- <td>{{props.item.serviceName}}</td>
- <td>{{props.item.group}}</td>
- <td>{{props.item.appName}}</td>
- <td><v-btn small color='primary' :href='getHref(props.item.serviceName, props.item.appName)'>Detail</v-btn></td>
+ <v-card>
+ <v-toolbar card dense color="transparent">
+ <v-toolbar-title><h4>Search Result</h4></v-toolbar-title>
+ <v-spacer></v-spacer>
+ <v-btn icon>
+ <v-icon>more_vert</v-icon>
+ </v-btn>
+ </v-toolbar>
+ <v-divider></v-divider>
+ <v-card-text class="pa-0">
+ <template>
+ <v-data-table
+ hide-actions
+ class="elevation-0 table-striped"
+ :headers="headers"
+ :items="services"
+ >
+ <template slot="items" slot-scope="props">
+ <td>{{props.item.serviceName}}</td>
+ <td>{{props.item.group}}</td>
+ <td>{{props.item.appName}}</td>
+ <td><v-btn small color='primary' :href='getHref(props.item.serviceName, props.item.appName)'>Detail</v-btn></td>
+ </template>
+ </v-data-table>
</template>
- </v-data-table>
+ <v-divider></v-divider>
+ </v-card-text>
+ </v-card>
</v-flex>
</v-container>
</template>