From 9dabed99a412a28ec8b1fe37c299146dfb906369 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 23 Jul 2023 11:38:18 +0800
Subject: [PATCH] fix

---
 src/components/cards/PluginCard.vue      |  8 ++++++--
 src/components/render/FormRender.vue     | 25 ++++++++++++++++++++++++
 src/views/dashboard/AnalyticsStorage.vue |  2 +-
 3 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 src/components/render/FormRender.vue

diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 2739142b..88f91f68 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -2,6 +2,7 @@
 import { useToast } from 'vue-toast-notification'
 import api from '@/api'
 import type { Plugin } from '@/api/types'
+import FormRender from '@/components/render/FormRender.vue'
 
 // 输入参数
 const props = defineProps({
@@ -56,7 +57,7 @@ async function uninstallPlugin() {
 // 调用API读取表单页面
 async function loadPluginForm() {
   try {
-    const result: { [key: string]: any } = await api.get(`plugin/form／${props.plugin?.id}`)
+    const result: { [key: string]: any } = await api.get(`plugin/form/${props.plugin?.id}`)
     if (result) {
       pluginFormItems.value = result.conf
       pluginConfigForm.value = result.model
@@ -110,6 +111,7 @@ async function savePluginConf() {
 
 // 显示插件详情
 function showPluginInfo() {
+  pluginConfigDialog.value = false
   pluginInfoDialog.value = true
 }
 
@@ -220,7 +222,9 @@ const dropdownItems = ref([
     scrollable
   >
     <VCard :title="`插件 - ${props.plugin?.plugin_name}`">
-      <VCardText />
+      <VCardText>
+        <FormRender v-for="(item, index) in pluginFormItems" :key="index" :config="item" />
+      </VCardText>
       <VCardActions>
         <VSpacer />
         <VBtn @click="pluginInfoDialog = false">
diff --git a/src/components/render/FormRender.vue b/src/components/render/FormRender.vue
new file mode 100644
index 00000000..14d0abdb
--- /dev/null
+++ b/src/components/render/FormRender.vue
@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+
+interface RenderProps {
+  component: string
+  content: any
+}
+
+// 输入参数
+const props = defineProps({
+  config: Array as PropType<RenderProps[]>,
+})
+
+// 配置表单
+const formItems = ref(props.config)
+</script>
+
+<template>
+  <Component :is="item.component" v-for="(item, index) in formItems" :key="index" v-bind="$attrs">
+    <template v-for="(innerItem, innerIndex) in item.content" :key="innerIndex">
+      <FormRender v-if="innerItem.component" :config="innerItem" v-bind="$attrs" />
+      <Component :is="innerItem.component" v-else v-bind="innerItem" />
+    </template>
+  </Component>
+</template>
diff --git a/src/views/dashboard/AnalyticsStorage.vue b/src/views/dashboard/AnalyticsStorage.vue
index c533e0c4..3fc33dbb 100644
--- a/src/views/dashboard/AnalyticsStorage.vue
+++ b/src/views/dashboard/AnalyticsStorage.vue
@@ -20,7 +20,7 @@ const used = ref(0)
 
 // 计算已使用存储空间百分比，精确到小数点后1位
 const usedPercent = computed(() => {
-  return Math.round((used.value / storage.value) * 1000) / 10
+  return Math.round((used.value / (storage.value || 1)) * 1000) / 10
 })
 
 // 调用API，查询存储空间