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