成本测算审批

src/views/home/task/components/cost-budget.vue

@@ -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([