更新

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: "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;
 }

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: "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;
 }

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: "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;
 }

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: "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;
 }

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

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,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})
 
 
 

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';
-
-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>