耗时转为时分秒

src/utils/transform.js

@@ -22,7 +22,7 @@ export function zeroFill(val) {
  * 将秒转为时:分:秒格式
  * @param {Number|String} val 秒
  * @param {'normal'|'chinese'} type 格式类型
- * @returns {String} hh:MM:ss 小于1小时返回 MM:ss
+ * @returns {string} 'normal' hh:MM:ss 小于1小时返回 MM:ss 'chinese' h时m分s秒
  */
 export function secondFormatConversion(val = 0, type = 'normal') {
   const seconds = parseInt(val); // 输入的秒数

src/views/home/recovery/AnswerData.vue

@@ -52,7 +52,11 @@
       </el-table-column>
       <el-table-column prop="user_real_name" label="用户" width="280" />
       <el-table-column prop="finish_time" label="完成时间" width="180" />
-      <el-table-column prop="answer_duration" label="耗时" width="180" />
+      <el-table-column prop="answer_duration" label="耗时" width="180">
+        <template slot-scope="{ row }">
+          <span>{{ secondFormatConversion(row.answer_duration, 'chinese') }}</span>
+        </template>
+      </el-table-column>
       <el-table-column prop="right_count" label="正确" width="160" />
       <el-table-column prop="error_count" label="错误" width="160" />
       <el-table-column label="正确率">
@@ -74,6 +78,7 @@
 
 <script>
 import { PageQueryExerciseUserAnswerRecordList } from '@/api/exercise';
+import { secondFormatConversion } from '@/utils/transform';
 
 import PaginationPage from '@/components/common/PaginationPage.vue';
 
@@ -100,6 +105,7 @@ export default {
         { label: '已完成', value: 0 },
         { label: '未完成', value: 1 },
       ],
+      secondFormatConversion,
     };
   },
   computed: {