149 lines
3.6 KiB
Vue
149 lines
3.6 KiB
Vue
<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/lims/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>
|