更新

src/views/backOfficeSystem/HumanIntelligence/RlStatisticalAnalysis/index.vue

@@ -3,17 +3,15 @@
     <!-- 左侧树形菜单 -->
     <div class="left-menu">
       <!-- 这个部分用的是组件-后期替换 -->
-      <MOSTY.DepartmentTree width="310px" placeholder="管理部门" clearable filterable :isBmId="true" v-model="obj.listQuery.deptId" />
+      <MOSTY.DepartmentTree width="310px" @change="init" placeholder="管理部门" clearable filterable :isBmId="true" v-model="listQuery.ssbmdm" />
     </div>
 
     <!-- 右侧内容区 -->
     <div class="right-content">
       <!-- 顶部筛选 -->
       <div class="filter-section">
-        <el-radio-group v-model="radio">
+        <el-radio-group v-model="radio" @change="changeRadio">
-          <el-radio :label="it.value" v-for="it in timeList" :key="it.value">{{
+          <el-radio v-for="(it,idx) in timeList" :key="idx" :label="it.num" >{{ it.label }}</el-radio>
-            it.label
-          }}</el-radio>
         </el-radio-group>
         <el-date-picker
           v-model="dateRange"
@@ -25,23 +23,19 @@
           value-format="YYYY-MM-DD"
           @change="handleDateChange"
         />
-        <el-button type="primary" @click="handleExport">查询</el-button>
+        <el-button type="primary" @click="init">查询</el-button>
-        <el-button type="primary" @click="handleExport">重置</el-button>
+        <el-button type="primary" @click="handleRest">重置</el-button>
       </div>
 
       <!-- 统计图表区域 -->
       <div class="charts-container">
         <div class="chart-item">
           <div class="chart-title">
-            <span>报送情况</span>
+            <span>线索类型</span>
             <el-button type="primary">导出统计表</el-button>
           </div>
           <div class="chart">
-            <PieEcharts
+            <PieEcharts echartsId="bsqkEpieChart" color="#333" :data="obj.xslxList"></PieEcharts>
-              echartsId="bsqkEpieChart"
-              color="#333"
-              :data="obj.bsqkList"
-            ></PieEcharts>
           </div>
         </div>
         <div class="chart-item">
@@ -50,29 +44,19 @@
             <el-button type="primary">导出统计表</el-button>
           </div>
           <div class="chart">
-            <DbarEcharts
+            <DbarEcharts echartsId="bar3DChart" :data="obj.cnList"></DbarEcharts>
-              echartsId="bar3DChart"
-              :data="obj.cnList"
-            ></DbarEcharts>
           </div>
         </div>
         <div class="chart-item">
           <div class="chart-title">
-            <span>战果情况</span>
+            <span>处置状态</span>
             <el-button type="primary">导出统计表</el-button>
           </div>
           <ul class="chart mt8">
-            <li v-for="(it, idx) in obj.zgList" :key="idx" class="mb6">
+            <li v-for="(it, idx) in obj.czztList" :key="idx" class="mb6">
               <div style="color: #333">{{ it.label }}</div>
-              <el-progress
+              <el-progress :text-inside="true" :stroke-width="20" :percentage="50" status="exception" >
-                :text-inside="true"
+                <span><span style="color: #e37233">{{ it.value }}</span> 个</span >
-                :stroke-width="20"
-                :percentage="50"
-                status="exception"
-              >
-                <span
-                  ><span style="color: #e37233">{{ it.value }}</span> 个</span
-                >
               </el-progress>
             </li>
           </ul>
@@ -82,11 +66,7 @@
             <span>奖惩情况</span>
             <el-button type="primary">导出统计表</el-button>
           </div>
-          <lineEcharts
+          <lineEcharts color="#333" echartsId="areaChart" :data="obj.jcqkList"></lineEcharts>
-            color="#333"
-            echartsId="areaChart"
-            :data="obj.jcList"
-          ></lineEcharts>
         </div>
       </div>
     </div>
@@ -94,80 +74,111 @@
 </template>
 
 <script setup>
+import { timeValidate, timeSlotChange } from "@/utils/tools.js";
 import * as MOSTY from "@/components/MyComponents/index";
 import lineEcharts from "@/views/home/echarts/lineEcharts.vue";
 import PieEcharts from "@/views/home/echarts/pieEcharts.vue";
 import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
-import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { qcckPost } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
-const radio = ref("日");
+const radio = ref(0);
 const timeList = ref([
-  { label: "日", value: "0" },
+  { label: "日", num: 0 },
-  { label: "月", value: "1" },
+  { label: "月", num: 1 },
-  { label: "季", value: "2" },
+  { label: "季", num: 2 },
-  { label: "年", value: "3" }
+  { label: "年", num: 3 }
 ]);
+const dateRange = ref([timeValidate(),timeValidate()]);// 日期范围
+const listQuery = ref({})
 const obj = reactive({
-  listQuery: {},
+  xslxList: [],
-  bsqkList: [
+  jcqkList: [],
-    { label: "待上报", value: 18 },
+  czztList: [],
-    { label: "已上报", value: 20 },
-    { label: "已流转指令", value: 50 },
-    { label: "已办结", value: 40 },
-    { label: "已归档", value: 30 }
-  ],
-  jcList: [
-    { label: "表彰奖励", value: 10 },
-    { label: "物质奖励", value: 20 },
-    { label: "其他奖励", value: 50 },
-    { label: "责任追究", value: 40 },
-    { label: "通报批评", value: 40 },
-    { label: "其他惩罚", value: 30 }
-  ],
-  zgList: [
-    { label: "已处置", value: 10 },
-    { label: "转指令", value: 20 },
-    { label: "转协同", value: 50 },
-    { label: "转督办", value: 40 },
-    { label: "转移交", value: 40 },
-    { label: "警种变更", value: 40 }
-  ],
   cnList: {
-    list: [
+    list: [],
-      { label: "已采纳", val: 50 },
-      { label: "未采纳", val: 40 },
-      { label: "已合并", val: 10 },
-      { label: "已流转", val: 30 },
-      { label: "退回", val: 40 },
-    ],
     topColor:'#1bd6c2',
     colors: ["#28EEBF","#0DBAC5"],
   }
 });
 
 
-const defaultProps = {
+onMounted(() => {
-  children: "children",
+  init() //初始化数据
-  label: "label"
+});
+
+const init = () => {
+  let data = {
+    ssbmdm: listQuery.value.ssbmdm,
+    kssj: dateRange.value[0] + ' 00:00:00',
+    jssj: dateRange.value[1] + ' 23:59:59',
+    cjLx: 1 // 1-临安吗
+  };
+  
+  // 获取线索类型统计
+  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByXslx').then(res => {
+    let arr = res || [];
+    obj.xslxList = arr.map(v=>{
+      return { label:v.zdmc,value:v.count }
+    })
+  });
+
+  // 获取奖惩情况统计
+  qcckPost(data, '/mosty-gsxt/tbJlqk/getShygkhtj').then(res => {
+    let arr = res || [];
+    obj.jcqkList = arr.map(v=>{
+      return { label:v.zdmc,value:v.count }
+    })
+  });
+
+  // 获取处置状态统计
+  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByCzzt').then(res => {
+    let arr = res || [];
+    obj.czztList = arr.map(v=>{
+      return { label:v.zdmc,value:v.count }
+    })
+  });
+
+  // 获取采纳情况统计
+  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByShzt').then(res => {
+    let arr = res || [];
+    obj.cnList.list = arr.map(v=>{
+      return { label:v.zdmc,value:v.count }
+    })
+  });
+}
+
+const changeRadio = (val) =>{
+  switch(val){
+    case 0: //日
+      dateRange.value = [timeValidate(),timeValidate()]
+      break;
+    case 1: //月
+      dateRange.value = timeSlotChange('本月')
+      break;
+    case 2: //季度
+      dateRange.value = timeSlotChange('本季度')
+      break;
+    case 3: //年
+      dateRange.value = timeSlotChange('本年')
+      break;
+  }
+}
+
+const handleDateChange = (val) => {
+  radio.value = '';
+  if(val[0] == timeSlotChange('天')[0] && val[1] == timeSlotChange('天')[1]) radio.value = 0;
+  if(val[0] == timeSlotChange('本月')[0] && val[1] == timeSlotChange('本月')[1]) radio.value = 1;
+  if(val[0] == timeSlotChange('本季度')[0] && val[1] == timeSlotChange('本季度')[1]) radio.value = 2;
+  if(val[0] == timeSlotChange('本年')[0] && val[1] == timeSlotChange('本年')[1]) radio.value = 3;
 };
 
-// 日期范围
+// 重置
-const dateRange = ref([]);
+const handleRest = () => {
-
+  radio.value = 0;
-// 事件处理函数
+  dateRange.value = [timeValidate(),timeValidate()];
-const handleNodeClick = (data) => {
+  init();
-  console.log(data);
 };
-
+;
-const handleDateChange = () => {
-  // 处理日期变化
-};
-
-const handleExport = () => {
-  // 处理导出
-};
-
-onMounted(() => {});
 </script>
 
 <style lang="scss" scoped>

src/views/backOfficeSystem/ResearchJudgment/InformationFlows/StatisticalAnalysis/index.vue

@@ -108,64 +108,34 @@ onMounted(() => {
 
 
 const init = () =>{
-  get_xscj_list();
-  get_xsly_list();
-  get_xslx_list();
-  get_xszt_list();
-}
-
-
-// 线索采集统计
-const get_xscj_list = () =>{
   let data = {
     ssbmdm:listQuery.value.ssbmdm,
     kssj:dateRange.value[0]+' 00:00:00',
     jssj:dateRange.value[1]+' 23:59:59',
+    cjLx:0 // 0 民警后台录入
   }
-  qcckPost(data,'/mosty-gsxt/qbcj/getXscjTjByQbly').then(res=>{
+  // 线索采集统计
+  qcckPost(data,'/mosty-gsxt/qbcj/getXscjTjByShzt').then(res=>{
     let arr = res || [];
     obj.cjList = arr.map(v=>{
       return { label:v.zdmc,value:v.count }
     })
   })
-}
+  // 线索类型统计
-
-// 线索类型统计
-const get_xslx_list = () =>{
-  let data = {
-    ssbmdm:listQuery.value.ssbmdm,
-    kssj:dateRange.value[0]+' 00:00:00',
-    jssj:dateRange.value[1]+' 23:59:59',
-  }
   qcckPost(data,'/mosty-gsxt/qbcj/getXscjTjByXslx').then(res=>{
     let arr = res || [];
     obj.xxlxList = arr.map(v=>{
       return { label:v.zdmc,value:v.count }
     })
   })
-}
+  // 线索专题统计
-// 线索专题统计
-const get_xszt_list = () =>{
-  let data = {
-    ssbmdm:listQuery.value.ssbmdm,
-    kssj:dateRange.value[0]+' 00:00:00',
-    jssj:dateRange.value[1]+' 23:59:59',
-  }
   qcckPost(data,'/mosty-gsxt/qbcj/getXscjTjBySszt').then(res=>{
     let arr = res || [];
     obj.xxztList = arr.map(v=>{
       return { label:v.zdmc,value:v.count }
     })
   })
-}
+  // 线索来源统计
-
-// 线索来源统计
-const get_xsly_list = () =>{
-  let data = {
-    ssbmdm:listQuery.value.ssbmdm,
-    kssj:dateRange.value[0]+' 00:00:00',
-    jssj:dateRange.value[1]+' 23:59:59',
-  }
   qcckPost(data,'/mosty-gsxt/qbcj/getXscjTjByQbly').then(res=>{
     let arr = res || [];
     obj.xslyList.list = arr.map(v=>{
@@ -174,7 +144,6 @@ const get_xsly_list = () =>{
   })
 }
 
-
 const changeRadio = (val) =>{
   switch(val){
     case 0: //日