|
|
|
@ -46,6 +46,7 @@ import { onBeforeUnmount } from 'vue'; |
|
|
|
import util from "@/util/area"; |
|
|
|
import {queryStatisticalData} from '@/api/enforce'; |
|
|
|
import * as echarts from 'echarts'; |
|
|
|
|
|
|
|
const {useCommon, useShopCard} = $globalStore; |
|
|
|
const router = useRouter(); |
|
|
|
const route = useRoute(); |
|
|
|
@ -69,6 +70,10 @@ onBeforeUnmount(() => { |
|
|
|
router.replace('/enforceHome'); // 替换到首页 |
|
|
|
}); |
|
|
|
|
|
|
|
onUnmounted(() => { |
|
|
|
console.log("=============销毁完毕=============") |
|
|
|
}); |
|
|
|
|
|
|
|
// 保存地址操作 |
|
|
|
const onSave = () => { |
|
|
|
router.replace({name: "addressList"}); |
|
|
|
@ -80,7 +85,8 @@ const onDelete = () => { |
|
|
|
}; |
|
|
|
|
|
|
|
// 修改详细地址 |
|
|
|
const onChangeDetail = () => {}; |
|
|
|
const onChangeDetail = () => { |
|
|
|
}; |
|
|
|
|
|
|
|
const echartInit = (data, targetId) => { |
|
|
|
var myChart = echarts.init(document.getElementById(targetId)); |
|
|
|
@ -93,6 +99,7 @@ const echartInit = (data,targetId) =>{ |
|
|
|
{ |
|
|
|
name: '统计图表', |
|
|
|
type: 'pie', |
|
|
|
silent: true, // 设置所有的点击事件为静默模式 |
|
|
|
radius: ['33%', '50%'], |
|
|
|
avoidLabelOverlap: false, |
|
|
|
itemStyle: { |
|
|
|
@ -234,6 +241,7 @@ const initSchedule = (dataAll,targetId) =>{ |
|
|
|
{ |
|
|
|
name: '', //系列名称 |
|
|
|
type: 'bar', //柱状、条形图 |
|
|
|
silent: true, // 设置所有柱子的点击事件为静默模式 |
|
|
|
barWidth: 15, //柱条的宽度,默认自适应 |
|
|
|
data: dataAll.dataPercent, //系列中数据内容数组 |
|
|
|
label: { //图形上的文本标签 |
|
|
|
@ -268,6 +276,7 @@ const initSchedule = (dataAll,targetId) =>{ |
|
|
|
{ |
|
|
|
name: '', |
|
|
|
type: 'bar', |
|
|
|
silent: true, // 设置所有柱子的点击事件为静默模式 |
|
|
|
label: { //图形上的文本标签 |
|
|
|
show: true, |
|
|
|
position: 'right', //标签的位置 |
|
|
|
@ -418,7 +427,8 @@ onMounted(() => { |
|
|
|
//本月案件数量 |
|
|
|
echartInit(arrCountData, 'echarCount'); |
|
|
|
}); |
|
|
|
},error =>{}) |
|
|
|
}, error => { |
|
|
|
}) |
|
|
|
|
|
|
|
}); |
|
|
|
</script> |
|
|
|
@ -432,9 +442,11 @@ onMounted(() => { |
|
|
|
overflow: hidden; |
|
|
|
background-color: #ebf3fb; |
|
|
|
} |
|
|
|
|
|
|
|
.warp_body { |
|
|
|
background-image: linear-gradient(to bottom, #ebf3fb, transparent); |
|
|
|
} |
|
|
|
|
|
|
|
.countbox, .analybox { |
|
|
|
position: relative; |
|
|
|
margin: 2% 3%; |
|
|
|
@ -461,6 +473,7 @@ onMounted(() => { |
|
|
|
|
|
|
|
.countbox span.count-tot { |
|
|
|
font-size: 0.3rem; |
|
|
|
|
|
|
|
b { |
|
|
|
margin-right: 0.15rem; |
|
|
|
color: #085dff; |
|
|
|
@ -477,6 +490,7 @@ onMounted(() => { |
|
|
|
font-size: 0.4rem; |
|
|
|
font-style: normal; |
|
|
|
} |
|
|
|
|
|
|
|
b { |
|
|
|
margin-right: 5px; |
|
|
|
color: #f00; |
|
|
|
@ -488,12 +502,14 @@ onMounted(() => { |
|
|
|
height: auto; |
|
|
|
min-height: 7rem; |
|
|
|
background: #fff none; |
|
|
|
|
|
|
|
.title { |
|
|
|
margin: 2% 2.5%; |
|
|
|
font-size: 0.4rem; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.chartbox { |
|
|
|
margin: 2% 5% 3%; |
|
|
|
width: 90%; |
|
|
|
|