更新

src/App.vue

@@ -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()
   }
 }
 

src/components/GdMap/index.vue

@@ -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="关闭路况"
+    <el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
-      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],
+      center: [94.36,29.65],
-      zoom: 15
+      zoom: 10
     },
-    minZoom: 7,
+    transformRequest: (url) => {
-    maxZoom: 18,
+      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(
+     map.addGaudLayer({
-      "/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap"
+      url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
-      ,
+    })
-      {
-        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);
@@ -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;
   }

src/components/GdMap/indexNr.vue

@@ -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 :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom"></el-input-number>
-      </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],
+      center: [94.36057012, 29.64276831],
-      zoom: 10
+      zoom: 15
     },
-    transformRequest: (url) => {
+    minZoom: 7,
-      if (url.indexOf("TileMatrix=") != -1) {
+    maxZoom: 18,
-        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.addGaudLayer({
+    map.addWMTSLayer(
-      url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
+      "/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;
   }

src/utils/tools.js

@@ -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()

src/views/backOfficeSystem/JudgmentHome/tsypHome/index.vue

@@ -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";

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_hm/index.vue

@@ -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: "hmlx",width:'70px',showOverflowTooltip:true  },
-    { label: "号码", prop: "sjrs",width:'70px'},
+    { label: "号码", prop: "hm",width:'120px',showOverflowTooltip:true},
-    { label: "所属人员", prop: "bq",width:'50px'},
+    { label: "线索数", prop: "glxss",width:'70px',showOverflowTooltip:true},
-    { label: "线索数", prop: "xss",width:'70px'},
+    { label: "指令数", prop: "glzls" ,width:'70px',showOverflowTooltip:true},
-    { label: "指令数", prop: "zls" ,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/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;
 }

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_ry/index.vue

@@ -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: "ryXm",width:'70px',showOverflowTooltip:true },
-    { label: "身份证", prop: "sjrs",width:'70px'},
+    { label: "身份证", prop: "rySfzh",width:'70px',showOverflowTooltip:true},
-    { label: "标签", prop: "bq",width:'50px'},
+    { label: "标签", prop: "bqList",width:'50px',showSolt:true,showOverflowTooltip:true},
-    { label: "线索数", prop: "xss",width:'70px'},
+    { label: "线索数", prop: "xssl",width:'70px',showOverflowTooltip:true},
-    { label: "指令数", prop: "zls" ,width:'70px'},
+    { 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=>{
+  let params = { ...searchData.value }
-    console.log(res,'--------99');
+  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;
 }

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_xs/index.vue

@@ -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: "xsMc",width:'70px',showOverflowTooltip:true },
-    { label: "涉及人数", prop: "sjrs",width:'70px'},
+    { label: "涉及人数", prop: "sjrs",width:'70px',showOverflowTooltip:true},
-    { label: "标签", prop: "bq",width:'50px'},
+    { label: "线索内容", prop: "xsNr",width:'120px',showOverflowTooltip:true},
-    { label: "风险等级", prop: "fxdj",width:'70px'},
+    { label: "指向地点", prop: "zxdz" ,width:'70px',showOverflowTooltip:true},
-    { label: "指向地点", prop: "zxdz" ,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/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;
 }

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_zz/index.vue

@@ -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: "qtMc",width:'70px' },
-    { label: "涉及人数", prop: "sjrs",width:'70px'},
+    { label: "涉及人数", prop: "sjrs",width:'70px',showSolt:true},
-    { label: "标签", prop: "bq",width:'50px'},
+    { label: "标签", prop: "bqList",width:'50px',showSolt:true},
-    { label: "线索数", prop: "xss",width:'70px'},
+    { label: "线索数", prop: "xssl",width:'70px'},
-    { label: "指令数", prop: "zls" ,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;
 }

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/index.vue

@@ -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>
+                        <span class="marks" @click="changeTime(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" />
+                        <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: "20" },
-    { label: "近一月", value: "30" },
+    { label: "本月", value: "30" },
-    { label: "近一季度", value: "40" },
+    { label: "本季度", value: "40" },
-    { label: "近一年", value: "50" }
+    { label: "本年", value: "50" }
 ]);
 const searchConfiger = reactive([
-    {
+    { label: "所属部门", prop: "ssbmdm", placeholder: "请选择", showType: "department" },
-        label: "所属部门",
+    { label: "数据周期", prop: "sjzq", placeholder: "请选择", showType: "defaultSlot"},
-        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: "zxdz", placeholder: "请输入", showType: "input" },
-    {
+    { label: "诉求类型", prop: "qtsq", placeholder: "请选择", showType: "select",options:SGXTQTSQLX }
-        label: "事件诱因类型",
-        prop: "yxlx",
-        placeholder: "请选择",
-        showType: "select"
-    },
-    { label: "诉求类型", prop: "sqlx", placeholder: "请选择", showType: "select" }
 ]);
+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(){

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/zdxsfl/index.vue

@@ -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,0,10,0,0,0,0]},
-    {label:'已处置',val:[0,10,10,10,0,10,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})
 
 
 

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/zlcs/index.vue

@@ -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>

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/zqfl/index.vue

@@ -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';
+import { qcckGet } from "@/api/qcckApi.js";
-
+import { onMounted , ref} from "vue";
-const dataList = reactive([
+const loading=ref(false)
- {
+const dataList = ref([]);
-    label: "待办",
+const searchData = ref({})
-    value: 2056,
+onMounted(()=>{
-    color:['#FF6B9A','#FF4B7A']
+  getDate()
-},
+})
-{
-    label: "已办",
-    value: 4356,
-    color:['#FFAA33','#FF8A00'],
-},
-]);
-onMounted(() => {
-});
-
 
+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>