feat:设备使用记录

pages/device/deviceBusUseRecord/detail.vue

@@ -9,7 +9,7 @@
         </up-col>
         <up-col span="6"
           >开始时间：
-          <text class="value">{{ detailInfo.useTimeStart }}</text>
+          <text class="value">{{ nx.$helper.formateToDateTime(detailInfo.useTimeStart) }}</text>
         </up-col>
       </up-row>
       <up-row>
@@ -19,7 +19,7 @@
         </up-col>
         <up-col span="6"
           >结束时间：
-          <text class="value">{{ detailInfo.useTimeEnd }}</text>
+          <text class="value">{{ nx.$helper.formateToDateTime(detailInfo.useTimeEnd) }}</text>
         </up-col>
       </up-row>
       <up-row>
@@ -42,16 +42,19 @@
           <text class="value">{{ detailInfo.humidity }}</text>
         </up-col>
         <up-col span="6"
-          >样品类别/个数/任务：
-          <text class="value">{{ detailInfo.useRemark }}</text>
+          >检测项目：
+          <text class="value">{{ detailInfo.useItem }}</text>
         </up-col>
       </up-row>
+      <u-table2 class="mt8" height="300px" :data="tableData" :columns="columns" stripe border> </u-table2>
     </scroll-view>
   </up-popup>
 </template>
 
 <script setup>
 import { ref, reactive, onMounted, watch, computed } from 'vue'
+import nx from '@/nx'
+import { getDetailList } from './useRecord.api'
 
 const props = defineProps({
   show: {
@@ -77,8 +80,18 @@ function handleClose() {
   emit('close')
 }
 
+const columns = ref([
+  { title: '样品名称', key: 'sampleName', align: 'center' },
+  { title: '样品编号', key: 'sampleCode', align: 'center' }
+])
+const tableData = ref([])
+async function getUseRecordDetailList(id) {
+  const res = await getDetailList({ parentId: id })
+  tableData.value = res
+}
 function handleOpen() {
   detailInfo.value = props.checkInfo
+  getUseRecordDetailList(props.checkInfo.id)
 }
 </script>
 
@@ -101,4 +114,7 @@ function handleOpen() {
 :deep(.uicon-close) {
   font-size: 22px !important;
 }
+:deep(.u-popup__content__close--top-right) {
+  top: 30px;
+}
 </style>