统计完善

src/request/api.js

@@ -31,6 +31,7 @@ export const  apiauthlogout = query => {
 
 
 
+
 //https://khy.xiaole.vip/api/system/commonOther/static统计-订单数量
 
 export const  apisystemcommonOtherstatic = query => {

src/request/index.ts

@@ -38,7 +38,7 @@ service.interceptors.request.use(
 // 响应拦截器
 service.interceptors.response.use(
   response => {
-    console.log(response)
+    console.log('g350488F')
     // 可以在这里对响应数据进行处理，例如：对返回的状态码进行判断
     const res = response.data;
     

src/views/home/index.vue

@@ -1,15 +1,20 @@
 <script setup lang="ts">
+let orderWrapDom=null
+let orderWrapChart=null
+let carUseWrapDom=null
+let carUseWrapChart=null
+
 let orderWrapOption = {
   xAxis: {
     type: 'category',
-    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+    data: []
   },
   yAxis: {
     type: 'value'
   },
   series: [
     {
-      data: [150, 230, 224, 218, 135, 147, 260],
+      data: [],
       type: 'line'
     }
   ]
@@ -25,7 +30,7 @@ let carUseOption = {
 //   },
   series: [
     {
-      name: 'Access From',
+      name: '月车辆使用率',
       type: 'pie',
       radius: ['40%', '70%'],
       avoidLabelOverlap: false,
@@ -49,31 +54,77 @@ let carUseOption = {
         show: false
       },
       data: [
-        { value: 1048, name: 'Search Engine' },
-        { value: 735, name: 'Direct' },
-        { value: 580, name: 'Email' },
-        { value: 484, name: 'Union Ads' },
-        { value: 300, name: 'Video Ads' }
+       
+        
       ]
     }
   ]
 };
 
 import { ref,onMounted } from 'vue'
-import { apisystemdzbcPathlist,apisystemdzbcCarlist,apisystemuserlist,apisystemcommonOtherstatic,apisystemuserresetPwd,apisystemuserDel,apisystemuserAdd,apisystemuserUpdate } from '../../request/api.js'
+import dayjs from 'dayjs'
+import { apisystemdzbcPathlist,apisystemdzbcCarlist,apisystemuserlist,apisystemcommonOtherstatic } from '../../request/api.js'
 let userNum=ref('')
 let carNum=ref('')
 let routeNum=ref('')
+let cyclNum=ref(0)
+//
+const getcyclNum=()=>{
+  apisystemdzbcCarlist({
+    pageSize:1000,
+    'params[mdate]':dayjs().format('YYYY-MM')+'-01'
+  }).then(res=>{
+    if(res.code==200){
+      carUseOption.series[0].data[0]={
+        value: res.total, name: '参与排班'
+      }
+      carUseOption.series[0].data[1]={
+        value: carNum.value-res.total, name: '未参与排班'
+      }
+      
+      cyclNum.value=res.total
+      }
+    
+      carUseWrapChart.setOption(carUseOption)
+      
+    }).catch(err=>{
+      console.log(err)
+    })
+  
+}
+
 const getTodayOrder=()=>{
     
     apisystemcommonOtherstatic({
-   
         'params[kyzId]':1,
+        'params[mdate]':dayjs().format('YYYY-MM-DD'),
         key:'order'
     }).then(res=>{
     if(res.code==200){
-        routeNum.value=res.total
-        
+       
+        if(res.data.length==0){
+
+          
+          orderWrapOption.xAxis.data.push(dayjs().subtract(6, 'd').format('MM/DD'))
+          orderWrapOption.xAxis.data.push(dayjs().subtract(5, 'd').format('MM/DD'))
+          orderWrapOption.xAxis.data.push(dayjs().subtract(4, 'd').format('MM/DD'))
+          orderWrapOption.xAxis.data.push(dayjs().subtract(3, 'd').format('MM/DD'))
+          orderWrapOption.xAxis.data.push(dayjs().subtract(2, 'd').format('MM/DD'))
+          orderWrapOption.xAxis.data.push(dayjs().subtract(1, 'd').format('MM/DD'))
+          orderWrapOption.xAxis.data.push(dayjs().subtract(0, 'd').format('MM/DD'))
+          orderWrapOption.series[0].data=[0,0,0,0,0,0,0]
+        }else{
+          orderWrapOption.xAxis.data=res.data.map(item=>{
+
+            return dayjs(item.createTime).format('MM/DD')
+          })
+          orderWrapOption.series[0].data=res.data.map(item=>{
+
+            return item.num
+          })
+        }
+
+        orderWrapChart.setOption(orderWrapOption)
     }
     
     
@@ -125,6 +176,7 @@ const getCarData=()=>{
     if(res.code==200){
         carNum.value=res.total
     }
+    getcyclNum()
     
     
   }).catch(err=>{
@@ -137,14 +189,14 @@ onMounted(()=>{
     getCarData()
     getRouteData()
     getTodayOrder()
-    let orderWrapDom=document.getElementById('order-wrap')
-    let orderWrapChart=window.echarts.init(orderWrapDom)
-    orderWrapChart.setOption(orderWrapOption)
+    orderWrapDom=document.getElementById('order-wrap')
+    orderWrapChart=window.echarts.init(orderWrapDom)
+    
     
 
-    let carUseWrapDom=document.getElementById('caruse-wrap')
-    let carUseWrapChart=window.echarts.init(carUseWrapDom)
-    carUseWrapChart.setOption(carUseOption)
+    carUseWrapDom=document.getElementById('caruse-wrap')
+    carUseWrapChart=window.echarts.init(carUseWrapDom)
+    
 })