From 757ebcbdb3aa024793892a19606dff382ea3820e Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期一, 27 十一月 2023 17:46:34 +0800
Subject: [PATCH] feat: 对接口

---
 src/views/dashboard/components/ReportingRecordModal.vue |   28 +++++++++++++++++++++++-----
 1 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/views/dashboard/components/ReportingRecordModal.vue b/src/views/dashboard/components/ReportingRecordModal.vue
index 04e06b7..217d2f6 100644
--- a/src/views/dashboard/components/ReportingRecordModal.vue
+++ b/src/views/dashboard/components/ReportingRecordModal.vue
@@ -14,11 +14,10 @@
           <el-table-column type="index" label="搴忓彿" width="56" align="center" :resizable="false"></el-table-column>
           <el-table-column prop="deviceId" label="鎶ュ伐鏉ユ簮" align="center" :resizable="false">
             <template #default="scope">
-              {{ scope?.row?.workerName ?? '' }}/{{ scope?.row?.deviceName ?? '' }}
+              {{ scope?.row?.workerName ?? '--' }}/{{ scope?.row?.deviceName ?? '--' }}
             </template>
           </el-table-column>
-          <!--        TODO: 鏉$爜瀛楁杩樻病鍔�   -->
-          <el-table-column prop="xxx" label="鏉$爜" align="center" :resizable="false">鏉$爜</el-table-column>
+          <el-table-column prop="barCode" label="鏉$爜" align="center" :resizable="false">鏉$爜</el-table-column>
           <el-table-column prop="reportAmount" label="鎶ュ伐鏁伴噺" align="center" :resizable="false" />
           <el-table-column prop="finishAmount" label="瀹屾垚鏁伴噺" align="center" :resizable="false" />
           <el-table-column prop="startTime" label="寮�濮嬫椂闂�" align="center" :resizable="false">
@@ -31,8 +30,11 @@
               {{ formatDate(scope.row.endTime) }}
             </template>
           </el-table-column>
-          <!--          TODO: 宸ユ椂瀛楁杩樻病鍔�-->
-          <el-table-column prop="xxx" label="宸ユ椂" align="center" :resizable="false" />
+          <el-table-column prop="workerTime" label="宸ユ椂" align="center" :resizable="false">
+            <template #default="scope">
+              {{ formatDuration(scope.row.workerTime) }}
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </el-dialog>
@@ -45,6 +47,7 @@
 import { apiGetReportingRecordList } from '@/api'
 import type { ReportingRecord } from '@/api/reporting'
 import { useTasksStore } from '@/stores/tasks'
+import { isNumber } from 'lodash-es'
 
 export interface BaseModalProps {
   /** 鏄惁灞曠ず妯℃�佹 */
@@ -105,6 +108,21 @@
   const time = useDateFormat(timestamp * 1000, 'YYYY-MM-DD HH:mm:ss', { locales: 'zh-cn' })
   return time.value
 }
+
+/**
+ * 鎺ュ彈绉掓暟,杩斿洖鏍煎紡鍖栧悗鐨� 鏃跺垎绉掑瓧绗︿覆
+ * @param duration 绉掓暟
+ * @returns {string} 鏍煎紡鍖栧悗鐨� 鏃跺垎绉掑瓧绗︿覆
+ */
+function formatDuration(duration: number): string {
+  if (duration < 0 || !isNumber(duration)) {
+    return '--'
+  }
+  const h = Math.floor(duration / 3600)
+  const m = Math.floor((duration % 3600) / 60)
+  const s = Math.floor(duration % 60)
+  return `${h > 0 ? h + '鏃�' : ''}${m > 0 ? m + '鍒嗛挓' : ''}${s}绉抈
+}
 </script>
 
 <style scoped lang="scss">

--
Gitblit v1.8.0