From e2551bb1c54d3247f15db33ce0bf1da167c2a1aa Mon Sep 17 00:00:00 2001
From: chenze <1824191732@qq.com>
Date: Sun, 18 Aug 2024 14:03:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E5=AF=B9=E5=BA=94?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/admin/repair/repairStats.js         |  8 ++
 src/views/admin/repair/RepairStatistics.vue | 86 ++++++++++++++++-----
 2 files changed, 76 insertions(+), 18 deletions(-)

diff --git a/src/api/admin/repair/repairStats.js b/src/api/admin/repair/repairStats.js
index 635aa06..ba5c9a1 100644
--- a/src/api/admin/repair/repairStats.js
+++ b/src/api/admin/repair/repairStats.js
@@ -61,3 +61,11 @@ export function floorStats (parameter) {
     params: parameter
   })
 }
+
+export function deviceTypeStats (parameter) {
+  return axios({
+    url: api.repairStats + '/deviceTypeStats',
+    method: 'get',
+    params: parameter
+  })
+}
diff --git a/src/views/admin/repair/RepairStatistics.vue b/src/views/admin/repair/RepairStatistics.vue
index 5799845..f62360b 100644
--- a/src/views/admin/repair/RepairStatistics.vue
+++ b/src/views/admin/repair/RepairStatistics.vue
@@ -95,7 +95,7 @@
           <div class="titleView">楼层负责人情况</div>
           <div class="conditionView">
             <a-select default-value="week" style="width: 120px;margin-right: 10px">
-              <a-select-option value="month" >按月</a-select-option>
+              <a-select-option value="month">按月</a-select-option>
               <a-select-option value="year">按年</a-select-option>
             </a-select>
             <a-month-picker placeholder="请选择时间" />
@@ -144,21 +144,31 @@
       <div class="headView">
         <div class="titleView">故障统计</div>
         <div class="conditionView">
-          <a-select default-value="week" style="width: 120px;margin-right: 10px">
-            <a-select-option value="week">按周</a-select-option>
+          <a-select style="width: 120px;margin-right: 10px" @change="selectWeek">
             <a-select-option value="month">按月</a-select-option>
             <a-select-option value="year">按年</a-select-option>
           </a-select>
-          <a-date-picker placeholder="请选择时间" />
+
+          <a-date-picker
+            mode="year"
+            v-decorator="['year']"
+            placeholder="请输入年份"
+            format="YYYY"
+            style="width: 200px"
+            :open="yearShowOne"
+            v-model:value="deviceType"
+            @openChange="openChangeOne"
+            @panelChange="panelChangeOne" />
+
         </div>
       </div>
       <div class="contentView">
         <a-table
+          style="width: 100%"
           :columns="columns"
           :data-source="loadData"
           showPagination="true"
           :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
-
         >
         </a-table>
       </div>
@@ -169,7 +179,7 @@
 
 <script>
 import * as echarts from 'echarts'
-import { repairAdminStats, repairStats, floorStats } from '@/api/admin/repair/repairStats'
+import { repairAdminStats, repairStats, floorStats, deviceTypeStats } from '@/api/admin/repair/repairStats'
 
 export default {
   name: 'RepairStatistics',
@@ -180,31 +190,48 @@ export default {
       repairStatsCount: [],
       finishCount: [],
       timeout: [],
+      deviceTypeCount: [],
       pj: [],
       floorStatsCount: [],
       // 查询参数
       queryParam: {},
       selectedRowKeys: [],
       selectedRows: [],
+      deviceType: '',
+      yearShowOne: false,
       // 表头
       columns: [
         {
-          title: 'Name',
-          dataIndex: 'name',
-          key: 'name',
-          scopedSlots: { customRender: 'name' }
+          title: '类型',
+          dataIndex: 'typename'
         },
         {
-          title: 'Age',
-          dataIndex: 'age',
-          key: 'age',
-          width: 80
+          title: '保修次数',
+          dataIndex: 'zs'
         },
         {
-          title: 'Address',
-          dataIndex: 'address',
-          key: 'address 1',
-          ellipsis: true
+          title: '维修次数',
+          dataIndex: 'closed'
+        },
+        {
+          title: '损坏最多品牌',
+          dataIndex: 'brand'
+        },
+        {
+          title: '维修完成率',
+          dataIndex: 'wcl'
+        },
+        {
+          title: '好评率',
+          dataIndex: 'hl'
+        },
+        {
+          title: '中评率',
+          dataIndex: 'ml'
+        },
+        {
+          title: '差评率',
+          dataIndex: 'll'
         }
       ],
       // 加载数据方法 必须为 Promise 对象
@@ -237,6 +264,7 @@ export default {
     this.adminStats()
     this.repairCount()
     this.getfloorStats()
+    this.deviceStats()
 
     // this.createEchartCake('echart2', {
     //   bottom: 10,
@@ -257,11 +285,33 @@ export default {
     })
   },
   methods: {
+
+    // 弹出日历和关闭日历的回调
+    openChangeOne (status) {
+      if (status) {
+        this.yearShowOne = true
+      }
+    },
+    // 得到年份选择器的值
+    panelChangeOne (value) {
+      this.yearShowOne = false
+      this.deviceType = value
+      console.log(this.deviceType)
+    },
+    selectWeek (value) {
+      this.deviceType = value
+      console.log(this.deviceType)
+    },
     adminStats () {
       repairAdminStats().then(res => {
         this.adminStatsCount = res.repairAdminStats
       })
     },
+    deviceStats () {
+      deviceTypeStats({ date: '2024-08' }).then(res => {
+        this.loadData = res.rows
+      })
+    },
     getYearCount () {
       this.type = 'year'
       repairStats().then(res => {