update

Author: fuyoo

src-tauri/src/api/mod.rs

@@ -70,6 +70,10 @@ struct KeyParam {
 // here,we provide a query function,to do all query from frontend.
 async fn do_query(connection_info: ConnectionImpl, data: &str) -> Result<Response<String>> {
     let param = extract::<Vec<String>>(data)?;
+    // just print log in debug environment
+    if cfg!(debug_assertions) {
+        println!("cmd param: {:#?}", param);
+    }
     let mut cmd_ = cmd(param.get(0).unwrap());
     for (_, v) in param.iter().skip(1).enumerate() {
         cmd_.arg(v);

src-tauri/src/api/rdb.rs

@@ -77,8 +77,8 @@ pub fn convert_to_string(ori: Value) -> Result<String> {
             }
             s
         }
-        Value::Status(_) => "".to_string(),
-        Value::Okay => "".to_string(),
+        Value::Status(s) => s.to_string(),
+        Value::Okay => "okey".to_string(),
     };
     Ok(v)
 }

src/pages/host/components/CoDatabase/CoInfomation/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useReqStore } from "@/stores/req";
+import { useReqStore } from "@/stores/req.ts";
 import { ElDropdown, ElDropdownMenu, ElDropdownItem, ElButton } from "element-plus"
 import { ref } from "vue";
 import { useRoute, useRouter } from "vue-router";

src/pages/host/components/CoDatabase/CoDbs.vue renamed to src/pages/host/components/CoDatabase/components/CoDatabase/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/pages/host/components/CoDatabase/components/CoHash/index.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { useReqStore } from '@/stores/req.ts'
+import { reactive, ref, watch } from 'vue'
+
+const prop = defineProps<{ value?: string }>()
+const vModel = defineModel()
+const vSizeModel = defineModel('size')
+const reqStore = useReqStore()
+const baseInfo =  reactive({
+  type: '',
+  memory: '',
+  pttl: '',
+})
+const fetchInfo = async () => {
+  const t = await reqStore.reqWithHost<string>({
+    path: '/cmd',
+    data: ['type', prop.value],
+  })
+  baseInfo.type = t.data
+  vModel.value = t.data
+  const mem = await reqStore.reqWithHost<string>({
+    path: '/cmd',
+    data: ['memory','usage',prop.value]
+  })
+  baseInfo.memory = mem.data
+  vSizeModel.value = mem.data
+  const pttl = await reqStore.reqWithHost<string>({
+    path: '/cmd',
+    data: ['pttl', prop.value]
+  })
+  baseInfo.pttl = pttl.data
+}
+fetchInfo()
+watch(() => prop.value, () => {
+  fetchInfo()
+})
+</script>
+
+<template>
+  <div class="b-b b-b-dashed b-b-#eee p-4 gap-2 flex">
+    <b>{{ value }}</b>
+    <q-badge><i class="i-iconamoon:type-bold mr-1"></i>  {{baseInfo.type.toUpperCase()}}</q-badge>
+    <q-badge> <i class="i-material-symbols:memory-alt mr-1"></i>  {{baseInfo.memory}}bytes</q-badge>
+    <q-badge>
+      <i class="i-material-symbols:nest-clock-farsight-analog-outline"></i>TTL
+      {{baseInfo.pttl+'ms'}}
+    </q-badge>
+  </div>
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/pages/host/components/CoDatabase/components/CoInfoHeader/index.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { computed, defineAsyncComponent, ref } from 'vue'
+
+defineProps<{ value?: string }>()
+import CoInfoHeader from "@/pages/host/components/CoDatabase/components/CoInfoHeader/index.vue"
+import type { RedisKeyType } from '@/types.ts'
+import { ElEmpty } from 'element-plus'
+const keyType = ref<RedisKeyType>("")
+const typeView = computed(() => {
+  switch (keyType.value) {
+    case "string":
+      return defineAsyncComponent(() => import("@/pages/host/components/CoDatabase/components/CoString/index.vue"))
+    case "hash":
+      return defineAsyncComponent(() => import("@/pages/host/components/CoDatabase/components/CoHash/index.vue"))
+    case "list":
+      return defineAsyncComponent(() => import("@/pages/host/components/CoDatabase/components/CoList/index.vue"))
+    case "set":
+      return defineAsyncComponent(() => import("@/pages/host/components/CoDatabase/components/CoSet/index.vue"))
+    case "zset": return ElEmpty
+    default:
+      return ElEmpty
+  }
+})
+const size = ref<string>()
+</script>
+
+<template>
+  <div class="w-full h-full">
+    <co-info-header :value="value" v-model="keyType" v-model:size="size"/>
+    <component :is="typeView" :value="value" :size="size"/>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

src/pages/host/components/CoDatabase/components/CoInfoLayout/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useReqStore } from '@/stores/req'
+import { useReqStore } from '@/stores/req.ts'
 import { onMounted, reactive, ref, shallowRef } from 'vue'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 import { ElTreeV2, type TreeNode,ElButton } from 'element-plus'
@@ -144,8 +144,8 @@ const loadMoreFn = () => {
 }
 </script>
 <template>
-  <div class="_mc flex flex-col flex-1 justify-start items-start">
-    <div class="p-2 flex justify-center items-start flex-row">
+  <div class="_mc w-full flex flex-col flex-1 justify-start items-start">
+    <div class="p-2 flex justify-center items-start flex-row w-full">
       <input type="text" class="flex-1 outline-none" v-model="search.match" />
     </div>
     <div class="flex-1 w-full" ref="treeBoxRef">
@@ -156,6 +156,7 @@ const loadMoreFn = () => {
         v-if="nameSpaceEnable"
         ref="elTreeV2Ref"
         :data="noSearchKeyData"
+        class="w-full"
         :props="{
         value: 'id',
         label: 'label',

src/pages/host/components/CoDatabase/CoKeys.vue renamed to src/pages/host/components/CoDatabase/components/CoKeys/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/pages/host/components/CoDatabase/components/CoList/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>