admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev-jack' into shenzhen-dev

Browse Source
This commit is contained in:
Jack 2022-08-08 10:45:48 +08:00
commit e1f0bd3af5
5 changed files with 40 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-all.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
src/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn-checked.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 507 B

BIN
src/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 636 B

16
src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/centerTop.vue
View File

@ -2,7 +2,7 @@
<Card :title="title">
<div class="pane"></div>
<div class="tabs">
<div class="tab" v-for="tab in tabs" :key="tab">{{ tab }}</div>
<div class="tab" :class="{ checked: tab === '全部' }" v-for="tab in tabs" :key="tab">{{ tab }}</div>
</div>
</Card>
</template>
@ -28,7 +28,10 @@ export default {
<style lang="less" scoped>
.pane {
margin: 0 20px;
height: 80%;
background: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-all.png') no-repeat;
background-size: 100%;
}
.tabs {
height: 20%;
@ -38,12 +41,15 @@ export default {
align-items: flex-end;
.tab {
margin-bottom: 20px;
width: 100px;
height: 42px;
line-height: 42px;
width: 114px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid pink;
background: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn.png') no-repeat;
cursor: pointer;
&.checked {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn-checked.png');
}
}
}
</style>

75
src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftBottom.vue
View File

@ -1,39 +1,37 @@
<template>
<div class="check-hidden">
<div class="title">{{ title }}</div>
<div class="content">
<div class="rates">
<div class="rate">
<div class="chart">
<JRingChart :title="{ text: '89%', y: '40%' }" :data="[{ value: 89 }, { value: 11 }]" :color="['#557DEE', '#182B53']" />
</div>
<div class="label">项目整改率</div>
<Card :title="title">
<div class="rates">
<div class="rate">
<div class="chart">
<JRingChart :title="{ text: '89%', y: '40%' }" :data="[{ value: 89 }, { value: 11 }]" :color="['#557DEE', '#182B53']" />
</div>
<div class="rate">
<div class="chart">
<JRingChart :title="{ text: '89%', y: '40%' }" :data="[{ value: 89 }, { value: 11 }]" :color="['#5BE2F6', '#193F54']" />
</div>
<div class="label">项目及时整改率</div>
<div class="label">项目整改率</div>
</div>
<div class="rate">
<div class="chart">
<JRingChart :title="{ text: '89%', y: '40%' }" :data="[{ value: 89 }, { value: 11 }]" :color="['#5BE2F6', '#193F54']" />
</div>
<div class="rate">
<div class="chart">
<JRingChart :title="{ text: '89%', y: '40%' }" :data="[{ value: 89 }, { value: 11 }]" :color="['#FF6C7F', '#39273D']" />
</div>
<div class="label">项目及时复查率</div>
<div class="label">项目及时整改率</div>
</div>
<div class="rate">
<div class="chart">
<JRingChart :title="{ text: '89%', y: '40%' }" :data="[{ value: 89 }, { value: 11 }]" :color="['#FF6C7F', '#39273D']" />
</div>
<div class="label">项目及时复查率</div>
</div>
</div>
</div>
</Card>
</template>
<script>
import Card from '../components/Card.vue'
import JRingChart from '../jChart/pie/JRingChart.vue'
export default {
components: { JRingChart },
components: { Card, JRingChart },
props: {
title: {
type: String,
default: 'default title'
default: ''
}
},
data() {
@ -43,32 +41,17 @@ export default {
</script>
<style lang="less" scoped>
.check-hidden {
width: 100%;
.rates {
height: 100%;
border: 1px solid #0081c3;
.title {
padding-left: 6px;
height: 30px;
line-height: 30px;
font-size: 18px;
color: #6ee4f0;
}
.content {
height: calc(100% - 30px);
.rates {
display: flex;
.rate {
width: 33%;
height: 70%;
.chart {
height: 100%;
display: flex;
.rate {
width: 33%;
height: 70%;
.chart {
height: 100%;
}
.label {
text-align: center;
}
}
}
.label {
text-align: center;
}
}
}