fix : 修复页面细节

src/views/expense-management/share/add.vue

@@ -113,6 +113,10 @@
     <div style="width:100%;text-align: center;padding: 10px">
       <el-button type="primary" @click="handleAdd" link style="font-size: 18px">添加一行</el-button>
     </div>
+    <div class="approval-record">
+      <baseTitle title="流程"></baseTitle>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+    </div>
     <div class="oper-page-btn">
       <el-button color="#DED0B2" @click="handleSubmit(form)">提交</el-button>
       <el-button @click="handleBack">返回</el-button>
@@ -123,12 +127,17 @@
 <script setup lang="jsx">
 import {ElNotification} from "element-plus";
 import {useTagsView} from '@/stores/tagsview.js'
-import {addAllocation, getAllocationDetail} from "@/api/expense-manage";
+import {addAllocation, getAllocationDetail,getAllocationProcess} from "@/api/expense-manage";
+import {useProcessStore} from '@/stores/processStore.js';
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
 
 const rules = reactive({
   shareName: [{required: true, message: '请输入分摊名称', trigger: 'blur'}],
   apportionmentMonth: [{required: true, message: '请选择月份', trigger: 'blur'}]
 })
+const processStore = useProcessStore()
+const processInstanceData = ref()
+const processDiagramViewer = ref(false)
 const loading = ref(false)
 const route = useRoute()
 const router = useRouter()
@@ -219,11 +228,34 @@ const getDetailInfo = async () => {
     }
   })
 }
+const init = async () => {
+  processDiagramViewer.value = false
+  getAllocationProcess().then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      let data = res.data
+      processInstanceData.value = data
+      processStore.setDesign(data)
+      processStore.runningList.value = data.runningList;
+      processStore.endList.value = data.endList;
+      processStore.noTakeList.value = data.noTakeList;
+      processStore.refuseList.value = data.refuseList;
+      processStore.passList.value = data.passList;
+      nextTick(() => {
+        processDiagramViewer.value = true
+      })
+    }
+  })
+}
 const handleBack = () => {
   history.back()
 }
 onMounted(async () => {
-  // await init()
+  await init()
   if (route.query.id) {
     loading.value = true
     await getDetailInfo()