feat: 修改审批记录的样式

src/views/secondDev/approveFlowPage.vue

@@ -47,6 +47,7 @@
                 @get-form-configs="(config) => (formConfigs = config)"
             />
             <Title :font-size="18" default-value="流转信息"></Title>
+            <flow-history :items="getTaskRecords()"></flow-history>
             <opinion-dialog ref="opinionDlg" />
         </div>
     </div>
@@ -64,10 +65,10 @@
     import { separator } from '/@bpmn/config/info';
     import { useMultipleTabStore } from '/@/store/modules/multipleTab';
     import Title from '/@/components/Title/src/Title.vue';
+    import FlowHistory from '/@/components/SecondDev/FlowHistory.vue';
 
     const { data, approveUserData, initProcessData, notificationError, notificationSuccess } = userTaskItem();
 
-
     const tabStore = useMultipleTabStore();
     const router = useRouter();
     const currentRoute = router.currentRoute.value;
@@ -146,6 +147,12 @@
         approvalData.circulateConfigs = [];
     }
 
+    function getTaskRecords() {
+        if (data.taskRecords.length) {
+            return data.taskRecords[0]?.records || [];
+        }
+    }
+
     onMounted(async () => {
         if (unref(taskId)) {
             try {
@@ -215,7 +222,7 @@
         return fileFolderIds;
     }
 
-    async function getApproveParams(){
+    async function getApproveParams() {
         let formModels = await formInformation.value.getFormModels();
         let system = formInformation.value.getSystemType();
         let fileFolderIds = getUploadFileFolderIds(formModels);