显示子计划

src/views/program/project/form.vue

@@ -15,7 +15,7 @@
                 </el-radio-group>
             </div>
         </template>
-        <HcTable :isIndex="false" :column="tableColumn" :datas="tableData" :row-style="tableRowStyle">
+        <HcTable :isIndex="false" :column="tableColumn" :datas="tableData" :row-style="tableRowStyle" hasChildren="hasChildren1" children="childrenList">
             <template #planTaskType="{row,index}">
                 <el-select v-model="row.planTaskType" v-if="row.isEdit">
                     <el-option label="选项1" value="选项1"/>
@@ -81,24 +81,20 @@
         </template>
             <HcTable :isIndex="false" :column="tableSubplanColumn" :datas="tableSubplanData">
                 <template #planTaskType="{row,index}">
-                    <el-select v-model="row.planTaskType">
+                    <el-select v-model="row.planTaskType" :disabled="!row.isEdit">
                         <el-option label="选项1" value="1"/>
                         <el-option label="选项2" value="2"/>
                     </el-select>
                 </template>
                 <template #planTaskDesc="{row,index}">
-                    <el-input v-model="row.planTaskDesc"/>
+                    <el-input v-model="row.planTaskDesc" :disabled="!row.isEdit"/>
                 </template>
                 <template #planTarget="{row,index}">
-                    <el-input v-model="row.planTarget"/>
+                    <el-input v-model="row.planTarget" :disabled="!row.isEdit"/>
                 </template>
                 <template #key7="{row,index}">
-                    <HcDatePicker :dates="[row.planStartTime,row.planEndTime]" @change="subbetweenTimeUpdate($event,row)" v-if="true"/>
-                    <span v-else>
-                        <span >{{row.planStartTime?row.planStartTime:''}}</span>
-                        <span  v-if="row.planEndTime">~</span>
-                        <span >{{row.planEndTime?row.planEndTime:''}}</span>
-                    </span>
+                    <HcDatePicker :dates="[row.planStartTime,row.planEndTime]" @change="subbetweenTimeUpdate($event,row)"  :disabled="!row.isEdit"/>
+              
                 </template>
                 <template #planDays="{row,index}" >
                     <!-- <el-input v-model="row.planDays" disabled/> -->
@@ -313,12 +309,7 @@ const tableSubplanColumn = [
     {key: 'action', name: '操作', width: '80', align: 'center', fixed: 'right'},
 ]
 const tableSubplanData = ref([
-    {id: 1, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
-    {id: 2, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
-    {id: 3, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
-    {id: 4, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
-    {id: 5, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
-    {id: 6, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+
 ])
 
 const subplanCloseClick = () => {
@@ -338,10 +329,10 @@ const subplanSaveClick = () => {
 }
 const addplan=()=>{
     tableSubplanData.value.push({
-        projectProcessValue:tableSubplanData.value[0]?.projectProcessValue,
-        budgetTypeValue:tableSubplanData.value[0]?.budgetTypeValue,
-        taskDetailValue:tableSubplanData.value[0]?.taskDetailValue,
-        planTaskType:tableSubplanData.value[0]?.planTaskType,
+        projectProcessValue:subPlanItem.value?.projectProcessValue,
+        budgetTypeValue:subPlanItem.value?.budgetTypeValue,
+        taskDetailValue:subPlanItem.value?.taskDetailValue,
+        planTaskType:subPlanItem.value?.planTaskType,
         isEdit:true