vue2-client 1.19.56 → 1.19.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.19.56",
+  "version": "1.19.58",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/components/FileImageItem/FileItem.vue

@@ -245,7 +245,8 @@ export default {
         gif: 'file-image',
         txt: 'file-text',
         zip: 'file-zip',
-        rar: 'file-zip'
+        rar: 'file-zip',
+        m4a: 'right-circle',
       }
       return iconMap[ext] || 'file'
     },
@@ -316,7 +317,7 @@ export default {
         &.file-type-jpg, &.file-type-jpeg, &.file-type-png, &.file-type-gif {
           background: linear-gradient(135deg, #722ed1, #b37feb);
         }
-        &.file-type-txt {
+        &.file-type-txt, &.file-type-m4a {
           background: linear-gradient(135deg, #13c2c2, #5cdbd3);
         }
         &.file-type-zip, &.file-type-rar {
@@ -371,13 +372,9 @@ export default {
             margin-right: 12px;
           }
 
-          .file-audio-duration {
-            margin-right: 12px;
-          }
-
           .file-time {
             position: relative;
-            padding-left: 12px;
+            padding-left: 6px;
 
             &::before {
               content: '';
@@ -419,7 +416,7 @@ export default {
     .file-actions {
       display: flex;
       align-items: center;
-      margin-left: 16px;
+      margin-left: 6px;
 
       .action-btn {
         width: 36px;

package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowHandle.vue

@@ -81,6 +81,7 @@
                 key="workFlowTab"
                 tab="表单"
               >
+                <work-flow-preview v-if="historyFormCompletedDataPreview" :form-completed-data-preview="historyFormCompletedDataPreview" :showTitle="false"/>
                 <x-add-native-form
                   ref="xAddForm"
                   @x-form-item-emit-func="formItemEmitFunc"
@@ -486,6 +487,7 @@ export default {
       formCompletedData: {},
       // 用于展示提交的数据
       formCompletedDataPreview: null,
+      historyFormCompletedDataPreview: null,
       // 切换至目标流程时，目标流程定义
       targetStepDefine: [],
       // 控制历史记录加载
@@ -953,8 +955,78 @@ export default {
     // 获取当前步骤定义内容，构建组件
     async buildComp (stepId) {
       const properties = this.stepsDefine.find(item => item.id === stepId).properties
+      this.historyFormCompletedDataPreview = null
       // 表单的渲染
       if (properties.form && properties.form.formJson) {
+        if (properties.otherProperty && properties.otherProperty.historyFormData) {
+          const historyFormDataConfig = properties.otherProperty.historyFormData
+
+          // 收集所有需要查询的步骤和字段映射关系
+          const configItems = []
+          const stepIdSet = new Set()
+
+          for (const historyFormConfig of historyFormDataConfig) {
+            const stepConfig = this.stepsDefine.find(item => item.name === historyFormConfig.stepName)
+            if (!stepConfig) {
+              continue
+            }
+
+            const stepId = stepConfig.id
+            const stepFormJson = stepConfig?.properties?.form?.formJson
+            if (!stepFormJson) {
+              continue
+            }
+
+            const formItem = stepFormJson.find(item => item.name === historyFormConfig.formLabel)
+            const model = formItem?.model
+
+            if (!model) {
+              continue
+            }
+
+            // 收集配置项和需要查询的 stepId
+            configItems.push({
+              stepId,
+              model,
+              displayLabel: historyFormConfig.displayLabel
+            })
+            stepIdSet.add(stepId)
+          }
+
+          // 批量查询：每个 stepId 只查询一次，并行执行
+          const formDataCache = new Map()
+          const queryPromises = Array.from(stepIdSet).map(async stepId => {
+            try {
+              const formData = await postByServiceName(
+                workFlowViewApi.getWorkFlowCompletedStepData,
+                { workflowId: this.workflowId, stepId }
+              )
+              formDataCache.set(stepId, formData.data || {})
+            } catch (error) {
+              console.error(`查询步骤 ${stepId} 的数据失败:`, error)
+              formDataCache.set(stepId, {})
+            }
+          })
+
+          // 等待所有查询完成
+          await Promise.all(queryPromises)
+
+          // 组装历史表单数据
+          const historyFormData = configItems.map(configItem => {
+            const cachedFormData = formDataCache.get(configItem.stepId)
+            return {
+              label: configItem.displayLabel,
+              value: cachedFormData?.[configItem.model]
+            }
+          })
+
+          this.historyFormCompletedDataPreview = {
+            data: historyFormData,
+            images: [],
+            files: [],
+            note: ''
+          }
+        }
         this.stepDefine = properties.form.formJson
         this.showForm = true
         this.$nextTick(() => {

package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowPreview.vue

@@ -7,7 +7,7 @@
         bordered
         class="descriptionPreviewItem"
       >
-        <p slot="title" class="descriptionTitle">
+        <p slot="title" class="descriptionTitle" v-if="showTitle">
           填写历史
         </p>
         <template v-if="legacyMode">
@@ -97,7 +97,11 @@ export default {
     legacyMode: {
       type: Boolean,
       default: false
-    }
+    },
+    showTitle: {
+      type: Boolean,
+      default: true
+    },
   },
   computed: {
     noData () {