fix : 修复费用分摊详情渲染数据问题

This commit is contained in:
2024-06-06 01:15:12 +08:00
parent 1c204b39df
commit ec4c61d758
6 changed files with 64 additions and 36 deletions

View File

@@ -21,7 +21,7 @@ export const getAllocationProcess = () => {
};
export const getAllocationDetailList = (params) => {
return request({
url: '/workflow/mosr/cost/allocation/process',
url: '/workflow/mosr/cost/allocation/usr',
method: "get",
params:params
});

View File

@@ -1,7 +1,7 @@
<template>
<div v-loading="loading">
<fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
<fvTable ref="tableIns" :tableConfig="tableConfig" :data="detailList.formData">
<fvTable v-if="showTable" ref="tableIns" :tableConfig="tableConfig" :data="detailList">
<template #empty>
<el-empty description="暂无数据"/>
</template>
@@ -102,6 +102,10 @@ const props = defineProps({
loading: {
type: Boolean,
default: false
},
showTable: {
type: Boolean,
default: true
}
})
const search = (val) => {
@@ -111,6 +115,9 @@ const search = (val) => {
watch(() => props.loading, (val) => {
props.loading=val
})
watch(() => props.showTable, (val) => {
props.showTable=val
})
</script>
<style scoped>

View File

@@ -51,49 +51,49 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="wagesPayable" label="应发工资" width="175">
<el-table-column prop="wagesPayable" label="应发工资">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.wagesPayable?'1':rules.wagesPayable">
<el-input-number v-model="scope.row.wagesPayable" placeholder="请输入应发工资" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="performance" label="绩效" width="175">
<el-table-column prop="performance" label="绩效">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.performance?'1':rules.performance">
<el-input-number v-model="scope.row.performance" placeholder="请输入绩效" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="reserveFund" label="公积金" width="175">
<el-table-column prop="reserveFund" label="公积金">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.reserveFund?'1':rules.reserveFund">
<el-input-number v-model="scope.row.reserveFund" placeholder="请输入公积金" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="socialSecurity" label="社保" width="175">
<el-table-column prop="socialSecurity" label="社保">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.socialSecurity?'1':rules.socialSecurity">
<el-input-number v-model="scope.row.socialSecurity" placeholder="请输入社保" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="annuity" label="年金" width="175">
<el-table-column prop="annuity" label="年金">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.annuity?'1':rules.annuity">
<el-input-number v-model="scope.row.annuity" placeholder="请输入年金" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="workday" label="工作日(天)" width="175">
<el-table-column prop="workday" label="工作日(天)">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.workday?'1':rules.workday">
<el-input-number v-model="scope.row.workday" placeholder="请输入工作日" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="researchDuration" label="研发时长(天)" width="175">
<el-table-column prop="researchDuration" label="研发时长(天)" >
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.researchDuration?'1':rules.researchDuration">
<el-input-number v-model="scope.row.researchDuration" placeholder="请输入研发时长" :controls="false"/>
@@ -190,6 +190,15 @@ const getProjectOptions = async () => {
const res = await getProjectOption()
nameOptions.value = res.data
}
const getProjectName=(id)=>{
let label=''
nameOptions.value.forEach(item=>{
if(item.value===id){
label=item.label
}
})
return label
}
const handleAdd = () => {
let row = {
projectId: '',
@@ -215,12 +224,23 @@ const handleDelete = (index) => {
const handleSubmit = (instance) => {
if (!instance) return
instance.validate(async (valid) => {
if (!valid) return
if (!valid){
return ElNotification({
title: '提示',
message: '请完善数据,再提交!',
type: 'error'
})
}
formData.tableData.forEach(item => {
item.projectName = getProjectName(item.projectId)
})
let params = {
...formData,
shareName:formData.shareName,
apportionmentMonth:formData.apportionmentMonth,
usrAllocations: formData.tableData,
deploymentId: processInstanceData.value.deploymentId,
}
console.log('params',params)
const {code, msg} = await addAllocation(params)
ElNotification({
title: '提示',

View File

@@ -15,8 +15,7 @@
</el-form>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="分摊明细" name="first">
<expense-detail :processViewer="shareProcessViewer" :detailList="detailList"
:loading="loading"/>
<expense-detail :showTable="showTable" :detailList="detailList" :loading="loading"/>
</el-tab-pane>
<el-tab-pane label="分摊汇总" name="second">
<!-- <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick">-->
@@ -62,41 +61,43 @@ const detailList = ref([])
const formData = ref({})
const auditOpinion = 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
loading.value = true
shareProcessViewer.value = true
const {code, data, msg} = await getAllocationDetail(id)
if (code === 1000) {
shareData.value = data
formData.value = data.formData
loading.value = false
} 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
shareProcessViewer.value = false
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 {
ElNotification({
title: '提示',
message: msg,
type: 'error'
})
}
}
const getDetailList = async () => {
let params = {
allocationId: route.query.id
}
loading.value = true
showTable.value = false
const {code, data, msg} = await getAllocationDetailList(params)
if (code === 1000) {
detailList.value = data.rows
nextTick(() => {
shareProcessViewer.value = true
showTable.value = true
loading.value = false
})
}else {
ElNotification({
@@ -107,7 +108,7 @@ const getDetailList = async () => {
}
}
getDetail()
// getDetailList()
getDetailList()
</script>
<style scoped lang="scss">
:deep(.el-tabs__nav-scroll) {

View File

@@ -38,7 +38,7 @@
<el-form-item prop="researchStage" :rules="scope.row.researchStage?'1':rules.researchStage">
<el-select v-model="scope.row.researchStage" placeholder="请选择研发阶段" clearable filterable>
<el-option
v-for="item in cacheStore.getDict('research_stage')"
v-for="item in cacheStore.getDict('fee_stage')"
:key="item.value"
:label="item.label"
:value="item.value"

View File

@@ -317,7 +317,7 @@ const getTreeList = async () => {
let params = {
...queryType,
pageNum: 1,
pageSize: 50
pageSize: 500
};
getDictTypeList(params).then(res => {
if (res.code === 1000) {