You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@dubbo.apache.org by GitBox <gi...@apache.org> on 2018/09/02 14:43:56 UTC

[GitHub] beiwei30 closed pull request #97: change search bar style

beiwei30 closed pull request #97: change search bar style
URL: https://github.com/apache/incubator-dubbo-ops/pull/97
 
 
   

This is a PR merged from a forked repository.
As GitHub hides the original diff on merge, it is displayed below for
the sake of provenance:

As this is a foreign pull request (from a fork), the diff is supplied
below (as it won't show otherwise due to GitHub magic):

diff --git a/dubbo-admin/dubbo-admin-frontend/src/components/RoutingRule.vue b/dubbo-admin/dubbo-admin-frontend/src/components/RoutingRule.vue
index ae20fa9..a91a5e7 100644
--- a/dubbo-admin/dubbo-admin-frontend/src/components/RoutingRule.vue
+++ b/dubbo-admin/dubbo-admin-frontend/src/components/RoutingRule.vue
@@ -19,22 +19,38 @@
   <v-container grid-list-xl fluid >
     <div>
       <v-layout row wrap>
-        <v-flex xs12 class="justify-space-between">
-          <v-form>
-            <v-layout row wrap>
-              <v-flex xs11>
-                <v-text-field label="Search dubbo service"
-                              v-model="filter"></v-text-field>
-              </v-flex>
+        <v-flex xs12 >
+          <!--<v-form>-->
+            <!--<v-layout row wrap>-->
+              <!--<v-flex xs11>-->
+                <!--<v-text-field label="Search dubbo service"-->
+                              <!--v-model="filter"></v-text-field>-->
+              <!--</v-flex>-->
 
-              <v-flex xs1>
-                <v-btn @click="submit" color="primary" >Search</v-btn>
-              </v-flex>
-            </v-layout>
-          </v-form>
+              <!--<v-flex xs1>-->
+                <!--<v-btn @click="submit" color="primary" >Search</v-btn>-->
+              <!--</v-flex>-->
+            <!--</v-layout>-->
+          <!--</v-form>-->
+          <v-card flat>
+            <v-card-text>
+                <v-layout row wrap >
+                  <!--<v-flex xs10>-->
+                    <v-text-field label="Search dubbo service"
+                                  v-model="filter"></v-text-field>
+                  <!--</v-flex>-->
+
+                  <!--<v-flex xs1>-->
+                    <v-btn @click="submit" color="primary" >Search</v-btn>
+                  <!--</v-flex>-->
+                </v-layout>
+
+            </v-card-text>
+
+          </v-card>
         </v-flex>
       </v-layout>
-      <v-toolbar flat color="white">
+      <v-toolbar class="elevation-1" flat color="white">
         <v-toolbar-title>Search Result</v-toolbar-title>
         <v-spacer></v-spacer>
         <v-btn outline color="primary" @click.stop="dialog = true" class="mb-2">CREATE</v-btn>
@@ -215,9 +231,3 @@
 
   }
 </script>
-
-<style scoped>
-  div.btn__content {
-    padding: 0;
-  }
-</style>
diff --git a/dubbo-admin/dubbo-admin-frontend/src/components/ServiceSearch.vue b/dubbo-admin/dubbo-admin-frontend/src/components/ServiceSearch.vue
index 3005bc7..ba7020e 100644
--- a/dubbo-admin/dubbo-admin-frontend/src/components/ServiceSearch.vue
+++ b/dubbo-admin/dubbo-admin-frontend/src/components/ServiceSearch.vue
@@ -18,42 +18,50 @@
 <template>
   <v-container id="search" grid-list-xl fluid >
     <v-layout row wrap>
-      <v-flex xs12 class="justify-center">
-        <v-form>
-          <v-layout row wrap>
-            <v-flex xs10>
-              <v-text-field label="Search dubbo service"
-                            v-bind:suffix="queryBy"
-                            v-model="filter"></v-text-field>
-            </v-flex>
+      <v-flex xs12 >
+        <v-card flat>
+          <v-card-text>
+            <v-form>
+              <v-layout row wrap>
+                <!--<v-flex xs10>-->
+                  <v-text-field label="Search dubbo service"
+                                v-bind:suffix="queryBy"
+                                v-model="filter"></v-text-field>
+                <!--</v-flex>-->
 
-            <v-flex xs2>
-              <v-menu bottom left class="hidden-xs-only">
-                <v-btn
-                  slot="activator"
-                  icon>
-                  <v-icon>unfold_more</v-icon>
-                </v-btn>
+                <!--<v-flex xs2>-->
+                  <v-menu bottom left class="hidden-xs-only">
+                    <v-btn
+                      slot="activator"
+                      icon>
+                      <v-icon>unfold_more</v-icon>
+                    </v-btn>
 
-                <v-list>
-                  <v-list-tile
-                    v-for="(item, i) in items"
-                    :key="i"
-                    @click="selected = i">
-                    <v-list-tile-title>{{ item.title }}</v-list-tile-title>
-                  </v-list-tile>
-                </v-list>
-              </v-menu>
-              <v-btn @click="submit" color="primary" class="ml-4" large>Search</v-btn>
-            </v-flex>
-          </v-layout>
-        </v-form>
+                    <v-list>
+                      <v-list-tile
+                        v-for="(item, i) in items"
+                        :key="i"
+                        @click="selected = i">
+                        <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+                      </v-list-tile>
+                    </v-list>
+                  </v-menu>
+                  <v-btn @click="submit" color="primary"  >Search</v-btn>
+                <!--</v-flex>-->
+              </v-layout>
+            </v-form>
+
+          </v-card-text>
+        </v-card>
       </v-flex>
     </v-layout>
-    <v-flex sm12>
-      <h3>Search Result</h3>
-    </v-flex>
+    <!--<v-flex sm12>-->
+      <!--<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"
@@ -141,8 +149,6 @@
         }
       })
       if (filter !== '' && pattern !== '') {
-        this.pattern = pattern
-        this.filter = filter
         this.search(filter, pattern, false)
       }
     }


 

----------------------------------------------------------------
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