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

更新

Browse Source
This commit is contained in:
Esacpe
2025-12-19 11:41:05 +08:00
parent 6ddecd72af
commit f0910016ae
12 changed files with 226 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/views/home/model/bkWarning.vue Normal file
View File

@ -0,0 +1,85 @@
<template>
<div class="comom-title">
<div class="title">布控预警级别统计<span class="switchover" @click.stop="reversalPush">切换</span></div>
</div>
<div class="comom-cnt" style="border-right: 1px solid #ebebeb;width: 100%;" v-loading="loadingyj">
<DbarEcharts echartsId="bar3DYkChart" :data="cnList"></DbarEcharts>
</div>
</template>
<script setup>
import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
import { qcckGet } from "@/api/qcckApi.js";
import { onMounted,ref,defineEmits ,reactive} from "vue";
const emit = defineEmits(["changeModel"])
const loadingyj = ref(false)
let cnList = reactive({
list: [
{ label:'一级',val:0,type:'01' },
{ label:'二级',val:0,type:'02' },
{ label:'三级',val:0,type:'03' },
{ label:'四级',val:0,type:'04' },
],
topColor:'#1bd6c2',
colors: ["#28EEBF","#0DBAC5"],
})
onMounted(() => {
getYjczDate()
});
const getYjczDate = () => {
loadingyj.value = true;
qcckGet({}, '/mosty-gsxt/tbYjxx/bdbkYjxxTj').then(res => {
loadingyj.value = false;
let list = res || []
cnList.list.forEach(item => {
let obj = list.find(v => v.yj_jb == item.type)
item.val = obj?.count || 0
})
})
};
const reversalPush = () => {
emit('changeModel')
}
</script>
<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
::v-deeep .comom-title{
background: url("~@/assets/images/bg18.png") no-repeat center center;
background-size: 100% 100%;
}
::v-deeep .comom-cnt{
background: url("~@/assets/images/bg18.png") no-repeat center center;
background-size: 100% 100%;
}
::v-deep .el-table td.el-table__cell{
color: #ffffff;
}
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
background: rgba(0,61,130,0.75);
}
.switchover{
cursor: pointer;
font-size: 14px;
margin-left: 20px;
color: rgb(255, 146, 4);
}
</style>
<style lang="scss">
.zdy_bkcz_table td.el-table__cell {
color: #ffffff !important;
}
.zdy_bkcz_table th.el-table__cell {
color: #ffffff !important;
font-size: 15px;
}
</style>

3
src/views/home/model/keyPpersonneltypes.vue
View File

@ -1,7 +1,6 @@
<template>
<div class="comom-title">
<!-- <span class="title">重点人员类型</span> -->
<div class="title">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div>
<div class="title">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div>
<div class="title titleFz" style="" @click="visible = true">
查看列表
</div>

3
src/views/home/model/mesgSwitch/timeData.vue
View File

@ -1,9 +1,8 @@
<template>
<div>
<el-date-picker v-model="listQuery" :type="type" :shortcuts="shortcuts" range-separator="至" start-placeholder="开始时间"
<el-date-picker v-model="listQuery" :type="type" :shortcuts="shortcuts" range-separator="至" start-placeholder="开始时间"
:value-format="valueFrmat" :format="valueFrmat" end-placeholder="结束时间" @change="changeTime" />
</div>
</template>
<script setup>

29
src/views/home/model/qingBaowbTable.vue
View File

@ -11,15 +11,22 @@
<div class="table-wrapper">
<el-table :data="tableData" style="width: 100%" height="calc(100% - 1px)" :header-cell-style="{
background: 'transparent',
color: '#0d4b8a',
borderColor: '#0d4b8a'
}" :row-style="{
background: 'transparent',
color: '#fff',
borderColor: '#0d4b8a'
}" stripe>
<el-table
:data="tableData"
style="width: 100%"
stripe
height="calc(100% - 1px)"
:header-cell-style="{
background: 'transparent',
color: '#ffffff',
borderColor: '#0d4b8a'
}"
:row-style="{
background: 'transparent',
color: '#fff',
borderColor: '#0d4b8a'
}"
>
<el-table-column prop="ssbm" label="部门名称" min-width="120" show-overflow-tooltip />
<el-table-column prop="xm" label="姓名" min-width="80" show-overflow-tooltip />
<!-- 信息员积分 和 研判员积分 -->
@ -90,7 +97,7 @@ defineExpose({
gap: 10px;
.tab-button {
padding: 0px 4px;
padding: 0px 10px;
background: rgba(0, 77, 167, 0.6);
color: #fff;
border: 1px solid #0099ff;
@ -105,7 +112,7 @@ defineExpose({
&.active {
background: rgba(0, 244, 255, 0.8);
color: #000;
color: #0072ff;
border-color: #00f4ff;
}
}

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

@ -20,13 +20,15 @@
</template>
<script setup>
import { qcckPost } 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'
const list = ref({
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] ,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(() => {
@ -38,13 +40,14 @@ const getCount = () => {
startTime: listQuery.value?.startTime || "",
endTime: listQuery.value?.endTime || ""
}
qcckPost(promes, '/mosty-gsxt/qbcj/getXscjTjBySszt').then(res => {
console.log(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);
qcckGet(promes, '/mosty-gsxt/xxcj/xxlylx').then(res => {
list.value.list[0].value = [res.gxxx || 0,res.nbxx || 0,res.lam || 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);
// })
}
const visible = ref(false)
const changeTime = (val) => {

19
src/views/home/model/warningLevels.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="comom-title">
<div class="title">四色预警统计</div>
<div class="title">四色预警统计<span class="switchover" @click.stop="reversalPush">切换</span></div>
</div>
<div class="comom-cnt" style="border-right: 1px solid #ebebeb;width: 100%;" v-loading="loadingyj">
<WarningCount ref="yjjbRef"></WarningCount>
@ -10,9 +10,15 @@
<script setup>
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import WarningCount from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/WarningCount.vue";
import { onMounted,ref } from "vue";
import { onMounted,ref,defineEmits } from "vue";
const yjjbRef = ref()
const loadingyj = ref(false)
const emit = defineEmits(["changeModel"])
const reversalPush = () => {
emit('changeModel')
}
const getYjczDate = () => {
loadingyj.value = true;
qcckGet({}, '/mosty-gsxt/tbYjxx/getYjxxTj').then(res => {
@ -50,7 +56,13 @@ getYjczDate()
}
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
background: rgba(0,61,130,0.75);
background: rgba(0,61,130,0.75);
}
.switchover{
cursor: pointer;
font-size: 14px;
margin-left: 20px;
color: rgb(255, 146, 4);
}
</style>
<style lang="scss">
@ -61,4 +73,5 @@ getYjczDate()
color: #ffffff !important;
font-size: 15px;
}
</style>

7
src/views/home/model/warningPoints.vue
View File

@ -9,7 +9,7 @@
:tableColumn="pageData.tableColumn"
:tableHeight="pageData.tableHeight"
:key="pageData.keyCount"
:isScroll="true"
:isScroll="isScroll"
:tableConfiger="pageData.tableConfiger"
>
</DarkTable>
@ -17,9 +17,10 @@
</template>
<script setup>
import { reactive,onMounted } from 'vue'
import { reactive,onMounted,ref } from 'vue'
import DarkTable from '@/components/aboutTable/DarkTable.vue'
import { qcckGet } from "@/api/qcckApi.js";
const isScroll = ref(false)
const pageData = reactive({
tableData: [],
keyCount: 0,
@ -47,10 +48,12 @@ const getList = () => {
pageData.tableConfiger.loading = true
qcckGet({},'/mosty-gsxt/tbYjxx/selectYjxxFzTen').then(res => {
let list = res || []
isScroll.value = list.length > 3 ? true : false;
pageData.tableData = list.map((item, index) => {
item.order = index + 1
return item
})
pageData.tableConfiger.loading = false
}).catch(() => {
pageData.tableConfiger.loading = false