|
@@ -1,75 +1,76 @@
|
|
|
<!-- -->
|
|
|
<template>
|
|
|
<div>
|
|
|
- <HcTable :column="basetableColumn" :datas="basetableData" :isIndex="false" />
|
|
|
- <HcCard actionUi="text-center">
|
|
|
+ <HcTable :column="basetableColumn" :datas="basetableData" :isIndex="false" >
|
|
|
+ </HcTable>
|
|
|
+ <HcCard actionUi="text-center" class="mt-4">
|
|
|
<template #extra>
|
|
|
<HcNewSwitch :datas="tabTab" :keys="tabKey" @change="tabChange" :round="false" />
|
|
|
</template>
|
|
|
<HcTable :isIndex="false" :column="tableColumn" :datas="tableData">
|
|
|
<template #deptId="{ row, index }">
|
|
|
- <el-select v-model="row.deptId" block placeholder="请选择">
|
|
|
+ <el-select v-model="row.deptId" block placeholder="请选择" disabled>
|
|
|
<el-option v-for="item in departMent" :label="item.deptName" :value="item.id" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template #costType="{ row, index }">
|
|
|
- <el-select v-model="row.costType" block placeholder="请选择">
|
|
|
+ <el-select v-model="row.costType" block placeholder="请选择" disabled>
|
|
|
<el-option v-for="item in costTypeList" :label="item.dictName" :value="item.dictValue" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template #projectProcess="{ row, index }">
|
|
|
- <el-select v-model="row.projectProcess" block placeholder="请选择">
|
|
|
+ <el-select v-model="row.projectProcess" block placeholder="请选择" disabled>
|
|
|
<el-option v-for="item in processList" :label="item.name" :value="item.id" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template #budgetType="{ row, index }">
|
|
|
- <el-select v-model="row.budgetType">
|
|
|
+ <el-select v-model="row.budgetType" disabled>
|
|
|
<el-option v-for="item in budgetTypeList" :label="item.dictName" :value="item.dictValue" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
- <template #taskDetail="{ row, index }">
|
|
|
- <el-select v-model="row.taskDetail" :getdata="budgetTypeChange(row?.budgetType, index)">
|
|
|
+ <template #taskDetail="{ row, index }" >
|
|
|
+ <el-select v-model="row.taskDetail" :getdata="budgetTypeChange(row?.budgetType, index)" disabled>
|
|
|
<el-option v-for="item in taskDetailList[index]" :label="item.dictName" :value="item.dictValue" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
- <template #budgetDays="{ row, index }">
|
|
|
- <el-input v-model="row.budgetDays" />
|
|
|
+ <template #budgetDays="{ row, index }" >
|
|
|
+ <el-input v-model="row.budgetDays" disabled/>
|
|
|
</template>
|
|
|
- <template #postType="{ row, index }">
|
|
|
- <el-select v-model="row.postType">
|
|
|
+ <template #postType="{ row, index }" >
|
|
|
+ <el-select v-model="row.postType" disabled>
|
|
|
<el-option v-for="item in postTypeList" :label="item.dictName" :value="item.code" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
|
|
|
- <template #staffCount="{ row, index }">
|
|
|
- <el-input v-model="row.staffCount" />
|
|
|
+ <template #staffCount="{ row, index }" >
|
|
|
+ <el-input v-model="row.staffCount" disabled/>
|
|
|
</template>
|
|
|
- <template #budgetStaffCost="{ row, index }">
|
|
|
+ <template #budgetStaffCost="{ row, index }" >
|
|
|
<el-input v-model="row.budgetStaffCost" disabled />
|
|
|
</template>
|
|
|
<template #budgetTravelExpense="{ row, index }">
|
|
|
- <el-input v-model="row.budgetTravelExpense" />
|
|
|
+ <el-input v-model="row.budgetTravelExpense" disabled/>
|
|
|
</template>
|
|
|
<template #outsourceUnitPrice="{ row, index }">
|
|
|
- <el-input v-model="row.outsourceUnitPrice" />
|
|
|
+ <el-input v-model="row.outsourceUnitPrice" disabled/>
|
|
|
</template>
|
|
|
<template #outsourcePeopleCount="{ row, index }">
|
|
|
- <el-input v-model="row.outsourcePeopleCount" />
|
|
|
+ <el-input v-model="row.outsourcePeopleCount" disabled/>
|
|
|
</template>
|
|
|
<template #outsourceCountMoney="{ row, index }">
|
|
|
<el-input v-model="row.outsourceCountMoney" disabled />
|
|
|
</template>
|
|
|
<template #otherBudgetMoney="{ row, index }">
|
|
|
- <el-input v-model="row.otherBudgetMoney" />
|
|
|
+ <el-input v-model="row.otherBudgetMoney" disabled/>
|
|
|
</template>
|
|
|
<template #budgetCountMoney="{ row, index }">
|
|
|
- <el-input v-model="row.budgetCountMoney" />
|
|
|
+ <el-input v-model="row.budgetCountMoney" disabled/>
|
|
|
</template>
|
|
|
<template #budgetRemark="{ row, index }">
|
|
|
- <el-input v-model="row.budgetRemark" />
|
|
|
+ <el-input v-model="row.budgetRemark" disabled/>
|
|
|
</template>
|
|
|
<template #key15="{ row, index }">
|
|
|
- <el-input v-model="row.key15" />
|
|
|
+ <el-input v-model="row.key15" disabled />
|
|
|
</template>
|
|
|
|
|
|
</HcTable>
|
|
@@ -84,12 +85,12 @@ import { getArrValue } from "js-fast-way";
|
|
|
import costApi from '~api/project/cost.js';
|
|
|
|
|
|
onActivated(() => {
|
|
|
- getProjectData()
|
|
|
+
|
|
|
getdepartmentListData()
|
|
|
getCostTypeDict()
|
|
|
getProcessList(otherInfo.value.projectId)
|
|
|
- getBudgetTypeList()
|
|
|
getPostDict()
|
|
|
+ getBudgetTypeList()
|
|
|
})
|
|
|
//参数
|
|
|
const props = defineProps({
|
|
@@ -109,6 +110,18 @@ watch(() => [
|
|
|
supervisorUnitData.value=otherInfo?.supervisorUnit||[]
|
|
|
tabKey.value='construction'
|
|
|
tableData.value=constructUnitData.value
|
|
|
+ basetableData.value=[
|
|
|
+ {
|
|
|
+ projectName: otherInfo?.projectName,
|
|
|
+ projectCostTotal: otherInfo?.projectCostTotal,
|
|
|
+ devCostTotal: otherInfo?.devCostTotal,
|
|
|
+ businessCostTotal: otherInfo?.businessCostTotal,
|
|
|
+ marketCostTotal: otherInfo?.marketCostTotal,
|
|
|
+ maintainCostTotal: otherInfo?.maintainCostTotal,
|
|
|
+ outsourceCostTotal: otherInfo?.outsourceCostTotal,
|
|
|
+ manageCostTotal: otherInfo?.manageCostTotal,
|
|
|
+ }
|
|
|
+ ]
|
|
|
|
|
|
})
|
|
|
const basetableColumn = [
|
|
@@ -123,28 +136,9 @@ const basetableColumn = [
|
|
|
|
|
|
]
|
|
|
const basetableData = ref([
|
|
|
- {
|
|
|
- projectName: otherInfo.value?.projectName,
|
|
|
- projectName: otherInfo.value?.projectCostTotal,
|
|
|
- devCostTotal: otherInfo.value?.devCostTotal,
|
|
|
- businessCostTotal: otherInfo.value?.businessCostTotal,
|
|
|
- marketCostTotal: otherInfo.value?.marketCostTotal,
|
|
|
- maintainCostTotal: otherInfo.value?.maintainCostTotal,
|
|
|
- outsourceCostTotal: otherInfo.value?.outsourceCostTotal,
|
|
|
- manageCostTotal: otherInfo.value?.manageCostTotal,
|
|
|
- }
|
|
|
+
|
|
|
])
|
|
|
-//项目类型
|
|
|
-const projectType = ref([])
|
|
|
-const getProjectData = async () => {
|
|
|
- const { error, code, data } = await getProjectList()
|
|
|
- //判断状态
|
|
|
- if (!error && code === 200) {
|
|
|
- projectType.value = getArrValue(data)
|
|
|
- } else {
|
|
|
- projectType.value = []
|
|
|
- }
|
|
|
-}
|
|
|
+
|
|
|
//类型tab数据和相关处理
|
|
|
const tabKey = ref('construction')
|
|
|
const tabTab = ref([
|