瀏覽代碼

test: 毫秒数据美化

lanceJiang 1 年之前
父節點
當前提交
53d0076be4
共有 2 個文件被更改,包括 23 次插入3 次删除
  1. 19 0
      src/utils/index.ts
  2. 4 3
      src/views/approve/myApplication/index.vue

+ 19 - 0
src/utils/index.ts

@@ -199,3 +199,22 @@ export function getAssetsFile(url: string) {
 }
 
 export const flowIconPrefix = 'icon-flow-'
+
+export const format_milliseconds = (milliseconds: number) => {
+	let timeString = ''
+	if (milliseconds) {
+		const hours = Math.floor(milliseconds / 3600000)
+		const minutes = Math.floor((milliseconds % 3600000) / 60000)
+		const seconds = Math.floor((milliseconds % 60000) / 1000)
+		if (hours > 0) {
+			timeString += hours + '小时 '
+		}
+		if (minutes > 0) {
+			timeString += minutes + '分钟 '
+		}
+		if (seconds > 0) {
+			timeString += seconds + '秒'
+		}
+	}
+	return timeString
+}

+ 4 - 3
src/views/approve/myApplication/index.vue

@@ -32,7 +32,7 @@
 				</template>
 
 				<template #durationSlot="scope">
-					<div>{{ formatTime(scope.row.duration) }}</div>
+					<div>{{ format_milliseconds(scope.row.duration) }}</div>
 				</template>
 
 				<template #actionSlot="scope">
@@ -52,6 +52,7 @@
 import { processTaskPageMyApplicationApi } from '@/api/flow/processTask'
 import { nextTick, ref, watch } from 'vue'
 import { useTablePage } from '@/hooks/useTablePage'
+import { format_milliseconds } from '@/utils'
 import MessageDetail from './detail.vue'
 import { useRoute } from 'vue-router'
 const route = useRoute()
@@ -75,7 +76,7 @@ const forms = ref([
 	}
 ])
 
-function formatTime(milliseconds: any) {
+/*function formatTime(milliseconds: any) {
 	let timeString = ''
 	if (milliseconds) {
 		let hours = Math.floor(milliseconds / 3600000)
@@ -92,7 +93,7 @@ function formatTime(milliseconds: any) {
 		}
 	}
 	return timeString
-}
+}*/
 
 // table列表数据请求
 const queryList = async () => {