修改统计分析

oa-ui/src/api/oa/car/car.js

  * @Author: wrh
  * @Date: 2024-02-27 13:47:55
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-02-27 13:48:00
+ * @LastEditTime: 2024-10-16 11:30:58
  */
 import request from '@/utils/request'
 
     method: 'delete'
   })
 }
+
+// 查询cmc车辆信息列表
+export function getCarStatistic() {
+  return request({
+    url: '/oa/car/statistic',
+    method: 'get',
+  })
+}

oa-ui/src/api/oa/device/device.js

 /*
  * @Author: wrh
  * @Date: 2024-03-05 17:18:12
- * @LastEditors: wrh
- * @LastEditTime: 2024-07-16 17:50:08
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-10-16 11:31:43
  */
 import request from '@/utils/request'
 
     method: 'delete'
   })
 }
+
+// 设备统计
+export function getDeviceStatistic() {
+  return request({
+    url: '/oa/device/statistic',
+    method: 'get',
+  })
+}

oa-ui/src/components/preview/index.vue

 <!--
  * @Author: wrh
  * @Date: 2024-06-04 18:18:09
- * @LastEditors: wrh
- * @LastEditTime: 2024-07-22 12:34:21
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-10-16 10:38:51
 -->
 <template>
   <div v-loading="loading">

oa-ui/src/views/flowable/form/projectProcess/inProgress.vue

 <!--
  * @Author: ysh
  * @Date: 2024-06-21 18:51:54
- * @LastEditors: wrh
- * @LastEditTime: 2024-10-09 09:57:41
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-10-16 14:37:52
 -->
 <template>
   <div>
         <el-form-item label="使用车辆：">
           <el-tooltip class="item" effect="dark" content="直接获取用车申请中的车辆,若无车辆,则需要先提交项目的用车申请" placement="top-end">
             <el-select v-model="form.cars" multiple disabled style="width:90%">
-              <el-option v-for="item in carList" :label="item.licensePlate + (item.brand ? item.brand : '') + (item.series ? item.series : '')" :value="item.carId"
-                :key="item.carId">
+              <el-option v-for="item in carList"
+                :label="item.licensePlate + (item.brand ? item.brand : '') + (item.series ? item.series : '')"
+                :value="item.carId" :key="item.carId">
               </el-option>
             </el-select>
           </el-tooltip>
           <el-tooltip class="item" effect="dark" content="直接获取设备申请中的设备,若无设备,则需要先提交项目的设备申请" placement="top-end">
             <el-select v-model="form.devices" multiple disabled style="width:90%">
               <el-option v-for="item in deviceList" :key="item.deviceId" :label="item.name + '【' + (item.brand != null ? item.brand : '') + (item.series != null ? '-' + item.series + '】' : '')
-        + (item.code != null ? '（设备编号：' + item.code + '）' : '') + '📍' + item.place" :value="item.deviceId">
+                + (item.code != null ? '（设备编号：' + item.code + '）' : '') + '📍' + item.place" :value="item.deviceId">
               </el-option>
             </el-select>
           </el-tooltip>
     },
     // 暂存数据
     preserve() {
-      if (this.oldProgressList.length != 0) {
-        delProjectProgress([this.taskForm.formId]).then(res => {
-          for (let progress of this.progressList) {
-            progress.projectId = this.taskForm.formId;
-            addProjectProgress(progress);
-          }
-        });
-      } else {
+      // if (this.oldProgressList.length != 0) {
+      //   delProjectProgress([this.taskForm.formId]).then(res => {
+      //     for (let progress of this.progressList) {
+      //       progress.projectId = this.taskForm.formId;
+      //       addProjectProgress(progress);
+      //     }
+      //   });
+      // } else {
+      //   delProjectProgress([this.taskForm.formId]).then(res => {
+      //     for (let progress of this.progressList) {
+      //       progress.projectId = this.taskForm.formId;
+      //       addProjectProgress(progress);
+      //     }
+      //   })
+      // }
+      delProjectProgress([this.taskForm.formId]).then(res => {
         for (let progress of this.progressList) {
           progress.projectId = this.taskForm.formId;
           addProjectProgress(progress);
         }
-      }
+      })
       this.updateActualWorkList();
       this.form.projectId = this.taskForm.formId;
       this.form.cars = this.form.cars.length != 0 ? this.form.cars.join(',') : null;

oa-ui/src/views/statistics/components/contractStatistics.vue

       <div class="middle" v-loading="subLoading">
         <!-- <div class="middle-top" id="subAmountBar"></div> -->
         <div class="middle-top" id="subYearLine"></div>
+        <div class="middle-bottom">
+          <div class="bottom-left" id="subCwAmountPie"></div>
+          <div class="bottom-right" id="subSourcePie"></div>
+        </div>
       </div>
       <div class="right">
 
 import { ehcartsInit } from '@/utils/echarts'
 import { getContractStatistic } from '@/api/oa/contract/contract';
 import { getSubContractStatistic } from '@/api/oa/contract/subContract';
-let amountChart, cwAmountChart, cwSourceChart, subAmountChart, subYearChart
+let amountChart, cwAmountChart, cwSourceChart, subAmountChart, subYearChart, subCwAmountChart, subSourceChart
 export default {
   props: {
     datas: {
       contractYear: {},
       subAmount: {},
       subYearNum: {},
+      subCwAmount: {},
+      subSource: {},
       subYear: 0,
       sumAomunt: 0,
       sumSubAomunt: 0,
     },
     contractSource() {
       this.initChartCwSource(this.activeYear);
+    },
+    subCwAmount() {
+      this.initChartSubCwAomunt(this.activeYear);
+    },
+    subSource() {
+      this.initChartSubCwSource(this.activeYear);
     }
   },
   mounted() {
       }
       this.subLoading = true;
       let subDatas = await getSubContractStatistic();
+      console.log(subDatas.data);
       this.subAmount = subDatas.data.amount[0];
       this.subYearNum = subDatas.data.year[0];
+      this.subCwAmount = subDatas.data.cwAmount[0];
+      this.subSource = subDatas.data.source[0];
       let sum = Object.values(this.subAmount).reduce((accumulator, currentValue) => accumulator + currentValue, 0);
       this.sumSubAomunt = (sum / 100000000).toFixed(4) + '亿元';
       this.initAmountBar();
       this.initChartSubYear();
+      this.initChartSubCwAomunt('');
+      this.initChartSubCwSource('');
       this.subLoading = false;
     },
     initAmountBar() {
           height: '60%',
           containLabel: true
         },
-        legend: {
-
-        },
+        legend: {},
         graphic: [
           {
             type: 'text',
                 var value = params.value;
                 if (value >= 10000) {
                   // 亿  
-                  return (value / 10000).toFixed(4) + '万元';
+                  return (value / 10000000).toFixed(4) + '千万元';
                 }
               }
             },
             that.contractSource = res.data.source[0];
             that.dataLoading = false
           })
+          getSubContractStatistic({ signDate: year }).then(res => {
+            that.subCwAmount = res.data.cwAmount[0];
+            that.subSource = res.data.source[0];
+          })
         }
       })
     },
     initChartCwAomunt(year) {
       let option = {
         title: {
-          text: year + '合同额分布情况',
+          text: year + '承接合同额分布情况',
         },
         tooltip: {
           trigger: 'item',
     initChartCwSource(year) {
       let option = {
         title: {
-          text: year + '合同来源分布',
+          text: year + '承接合同来源分布',
         },
         tooltip: {
           trigger: 'item',
       };
       ehcartsInit(subYearChart, 'subYearLine', option);
     },
+    initChartSubCwAomunt(year) {
+      let option = {
+        title: {
+          text: year + '分包合同额分布情况',
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c} ({d}%)'
+        },
+        legend: {
+          top: 'bottom'
+        },
+        series: [
+          {
+            name: '占比',
+            type: 'pie',
+            radius: '40%',
+            avoidLabelOverlap: false,
+            data: Object.entries(this.subCwAmount).map(([key, value]) => {
+              return { name: key, value: value }
+            }),
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            },
+            label: {
+              alignTo: 'none',
+              formatter: '{name|{b}}\n{value|{c}元}',
+              minMargin: 5,
+              edgeDistance: 8,
+              lineHeight: 15,
+              rich: {
+                time: {
+                  fontSize: 10,
+                  color: '#999'
+                }
+              }
+            },
+          }
+        ]
+      };
+      ehcartsInit(subCwAmountChart, 'subCwAmountPie', option);
+    },
+    initChartSubCwSource(year) {
+      let option = {
+        title: {
+          text: year + '分包合同来源分布',
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c} ({d}%)'
+        },
+        legend: {
+          top: 'bottom'
+        },
+        series: [
+          {
+            name: '占比',
+            type: 'pie',
+            radius: '40%',
+            avoidLabelOverlap: false,
+            data: Object.entries(this.subSource).map(([key, value]) => {
+              return { name: key, value: value }
+            }),
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            },
+            label: {
+              alignTo: 'none',
+              formatter: '{name|{b}}\n{value|{c}个}',
+              minMargin: 5,
+              edgeDistance: 8,
+              lineHeight: 15,
+              rich: {
+                time: {
+                  fontSize: 10,
+                  color: '#999'
+                }
+              }
+            },
+          }
+        ]
+      };
+      ehcartsInit(subSourceChart, 'subSourcePie', option);
+    },
   }
 }
 </script>
   }
 
   .middle {
-    flex: 1;
+    flex: 1.5;
 
     .middle-top {
       height: 300px;
       padding: 10px;
       border: 1px solid #ececec;
     }
+
+    .middle-bottom {
+      display: flex;
+
+      .bottom-left {
+        flex: 1.5;
+        height: 300px;
+        padding: 10px;
+        border: 1px solid #ececec;
+      }
+
+      .bottom-right {
+        flex: 1;
+        height: 300px;
+        padding: 10px;
+        border: 1px solid #ececec;
+      }
+    }
   }
 
   .right {

oa-ui/src/views/statistics/components/projectStatistics.vue

     datas: {
       handler(newVal) {
         if (newVal) {
-          console.log(newVal);
-          
           this.initDatas();
         }
       },

oa-ui/src/views/statistics/components/topHead.vue

           }
         ]
       };
-      console.log(1);
-
       ehcartsInit(contractYearChart, 'thisContract', option);
     },
     getProjectYearSub(year) {

oa-ui/src/views/statistics/index.vue

  * @Author: ysh
  * @Date: 2024-10-11 09:23:15
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-10-14 10:48:03
+ * @LastEditTime: 2024-10-16 15:30:12
 -->
 <template>
   <div class="app-container bg">
 <script>
 import { getProjectStatistic } from '@/api/oa/project/project'
 import { getContractStatistic } from '@/api/oa/contract/contract';
+import { getCarStatistic } from '@/api/oa/car/car';
+import { getDeviceStatistic } from '@/api/oa/device/device';
 import ProjectStatistics from './components/projectStatistics.vue';
 import contractStatistics from './components/contractStatistics.vue';
 import topHead from './components/topHead.vue';
       isActive: 'project',
       contractInfo: {},
       projectInfo: {},
+      carInfo: {},
+      deviceInfo: {},
     }
   },
   created() {
     this.getProjectInfo();
     this.getContractInfo();
+    this.getCarInfo();
+    this.getDeviceInfo();
   },
   mounted() {
 
       let res1 = await getProjectStatistic();
       if (res1.data) {
         this.projectInfo = res1.data
-
       }
     },
     async getContractInfo() {
         this.contractInfo = res2.data;
       }
     },
+    async getCarInfo() {
+      let res = await getCarStatistic();
+      this.carInfo = res.data;
+      
+    },
+    async getDeviceInfo() {
+      let res = await getDeviceStatistic();
+      this.deviceInfo = res.data;
+      
+    },
     changeClick(val) {
       this.isActive = val
     }