Skip to content

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

tj

parent 43e58e66
Hide whitespace changes
Inline Side-by-side
Showing with 37 additions and 34 deletions
src/pages/components/cardWarp.vue
View file @ fd0991df
<template lang='pug'>
.card-warp
.card-header(
:style="{ height, 'line-height': height, background: bgcolor }"
:style="{ height, 'line-height': height, background: bgcolor ,'border-bottom':borderBottom ? '1px solid #ececec' :''}"
)
div.card-title(:style="{'font-size':size+'px','font-weight':weight}")
div {{ title }}
......@@ -35,6 +35,10 @@ export default {
weight: {
type: String,
default: '800'
},
borderBottom: {
type: Boolean,
default: true
}
}
}
......@@ -49,7 +53,6 @@ export default {
display: flex;
// justify-content: space-between;
padding: 0 5px;
border-bottom: 1px solid #ececec;
.card-title {
display: flex;
width: 100%;
......
src/pages/ol/kanban/index.vue
View file @ fd0991df
......@@ -15,12 +15,12 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='3' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName",size='12' height="30px" weight='550')
card-warp(:title="item.resourceName",size='12' height="30px" weight='550' bgcolor='#f2faff')
div( slot="right" style='transform:scale(.9)') B3栋-负一层加压送风机房
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName",size='12' height="25px" weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName",size='12' height="25px" weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -31,11 +31,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='12' v-for="item in dataList[1].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName",size='12' height="25px" weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName",size='12' height="25px" weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -46,11 +46,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='12' v-for="item in dataList[2].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName",size='12' height="25px" weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName",size='12' height="25px" weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -61,11 +61,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='24' v-for="item in dataList[3].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -76,11 +76,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[4].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex')
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -91,11 +91,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[5].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -107,11 +107,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -122,11 +122,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' :gutter='10')
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -139,11 +139,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -155,11 +155,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10')
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -170,11 +170,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10')
el-col(:span='24' v-for="item in dataList[1].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -185,11 +185,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10')
el-col(:span='12' v-for="item in dataList[2].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -201,12 +201,12 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13' :gutter='10' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' :gutter='10' weight='550' bgcolor='#f2faff')
div( slot="right" style='transform:scale(.9)') B3栋-负一层加压送风机房
div(slot="content")
el-row(type='flex' :gutter='10')
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -218,11 +218,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -234,11 +234,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' :gutter='10')
el-col(:span='24' v-for="item in dataList[0].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' style='width:185px;margin:0 auto;')
div(slot="content")
.content_warp
div(:class="children.type")
......@@ -249,11 +249,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content")
el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[1].list")
card-warp(:title="item.resourceName", height="30px" size='13' weight='550')
card-warp(:title="item.resourceName", height="30px" size='13' weight='550' bgcolor='#f2faff')
div(slot="content")
el-row(type='flex' )
el-col(:span='24' v-for="children in item.children")
card-warp(:title="children.rightName", height="25px" size='12' weight='400' bgcolor='' style='width:185px;margin:0 auto;')
card-warp(:title="children.rightName", height="25px" size='12' weight='400' :borderBottom='false' bgcolor='' 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