fix : 修复分摊汇总及编辑功能

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

@@ -141,6 +141,7 @@ import {useTagsView} from '@/stores/tagsview.js'
 import {addAllocation, getAllocationDetail, getAllocationProcess, getResearchUser,getProjectOption} from "@/api/expense-manage";
 import {useProcessStore} from '@/stores/processStore.js';
 import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
+import {getAllocationDetailList} from "../../../api/expense-manage";
 
 const rules = reactive({
   shareName: [{required: true, message: '请输入分摊名称', trigger: 'blur'}],
@@ -162,7 +163,7 @@ const loading = ref(false)
 const route = useRoute()
 const router = useRouter()
 const tagsViewStore = useTagsView()
-let formData = reactive({
+const formData = ref({
   tableData: [
     {
       projectId:'',
@@ -213,13 +214,13 @@ const handleAdd = () => {
     researchDuration: '',
     // subtotal: '',
   }
-  formData.tableData.push(row)
+  formData.value.tableData.push(row)
 }
 const handleCopy = (row) => {
-  formData.tableData.push(row)
+  formData.value.tableData.push(row)
 }
 const handleDelete = (index) => {
-  formData.tableData.splice(index, 1)
+  formData.value.tableData.splice(index, 1)
 }
 const handleSubmit = (instance) => {
   if (!instance) return
@@ -231,13 +232,13 @@ const handleSubmit = (instance) => {
         type: 'error'
       })
     }
-    formData.tableData.forEach(item => {
+    formData.value.tableData.forEach(item => {
       item.projectName = getProjectName(item.projectId)
     })
     let params = {
-      shareName:formData.shareName,
-      apportionmentMonth:formData.apportionmentMonth,
-      usrAllocations: formData.tableData,
+      shareName:formData.value.shareName,
+      apportionmentMonth:formData.value.apportionmentMonth,
+      usrAllocations: formData.value.tableData,
       deploymentId: processInstanceData.value.deploymentId,
     }
     console.log('params',params)
@@ -256,18 +257,34 @@ const handleSubmit = (instance) => {
   })
 }
 const getDetailInfo = async () => {
-  getAllocationDetail(12).then(res => {
+  loading.value=true
+  getAllocationDetail(route.query.id).then(res => {
     ElNotification({
       title: '提示',
       message: res.msg,
       type: res.code === 1000 ? 'success' : 'error'
     })
     if (res.code === 1000) {
-      formData = res.data.formData
+      formData.value = res.data.formData
       loading.value = false
     }
   })
 }
+const getDetailList = async () => {
+  let params = {
+    allocationId: route.query.id
+  }
+  const {code, data, msg} = await getAllocationDetailList(params)
+  if (code === 1000) {
+    formData.value.tableData = data.rows
+  }else {
+    ElNotification({
+      title: '提示',
+      message: msg,
+      type:  'error'
+    })
+  }
+}
 const init = async () => {
   processDiagramViewer.value = false
   await getResearchOptions()
@@ -302,6 +319,7 @@ onMounted(async () => {
   if (route.query.id) {
     loading.value = true
     await getDetailInfo()
+    // await getDetailList()
   }
 })
 </script>