报告说明项

src/components/ExplainModal.vue

@@ -0,0 +1,43 @@
+<template>
+  <a-modal title="报告说明信息页" ref="theModal" v-model:visible="visible">
+    <a-form>
+      <a-form-item label="报告类别">
+        <a-input disabled :value="keyName"></a-input>
+      </a-form-item>
+      <a-form-item label="系统说明">
+        <a-input disabled :value="keyDetail"></a-input>
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { getRootOrgSettingsOfKey } from "@/api/rootOrgPage";
+import { ORG_GLOSSARY } from "@/constants/constants";
+import EventBus from "@/plugins/eventBus";
+import { useMainStore } from "@/store";
+import { watch } from "vue-demi";
+
+const store = useMainStore();
+const rootOrgId = store.userInfo.rootOrgId;
+// const { keyCode } = defineProps<{ keyCode: string }>();
+let keyCode = $ref("");
+EventBus.on("SHOW_SETTING", (e) => {
+  keyCode = e as string;
+  keyName = ORG_GLOSSARY[keyCode as keyof typeof ORG_GLOSSARY];
+});
+let keyName = $ref("");
+let keyDetail = $ref("");
+let theModal = $ref(null);
+
+let visible = $ref(false);
+
+watch(
+  () => keyCode,
+  async () => {
+    const res = await getRootOrgSettingsOfKey(rootOrgId, keyCode);
+    keyDetail = res.data;
+    visible = true;
+  }
+);
+</script>