大屏
This commit is contained in:
@@ -15,7 +15,7 @@ export default {
|
|||||||
lineStyle: {
|
lineStyle: {
|
||||||
shadowBlur: 1,
|
shadowBlur: 1,
|
||||||
shadowOffsetY: 2,
|
shadowOffsetY: 2,
|
||||||
width: 2
|
width: 3
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -27,7 +27,8 @@ export default {
|
|||||||
padding: 4px 0 0 22px;
|
padding: 4px 0 0 22px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 500;
|
font-weight: normal;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
background-image: url(../asset/title6.png);
|
background-image: url(../asset/title6.png);
|
||||||
background-position: bottom;
|
background-position: bottom;
|
||||||
background-size: 100% 7px;
|
background-size: 100% 7px;
|
||||||
|
|||||||
@@ -19,6 +19,7 @@
|
|||||||
import Summary11 from './components/Summary11'
|
import Summary11 from './components/Summary11'
|
||||||
import Summary12 from './components/Summary12'
|
import Summary12 from './components/Summary12'
|
||||||
import Summary13 from './components/Summary13'
|
import Summary13 from './components/Summary13'
|
||||||
|
import Summary14 from './components/Summary14'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'AiDvSummary',
|
name: 'AiDvSummary',
|
||||||
@@ -37,7 +38,8 @@
|
|||||||
Summary10,
|
Summary10,
|
||||||
Summary11,
|
Summary11,
|
||||||
Summary12,
|
Summary12,
|
||||||
Summary13
|
Summary13,
|
||||||
|
Summary14
|
||||||
},
|
},
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
|
|||||||
BIN
components/layout/AiDvSummary/asset/Summary14-1.png
Normal file
BIN
components/layout/AiDvSummary/asset/Summary14-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
components/layout/AiDvSummary/asset/Summary14-2.png
Normal file
BIN
components/layout/AiDvSummary/asset/Summary14-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
components/layout/AiDvSummary/asset/Summary14-3.png
Normal file
BIN
components/layout/AiDvSummary/asset/Summary14-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
93
components/layout/AiDvSummary/components/Summary14.vue
Normal file
93
components/layout/AiDvSummary/components/Summary14.vue
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
<template>
|
||||||
|
<div class="summary14">
|
||||||
|
<div class="summary14-item" v-for="(item, index) in data" :class="'summary14-item' + (index + 1)" :key="index" v-if="index < 4">
|
||||||
|
<h2>{{ item[keys] }}</h2>
|
||||||
|
<p>{{ item[value] }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'summary14',
|
||||||
|
|
||||||
|
props: {
|
||||||
|
data: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
},
|
||||||
|
|
||||||
|
keys: {
|
||||||
|
type: String,
|
||||||
|
default: 'key'
|
||||||
|
},
|
||||||
|
|
||||||
|
value: {
|
||||||
|
type: String,
|
||||||
|
default: 'value'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.summary14 {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
div {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary14-item {
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 116px;
|
||||||
|
height: 80px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
background: url(../asset/Summary14-1.png) no-repeat bottom;
|
||||||
|
background-size: 116px 68px;
|
||||||
|
|
||||||
|
|
||||||
|
&.summary14-item2 {
|
||||||
|
background: url(../asset/Summary14-2.png) no-repeat bottom;
|
||||||
|
background-size: 116px 68px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.summary14-item3 {
|
||||||
|
background: url(../asset/Summary14-3.png) no-repeat bottom;
|
||||||
|
background-size: 116px 68px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
line-height: 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -151,6 +151,8 @@
|
|||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
|||||||
@@ -182,7 +182,8 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6'],//边框待选项
|
borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6'],//边框待选项
|
||||||
summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5', 'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13'],//汇总待选项
|
summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5',
|
||||||
|
'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14'],//汇总待选项
|
||||||
//是否显示排名
|
//是否显示排名
|
||||||
tableStatus: [
|
tableStatus: [
|
||||||
{label: '是', value: '1'},
|
{label: '是', value: '1'},
|
||||||
|
|||||||
Reference in New Issue
Block a user