tj

src/pages/ol/kanban/index.vue

@@ -7,29 +7,23 @@ el-container(style="padding: 0px; height: 77.6vh")
     el-select(v-model="mapId" size="mini"  @change="handleChange")
       el-option(v-for="(item,index) in mapList" :key="index" :label="item.stationName=='全部'?item.stationName:item.stationName +' - '+item.name" :value="item.id")
   el-main.box_main
-    el-row(:gutter="20")
-      el-col(
-        :span="3 * item.list.length",
-        v-for="(item, index) in dataList",
-        :key="index",
-        style="margin-bottom: 20px"
-      )
+
+    div(v-for="(item, index) in dataList" :key="index" style="margin-bottom: 20px")
         card-warp(:title="item.name", height="35px")
-          div(slot="content")
-            el-row(typr="flex", justify="center", :gutter="20")
-              el-col(:span="24 / item.list.length", v-for="child in item.list")
-                card-warp(
-                  :title="child.leftName",
-                  height="35px",
-                  bgcolor="#f5f5f5"
-                )
-                  div(slot="right")
-                    | {{ child.rightName }}
-                  div(slot="content")
-                    .content_warp
-                      div(:class="child.type")
-                      div.value(:style="{color:child.over?'red':'#10cc2e'}") {{ child.value }}
-                      .scope {{ child.scope }}
+          div(slot="content"  )
+            el-row(type='flex' :gutter="20"  v-for="child in item.list")
+                el-col(:span='24' )
+                    card-warp(:title="child.resourceName" height="35px" )
+                        div(slot="content" )
+                            el-row(typr="flex",  :gutter="20" )
+                                el-col(:span="4"   v-for="child in child.children" )
+                                    card-warp(:title="child.rightName" height="35px"  )
+                                        div(slot="content" )
+                                                    .content_warp()
+                                                        div(:class="child.type")
+                                                        div.value(:style="{color:child.over?'red':'#10cc2e'}") {{ child.value }}
+                                                        .scope {{ child.scope }}
+
 </template>
 
 <script>