fix : 修复细节

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

@@ -15,12 +15,16 @@
   </el-form>
   <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
     <el-tab-pane label="分摊明细" name="first">
-      <expense-detail :formData="shareData.formData" :data="shareData" :showTable="showTable"
-                      :processViewer="shareProcessViewer"
+      <expense-detail :formData="shareData.formData" :data="shareData"
+                      :processViewer="shareProcessViewer" :detailList="detailList"
                       :loading="loading"/>
     </el-tab-pane>
     <el-tab-pane label="分摊汇总" name="second">
-
+<!--      <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick">-->
+<!--        <template #empty>-->
+<!--          <el-empty description="暂无数据"/>-->
+<!--        </template>-->
+<!--      </fvTable>-->
     </el-tab-pane>
   </el-tabs>
   <div class="approval-record">
@@ -37,32 +41,40 @@
 <script setup lang="jsx">
 import {ElNotification} from "element-plus";
 import {useProcessStore} from '@/stores/processStore.js';
-import {getAllocationDetail} from "@/api/expense-manage";
+import {getAllocationDetail, getAllocationDetailList} from "@/api/expense-manage";
 
 const processStore = useProcessStore()
 const route = useRoute()
 const shareData = ref({})
+const detailList = ref([])
 const formData = ref({})
 const shareProcessViewer = ref(true)
-const showTable = ref(true)
 const loading = ref(false)
 const activeName = ref('first')
 const getDetail = async () => {
   const id = route.query.id
-  showTable.value = false
-  shareProcessViewer.value = false
   loading.value = true
   const {code, data, msg} = await getAllocationDetail(id)
-  ElNotification({
-    title: '提示',
-    message: msg,
-    type: code === 1000 ? 'success' : 'error'
-  })
   if (code === 1000) {
     shareData.value = data
     formData.value = data.formData
-    loading.value = false
-    if(data.operationList==null)return;
+  } else {
+    ElNotification({
+      title: '提示',
+      message: msg,
+      type:  'error'
+    })
+  }
+  loading.value = false
+}
+const getDetailList = async () => {
+  let params = {
+    allocationId: route.query.id
+  }
+  shareProcessViewer.value = false
+  const {code, data, msg} = await getAllocationDetailList(params)
+  if (code === 1000) {
+    detailList.value = data
     processStore.setDesign(data)
     processStore.runningList.value = data.runningList;
     processStore.endList.value = data.endList;
@@ -71,32 +83,36 @@ const getDetail = async () => {
     processStore.passList.value = data.passList;
     nextTick(() => {
       shareProcessViewer.value = true
-      showTable.value = true
     })
-  } else {
-    loading.value = false
+  }else {
+    ElNotification({
+      title: '提示',
+      message: msg,
+      type:  'error'
+    })
   }
 }
 getDetail()
+getDetailList()
 </script>
 <style scoped lang="scss">
-  :deep(.el-tabs__nav-scroll) {
-    width: 100%;
+:deep(.el-tabs__nav-scroll) {
+  width: 100%;
+  display: flex;
+
+  .el-tabs__nav {
     display: flex;
+    flex: 1;
 
-    .el-tabs__nav {
-      display: flex;
+    .el-tabs__item {
       flex: 1;
+      font-size: 16px;
+    }
 
-      .el-tabs__item {
-        flex: 1;
-        font-size: 16px;
-      }
-
-      .is-active {
-        color: black;
-        //background-color: #DED0B2;
-      }
+    .is-active {
+      color: black;
+      //background-color: #DED0B2;
     }
   }
+}
 </style>