40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="comom-title">
|
||
|
|
<span class="title">线索研判盯办统计</span>
|
||
|
|
</div>
|
||
|
|
<ul class="comom-cnt xsBox flex flex-warp just-between align-center">
|
||
|
|
<li class="xs-item" v-for="(item, idx) in contentItem" :key="idx">
|
||
|
|
{{ item.label }}:{{ item.value }}条
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { ref } from 'vue';
|
||
|
|
const contentItem = ref([
|
||
|
|
{label:'线索总数',value:'892'},
|
||
|
|
{label:'下发总数',value:'892'},
|
||
|
|
{label:'已处置总数',value:'892'},
|
||
|
|
{label:'反馈总数',value:'892'},
|
||
|
|
{label:'未反馈总数',value:'892'},
|
||
|
|
{label:'未处置总数',value:'892'},
|
||
|
|
])
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import "@/assets/css/homeScreen.scss";
|
||
|
|
.xsBox{
|
||
|
|
background: url("~@/assets/images/bg_12.png") no-repeat center center;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
.xs-item{
|
||
|
|
width: 31%;
|
||
|
|
height: 36px;
|
||
|
|
line-height: 36px;
|
||
|
|
text-align: center;
|
||
|
|
background: url("~@/assets/images/content-item.png") no-repeat center center;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|