接入畅写

src/views/safety/knowledgeDocument/component/bookFile.vue

@@ -29,6 +29,8 @@
           <el-table v-loading="loading" :data="tableData" border height="63vh" :empty-text="emptyText">
             <el-table-column label="序号" align="center" type="index" width="80px" />
             <el-table-column label="文件名称" align="center" prop="fileName" min-width="100px" />
+            <el-table-column label="文件类型" align="center" prop="fileSuffix" width="100px" />
+
             <el-table-column label="文件路径" align="center" min-width="100px">
               <template #default="scope">
                 <span>{{ filterfilenPath(scope.row.filePath) }}</span>
@@ -45,7 +47,7 @@
               </template>
             </el-table-column>
           </el-table>
-          <pagination :total="tableData.length" v-model:page="pageNum" v-model:limit="pageSize" @pagination="getDataFileQuery" />
+          <pagination :total="total" v-model:page="formData.pageNum" v-model:limit="formData.pageSize" @pagination="getDataFileQuery" />
         </div>
       </div>
     </el-dialog>
@@ -53,34 +55,23 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, getCurrentInstance, nextTick } from 'vue';
-import { listKnowledgeDocument, getProfileDetail } from '@/api/safety/knowledgeDocument';
+import { listKnowledgeDocument } from '@/api/safety/knowledgeDocument';
 import { useUserStoreHook } from '@/store/modules/user';
 
-const emit = defineEmits(['onExport', 'onExportView']);
+const emit = defineEmits(['onExport', 'onExportView', 'onBook']);
 const stores = useUserStoreHook();
-const { proxy } = getCurrentInstance() as any;
-
-const documentDetailRef = ref();
-const allTreeRef = ref();
-const baseURL: string | undefined | boolean = import.meta.env.VITE_API_URL;
-
 const loading = ref(false);
 const tableData = ref<any[]>([]);
 const isShowDialog = ref(false);
-const formData = reactive({ fileName: '', projectId: stores.selectedProject.id });
-const projectList = ref<any[]>([]);
-const projectQuery = reactive({ name: '' });
-const pageNum = ref(1);
-const pageSize = ref(10);
+const formData = reactive({
+  fileName: '',
+  projectId: stores.selectedProject.id,
+  pageNum: 1,
+  pageSize: 10
+});
 const total = ref(0);
-const showDocumentDetail = ref(false);
 const emptyText = ref('暂无数据');
 const treeList = ref<any[]>([]);
-const arrayList = ref<any[]>([]);
-const infoMap = ref(new Map());
-const infoList = ref<any[]>([]);
-const paramsQuery = reactive({ idStr: '', project: '' });
 
 const openDialog = () => {
   isShowDialog.value = true;
@@ -104,7 +95,7 @@ const getDataFileQuery = () => {
     tableData.value = [];
     if (res.code == 200 && res.rows?.length) {
       tableData.value = res.rows;
-      total.value = res.rows.length;
+      total.value = res.total;
     } else {
       emptyText.value = '没有查询到数据，请重新输入搜索';
     }
@@ -112,15 +103,7 @@ const getDataFileQuery = () => {
 };
 
 const onBook = (row: any) => {
-  return;
-  getProfileDetail(row.id).then((res: any) => {
-    if (res.code == 200) {
-      showDocumentDetail.value = true;
-      nextTick(() => {
-        documentDetailRef.value.openDialog(res.data);
-      });
-    }
-  });
+  emit('onBook', row);
 };
 
 const onExport = (row: any) => {