fix : 修复费用管理功能细节

src/components/DetailComponent/ExpenseDetail.vue

@@ -0,0 +1,130 @@
+<template>
+  <div v-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-col :span="24">
+          <el-form-item>
+            <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item>
+            <el-table :data="tableData" style="width: 100%">
+              <el-table-column prop="projectId" label="项目名称" width="180"/>
+              <el-table-column prop="researchPersonnel" label="研发人员" width="180"/>
+              <el-table-column prop="wagesPayable" label="应发工资"/>
+              <el-table-column prop="performance" label="绩效"/>
+              <el-table-column prop="reserveFund" label="公积金"/>
+              <el-table-column prop="socialSecurity" label="社保"/>
+              <el-table-column prop="annuity" label="年金"/>
+              <el-table-column prop="workday" label="工作日(天)"/>
+              <el-table-column prop="researchDuration" label="研发时长(天)"/>
+            </el-table>
+           </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <div v-if="formData.taskId">
+            <baseTitle title="审核意见"></baseTitle>
+            <el-form-item prop="auditOpinion">
+              <el-input
+                  v-model="formData.auditOpinion"
+                  :rows="3"
+                  type="textarea"
+                  placeholder="请输入审核意见"
+              />
+            </el-form-item>
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <div class="approval-record">
+      <baseTitle title="审批记录"></baseTitle>
+      <div class="process">
+        <operation-render v-if="processViewer" :operation-list="data.operationList"
+                          :state="data.state"/>
+        <process-diagram-viewer v-if="processViewer" id-name="collectionProcess"/>
+      </div>
+    </div>
+
+    <opinion v-if="data.taskId" :formData="data.formData" :taskId="data.taskId"></opinion>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import OperationRender from '@/views/workflow/common/OperationRender.vue'
+import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
+
+const searchConfig = reactive([
+  {
+    label: '项目名称',
+    prop: 'projectName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入项目名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '姓名',
+    prop: 'projectName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入姓名查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '起始时间',
+    prop: 'time',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择起始时间',
+      clearable: true,
+    },
+    colProps: {}
+  },
+])
+const tableIns = ref()
+const tableData = ref([])
+const props = defineProps({
+  formData: {
+    type: Array,
+    default: []
+  },
+  data: {
+    type: Array,
+    default: []
+  },
+  processViewer: {
+    type: Boolean,
+    default: false
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  }
+})
+const search = (val) => {
+  tableConfig.params = {...val}
+  // tableIns.value.refresh()
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/DetailComponent/SpecialFundDetail.vue

@@ -72,6 +72,8 @@
         </div>
       </div>
     </el-form>
+    <opinion v-if="data.taskId" :formData="data.formData" :taskId="data.taskId"></opinion>
+
   </div>
 </template>