feat:菜单可配置

pages/device/calibrationList/calibration.api.js

@@ -0,0 +1,9 @@
+import request from '@/nx/request'
+
+export function list(params) {
+  return request({
+    url: '/lims/bus/deviceBusCalibration/queryPageList',
+    method: 'GET',
+    params
+  })
+}

pages/device/deviceBusDailyCheck/dailyCheck.data.js

@@ -0,0 +1,32 @@
+import { ref, reactive } from 'vue'
+export const detailSchema = [
+  { label: '设备名称', value: 'deviceName' },
+  { label: '别名', value: 'alias' },
+  { label: '设备型号', value: 'modelNo' },
+  { label: '设备编码', value: 'deviceCode' },
+  { label: '生产厂商', value: 'manufacturer' },
+  { label: '使用班组', value: 'deptName' }
+]
+export const column = reactive([
+  {
+    label: '点检人',
+    name: 'checkUserName',
+    width: 160
+  },
+  {
+    label: '点检日期',
+    name: 'checkDate',
+    width: 180
+  },
+  {
+    label: '备注',
+    name: 'content',
+    width: 200
+  },
+  {
+    name: 'operation',
+    type: 'operation',
+    label: '操作',
+    renders: [{ name: '详情', func: 'detail' }]
+  }
+])

pages/device/deviceBusDailyCheck/list.vue

@@ -0,0 +1,84 @@
+<template>
+  <view>
+    <up-sticky v-if="!isComponent">
+      <navbar-back title="点检记录"> </navbar-back>
+    </up-sticky>
+    <uni-card spacing="0">
+      <uni-section v-if="!isComponent" titleFontSize="20px" type="line" :title="deviceText"> </uni-section>
+      <view :style="{ height: isComponent ? '70vh' : '72vh' }">
+        <zb-table
+          ref="zbTableRef"
+          isShowLoadMore
+          stripe
+          :fit="false"
+          :columns="column"
+          :cellStyle="setCellStyle"
+          :cellHeaderStyle="setCellHeaderStyle"
+          :data="listData"
+          @detail="handleDetail"
+          @pullUpLoading="pullUpLoadingAction"
+        ></zb-table>
+      </view>
+    </uni-card>
+    <daily-check-detail-popup :show="detailShow" :checkInfo="checkInfo" @close="detailShow = false" />
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, watch, computed } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { setCellHeaderStyle, setCellStyle } from '@/nx/config/zbTable'
+import DailyCheckDetailPopup from './detail.vue'
+import dailyCheckApi from '@/nx/api/dailyCheck'
+import { useListData } from '@/nx/hooks/usePageListData'
+import { column } from './dailyCheck.data'
+import nx from '@/nx'
+let props = defineProps({
+  isComponent: {
+    type: Boolean,
+    default: false
+  }
+})
+const deviceId = ref('')
+const deviceText = ref('')
+
+onMounted(() => {
+  const { id, deviceName } = nx.$store('biz').deviceInfo
+  deviceId.value = id
+  deviceText.value = deviceName
+  getInitData()
+})
+const searchParams = computed(() => ({
+  dataType: 'dailyCheck',
+  deviceId: deviceId.value
+}))
+const { listData, loadingData, scrollToLower, loadStatus, getInitData } = useListData({
+  searchParams,
+  api: dailyCheckApi.list
+})
+const zbTableRef = ref()
+function pullUpLoadingAction() {
+  if (loadingData.value) return
+  if (loadStatus.value === 'nomore') {
+    zbTableRef.value.pullUpCompleteLoading('ok')
+  } else {
+    scrollToLower()
+  }
+}
+
+const detailShow = ref(false)
+const checkInfo = ref({})
+function handleDetail(row) {
+  checkInfo.value = row
+  detailShow.value = true
+}
+</script>
+
+<style lang="scss" scoped>
+.u-sticky {
+  top: 0 !important;
+}
+:deep(.zb-table uni-button[type='primary']) {
+  background-color: $uni-color-primary !important;
+}
+</style>