fix : 修复页面细节

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

@@ -1,23 +1,58 @@
 <template>
-<expense-detail :formData="shareData.formData" :data="shareData" :showTable="showTable" :processViewer="shareProcessViewer"
-  :loading="loading"/>
+  <el-form :model="formData" ref="form" class="query-form" label-width="auto">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="分摊名称">
+          <span>{{ formData.shareName }}</span>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="分摊月份">
+          <span>{{ formData.apportionmentMonth }}</span>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </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"
+                      :loading="loading"/>
+    </el-tab-pane>
+    <el-tab-pane label="分摊汇总" name="second">
+
+    </el-tab-pane>
+  </el-tabs>
+  <div class="approval-record">
+    <baseTitle title="审批记录"></baseTitle>
+    <div class="process">
+      <operation-render v-if="shareProcessViewer" :operation-list="shareData.operationList"
+                        :state="data.state"/>
+      <process-diagram-viewer v-if="shareProcessViewer" id-name="fundProcess"/>
+    </div>
+  </div>
+  <opinion v-if="shareData.taskId" :formData="shareData.formData" :taskId="shareData.taskId"></opinion>
 </template>
 
 <script setup lang="jsx">
 import {ElNotification} from "element-plus";
 import {useProcessStore} from '@/stores/processStore.js';
 import {getAllocationDetail} from "@/api/expense-manage";
+
 const processStore = useProcessStore()
 const route = useRoute()
 const shareData = ref({})
+const formData = ref({})
 const shareProcessViewer = ref(true)
 const showTable = ref(true)
 const loading = ref(false)
+const activeName = ref('first')
 const getDetail = async () => {
-  // const specialFundId = route.query.id
+  const id = route.query.id
   showTable.value = false
+  shareProcessViewer.value = false
   loading.value = true
-  const {code, data, msg} = await getAllocationDetail(12)
+  const {code, data, msg} = await getAllocationDetail(id)
   ElNotification({
     title: '提示',
     message: msg,
@@ -25,24 +60,43 @@ const getDetail = async () => {
   })
   if (code === 1000) {
     shareData.value = data
+    formData.value = data.formData
     loading.value = false
+    if(data.operationList==null)return;
+    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(() => {
+      shareProcessViewer.value = true
       showTable.value = true
     })
-    // if(data.operationList==null)return;
-    // 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;
-
-  }else {
+  } else {
     loading.value = false
   }
 }
 getDetail()
 </script>
-<style scoped>
+<style scoped lang="scss">
+  :deep(.el-tabs__nav-scroll) {
+    width: 100%;
+    display: flex;
 
+    .el-tabs__nav {
+      display: flex;
+      flex: 1;
+
+      .el-tabs__item {
+        flex: 1;
+        font-size: 16px;
+      }
+
+      .is-active {
+        color: black;
+        //background-color: #DED0B2;
+      }
+    }
+  }
 </style>