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-07-22 13:52:05 +08:00
parent 8ea67fd810
commit 33ceb7a85a
13 changed files with 382 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.vue
View File

@ -9,7 +9,7 @@
import * as ocr from "@paddlejs-models/ocr";
import { ref, nextTick, provide, onMounted,getCurrentInstance } from "vue";
import { useStore } from "vuex";
import { getItem } from "@/utils/storage";
import { getItem, setItem} from "@/utils/storage";
import { generateNewStyle, writeNewStyle } from "@/utils/theme";
const { proxy } = getCurrentInstance();
const store = useStore();
@ -41,7 +41,6 @@ const initPage = async () => {
} catch (err) {
proxy.$message({ type: "error", message: "加载失败，请刷新页面" });
imgIsLoad = false;
// initPage()
}
}

57
src/components/GdMap/index.vue
View File

@ -1,8 +1,7 @@
<template>
<div :id="mapid" class="map"></div>
<div class="changeMap_box" v-if="props.isShow">
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况"
style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949" />
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
<!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3" @change="onMapImageChange">
<el-carousel-item>
<div class="mapImageItem">
@ -31,7 +30,8 @@
</el-carousel> -->
<!-- 地图缩放 -->
<div class="zoomTargetBox">
<el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom"></el-input-number>
<el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom">
</el-input-number>
</div>
</div>
</template>
@ -74,7 +74,7 @@ const props = defineProps({
});
try {
const userInfo = getItem("deptId")[0].deptCode;
} catch (error) { }
} catch (error) {}
let map;
let mapLayer;
let mapLayer1;
@ -85,36 +85,30 @@ onMounted(() => {
box[0].style.right = !res ? "4px" : "398px";
box[0].style.transition = "0.5s";
});
map = new EliMap({
id: props.mapid,
crs: "EPSG:4490",
crs: "EPSG:3857",
style: {
glyphs: "./fonts/{fontstack}/{range}.pbf",
center: [94.36057012, 29.64276831],
zoom: 15
center: [94.36,29.65],
zoom: 10
},
minZoom: 7,
maxZoom: 18,
transformRequest: (url) => {
if (url.indexOf("TileMatrix=") != -1) {
const arr = url.split("TileMatrix=");
const arr1 = arr[1].split("&");
const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
}
}
});
window.map = map;
map.mapboxGLMap.on("load", () => {
map.addWMTSLayer(
"/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap"
,
{
Service: "getImage",
Type: "RGB",
ZoomOffset: "0",
V: "0.3",
Zoom: "{z}",
Row: "{y}",
Col: "{x}"
},
{
tileSize: 300
}
);
map.addGaudLayer({
url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
})
zoomTarget.value = map.mapboxGLMap.getZoom();
});
mapUtil.value = new MapUtil(map);
@ -259,6 +253,7 @@ const mapSetLayer = (id, source) => {
//获取地图绘制的数据
const resFun = (coord, type, flag, data) => {
emitter.emit("coordString", {
coord: coord,
type: type,
@ -323,35 +318,29 @@ onUnmounted(() => {
right: 398px;
bottom: 4px;
z-index: 9;
.mapImageItem {
border: 1px solid #08aae8;
background: rgb(9, 26, 70);
&>img {
& > img {
width: 100%;
height: 50px;
}
&>div {
& > div {
text-align: center;
position: relative;
top: -3px;
}
}
.zoomTargetBox {
margin-top: 10px;
margin-left: 23px;
}
::v-deep .el-input-number__decrease,
::v-deep .el-input-number__increase {
background: #133362;
color: #fff;
border: none;
}
::v-deep .el-input__inner {
background: #0c1641;
}

57
src/components/GdMap/indexww.vue → src/components/GdMap/indexNr.vue
View File

@ -1,7 +1,8 @@
<template>
<div :id="mapid" class="map"></div>
<div class="changeMap_box" v-if="props.isShow">
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况"
style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949" />
<!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3" @change="onMapImageChange">
<el-carousel-item>
<div class="mapImageItem">
@ -30,8 +31,7 @@
</el-carousel> -->
<!-- 地图缩放 -->
<div class="zoomTargetBox">
<el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom">
</el-input-number>
<el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom"></el-input-number>
</div>
</div>
</template>
@ -74,7 +74,7 @@ const props = defineProps({
});
try {
const userInfo = getItem("deptId")[0].deptCode;
} catch (error) {}
} catch (error) { }
let map;
let mapLayer;
let mapLayer1;
@ -85,30 +85,36 @@ onMounted(() => {
box[0].style.right = !res ? "4px" : "398px";
box[0].style.transition = "0.5s";
});
map = new EliMap({
id: props.mapid,
crs: "EPSG:3857",
crs: "EPSG:4490",
style: {
glyphs: "./fonts/{fontstack}/{range}.pbf",
center: [94.36,29.65],
zoom: 10
center: [94.36057012, 29.64276831],
zoom: 15
},
transformRequest: (url) => {
if (url.indexOf("TileMatrix=") != -1) {
const arr = url.split("TileMatrix=");
const arr1 = arr[1].split("&");
const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
}
}
minZoom: 7,
maxZoom: 18,
});
window.map = map;
map.mapboxGLMap.on("load", () => {
map.addGaudLayer({
url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
})
map.addWMTSLayer(
"/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap"
,
{
Service: "getImage",
Type: "RGB",
ZoomOffset: "0",
V: "0.3",
Zoom: "{z}",
Row: "{y}",
Col: "{x}"
},
{
tileSize: 300
}
);
zoomTarget.value = map.mapboxGLMap.getZoom();
});
mapUtil.value = new MapUtil(map);
@ -253,7 +259,6 @@ const mapSetLayer = (id, source) => {
//获取地图绘制的数据
const resFun = (coord, type, flag, data) => {
emitter.emit("coordString", {
coord: coord,
type: type,
@ -318,29 +323,35 @@ onUnmounted(() => {
right: 398px;
bottom: 4px;
z-index: 9;
.mapImageItem {
border: 1px solid #08aae8;
background: rgb(9, 26, 70);
& > img {
&>img {
width: 100%;
height: 50px;
}
& > div {
&>div {
text-align: center;
position: relative;
top: -3px;
}
}
.zoomTargetBox {
margin-top: 10px;
margin-left: 23px;
}
::v-deep .el-input-number__decrease,
::v-deep .el-input-number__increase {
background: #133362;
color: #fff;
border: none;
}
::v-deep .el-input__inner {
background: #0c1641;
}

10
src/utils/tools.js
View File

@ -13,6 +13,16 @@ export function choseRbgb(color,opcity) {
return `rgba(${r},${g},${b},${a})`
}
}
// 随机十六进制颜色
export function randomHexColor() { // 随机生成十六进制颜色
var hex = Math.floor(Math.random() * 16777216).toString(16);
while (hex.length < 6) {
hex = '0' + hex;
}
return '#' + hex;
}
// 今天周几
export function weekValidate() {
let week = new Date().getDay()

1
src/views/backOfficeSystem/JudgmentHome/tsypHome/index.vue
View File

@ -72,6 +72,7 @@
</template>
<script setup>
import * as MOSTY from "@/components/MyComponents/index";
import CheckBox from "@/components/checkBox/index.vue";
import Search from "@/components/aboutTable/Search.vue";
import { qcckGet, qcckDelete } from "@/api/qcckApi.js";

40
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_hm/index.vue
View File

@ -16,8 +16,9 @@
</template>
<script setup>
import { qcckGet } from "@/api/qcckApi.js";
import MyTable from "@/components/aboutTable/MyTable.vue";
import { reactive } from "vue";
import { onMounted, reactive , ref} from "vue";
const pageData = reactive({
tableData: [],
keyCount: 0,
@ -34,23 +35,44 @@ const pageData = reactive({
tableHeight:143,
controlsWidth: 52,
tableColumn: [
{ label: "号码类型", prop: "zzMc",width:'70px' },
{ label: "号码", prop: "sjrs",width:'70px'},
{ label: "所属人员", prop: "bq",width:'50px'},
{ label: "线索数", prop: "xss",width:'70px'},
{ label: "指令数", prop: "zls" ,width:'70px'},
{ label: "号码类型", prop: "hmlx",width:'70px',showOverflowTooltip:true },
{ label: "号码", prop: "hm",width:'120px',showOverflowTooltip:true},
{ label: "线索数", prop: "glxss",width:'70px',showOverflowTooltip:true},
{ label: "指令数", prop: "glzls" ,width:'70px',showOverflowTooltip:true},
]
});
const searchData = ref({})
onMounted(()=>{
getDate()
})
const init = (val) =>{
searchData.value = val;
getDate()
}
function getDate (){
let params = { ...searchData.value }
delete params.dateRange;
pageData.pageConfiger.loading = true;
qcckGet(params,'/mosty-gsxt/tbGsxtZdqt/getRdhm').then(res=>{
pageData.tableData = res || [];
pageData.pageConfiger.loading = false;
}).catch(()=>{
pageData.pageConfiger.loading = false;
})
}
defineExpose({init})
</script>
<style lang="scss" scoped>
::v-deep .el-table .cell{
padding: 0;
}
::v-deep .el-table tr{
background: rgba(239, 245, 247,1) !important;
}
::v-deep .el-table th.el-table__cell{
background: rgba(239, 245, 247,1) !important;
}

40
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_ry/index.vue
View File

@ -8,6 +8,11 @@
:fixed ="false"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth">
<template #bqList="{row}">
<span v-if="row.bqList">
<span v-for=" it in row.bqList" :key="it">{{ it.bqMc }}</span>；
</span>
</template>
<template #controls="{ row }">
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
</template>
@ -18,7 +23,8 @@
<script setup>
import { qcckGet } from "@/api/qcckApi.js";
import MyTable from "@/components/aboutTable/MyTable.vue";
import { onMounted, reactive } from "vue";
import { onMounted, reactive , ref} from "vue";
const pageData = reactive({
tableData: [],
keyCount: 0,
@ -35,33 +41,45 @@ const pageData = reactive({
tableHeight:143,
controlsWidth: 52,
tableColumn: [
{ label: "姓名", prop: "zzMc",width:'70px' },
{ label: "身份证", prop: "sjrs",width:'70px'},
{ label: "标签", prop: "bq",width:'50px'},
{ label: "线索数", prop: "xss",width:'70px'},
{ label: "指令数", prop: "zls" ,width:'70px'},
{ label: "姓名", prop: "ryXm",width:'70px',showOverflowTooltip:true },
{ label: "身份证", prop: "rySfzh",width:'70px',showOverflowTooltip:true},
{ label: "标签", prop: "bqList",width:'50px',showSolt:true,showOverflowTooltip:true},
{ label: "线索数", prop: "xssl",width:'70px',showOverflowTooltip:true},
{ label: "指令数", prop: "zlsl" ,width:'70px',showOverflowTooltip:true},
]
});
const searchData = ref({})
onMounted(()=>{
getDate()
})
const init = (val) =>{
searchData.value = val;
getDate()
}
function getDate (){
qcckGet({},' /mosty-gsxt/tbGsxtZdry/getRdRy').then(res=>{
console.log(res,'--------99');
let params = { ...searchData.value }
delete params.dateRange;
pageData.pageConfiger.loading = true;
qcckGet(params,'/mosty-gsxt/tbGsxtZdry/getRdRy').then(res=>{
pageData.tableData = res || [];
pageData.pageConfiger.loading = false;
}).catch(()=>{
pageData.pageConfiger.loading = false;
})
}
defineExpose({init})
</script>
<style lang="scss" scoped>
::v-deep .el-table .cell{
padding: 0;
}
::v-deep .el-table tr{
background: rgba(239, 245, 247,1) !important;
}
::v-deep .el-table th.el-table__cell{
background: rgba(239, 245, 247,1) !important;
}

40
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_xs/index.vue
View File

@ -16,8 +16,9 @@
</template>
<script setup>
import { qcckGet } from "@/api/qcckApi.js";
import MyTable from "@/components/aboutTable/MyTable.vue";
import { reactive } from "vue";
import { onMounted, reactive , ref} from "vue";
const pageData = reactive({
tableData: [],
keyCount: 0,
@ -34,23 +35,44 @@ const pageData = reactive({
tableHeight:143,
controlsWidth: 52,
tableColumn: [
{ label: "线索名称", prop: "xsMc",width:'70px' },
{ label: "涉及人数", prop: "sjrs",width:'70px'},
{ label: "标签", prop: "bq",width:'50px'},
{ label: "风险等级", prop: "fxdj",width:'70px'},
{ label: "指向地点", prop: "zxdz" ,width:'70px'},
{ label: "线索名称", prop: "xsMc",width:'70px',showOverflowTooltip:true },
{ label: "涉及人数", prop: "sjrs",width:'70px',showOverflowTooltip:true},
{ label: "线索内容", prop: "xsNr",width:'120px',showOverflowTooltip:true},
{ label: "指向地点", prop: "zxdz" ,width:'70px',showOverflowTooltip:true},
]
});
const searchData = ref({})
onMounted(()=>{
getDate()
})
const init = (val) =>{
searchData.value = val;
getDate()
}
function getDate (){
let params = { ...searchData.value }
delete params.dateRange;
pageData.pageConfiger.loading = true;
qcckGet(params,'/mosty-gsxt/qbcj/getRdXs').then(res=>{
pageData.tableData = res || [];
pageData.pageConfiger.loading = false;
}).catch(()=>{
pageData.pageConfiger.loading = false;
})
}
defineExpose({init})
</script>
<style lang="scss" scoped>
::v-deep .el-table .cell{
padding: 0;
}
::v-deep .el-table tr{
background: rgba(239, 245, 247,1) !important;
}
::v-deep .el-table th.el-table__cell{
background: rgba(239, 245, 247,1) !important;
}

50
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_zz/index.vue
View File

@ -8,6 +8,14 @@
:fixed ="false"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth">
<template #sjrs="{ row }">
<span> {{ row.zdryList? row.zdryList.length : 0 }} </span>
</template>
<template #bqList="{ row }">
<span v-if="row.bqList">
<span v-for="(it,idx) in row.bqList" :key="idx"> {{ it.bqMc }}、</span>
</span>
</template>
<template #controls="{ row }">
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
</template>
@ -16,8 +24,9 @@
</template>
<script setup>
import { qcckGet } from "@/api/qcckApi.js";
import MyTable from "@/components/aboutTable/MyTable.vue";
import { reactive } from "vue";
import { onMounted, reactive , ref} from "vue";
const pageData = reactive({
tableData: [],
keyCount: 0,
@ -34,23 +43,46 @@ const pageData = reactive({
tableHeight:143,
controlsWidth: 52,
tableColumn: [
{ label: "组织名称", prop: "zzMc",width:'70px' },
{ label: "涉及人数", prop: "sjrs",width:'70px'},
{ label: "标签", prop: "bq",width:'50px'},
{ label: "线索数", prop: "xss",width:'70px'},
{ label: "指令数", prop: "zls" ,width:'70px'},
{ label: "组织名称", prop: "qtMc",width:'70px' },
{ label: "涉及人数", prop: "sjrs",width:'70px',showSolt:true},
{ label: "标签", prop: "bqList",width:'50px',showSolt:true},
{ label: "线索数", prop: "xssl",width:'70px'},
{ label: "指令数", prop: "zlsl" ,width:'70px'},
]
});
const searchData = ref({})
onMounted(()=>{
getDate()
})
const init = (val) =>{
searchData.value = val;
getDate()
}
function getDate (){
let params = { ...searchData.value }
delete params.dateRange;
pageData.pageConfiger.loading = true;
qcckGet(params,'/mosty-gsxt/tbGsxtZdqt/getRdzz').then(res=>{
pageData.tableData = res || [];
pageData.pageConfiger.loading = false;
}).catch(()=>{
pageData.pageConfiger.loading = false;
})
}
defineExpose({init})
</script>
<style lang="scss" scoped>
::v-deep .el-table .cell{
padding: 0;
}
::v-deep .el-table tr{
background: rgba(239, 245, 247,1) !important;
}
::v-deep .el-table th.el-table__cell{
background: rgba(239, 245, 247,1) !important;
}

138
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/index.vue
View File

@ -5,11 +5,11 @@
<span class="pointer" @click="close"><el-icon><Close /></el-icon></span>
</div>
<div class="seachsBox">
<Search :searchArr="searchConfiger" @submit="onSearch">
<Search :searchArr="searchConfiger" @submit="onSearch" @reset="reset">
<template #defaultSlot>
<div class="flex align-center">
<span class="marks" @click="active = idex" :class="active == idex ? 'activeBtn' : ''" v-for="(it, idex) in time" :key="idex">{{ it.label }}</span>
<el-date-picker v-model="listQuery.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
<span class="marks" @click="changeTime(idex)" :class="active == idex ? 'activeBtn' : ''" v-for="(it, idex) in time" :key="idex">{{ it.label }}</span>
<el-date-picker @change="handleDateChange" v-model="listQuery.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
</div>
</template>
</Search>
@ -19,25 +19,25 @@
<div class="model">
<div class="modelTitle">热点线索</div>
<div class="cnt">
<Hot_xs></Hot_xs>
<Hot_xs ref="RedRdxs"></Hot_xs>
</div>
</div>
<div class="model">
<div class="modelTitle">热点组织</div>
<div class="cnt">
<Hot_zz></Hot_zz>
<Hot_zz ref="RedRdzz"></Hot_zz>
</div>
</div>
<div class="model">
<div class="modelTitle">热点人员</div>
<div class="cnt">
<Hot_ry></Hot_ry>
<Hot_ry ref="RedRdry"></Hot_ry>
</div>
</div>
<div class="model">
<div class="modelTitle">热点号码</div>
<div class="cnt">
<Hot_hm></Hot_hm>
<Hot_hm ref="RedRdhm"></Hot_hm>
</div>
</div>
</div>
@ -53,19 +53,19 @@
<div class="model">
<div class="modelTitle">诉求分类</div>
<div class="cnt">
<Zqfl></Zqfl>
<Zqfl ref="RedSqfl"></Zqfl>
</div>
</div>
<div class="model">
<div class="modelTitle">重点线索分类</div>
<div class="cnt">
<Zdxsfl></Zdxsfl>
<Zdxsfl ref="RedZdxsfl"></Zdxsfl>
</div>
</div>
<div class="model">
<div class="modelTitle">指令次数</div>
<div class="cnt">
<Zlcs></Zlcs>
<Zlcs ref="RedZlcs"></Zlcs>
</div>
</div>
</div>
@ -74,6 +74,7 @@
</template>
<script setup>
import { timeSlotChange } from "@/utils/tools.js";
import GdMap from "@/components/GdMap/index.vue";
import Hot_xs from './hot_xs/index.vue'
import Hot_zz from './hot_zz/index.vue'
@ -83,51 +84,94 @@ import Zqfl from './zqfl/index.vue'
import Zlcs from './zlcs/index.vue'
import Zdxsfl from './zdxsfl/index.vue'
import Search from "@/components/aboutTable/Search.vue";
import { reactive, ref } from "vue";
import { reactive, ref, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const { SGXTQTSQLX } = proxy.$dict("SGXTQTSQLX"); //获取字典数据
const emits = defineEmits(['close'])
const listQuery = ref({});
const listQuery = ref({
dateRange:timeSlotChange('天'),
hskssj:timeSlotChange('天')[0]+' 00:00:00',
hsjssj:timeSlotChange('天')[1]+' 23:59:59',
});
const active = ref(0);
const time = reactive([
{ label: "今天", value: "10" },
{ label: "近一周", value: "20" },
{ label: "近一月", value: "30" },
{ label: "近一季度", value: "40" },
{ label: "近一年", value: "50" }
{ label: "本周", value: "20" },
{ label: "本月", value: "30" },
{ label: "本季度", value: "40" },
{ label: "本年", value: "50" }
]);
const searchConfiger = reactive([
{
label: "所属部门",
prop: "ssbmdm",
placeholder: "请选择",
showType: "department"
},
{
label: "数据周期",
prop: "sjzq",
placeholder: "请选择",
showType: "defaultSlot"
},
{
label: "热点集访单位",
prop: "jfdw",
placeholder: "请选择",
showType: "select"
},
{
label: "行为特征",
prop: "xwtz",
placeholder: "请选择",
showType: "select"
},
{ label: "所属部门", prop: "ssbmdm", placeholder: "请选择", showType: "department" },
{ label: "数据周期", prop: "sjzq", placeholder: "请选择", showType: "defaultSlot"},
{ label: "指向地点", prop: "zxdz", placeholder: "请输入", showType: "input" },
{
label: "事件诱因类型",
prop: "yxlx",
placeholder: "请选择",
showType: "select"
},
{ label: "诉求类型", prop: "sqlx", placeholder: "请选择", showType: "select" }
{ label: "诉求类型", prop: "qtsq", placeholder: "请选择", showType: "select",options:SGXTQTSQLX }
]);
const RedRdxs = ref()
const RedRdzz = ref()
const RedRdry = ref()
const RedRdhm = ref()
const RedSqfl = ref()
const RedZlcs = ref()
const RedZdxsfl = ref()
const changeTime = (idex) =>{
active.value = idex;
switch(idex){
case 0: //日
listQuery.value.dateRange = timeSlotChange('天')
break;
case 1: //周
listQuery.value.dateRange = timeSlotChange('本周')
break;
case 2: //月
listQuery.value.dateRange = timeSlotChange('本月')
break;
case 3: //季度
listQuery.value.dateRange = timeSlotChange('本季度')
break;
case 4: //年
listQuery.value.dateRange = timeSlotChange('本年')
break;
}
listQuery.value.hskssj = listQuery.value.dateRange[0] +' 00:00:00';
listQuery.value.hsjssj = listQuery.value.dateRange[1] +' 23:59:59';;
}
const handleDateChange = (val) => {
active.value = -1;
if(!val) return;
listQuery.value.hskssj = val[0] +' 00:00:00';
listQuery.value.hsjssj = val[1]+' 23:59:59';
if(val[0] == timeSlotChange('天')[0] && val[1] == timeSlotChange('天')[1]) active.value = 0;
if(val[0] == timeSlotChange('本周')[0] && val[1] == timeSlotChange('本月')[1]) active.value = 1;
if(val[0] == timeSlotChange('本月')[0] && val[1] == timeSlotChange('本月')[1]) active.value = 2;
if(val[0] == timeSlotChange('本季度')[0] && val[1] == timeSlotChange('本季度')[1]) active.value = 3;
if(val[0] == timeSlotChange('本年')[0] && val[1] == timeSlotChange('本年')[1]) active.value = 4;
};
const onSearch = (val) =>{
listQuery.value = {...listQuery.value,...val}
loadDate()
}
const reset = (val) =>{
active.value = 0;
listQuery.value = val;
listQuery.value.dateRange = timeSlotChange('天');
listQuery.value.hskssj = timeSlotChange('天')[0];
listQuery.value.hsjssj = timeSlotChange('天')[1];
loadDate()
}
const loadDate = () =>{
RedRdxs.value.init(listQuery.value)
RedRdzz.value.init(listQuery.value)
RedRdry.value.init(listQuery.value)
RedRdhm.value.init(listQuery.value)
RedSqfl.value.init(listQuery.value)
RedZlcs.value.init(listQuery.value)
RedZdxsfl.value.init(listQuery.value)
}
// 关闭
function close(){

37
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/zdxsfl/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="comom-cnt">
<div class="comom-cnt" v-loading="loading">
<LineEcharts echartsId="qbsbEcharts111" :data="dataList"></LineEcharts>
</div>
</template>
@ -7,19 +7,42 @@
<script setup>
import { qcckPost } from "@/api/qcckApi.js";
import LineEcharts from "@/views/home/echarts/moreLineEcharts.vue";
import { reactive, onMounted } from 'vue';
import { reactive, onMounted,ref } from 'vue';
const dataList = reactive({
xData:['巴宜区','工布江达县','米林县','墨脱县','波密县','察隅县','朗县'],
xData:[],
color:['#0386FB','#00FFFF'],
labelColor:'#333',
list:[
{label:'总数',val:[10,0,10,0,10,0,0]},
{label:'已处置',val:[0,10,10,10,0,10,0]},
{label:'',val:[0,0,10,0,0,0,0]},
]
});
onMounted(() => {
});
const loading=ref(false)
const searchData = ref({})
onMounted(()=>{
getDate()
})
const init = (val) =>{
searchData.value = val;
getDate()
}
function getDate (){
let params = { ...searchData.value }
delete params.dateRange;
loading.value = true;
qcckPost(params,'/mosty-gsxt/qbcj/getXscjTjByXslx').then(res=>{
loading.value = false;
let arr = res || [];
dataList.xData = arr.map(v=>{return v.zdmc});
dataList.list[0].val = arr.map(v=>{return v.count});
}).catch(()=>{
loading.value = false;
})
}
defineExpose({init})

31
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/zlcs/index.vue
View File

@ -1,5 +1,5 @@
<template>
<ul class="box-zl">
<ul class="box-zl" v-loading="loading">
<li class="items" v-for="(it,idx) in list" :key="idx">
<div>{{ it.num }}</div>
<div>{{ it.label }}</div>
@ -9,13 +9,40 @@
</template>
<script setup>
import { reactive } from 'vue';
import { qcckGet } from "@/api/qcckApi.js";
import { onMounted, reactive , ref} from "vue";
const list = reactive([
{ label:'线索数量', num :0 },
{ label:'线索转指令数量', num :0 },
{ label:'关联群体数量', num :0 },
{ label:'关联人员数量', num :0 },
])
const loading = ref(false)
const searchData = ref({})
onMounted(()=>{
getDate()
})
const init = (val) =>{
searchData.value = val;
getDate()
}
function getDate (){
let params = { ...searchData.value }
delete params.dateRange;
loading.value = true;
qcckGet(params,'/mosty-gsxt/qbcj/getXscjTjForZs').then(res=>{
pageData.tableData = res || [];
loading.value = false;
}).catch(()=>{
loading.value = false;
})
}
defineExpose({init})
</script>
<style lang="scss" scoped>

50
src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/zqfl/index.vue
View File

@ -1,31 +1,43 @@
<template>
<div class="comom-cnt">
<div class="comom-cnt" v-loading="loading">
<PieEcharts echartsId="zqflEcharts" color="#333" :data="dataList"></PieEcharts>
</div>
</template>
<script setup>
import { qcckPost } from "@/api/qcckApi.js";
import { randomHexColor ,choseRbgb} from '@/utils/tools.js'
import PieEcharts from "@/views/home/echarts/pieEcharts.vue";
import { reactive, onMounted } from 'vue';
const dataList = reactive([
{
label: "待办",
value: 2056,
color:['#FF6B9A','#FF4B7A']
},
{
label: "已办",
value: 4356,
color:['#FFAA33','#FF8A00'],
},
]);
onMounted(() => {
});
import { qcckGet } from "@/api/qcckApi.js";
import { onMounted , ref} from "vue";
const loading=ref(false)
const dataList = ref([]);
const searchData = ref({})
onMounted(()=>{
getDate()
})
const init = (val) =>{
searchData.value = val;
getDate()
}
function getDate (){
let params = { ...searchData.value }
delete params.dateRange;
loading.value = true;
qcckGet(params,'/mosty-gsxt/tbGsxtZdqt/getSqflTj').then(res=>{
loading.value = false;
let arr = res || [];
dataList.value = arr.map(item=>{
let color = randomHexColor()
let color1 = choseRbgb(color,0.5)
return{ label: item.zdmc, value: item.dm, color:[color,color1] }
})
}).catch(()=>{
loading.value = false;
})
}
defineExpose({init})
</script>