feat:菜单可配置

2025-11-27 16:12:25 +08:00
parent f3c15b3692
commit 6c86dc0760
46 changed files with 79 additions and 162 deletions
--- a/pages/device/knowledge/index.vue
+++ b/pages/device/knowledge/index.vue
@@ -0,0 +1,148 @@
+<template>
+  <view>
+    <up-sticky>
+      <navbar-back title="知识库查询"></navbar-back>
+    </up-sticky>
+
+    <uni-card spacing="0">
+      <view class="p10" style="width: 50%">
+        <!-- <uni-datetime-picker v-model="startEndTime" type="daterange" @change="datetimeChange" /> -->
+        <up-search
+          v-model="keyword"
+          shape="square"
+          placeholder="请输入文档名称"
+          actionText="重置"
+          :clearabled="false"
+          :showAction="true"
+          @change="handleInputSearch"
+          @custom="reset"
+        ></up-search>
+      </view>
+      <view style="height: 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>
+    <up-modal :show="fileShow" :title="fileInfo.documentName" confirmText="关闭" @confirm="fileShow = false">
+      <scroll-view scroll-y="true" style="max-height: 60vh">
+        <uni-card>
+          <up-parse :content="fileInfo.documentContent"></up-parse>
+        </uni-card>
+      </scroll-view>
+    </up-modal>
+  </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 { getDeviceDocumentList } from './knowledge.api'
+import { getDocumentInfoById } from '../documentList/document.api'
+import { useListData } from '@/nx/hooks/usePageListData'
+import { throttle } from '@/uview-plus'
+
+import nx from '@/nx'
+
+const column = reactive([
+  {
+    label: '文档名称',
+    name: 'documentName',
+    width: 260
+  },
+  {
+    label: '文档描述',
+    name: 'documentAbstract',
+    width: 420
+  },
+  {
+    label: '文档类型',
+    name: 'documentType',
+    width: 120
+  },
+
+  {
+    name: 'operation',
+    type: 'operation',
+    label: '操作',
+    renders: [{ name: '查看', func: 'detail' }]
+  }
+])
+
+onMounted(() => {
+  getInitData()
+})
+const searchParams = computed(() => ({
+  documentName: keyword.value
+}))
+const { listData, loadingData, scrollToLower, loadStatus, getInitData } = useListData({
+  searchParams,
+  api: getDeviceDocumentList,
+  processData: data => {
+    return data.map(item => {
+      return {
+        ...item,
+        documentType: item.documentType === 'file' ? '文件' : '文本'
+      }
+    })
+  }
+})
+const zbTableRef = ref()
+function pullUpLoadingAction() {
+  if (loadingData.value) return
+  if (loadStatus.value === 'nomore') {
+    zbTableRef.value.pullUpCompleteLoading('ok')
+  } else {
+    scrollToLower()
+  }
+}
+
+let keyword = ref('')
+function handleInputSearch() {
+  if (!keyword.value) return
+  throttle(getInitData, 500)
+}
+function reset() {
+  keyword.value = ''
+  getInitData()
+}
+const fileShow = ref(false)
+const fileInfo = ref({})
+async function handleDetail(row) {
+  console.log(row)
+
+  fileInfo.value = row
+  if (row.documentType === '文本') {
+    const { documentContent } = await getDocumentInfoById(row.documentBusInfoId)
+    fileInfo.value.documentContent = documentContent
+    fileShow.value = true
+  } else {
+    nx.$router.go('/pages/device/documentList/preview', { documentUrl: row.documentUrl })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.u-sticky {
+  top: 0 !important;
+}
+:deep(.zb-table uni-button[type='primary']) {
+  background-color: $uni-color-primary !important;
+}
+:deep(.u-search__action--active) {
+  padding: 5px;
+  border-radius: 3px;
+  background: #0055a2;
+  color: #fff;
+}
+</style>