Skip to content

Z
zhxf_vue
Commit 97832bde authored by xiexingan's avatar xiexingan
Browse files
Options

tj

parent 753111d5
Show whitespace changes
Inline Side-by-side
Showing with 78 additions and 74 deletions
src/pages/components/cardWarp.vue
View file @ 97832bde
......@@ -3,7 +3,7 @@
.card-header(
:style="{ height, 'line-height': height, background: bgcolor }"
)
span.card-title {{ title }}
span.card-title(:style="{'font-size':size+'px'}") {{ title }}
div(style="margin-left: 20px;color:#3A648A;")
slot(name="left")
span(style='font-size:12px;')
......@@ -27,6 +27,10 @@ export default {
bgcolor: {
type: String,
default: '#f2faff'
},
size: {
type: String,
default: '15'
}
}
}
......@@ -51,7 +55,7 @@ export default {
}
}
.card-content {
margin: 20px;
margin: 10px;
}
}
</style>
src/pages/ol/kanban/index.vue
View file @ 97832bde
......@@ -9,17 +9,17 @@ el-container(style="padding: 0px; height: 77.6vh")
el-main.box_main
div( style="margin-bottom: 20px")
el-row(v-if="this.mapId==''" )
el-row(v-if="this.mapId==''" :gutter='20')
el-col(:span='24' v-if='dataList[0]' style="margin-bottom: 20px")
card-warp(:title="dataList[0].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' :gutter='20' )
el-col(:span='3' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName",size='13' height="30px")
div(slot="content")
el-row(type='flex' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName",size='12' height="25px" style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -28,13 +28,13 @@ el-container(style="padding: 0px; height: 77.6vh")
el-col(:span='24' v-if='dataList[1]' style="margin-bottom: 20px")
card-warp(:title="dataList[1].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' :gutter='20' )
el-col(:span='12' v-for="item in dataList[1].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName",size='12' height="25px" style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -43,74 +43,74 @@ el-container(style="padding: 0px; height: 77.6vh")
el-col(:span='6' v-if='dataList[2]' style="margin-bottom: 20px")
card-warp(:title="dataList[2].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' :gutter='20' )
el-col(:span='12' v-for="item in dataList[2].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName",size='12' height="25px" style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-col(:span='9' v-if='dataList[3]' style="margin-bottom: 20px")
el-col(:span='10' v-if='dataList[3]' style="margin-bottom: 20px")
card-warp(:title="dataList[3].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' :gutter='20' )
el-col(:span='24' v-for="item in dataList[3].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-col(:span='3' v-if='dataList[4]' style="margin-bottom: 20px")
el-col(:span='4' v-if='dataList[4]' style="margin-bottom: 20px")
card-warp(:title="dataList[4].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[4].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-row(type='flex')
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-col(:span='3' v-if='dataList[5]' style="margin-bottom: 20px")
el-col(:span='4' v-if='dataList[5]' style="margin-bottom: 20px")
card-warp(:title="dataList[5].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[5].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-row(v-if="mapId=='a417aed5969149eab43e56d18f75fd23'" :gutter='10')
el-row(v-if="mapId=='a417aed5969149eab43e56d18f75fd23'" :gutter='20')
el-col(:span='4' v-if='dataList[0]' style="margin-bottom: 20px")
card-warp(:title="dataList[0].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -119,13 +119,13 @@ el-container(style="padding: 0px; height: 77.6vh")
el-col(:span='4' v-if='dataList[1]' style="margin-bottom: 20px")
card-warp(:title="dataList[1].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-row(type='flex' :gutter='20')
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -136,107 +136,107 @@ el-container(style="padding: 0px; height: 77.6vh")
el-col(:span='4' v-if='dataList[0]' style="margin-bottom: 20px")
card-warp(:title="dataList[0].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-row(type='flex' :gutter='20' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-row(v-if="mapId=='1cfdb9eaaeda4204a40b072406f07b19'" :gutter='10')
el-row(v-if="mapId=='1cfdb9eaaeda4204a40b072406f07b19'" :gutter='20')
el-col(:span='16' v-if='dataList[0]' style="margin-bottom: 20px")
card-warp(:title="dataList[0].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' :gutter='10')
el-col(:span='24' v-for="item in dataList[0].list" )
card-warp(:title="item.resourceName", height="35px")
el-row(type='flex' justify='center' :gutter='20')
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-row(type='flex' :gutter='20' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-col(:span='8' v-if='dataList[1]' style="margin-bottom: 20px")
el-col(:span='6' v-if='dataList[1]' style="margin-bottom: 20px")
card-warp(:title="dataList[1].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' :gutter='10')
el-row(type='flex' justify='center' :gutter='20')
el-col(:span='24' v-for="item in dataList[1].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' :gutter='10' )
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-col(:span='8' v-if='dataList[2]' style="margin-bottom: 20px")
el-col(:span='6' v-if='dataList[2]' style="margin-bottom: 20px")
card-warp(:title="dataList[2].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' :gutter='10')
el-row(type='flex' justify='center' :gutter='20')
el-col(:span='12' v-for="item in dataList[2].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-row(v-if="mapId=='019826466e324c64a8e34d575c709883'" )
el-row(v-if="mapId=='019826466e324c64a8e34d575c709883'" :gutter='20')
el-col(:span='12' v-if='dataList[0]' style="margin-bottom: 20px")
card-warp(:title="dataList[0].name", height="35px")
card-warp(:title="dataList[0].name", height="35px" :gutter='20')
div(slot="content")
el-row(type='flex' justify='start' :gutter='10')
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13' :gutter='20')
div(slot="content")
el-row(type='flex' :gutter='10' )
el-row(type='flex' :gutter='20')
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-row(v-if="mapId=='a3324eec06b14e889a7f1aa429bedf21'" )
el-col(:span='12' v-if='dataList[0]' style="margin-bottom: 20px")
el-row(v-if="mapId=='a3324eec06b14e889a7f1aa429bedf21'" :gutter='20')
el-col(:span='16' v-if='dataList[0]' style="margin-bottom: 20px")
card-warp(:title="dataList[0].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' :gutter='10')
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' :gutter='10' )
el-row(type='flex' :gutter='20' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
div.value(:style="{color:children.over?'red':'#10cc2e'}") {{ children.value }}
.scope {{ children.scope }}
el-row(v-if="mapId=='1ba71eca3bbf499c98380d240f28f9eb'" :gutter='10')
el-row(v-if="mapId=='1ba71eca3bbf499c98380d240f28f9eb'" :gutter='20')
el-col(:span='4' v-if='dataList[0]' style="margin-bottom: 20px")
card-warp(:title="dataList[0].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' :gutter='20')
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-row(type='flex' :gutter='20' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -245,13 +245,13 @@ el-container(style="padding: 0px; height: 77.6vh")
el-col(:span='4' v-if='dataList[1]' style="margin-bottom: 20px")
card-warp(:title="dataList[1].name", height="35px")
div(slot="content")
el-row(type='flex' justify='start' )
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[1].list")
card-warp(:title="item.resourceName", height="35px")
card-warp(:title="item.resourceName", height="30px" size='13')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="35px")
card-warp(:title="children.rightName", height="25px" size='12' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment