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) => { export const getAllocationDetailList = (params) => {
return request({ return request({
url: '/workflow/mosr/cost/allocation/process', url: '/workflow/mosr/cost/allocation/usr',
method: "get", method: "get",
params:params params:params
}); });

View File

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

View File

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

View File

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

View File

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

View File

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