fix : 修复费用分摊详情渲染数据问题
This commit is contained in:
@@ -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
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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: '提示',
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user