feat: 审批预览

src/views/index/approvalPreview/components/knowledge.vue

@@ -1,13 +1,24 @@
 <template>
-  <div>知识库审核预览{{ data.cidFlowId }}</div>
+  <knowledgeDetailModal :hasDialog="false" tableName="SIMULATION_KNOWLEDGE" :detail="knowledgeDetail"/>
 </template>
 
 <script setup lang="ts">
+import knowledgeDetailModal from '@/views/competenceCenter/knowledge/components/knowledgeDetailModal.vue';
+import { ref, watchEffect } from 'vue';
+
 interface Props {
   data: any;
 }
 
-withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props>(), {
   data: {},
 });
+const knowledgeDetail = ref<any>(null);
+watchEffect(() => {
+  if (props.data) {
+    const approveContents = JSON.parse(props.data?.approveContents || '{}');
+    knowledgeDetail.value = approveContents.beforeData || null;
+  }
+});
+
 </script>