fix:Solve the problem of the height of the hash list table

hunter-ji · Mar 8, 2022 · 9da67a1 · 9da67a1
1 parent b2e613b
commit 9da67a1
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 14 deletions.
diff --git a/src/views/newKeyValue/hashType.vue b/src/views/newKeyValue/hashType.vue
@@ -1,5 +1,7 @@
 <template>
   <div class="value-content-container list-type-container">
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -21,10 +23,12 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="searchState.isSearching ? searchState.values : state.values"
       v-loading="state.loading"
-      height="100%"
+      height="700"
       size="mini" border stripe @selection-change="handleSelectionChange"
       @cell-dblclick="edit"
       style="width: 100%;">
@@ -185,9 +189,3 @@ onMounted(() => {
   addRow()
 })
 </script>
-
-<style>
-.value-content-container {
-  height: calc(100vh - 160px);
-}
-</style>
diff --git a/src/views/newKeyValue/listType.vue b/src/views/newKeyValue/listType.vue
@@ -1,5 +1,7 @@
 <template>
   <div class="list-type-container">
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -29,6 +31,8 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="searchState.isSearching ? searchState.values : state.values"
       v-loading="state.loading"

diff --git a/src/views/newKeyValue/setType.vue b/src/views/newKeyValue/setType.vue
@@ -1,5 +1,7 @@
 <template>
   <div class="list-type-container">
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -20,6 +22,8 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="state.values"
       height="700"

diff --git a/src/views/newKeyValue/zsetType.vue b/src/views/newKeyValue/zsetType.vue
@@ -1,5 +1,7 @@
 <template>
   <div class="list-type-container">
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -21,6 +23,8 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="state.values"
       v-loading="state.loading"

diff --git a/src/views/valueContent/hashType.vue b/src/views/valueContent/hashType.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="value-content-container list-type-container">
+
+    <!-- top-tab -->
     <top-tab :key-name="props.keyName" key-type="hash" class="mb-4"/>
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -34,10 +38,12 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="searchState.isSearching ? searchState.values : state.values"
       v-loading="state.loading"
-      height="100%"
+      height="700"
       size="mini" border stripe @selection-change="handleSelectionChange"
       @cell-dblclick="edit"
       style="width: 100%;">
@@ -246,9 +252,3 @@ watch(props, () => {
   state.loading = false
 })
 </script>
-
-<style>
-.value-content-container {
-  height: calc(100vh - 160px);
-}
-</style>
diff --git a/src/views/valueContent/listType.vue b/src/views/valueContent/listType.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="list-type-container">
+
+    <!-- top-tab -->
     <top-tab :key-name="props.keyName" key-type="list" class="mb-4"/>
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -40,6 +44,8 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="searchState.isSearching ? searchState.values : state.values"
       v-loading="state.loading"

diff --git a/src/views/valueContent/setType.vue b/src/views/valueContent/setType.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="list-type-container">
+
+    <!-- top-tab -->
     <top-tab :key-name="props.keyName" key-type="set" class="mb-4"/>
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -33,6 +37,8 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="searchState.isSearching ? searchState.values : state.values"
       height="700"

diff --git a/src/views/valueContent/zsetType.vue b/src/views/valueContent/zsetType.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="list-type-container">
+
+    <!-- top-tab -->
     <top-tab :key-name="props.keyName" key-type="hash" class="mb-4"/>
+
+    <!-- tools -->
     <div class="w-full flex flex-row justify-between mb-4">
       <div class="w-1/5 flex flex-row items-center">
         <div class="text-sm mr-1">TTL(s)</div>
@@ -33,6 +37,8 @@
         </el-tooltip>
       </div>
     </div>
+
+    <!-- table -->
     <el-table
       :data="searchState.isSearching ? searchState.values : state.values"
       v-loading="state.loading"