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 <[email protected]> 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>
