审批流程显示方式更新，多个视图页面及组件修改。

src/views/oa_apply/detail.vue

@@ -21,6 +21,9 @@
                     <el-table-column label="报销金额" show-overflow-tooltip prop="amount">
                     </el-table-column>
                     <el-table-column label="报销项目" show-overflow-tooltip prop="cate_id">
+                        <template #default="{ row }">
+                            <dict-value :options="dictData.oa_approve_cate" :value="row.cate_id" />
+                        </template>
                     </el-table-column>
                     <el-table-column label="备注信息" show-overflow-tooltip prop="remark">
                     </el-table-column>
@@ -127,6 +130,15 @@ const personnel = ref(null);
 const userStore = useUserStore().userInfo;
 const showBackDialog = ref(false)
 
+
+
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    },
+})
+
 // 表单数据
 const formData = reactive({
     id: 0,
@@ -141,7 +153,6 @@ const setFormData = async (data: Record<any, any>) => {
             formData[key] = data[key]
         }
     }
-    console.log(formData)
 }
 
 

src/views/oa_apply/index.vue

@@ -76,7 +76,7 @@
         </el-card>
         <edit-popup v-if="showEdit" ref="editRef" :deptList="deptList" :dict-data="dictData" @success="getLists"
             @close="showEdit = false" />
-        <detailPopup v-if="showDetail" ref="detailRef" @success="showDetail = false, getLists()"
+        <detailPopup v-if="showDetail" ref="detailRef" :dict-data="dictData" @success="showDetail = false, getLists()"
             @close="showDetail = false, getLists()" />
     </div>
 </template>