fix:测试问题修改
parent
68f4317284
commit
bf1f806a03
Binary file not shown.
|
After Width: | Height: | Size: 374 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
@ -0,0 +1,209 @@
|
||||
<template>
|
||||
<div class="home-content">
|
||||
<div class="top"></div>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24" style="margin-top: 10px">
|
||||
<doer-characteristic-statistics :last-data="homeData" />
|
||||
</el-col>
|
||||
<el-col :span="24" style="margin-top: 10px">
|
||||
<victim-characteristic-statistics :last-data="homeData" />
|
||||
</el-col>
|
||||
<el-col :span="24" style="margin-top: 10px">
|
||||
<judicature-recognized :last-data="homeData" />
|
||||
</el-col>
|
||||
<el-col :span="24" style="margin-top: 10px">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="8">
|
||||
<case-prosecution-status :last-data="homeData" />
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<judicial-cases :last-data="homeData" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import VueCountUp from 'vue-countup-v2'
|
||||
import DoerCharacteristicStatistics from '@/views/index/components/DoerCharacteristicStatistics.vue'
|
||||
import VictimCharacteristicStatistics from '@/views/index/components/VictimCharacteristicStatistics.vue'
|
||||
import JudicatureRecognized from '@/views/index/components/JudicatureRecognized.vue'
|
||||
import CaseProsecutionStatus from '@/views/index/components/CaseProsecutionStatus.vue'
|
||||
import JudicialCases from '@/views/index/components/JudicialCases.vue'
|
||||
import { queryStatisticsData } from '@/api/home/index'
|
||||
export default {
|
||||
name: 'Index',
|
||||
components: {
|
||||
JudicialCases,
|
||||
CaseProsecutionStatus,
|
||||
JudicatureRecognized, VictimCharacteristicStatistics, DoerCharacteristicStatistics, VueCountUp },
|
||||
data() {
|
||||
return {
|
||||
statisticsData: {
|
||||
caseNumber: '',
|
||||
caseActorNumber: '',
|
||||
monthlyNewCaseNumber: '',
|
||||
comparedToLastMonthIncreaseNumber: '',
|
||||
caseQualificationCycleAvg: '',
|
||||
modelScoreLessThan70Number: ''
|
||||
},
|
||||
homeData: {
|
||||
caseNum: 1134,
|
||||
doerNum: 1433,
|
||||
evidenceProportion: 75,
|
||||
doerProportion: 78,
|
||||
monthAddCase: 21,
|
||||
monthIncreaseCase: 2,
|
||||
modelFraction: 60,
|
||||
averageCaseDuration: 20,
|
||||
caseMoneyNum: 1000,
|
||||
victimNum: 3200,
|
||||
prosecutedCaseRate: 76,
|
||||
prosecutedCase: 1048,
|
||||
unProsecutedCaseRate: 45,
|
||||
unProsecutedCase: 948,
|
||||
moneyLastMonth: 12,
|
||||
victimLastMonth: 13,
|
||||
caseData: [
|
||||
{ id: 0, caseNum: 212, caseName: '汽车租赁诈骗案', time: '2024-02-28 10:30' },
|
||||
{ id: 1, caseNum: 213, caseName: '陈明恩涉嫌合同诈骗案', time: '2024-02-28 10:30' },
|
||||
{ id: 2, caseNum: 214, caseName: '社畜找工作诈骗案', time: '2024-02-28 10:30' },
|
||||
{ id: 3, caseNum: 215, caseName: '案件名称5', time: '2024-02-28 10:30' },
|
||||
{ id: 4, caseNum: 216, caseName: '裴金禄涉嫌合同诈骗案', time: '2024-02-28 10:30' },
|
||||
{ id: 5, caseNum: 217, caseName: '汽车租赁诈骗案', time: '2024-02-28 10:30' }
|
||||
],
|
||||
manNum: 1212,
|
||||
womanNum: 323
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.home-content {
|
||||
font-weight: 400;
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
.top {
|
||||
background-image: url(../../assets/home/top_bg.png);
|
||||
background-size: 100% 100%;
|
||||
height: 112px;
|
||||
}
|
||||
.base-card {
|
||||
border-radius: 8px;
|
||||
min-height: 220px;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
color: #FFFFFF;
|
||||
background: #FFFFFF;
|
||||
img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.top-right {
|
||||
margin-left: 16px;
|
||||
justify-content: space-between;
|
||||
span:nth-child(2) {
|
||||
font-weight: bold;
|
||||
font-size: 27px;
|
||||
}
|
||||
}
|
||||
.top-right-content {
|
||||
.top-right-item {
|
||||
height: 80px;
|
||||
align-items: center;
|
||||
img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.right-item-info {
|
||||
position: relative;
|
||||
span:nth-child(1) {
|
||||
font-size: 12px;
|
||||
}
|
||||
span:nth-child(2){
|
||||
font-size: 20px;
|
||||
margin-top: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.tag-icon {
|
||||
width: 15px;
|
||||
height: 8px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep {
|
||||
.el-col:nth-child(1)>.top-right-item{
|
||||
background: url("~@/assets/home/beijing3@2x.png") center no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.right-item-info>span:nth-child(1) {
|
||||
color: rgba(0, 56, 81, 0.70);
|
||||
}
|
||||
.right-item-info>span:nth-child(2) {
|
||||
color: rgba(0, 56, 81, 1);
|
||||
}
|
||||
}
|
||||
.el-col:nth-child(2)>.top-right-item{
|
||||
background: url("~@/assets/home/beijing4@2x.png") center no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.right-item-info>span:nth-child(1) {
|
||||
color: rgba(79, 40, 0, 0.70);
|
||||
}
|
||||
.right-item-info>div>span {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-top: 10px;
|
||||
color: rgba(79, 40, 0, 1);
|
||||
}
|
||||
}
|
||||
.el-col:nth-child(3)>.top-right-item{
|
||||
background: url("~@/assets/home/beijing5@2x.png") center no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.right-item-info>span:nth-child(1) {
|
||||
color: rgba(40, 0, 81, 0.70);
|
||||
}
|
||||
.right-item-info>span:nth-child(2) {
|
||||
color: rgba(40, 0, 81, 1);
|
||||
}
|
||||
}
|
||||
.el-col:nth-child(4)>.top-right-item{
|
||||
background: url("~@/assets/home/beijing6@2x.png") center no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.right-item-info>span:nth-child(1) {
|
||||
color: rgba(0, 64, 79, 0.70);
|
||||
}
|
||||
.right-item-info>span:nth-child(2) {
|
||||
color: rgba(0, 64, 79, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.case-num {
|
||||
background-image: url(../../assets/home/bg1.png);
|
||||
background-size: 100% 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.doer-num {
|
||||
background-image: url(../../assets/home/bg2.png);
|
||||
background-size: 100% 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
::v-deep {
|
||||
.el-progress-bar__outer {
|
||||
background: rgba(255, 255, 255, .3);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue