zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lcw

Browse Source
This commit is contained in:
lcw
2026-04-07 11:12:09 +08:00
parent 582b8677fc
commit ef3c23a03a
13 changed files with 1206 additions and 763 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/views/home/model/textType.vue
View File

@ -1,9 +1,15 @@
<template>
<div class="comom-title">
<div style=" width: 100%;" class="title">信息来源类型统计<span class="switchover" @click="reversalPush">切换</span></div>
<el-popover placement="right" :width="430" :visible="visible">
<div style="width: 100%" class="title">
信息来源类型统计<span class="switchover" @click="reversalPush">切换</span>
</div>
<el-popover placement="right" :width="430" :visible="visible">
<template #reference>
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"></div>
<div
class="title"
style="position: relative; z-index: 10000; height: 40px; width: 40px"
@click="visible = true"
></div>
</template>
<div>
<div class="qbltData">
@ -14,81 +20,96 @@
</div>
</el-popover>
</div>
<div class="comom-cnt" >
<BarHatEcharts echartsId="qbltBoxs" :autoTooltip="true" :data="list" ></BarHatEcharts>
<div class="comom-cnt">
<BarHatEcharts
echartsId="qbltBoxs"
:autoTooltip="true"
:data="list"
></BarHatEcharts>
</div>
</template>
<script setup>
import { qcckPost,qcckGet } from "@/api/qcckApi.js";
import { qcckPost, qcckGet } from "@/api/qcckApi.js";
import BarHatEcharts from "@/views/home/echarts/barHatEcharts.vue";
import { onMounted, reactive, ref } from "vue";
import TimeData from '@/views/home/model/mesgSwitch/timeData.vue'
import TimeData from "@/views/home/model/mesgSwitch/timeData.vue";
const list = ref({
xDate: ['共享','内部','林安码'],
list:[{ name: "总数", value: [0,0,0] ,color:['rgba(0,244,255,1)','rgba(0,77,167,1)'] ,hatColor:'#087df9'}],
xDate: ["共享", "内部", "林安码", "蜂群"],
list: [
{
name: "总数",
value: [0, 0, 0, 0],
color: ["rgba(0,244,255,1)", "rgba(0,77,167,1)"],
hatColor: "#087df9"
}
]
// xDate: ['上访','诈骗','敲诈勒索','盗窃'],
// list:[{ name: "总数", value: [0,0,0,0] ,color:['rgba(0,244,255,1)','rgba(0,77,167,1)'] ,hatColor:'#087df9'}],
})
});
onMounted(() => {
getCount()
getCount();
});
const listQuery = ref()
const listQuery = ref();
const getCount = () => {
const promes = {
const promes = {
startTime: listQuery.value?.startTime || "",
endTime: listQuery.value?.endTime || ""
}
qcckGet(promes, '/mosty-gsxt/xxcj/xxlylx').then(res => {
list.value.list[0].value = [res.gxxx || 0,res.nbxx || 0,res.lam || 0]
})
};
qcckGet(promes, "/mosty-gsxt/xxcj/xxlylx").then((res) => {
list.value.list[0].value = [
res.gxxx || 0,
res.nbxx || 0,
res.lam || 0,
res.fqxx || 0
];
});
// qcckPost(promes, '/mosty-gsxt/qbcj/getXscjTjBySszt').then(res => {
// list.value.xDate = res ? res.map(v=> v.zdmc):[];
// list.value.list[0].value = res ? res.map(v => v.count) : [0, 0, 0, 0];
// console.log(list.value);
// list.value.xDate = res ? res.map(v=> v.zdmc):[];
// list.value.list[0].value = res ? res.map(v => v.count) : [0, 0, 0, 0];
// console.log(list.value);
// })
}
const visible = ref(false)
};
const visible = ref(false);
const changeTime = (val) => {
listQuery.value = {
...val
}
getCount()
}
const emit = defineEmits(['reversalPush'])
};
getCount();
};
const emit = defineEmits(["reversalPush"]);
const reversalPush = () => {
emit('reversalPush')
}
emit("reversalPush");
};
const close = () => {
visible.value = false
}
visible.value = false;
};
</script>
<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
.qbltBox {
height: 100%;
background: rgba(0,29,75,0.6);
background: rgba(0, 29, 75, 0.6);
border-radius: 0 0 4px 4px;
}
.qbltData {
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 10px 10px
padding: 0 10px 10px;
}
.close {
cursor: pointer;
}
.switchover{
.switchover {
cursor: pointer;
font-size: 14px;
margin-left: 20px;
color: rgb(255, 146, 4);
width: 100%;
margin-left: 10%;
margin-left: 10%;
}
</style>