vue展示信息卡片_【已解决】Vue中Element-UI去画卡片中带报表显示

v-for="tag in tags"

:key="tag.name"

:closable="tag.closable"

:type="tag.type">

{{tag.name}}

type="date"

placeholder="Pick a date"

v-model="selectDate"

style="width: 100%;">

区域(销量)

隐藏

{{‘列表内容 ‘ + o }}

车型(销量)

隐藏

{{‘列表内容 ‘ + o }}

渠道(销量)

隐藏

{{‘列表内容 ‘ + o }}

转化 > 汇总

隐藏

{{‘列表内容 ‘ + o }}

批售

隐藏

{{‘列表内容 ‘ + o }}

库存

隐藏

{{‘列表内容 ‘ + o }}

export default {

data() {

return {

tags: [

{ name: ‘全国’, type: ”, closable: false},

{ name: ‘大东南区’, type: ”, closable: true },

{ name: ‘全车系’, type: ‘success’, closable: false },

{ name: ‘新明锐’, type: ‘success’, closable: true },

{ name: ‘全渠道’, type: ‘warning’, closable: false },

{ name: ‘DCC’, type: ‘warning’, closable: true },

],

selectDate: new Date()

}

},

methods: {

onSubmit() {

this.$message(‘submit!’)

}

}

}

.el-card__header {

padding: 5px 10px;

background: #D9D9D9;

}

.el-card__body {

// background: #F2F2F2;

height: 80%;

overflow-y: auto;

// display: flex;

// flex-direction: column;

}

.filter-condition {

background: #464B5D;

// display: flex;

// justify-content: center;

// align-items: center;

}

.el-tag {

margin-right: 10px;

}

.el-card {

background: #F2F2F2;

//margin: 5px 10px;

margin: 5px 2px 2px 2px;

height: 37vh;

}