服务改善调整

src/HDrpManagement/serviceImprovement/components/actionImplementation/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <div v-if="list.length > 0">
-      <div style="display:flex;justify-content: space-between;padding-right: 10px" >
-        <table-detail ref="tableRef" :layout="tablecols" :data="list" :opwidth="200" :custom="true" style="margin-top: 10px;margin-right: 10px;width: 50%" @rowClick="rowClick">
+      <div style="display:flex;justify-content: space-between;" >
+        <table-detail ref="tableRef" :layout="tablecols" :data="list" :opwidth="200" :custom="true" style="margin-top: 10px;width: 100%" @rowClick="rowClick">
           <template v-slot:customcol="scope">
             <div v-if="scope.column.columnname == 'status'">
               <div :style="tool.getStatusColor(scope.column.data[scope.column.columnname])">{{scope.column.data[scope.column.columnname]}}</div>
@@ -10,9 +10,6 @@
             <div v-else>{{scope.column.data[scope.column.columnname]}}</div>
           </template>
         </table-detail>
-        <div style="width: 50%;" id="gantt222">
-          <ganttChart :data="list" style="margin-top: 10px;" ref="chartRef" clickCan="可以点击" @taskDetail="taskDetail"></ganttChart>
-        </div>
       </div>
       <div style="margin-top: 20px">
         <actionDetail v-if="detailShow" ref="actionRef" :data="selectData" :mainData="mainData" @recordSet="recordSet" @onSuccess="onSuccess"></actionDetail>
@@ -54,7 +51,7 @@ export default {
       const res = await this.$api.requested(this.param)
       this.list = res.data
       console.log(res.data,'方案列表')
-      this.$refs.chartRef.setList(this.list)
+      // this.$refs.chartRef.setList(this.list)
       if (data){
         this.list.forEach(item =>{
           if (item.sa_service_improvement_planid == data){

src/HDrpManagement/serviceImprovement/components/improvementPlan/index.vue

@@ -6,7 +6,7 @@
         <div>{{scope.column.data[scope.column.columnname]}}</div>
       </template>
     </table-detail>
-    <ganttChart v-if="list.length > 0" :data="list" style="margin-top: 10px" ref="chartRef"></ganttChart>
+    <ganttChart v-if="chartShow" :data="list" style="margin-top: 10px" ref="chartRef"></ganttChart>
   </div>
 </template>
 
@@ -31,6 +31,7 @@ export default {
       list:[],
       total:0,
       currentPage:0,
+      chartShow:false,
       userid:JSON.parse(sessionStorage.getItem('active_account')).userid
     }
   },
@@ -41,7 +42,13 @@ export default {
       const res = await this.$api.requested(this.param)
       this.list = res.data
       if (this.list.length > 0){
-        this.$refs.chartRef.setList(this.list)
+        this.chartShow = true
+        this.$nextTick(()=>{
+          this.$refs.chartRef.setList(this.list)
+        })
+
+      }else {
+        this.chartShow = false
       }
       console.log(res.data,'方案列表')
     }