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'> <template lang='pug'>
.card-warp .card-warp
.card-header( .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.card-title(:style="{'font-size':size+'px','font-weight':weight}")
div {{ title }} div {{ title }}
...@@ -35,6 +35,10 @@ export default { ...@@ -35,6 +35,10 @@ export default {
weight: { weight: {
type: String, type: String,
default: '800' default: '800'
},
borderBottom: {
type: Boolean,
default: true
} }
} }
} }
...@@ -49,7 +53,6 @@ export default { ...@@ -49,7 +53,6 @@ export default {
display: flex; display: flex;
// justify-content: space-between; // justify-content: space-between;
padding: 0 5px; padding: 0 5px;
border-bottom: 1px solid #ececec;
.card-title { .card-title {
display: flex; display: flex;
width: 100%; width: 100%;
......
src/pages/ol/kanban/index.vue
View file @ fd0991df
...@@ -15,12 +15,12 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -15,12 +15,12 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10' ) el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='3' v-for="item in dataList[0].list") 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="right" style='transform:scale(.9)') B3栋-负一层加压送风机房
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -31,11 +31,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -31,11 +31,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10' ) el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='12' v-for="item in dataList[1].list") 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") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -46,11 +46,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -46,11 +46,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10' ) el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='12' v-for="item in dataList[2].list") 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") div(slot="content")
el-row(type='flex' ) el-row(type='flex' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -61,11 +61,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -61,11 +61,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10' ) el-row(type='flex' justify='center' :gutter='10' )
el-col(:span='24' v-for="item in dataList[3].list") 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") div(slot="content")
el-row(type='flex' ) el-row(type='flex' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -76,11 +76,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -76,11 +76,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[4].list") 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") div(slot="content")
el-row(type='flex') el-row(type='flex')
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -91,11 +91,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -91,11 +91,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[5].list") 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") div(slot="content")
el-row(type='flex' ) el-row(type='flex' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -107,11 +107,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -107,11 +107,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list") 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") div(slot="content")
el-row(type='flex' ) el-row(type='flex' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -122,11 +122,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -122,11 +122,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list") 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") div(slot="content")
el-row(type='flex' :gutter='10') el-row(type='flex' :gutter='10')
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -139,11 +139,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -139,11 +139,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list") 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") div(slot="content")
el-row(type='flex' :gutter='10' ) el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -155,11 +155,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -155,11 +155,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10') el-row(type='flex' justify='center' :gutter='10')
el-col(:span='24' v-for="item in dataList[0].list") 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") div(slot="content")
el-row(type='flex' :gutter='10' ) el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -170,11 +170,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -170,11 +170,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10') el-row(type='flex' justify='center' :gutter='10')
el-col(:span='24' v-for="item in dataList[1].list") 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") div(slot="content")
el-row(type='flex' ) el-row(type='flex' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -185,11 +185,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -185,11 +185,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10') el-row(type='flex' justify='center' :gutter='10')
el-col(:span='12' v-for="item in dataList[2].list") 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") div(slot="content")
el-row(type='flex' ) el-row(type='flex' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -201,12 +201,12 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -201,12 +201,12 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list") 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="right" style='transform:scale(.9)') B3栋-负一层加压送风机房
div(slot="content") div(slot="content")
el-row(type='flex' :gutter='10') el-row(type='flex' :gutter='10')
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -218,11 +218,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -218,11 +218,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[0].list") 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") div(slot="content")
el-row(type='flex' :gutter='10' ) el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -234,11 +234,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -234,11 +234,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' :gutter='10') el-row(type='flex' justify='center' :gutter='10')
el-col(:span='24' v-for="item in dataList[0].list") 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") div(slot="content")
el-row(type='flex' :gutter='10' ) el-row(type='flex' :gutter='10' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") div(:class="children.type")
...@@ -249,11 +249,11 @@ el-container(style="padding: 0px; height: 77.6vh") ...@@ -249,11 +249,11 @@ el-container(style="padding: 0px; height: 77.6vh")
div(slot="content") div(slot="content")
el-row(type='flex' justify='center' ) el-row(type='flex' justify='center' )
el-col(:span='24' v-for="item in dataList[1].list") 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") div(slot="content")
el-row(type='flex' ) el-row(type='flex' )
el-col(:span='24' v-for="children in item.children") 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") div(slot="content")
.content_warp .content_warp
div(:class="children.type") 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