From 1f1a82aae0880c10d237a32ac878c2beb3a4c162 Mon Sep 17 00:00:00 2001
From: Teo <2642673902@qq.com>
Date: Mon, 30 Jun 2025 19:51:55 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=8E=A5=E5=85=A5=E7=95=85=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    |   2 +-
 .../knowledgeDocument/component/bookFile.vue  |  34 +++-----------
 src/views/quality/knowledgeDocument/index.vue |  43 ++++++++----------
 .../knowledgeDocument/component/bookFile.vue  |  43 ++++++------------
 .../component/documentsEdit.vue               |   5 +-
 .../safety/knowledgeDocument/icon/full.png    | Bin 0 -> 2830 bytes
 .../safety/knowledgeDocument/icon/suo.png     | Bin 0 -> 2463 bytes
 src/views/safety/knowledgeDocument/index.vue  |  18 ++++++--
 8 files changed, 54 insertions(+), 91 deletions(-)
 create mode 100644 src/views/safety/knowledgeDocument/icon/full.png
 create mode 100644 src/views/safety/knowledgeDocument/icon/suo.png

diff --git a/index.html b/index.html
index 4e225e1..25b2d10 100644
--- a/index.html
+++ b/index.html
@@ -210,7 +210,7 @@
       </div>
     </div>
     <script type="text/javascript"
-		src="http://zmkg.cqet.top:8899/changxieoffice/web-apps/apps/api/documents/api.js"></script>
+		src="http://58.17.134.85:7363/changxieoffice/web-apps/apps/api/documents/api.js"></script>
     <script src="./src/assets/sdk/YJEarth.min.js"></script>
     <script src="./src/utils/reconnecting-websocket.js"></script>
     <script type="module" src="/src/main.ts"></script>
diff --git a/src/views/quality/knowledgeDocument/component/bookFile.vue b/src/views/quality/knowledgeDocument/component/bookFile.vue
index 008de99..33c8f21 100644
--- a/src/views/quality/knowledgeDocument/component/bookFile.vue
+++ b/src/views/quality/knowledgeDocument/component/bookFile.vue
@@ -29,6 +29,7 @@
           <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" min-width="100px" />
             <el-table-column label="文件路径" align="center" min-width="100px">
               <template #default="scope">
                 <span>{{ filterfilenPath(scope.row.filePath) }}</span>
@@ -45,7 +46,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>
@@ -57,30 +58,15 @@ import { ref, reactive, getCurrentInstance, nextTick } from 'vue';
 import { listKnowledgeDocument, getProfileDetail } from '@/api/quality/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 +90,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 +98,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) => {
diff --git a/src/views/quality/knowledgeDocument/index.vue b/src/views/quality/knowledgeDocument/index.vue
index f9d6062..f01b407 100644
--- a/src/views/quality/knowledgeDocument/index.vue
+++ b/src/views/quality/knowledgeDocument/index.vue
@@ -93,13 +93,14 @@
             <el-table v-loading="state.loading" :data="state.infoList" height="67vh" border>
               <el-table-column label="序号" align="center" type="index" min-width="50px" />
               <el-table-column label="文件名称" align="center" prop="fileName"></el-table-column>
-              <el-table-column label="上传时间" align="center" prop="createdAt"> </el-table-column>
-              <el-table-column label="操作" align="center">
+              <el-table-column label="文件类型" align="center" prop="fileSuffix" width="100px" />
+              <el-table-column label="上传时间" align="center" prop="createTime"> </el-table-column>
+              <el-table-column label="操作" align="center" width="300">
                 <template #default="scope">
                   <el-button
                     type="primary"
                     v-auth="'/zm/api/v1/system/documentData/get'"
-                    v-if="state.acceptType.includes(scope.row.suffix)"
+                    v-if="state.acceptType.includes(scope.row.fileSuffix)"
                     link
                     @click="handleView(scope.row)"
                     ><el-icon><View /></el-icon>查看</el-button
@@ -107,7 +108,7 @@
                   <el-button
                     type="primary"
                     v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
-                    v-if="state.acceptType.includes(scope.row.suffix)"
+                    v-if="state.acceptType.includes(scope.row.fileSuffix)"
                     link
                     @click="updataView(scope.row)"
                     ><el-icon><EditPen /></el-icon>修改文件</el-button
@@ -132,9 +133,9 @@
             />
           </div>
         </div>
-        <!-- <documentDetail ref="documentDetailRef" v-if="state.showDocumentDetail" @onClose="onClose"></documentDetail>
-    <documentsEdit ref="documentDataEditRef" v-if="state.showdocumentDataEdit" @onClose="onCloseEdit"></documentsEdit>
-    <uploadFileder
+        <documentsDeailsVue ref="documentDetailRef" v-if="state.showDocumentDetail" @onClose="onClose"></documentsDeailsVue>
+        <documentsEdit ref="documentDataEditRef" v-if="state.showdocumentDataEdit" @onClose="onCloseEdit"></documentsEdit>
+        <!-- <uploadFileder
       ref="uploadFilederRef"
       v-if="state.showUploadFileder"
       @onCloseFile="state.showUploadFileder = false"
@@ -142,7 +143,7 @@
     ></uploadFileder>
     <fileOnline ref="fileOnlineRef" @getfileOnlineType="getfileOnlineType"></fileOnline>
     <moveFile ref="moveFileRef"></moveFile> -->
-        <bookFile ref="bookFileRef" @onExportView="onExportView" @onExport="onExport"></bookFile>
+        <bookFile ref="bookFileRef" @onExportView="onExportView" @onExport="onExport" @onBook="handleView"></bookFile>
         <el-dialog title="上传文件" v-model="uploadFileder" width="30%">
           <file-upload v-model="state.paramsQuery.file"></file-upload>
           <template #footer>
@@ -179,16 +180,13 @@ type KnowledgeDocumentOption = {
   fileName: string;
   children?: KnowledgeDocumentOption[];
 };
-// import documentDetail from '/@/views/OnlineEngineering/comm/documentsDetail/index.vue';
-// import documentsEdit from '/@/views/OnlineEngineering/comm/documentsEdit/index.vue';
-// import profileData from '/@/views/OnlineEngineering/profileData/index.vue';
-// import uploadFileder from '/@/views/OnlineEngineering/comm/uploadFileder/index.vue';
-// import fileOnline from '/@/views/OnlineEngineering/profileEngineering/fileOnline/index.vue';
-// import moveFile from '/@/views/OnlineEngineering/profileEngineering/moveFile/index.vue';
+import DocumentsEdit from '@/views/safety/knowledgeDocument/component/documentsEdit.vue';
+import documentsDeailsVue from '@/views/safety/knowledgeDocument/component/documentsDeails.vue';
 import RecyclingStation from './component/recyclingStation.vue';
 
 import { useUserStoreHook } from '@/store/modules/user';
 import bookFile from './component/bookFile.vue';
+
 const activeName = ref('first');
 const { proxy } = getCurrentInstance() as any;
 // 获取用户 store
@@ -245,7 +243,7 @@ const state = reactive({
   parentName: '',
   selectedNodeId: null,
   projectId: currentProject.value?.id || '',
-  acceptType: ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx'],
+  acceptType: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
   draggableCheck: true,
   activeName: ''
 });
@@ -418,15 +416,10 @@ const updateName = (row) => {
   editName(row, '请输入文件名称', 1);
 };
 const handleView = (row) => {
-  // getProfileDetail(row.id).then((res: any) => {
-  //   if (res.code == 200) {
-  //     // 查看文档
-  //     state.showDocumentDetail = true;
-  //     nextTick(() => {
-  //       documentDetailRef.value.openDialog(res.data);
-  //     });
-  //   }
-  // });
+  state.showDocumentDetail = true;
+  nextTick(() => {
+    documentDetailRef.value.openDialog(row);
+  });
 };
 // 关闭在线编辑弹框
 const onClose = () => {
@@ -440,7 +433,7 @@ const updataView = (row) => {
   // 修改文档
   state.showdocumentDataEdit = true;
   nextTick(() => {
-    documentDataEditRef.value.openDialog(row, '/zm/api/v1/system/busConstructionUser/complaintBoxAddTwo');
+    documentDataEditRef.value.openDialog(row, '/quality/knowledgeDocument/changxie/callback/');
   });
 };
 // 删除文件及文件夹
diff --git a/src/views/safety/knowledgeDocument/component/bookFile.vue b/src/views/safety/knowledgeDocument/component/bookFile.vue
index bf1f99d..c450c7e 100644
--- a/src/views/safety/knowledgeDocument/component/bookFile.vue
+++ b/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) => {
diff --git a/src/views/safety/knowledgeDocument/component/documentsEdit.vue b/src/views/safety/knowledgeDocument/component/documentsEdit.vue
index b00cff3..093d990 100644
--- a/src/views/safety/knowledgeDocument/component/documentsEdit.vue
+++ b/src/views/safety/knowledgeDocument/component/documentsEdit.vue
@@ -88,7 +88,7 @@ export default defineComponent({
       } else if (type == 'ppt' || type == 'pptx') {
         documentType = 'slide'; //演示文档文件
       }
-      console.log(documentType, obj.fileSuffix.substring(1), obj.fileUrl);
+      console.log(baseURL + state.postUrl + '?path=' + obj.filePath + '&id=' + obj.id);
       new CXO_API.CXEditor('box_app_edit', {
         document: {
           fileType: obj.fileSuffix,
@@ -97,8 +97,9 @@ export default defineComponent({
           url: obj.fileUrl
         },
         documentType,
+        token: stores.token,
         editorConfig: {
-          callbackUrl: baseURL + state.postUrl + '?path=' + obj.filePath
+          callbackUrl: baseURL + state.postUrl + obj.id + '?path=' + obj.filePath
         },
         events: {
           onDocumentReady: onDocumentReady,
diff --git a/src/views/safety/knowledgeDocument/icon/full.png b/src/views/safety/knowledgeDocument/icon/full.png
new file mode 100644
index 0000000000000000000000000000000000000000..973cf14e9a8f05bbffe3e492ea75efb8f974965f
GIT binary patch
literal 2830
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
B;5+~T

literal 0
HcmV?d00001

diff --git a/src/views/safety/knowledgeDocument/icon/suo.png b/src/views/safety/knowledgeDocument/icon/suo.png
new file mode 100644
index 0000000000000000000000000000000000000000..80f22330f1acd69e85da74906b8c364046dd1b91
GIT binary patch
literal 2463
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
UWzK>3${!c-a`$!Pxt_iH7fO8qA^-pY

literal 0
HcmV?d00001

diff --git a/src/views/safety/knowledgeDocument/index.vue b/src/views/safety/knowledgeDocument/index.vue
index bb76ef6..bd01a08 100644
--- a/src/views/safety/knowledgeDocument/index.vue
+++ b/src/views/safety/knowledgeDocument/index.vue
@@ -12,6 +12,7 @@
                   :uploadUrl="uploadUrl"
                   :params="uploadParams"
                   :on-upload-success="uploadFile"
+                  :fileType="[]"
                 >
                   <el-button type="primary" style="float: left" :disabled="!state.parentPid">
                     <el-icon size="small"><Plus /></el-icon>上传文件
@@ -93,13 +94,20 @@
             <el-table v-loading="state.loading" :data="state.infoList" height="67vh" border>
               <el-table-column label="序号" align="center" type="index" min-width="50px" />
               <el-table-column label="文件名称" align="center" prop="fileName"></el-table-column>
+              <el-table-column label="文件类型" align="center" prop="fileSuffix" width="100px" />
+
               <el-table-column label="上传时间" align="center" prop="createTime"> </el-table-column>
               <el-table-column label="操作" align="center" width="300">
                 <template #default="scope">
-                  <el-button type="primary" link @click="handleView(scope.row)"
+                  <el-button type="primary" link @click="handleView(scope.row)" v-if="state.acceptType.includes(scope.row.fileSuffix)"
                     ><el-icon><View /></el-icon>查看</el-button
                   >
-                  <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'" link @click="updataView(scope.row)"
+                  <el-button
+                    type="primary"
+                    v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
+                    v-if="state.acceptType.includes(scope.row.fileSuffix)"
+                    link
+                    @click="updataView(scope.row)"
                     ><el-icon><EditPen /></el-icon>修改文件</el-button
                   >
                   <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/uniFolderDownload'" link @click="onExportView(scope.row)"
@@ -132,7 +140,7 @@
     ></uploadFileder>
     <fileOnline ref="fileOnlineRef" @getfileOnlineType="getfileOnlineType"></fileOnline>
     <moveFile ref="moveFileRef"></moveFile> -->
-        <bookFile ref="bookFileRef" @onExportView="onExportView" @onExport="onExport"></bookFile>
+        <bookFile ref="bookFileRef" @onExportView="onExportView" @onBook="handleView" @onExport="onExport"></bookFile>
         <el-dialog title="上传文件" v-model="uploadFileder" width="30%">
           <file-upload v-model="state.paramsQuery.file"></file-upload>
           <template #footer>
@@ -235,7 +243,7 @@ const state = reactive({
   parentName: '',
   selectedNodeId: null,
   projectId: currentProject.value?.id || '',
-  acceptType: ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx'],
+  acceptType: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
   draggableCheck: true,
   activeName: ''
 });
@@ -426,7 +434,7 @@ const updataView = (row) => {
   // 修改文档
   state.showdocumentDataEdit = true;
   nextTick(() => {
-    documentDataEditRef.value.openDialog(row, '/changxie/callback');
+    documentDataEditRef.value.openDialog(row, '/safety/knowledgeDocument/changxie/callback/');
   });
 };
 // 删除文件及文件夹

From 64b04286e36ef42ab8a27f17406454b185d48e80 Mon Sep 17 00:00:00 2001
From: Teo <2642673902@qq.com>
Date: Wed, 2 Jul 2025 10:45:48 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E7=9F=A5=E8=AF=86=E5=BA=93=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E9=A2=84=E8=A7=88,=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E7=93=A6=E7=89=87=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   2 +-
 src/router/index.ts                           |   2 +-
 src/views/progress/progressPaper/index.vue    | 115 +-----------------
 src/views/quality/knowledgeDocument/index.vue |  36 ++++--
 .../component/documentsDeails.vue             |  10 +-
 .../component/documentsEdit.vue               |   6 +-
 src/views/safety/knowledgeDocument/index.vue  | 114 +++++------------
 7 files changed, 75 insertions(+), 210 deletions(-)

diff --git a/.env.development b/.env.development
index 8c542b5..cbebb18 100644
--- a/.env.development
+++ b/.env.development
@@ -9,7 +9,7 @@ VITE_APP_BASE_API = 'http://192.168.110.119:8899'
 
 # 无人机接口地址
 
-VITE_APP_BASE_DRONE_API = 'http://192.168.110.8:9136'
+VITE_APP_BASE_DRONE_API = 'http://192.168.110.119:9136'
 
 # 应用访问路径 例如使用前缀 /admin/
 VITE_APP_CONTEXT_PATH = '/'
diff --git a/src/router/index.ts b/src/router/index.ts
index 3e6195b..5eb2888 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -106,7 +106,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: '/progress/progressPaper',
-    component: () => import('@/views/progress/progressPaper/test.vue'),
+    component: () => import('@/views/progress/progressPaper/index.vue'),
     hidden: true
   },
   {
diff --git a/src/views/progress/progressPaper/index.vue b/src/views/progress/progressPaper/index.vue
index 94f36f7..7ea1a5d 100644
--- a/src/views/progress/progressPaper/index.vue
+++ b/src/views/progress/progressPaper/index.vue
@@ -407,111 +407,9 @@ const getList = async () => {
   }
 };
 
-const imageExtent = ref(null);
-const imageLayer = ref(null);
-import { get as getProjection } from 'ol/proj';
-
-const initGeoTiff = async () => {
-  // const tiff = await fromUrl('/image/clean_rgba_cleaned.tif');
-  // const image = await tiff.getImage();
-  // const width = image.getWidth();
-  // const height = image.getHeight();
-  // const bbox = image.getBoundingBox(); // [minX, minY, maxX, maxY]
-  // console.log('bbox', bbox);
-  // const rasters = await image.readRasters({ interleave: true });
-  // // 创建 Canvas
-  // const canvas = document.createElement('canvas');
-  // canvas.width = width;
-  // canvas.height = height;
-  // const ctx = canvas.getContext('2d')!;
-  // const imageData: any = ctx.createImageData(width, height);
-  // // 设置 RGBA 数据
-  // imageData.data.set(rasters); // ✅ 完整设置，不用手动循环
-  // ctx.putImageData(imageData, 0, 0);
-  // // 将 canvas 转成 Data URL 用作图层 source
-  // const imageUrl = canvas.toDataURL();
-  // // 转换为 WGS84 经纬度
-  // const minLonLat = transform([bbox[0], bbox[1]], 'EPSG:32648', 'EPSG:4326');
-  // const maxLonLat = transform([bbox[2], bbox[3]], 'EPSG:32648', 'EPSG:4326');
-  // // 转为 GCJ02（高德地图坐标系）
-  // const gcjMin = gcoord.transform(minLonLat as [number, number, number], gcoord.WGS84, gcoord.GCJ02);
-  // const gcjMax = gcoord.transform(maxLonLat as [number, number, number], gcoord.WGS84, gcoord.GCJ02);
-  // // 再转 EPSG:3857 供 OpenLayers 使用
-  // const minXY = fromLonLat(gcjMin);
-  // const maxXY = fromLonLat(gcjMax);
-
-  // imageExtent.value = [...minXY, ...maxXY];
-
-  // imageLayer.value = new ImageLayer({
-  //   source: new Static({
-  //     url: imageUrl,
-  //     imageExtent: imageExtent.value,
-  //     projection: 'EPSG:3857'
-  //   })
-  // });
-  // console.log('imageExtent', imageExtent.value);
-
-  // 1. 你的原始瓦片的边界（来自 .tfw 或你知道的数据）
-
-  // 1. 你的 bbox 是 WGS84 经纬度
-  const bbox = [107.13149481208748, 23.80411597354268, 107.13487254421389, 23.80801427852998];
-
-  // 2. 转成 GCJ02（高德坐标系）
-  const gcjMin = gcoord.transform([bbox[0], bbox[1]], gcoord.WGS84, gcoord.GCJ02);
-  const gcjMax = gcoord.transform([bbox[2], bbox[3]], gcoord.WGS84, gcoord.GCJ02);
-
-  // 3. 再转换成 EPSG:3857，用于 OpenLayers
-  const minXY = fromLonLat(gcjMin);
-  const maxXY = fromLonLat(gcjMax);
-
-  // 4. 组成瓦片范围 extent
-  const tileExtent = [...minXY, ...maxXY];
-  console.log('tileExtent', tileExtent);
-
-  // 5. 创建 tileGrid
-  const tileGrid = createXYZ({
-    extent: tileExtent,
-    tileSize: 256,
-    minZoom: 10,
-    maxZoom: 18
-  });
-
-  // 6. 使用 Web Mercator 投影 EPSG:3857
-  const projection = getProjection('EPSG:3857');
-
-  // 7. 创建瓦片图层
-  imageLayer.value = new TileLayer({
-    source: new XYZ({
-      projection,
-      tileGrid,
-      tileUrlFunction: (tileCoord) => {
-        if (!tileCoord) return '';
-        let [z, x, y] = tileCoord;
-        console.log(z, x, y);
-        y = Math.pow(2, z) - y - 1;
-        return `http://192.168.110.2:8000/api/projects/3/tasks/c2e3227f-343f-48b1-88c0-1432d6eab33f/orthophoto/tiles/${z}/${x}/${y}`;
-      }
-    })
-  });
-  const source = imageLayer.value.getSource();
-  const projections = source.getProjection();
-
-  console.log('图层使用的坐标系:', projections?.getCode());
-};
-
 let map: any = null;
-const layerData = reactive<any>({});
 const centerPosition = ref(fromLonLat([107.12932403398425, 23.805564054229908]));
 const initOLMap = () => {
-  console.log(111);
-  // const scoure = new TileLayer({
-  //   // 设置图层的数据源为XYZ类型。XYZ是一个通用的瓦片图层源，它允许你通过URL模板来获取瓦片
-  //   source: new XYZ({
-  //     url: 'http://192.168.110.2:8000/api/projects/3/tasks/c2e3227f-343f-48b1-88c0-1432d6eab33f/orthophoto/tiles/{z}/{x}/{y}'
-  //   })
-  // });
-  // console.log(scoure);
-
   map = new Map({
     // 设置地图容器的ID
     target: 'olMap',
@@ -519,20 +417,19 @@ const initOLMap = () => {
     layers: [
       // 高德地图
       // TileLayer表示一个瓦片图层，它由一系列瓦片（通常是图片）组成，用于在地图上显示地理数据。
+
       new TileLayer({
-        // 设置图层的数据源为XYZ类型。XYZ是一个通用的瓦片图层源，它允许你通过URL模板来获取瓦片
         source: new XYZ({
-          url: 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}'
+          url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
+          maxZoom: 18
         })
       }),
       new TileLayer({
         // 设置图层的数据源为XYZ类型。XYZ是一个通用的瓦片图层源，它允许你通过URL模板来获取瓦片
         source: new XYZ({
-          url: 'http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8'
+          url: 'http://192.168.110.2:8000/api/projects/3/tasks/c2e3227f-343f-48b1-88c0-1432d6eab33f/orthophoto/tiles/{z}/{x}/{y}'
         })
       })
-      // imageLayer.value
-      // imageLayer.value
     ],
     // 设置地图的视图参数
     // View表示地图的视图，它定义了地图的中心点、缩放级别、旋转角度等参数。
@@ -541,7 +438,7 @@ const initOLMap = () => {
       center: centerPosition.value, //地图中心点
       zoom: 15, // 缩放级别
       minZoom: 0, // 最小缩放级别
-      // maxZoom: 18, // 最大缩放级别
+      // maxZoom: 19, // 最大缩放级别
       constrainResolution: true // 因为存在非整数的缩放级别，所以设置该参数为true来让每次缩放结束后自动缩放到距离最近的一个整数级别，这个必须要设置，当缩放在非整数级别时地图会糊
       // projection: 'EPSG:4326' // 投影坐标系，默认是3857
     }),
@@ -848,8 +745,6 @@ const toggleFeatureHighlight = (feature: Feature, addIfNotExist = true) => {
 
 onMounted(async () => {
   // 地图初始化
-  // geoTiffLoading.value = true;
-  await initGeoTiff();
   initOLMap();
   // geoTiffLoading.value = false;
   map.addLayer(sharedLayer);
diff --git a/src/views/quality/knowledgeDocument/index.vue b/src/views/quality/knowledgeDocument/index.vue
index f01b407..4f9972c 100644
--- a/src/views/quality/knowledgeDocument/index.vue
+++ b/src/views/quality/knowledgeDocument/index.vue
@@ -100,7 +100,7 @@
                   <el-button
                     type="primary"
                     v-auth="'/zm/api/v1/system/documentData/get'"
-                    v-if="state.acceptType.includes(scope.row.fileSuffix)"
+                    v-if="acceptType.includes(scope.row.fileSuffix)"
                     link
                     @click="handleView(scope.row)"
                     ><el-icon><View /></el-icon>查看</el-button
@@ -108,7 +108,7 @@
                   <el-button
                     type="primary"
                     v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
-                    v-if="state.acceptType.includes(scope.row.fileSuffix)"
+                    v-if="state.wordType.includes(scope.row.fileSuffix)"
                     link
                     @click="updataView(scope.row)"
                     ><el-icon><EditPen /></el-icon>修改文件</el-button
@@ -159,6 +159,15 @@
       <RecyclingStation ref="recylingRef"></RecyclingStation>
     </el-tab-pane>
   </el-tabs>
+  <el-image-viewer
+    ref="imageRef"
+    style="width: 100%; height: 100%"
+    :url-list="[imgUrl]"
+    v-if="imgUrl"
+    show-progress
+    fit="cover"
+    @close="imgUrl = ''"
+  />
 </template>
 
 <script setup name="KnowledgeDocument" lang="ts">
@@ -203,6 +212,8 @@ const uploadParams = computed(() => {
   };
 });
 
+const imgUrl = ref<string>('');
+
 const filterText = ref('');
 const treeRef = ref();
 const documentDetailRef = ref();
@@ -243,11 +254,15 @@ const state = reactive({
   parentName: '',
   selectedNodeId: null,
   projectId: currentProject.value?.id || '',
-  acceptType: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
+  imgType: ['jpg', 'png', 'jpeg', 'gif', 'svg'],
+  wordType: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
+  browserViewableType: ['html', 'htm', 'txt', 'log', 'md', 'json', 'xml', 'css', 'js'],
+
   draggableCheck: true,
   activeName: ''
 });
 
+const acceptType = computed(() => [...state.imgType, ...state.wordType, ...state.browserViewableType]);
 watch(filterText, (val: any) => {
   treeRef.value!.filter(val);
 });
@@ -416,10 +431,17 @@ const updateName = (row) => {
   editName(row, '请输入文件名称', 1);
 };
 const handleView = (row) => {
-  state.showDocumentDetail = true;
-  nextTick(() => {
-    documentDetailRef.value.openDialog(row);
-  });
+  if (state.imgType.includes(row.fileSuffix)) {
+    imgUrl.value = row.fileUrl;
+    return;
+  } else if (state.wordType.includes(row.fileSuffix)) {
+    state.showDocumentDetail = true;
+    nextTick(() => {
+      documentDetailRef.value.openDialog(row);
+    });
+  } else {
+    window.open(row.fileUrl);
+  }
 };
 // 关闭在线编辑弹框
 const onClose = () => {
diff --git a/src/views/safety/knowledgeDocument/component/documentsDeails.vue b/src/views/safety/knowledgeDocument/component/documentsDeails.vue
index 9a195fa..99e9705 100644
--- a/src/views/safety/knowledgeDocument/component/documentsDeails.vue
+++ b/src/views/safety/knowledgeDocument/component/documentsDeails.vue
@@ -13,6 +13,8 @@
 </template>
 <script lang="ts">
 import { setMove } from '@/utils/moveDiv';
+declare const CXO_API: any;
+
 export default defineComponent({
   name: 'index',
   setup(props, { emit }) {
@@ -68,10 +70,6 @@ export default defineComponent({
     };
     const init = (obj) => {
       let documentKey = obj.id.toString() + new Date().getTime();
-      let baseURL = import.meta.env.VITE_APP_BASE_API + '/';
-      console.log(baseURL);
-
-      let url = baseURL + obj.filePath.replaceAll('+', ' ');
       console.log('🚀 ~ init ~ url:', obj.fileUrl);
       let type = obj.fileSuffix;
       if (obj.fileSuffix.includes('.')) {
@@ -83,8 +81,6 @@ export default defineComponent({
       } else if (type == 'ppt' || type == 'pptx') {
         documentType = 'slide'; //演示文档文件
       }
-      console.log(documentType, obj.fileSuffix);
-
       new CXO_API.CXEditor('box_app', {
         document: {
           fileType: type,
@@ -130,7 +126,7 @@ export default defineComponent({
   }
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .document_detail {
   position: fixed;
   top: 50%;
diff --git a/src/views/safety/knowledgeDocument/component/documentsEdit.vue b/src/views/safety/knowledgeDocument/component/documentsEdit.vue
index 093d990..3a0754b 100644
--- a/src/views/safety/knowledgeDocument/component/documentsEdit.vue
+++ b/src/views/safety/knowledgeDocument/component/documentsEdit.vue
@@ -16,6 +16,10 @@ import { toRefs, reactive, onMounted, ref, defineComponent, watch, getCurrentIns
 import { setMove } from '@/utils/moveDiv';
 import { useUserStoreHook } from '@/store/modules/user';
 
+// Ensure CXO_API is available globally or import it if it's a module
+// Example for global usage (e.g., included via script tag in index.html):
+declare const CXO_API: any;
+
 export default defineComponent({
   name: 'index',
   setup(props, { emit }) {
@@ -134,7 +138,7 @@ export default defineComponent({
   }
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .document_detail_eidt {
   position: fixed;
   top: 50%;
diff --git a/src/views/safety/knowledgeDocument/index.vue b/src/views/safety/knowledgeDocument/index.vue
index bd01a08..ddbbf5a 100644
--- a/src/views/safety/knowledgeDocument/index.vue
+++ b/src/views/safety/knowledgeDocument/index.vue
@@ -78,16 +78,6 @@
                       >
                     </el-form-item>
                   </el-col>
-                  <!-- <el-col :span="4">
-								<el-button type="primary" v-auth="'/zm/api/v1/system/documentData/add'" :disabled="!parentPid" @click="uploadFile(2)"
-									><el-icon><Plus /></el-icon>导入本地文件</el-button
-								>
-							</el-col> -->
-                  <!-- <el-col :span="4">
-								<el-button type="primary" @click="onMoveFile"
-									><el-icon><Plus /></el-icon>移动</el-button
-								>
-							</el-col> -->
                 </el-row>
               </el-form>
             </div>
@@ -99,13 +89,13 @@
               <el-table-column label="上传时间" align="center" prop="createTime"> </el-table-column>
               <el-table-column label="操作" align="center" width="300">
                 <template #default="scope">
-                  <el-button type="primary" link @click="handleView(scope.row)" v-if="state.acceptType.includes(scope.row.fileSuffix)"
+                  <el-button type="primary" link @click="handleView(scope.row)" v-if="acceptType.includes(scope.row.fileSuffix)"
                     ><el-icon><View /></el-icon>查看</el-button
                   >
                   <el-button
                     type="primary"
                     v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
-                    v-if="state.acceptType.includes(scope.row.fileSuffix)"
+                    v-if="state.wordType.includes(scope.row.fileSuffix)"
                     link
                     @click="updataView(scope.row)"
                     ><el-icon><EditPen /></el-icon>修改文件</el-button
@@ -132,14 +122,6 @@
         </div>
         <documentsDeailsVue ref="documentDetailRef" v-if="state.showDocumentDetail" @onClose="onClose"></documentsDeailsVue>
         <documentsEdit ref="documentDataEditRef" v-if="state.showdocumentDataEdit" @onClose="onCloseEdit"></documentsEdit>
-        <!--<uploadFileder
-      ref="uploadFilederRef"
-      v-if="state.showUploadFileder"
-      @onCloseFile="state.showUploadFileder = false"
-      @getDocumentListFileType="getdocumentDataListFileType"
-    ></uploadFileder>
-    <fileOnline ref="fileOnlineRef" @getfileOnlineType="getfileOnlineType"></fileOnline>
-    <moveFile ref="moveFileRef"></moveFile> -->
         <bookFile ref="bookFileRef" @onExportView="onExportView" @onBook="handleView" @onExport="onExport"></bookFile>
         <el-dialog title="上传文件" v-model="uploadFileder" width="30%">
           <file-upload v-model="state.paramsQuery.file"></file-upload>
@@ -156,32 +138,28 @@
       <RecyclingStation ref="recylingRef"></RecyclingStation>
     </el-tab-pane>
   </el-tabs>
+  <el-image-viewer
+    ref="imageRef"
+    style="width: 100%; height: 100%"
+    :url-list="[imgUrl]"
+    v-if="imgUrl"
+    show-progress
+    fit="cover"
+    @close="imgUrl = ''"
+  />
 </template>
 
 <script setup name="KnowledgeDocument" lang="ts">
 import {
   listKnowledgeDocument,
-  getKnowledgeDocument,
   delKnowledgeDocument,
   addKnowledgeDocument,
   getUniFolderDownloadList,
   treeStructureData,
-  documentDataEdit,
-  getProfileDetail,
-  updateKnowledgeDocument
+  documentDataEdit
 } from '@/api/safety/knowledgeDocument';
-import { KnowledgeDocumentVO, KnowledgeDocumentQuery, KnowledgeDocumentForm } from '@/api/quality/knowledgeDocument/types';
 
-type KnowledgeDocumentOption = {
-  id: number;
-  fileName: string;
-  children?: KnowledgeDocumentOption[];
-};
 import documentsEdit from './component/documentsEdit.vue';
-// import profileData from '/@/views/OnlineEngineering/profileData/index.vue';
-// import uploadFileder from '/@/views/OnlineEngineering/comm/uploadFileder/index.vue';
-// import fileOnline from '/@/views/OnlineEngineering/profileEngineering/fileOnline/index.vue';
-// import moveFile from '/@/views/OnlineEngineering/profileEngineering/moveFile/index.vue';
 import documentsDeailsVue from './component/documentsDeails.vue';
 import RecyclingStation from './component/recyclingStation.vue';
 
@@ -203,16 +181,15 @@ const uploadParams = computed(() => {
   };
 });
 
+const imgUrl = ref<string>('');
 const filterText = ref('');
 const treeRef = ref();
 const documentDetailRef = ref();
 const documentDataEditRef = ref();
 const uploadFileder = ref(false);
-const fileOnlineRef = ref();
-const moveFileRef = ref();
+const imageRef = ref();
 const recylingRef = ref();
 const bookFileRef = ref();
-const baseURL: string | undefined | boolean = import.meta.env.VITE_API_URL;
 const state = reactive({
   treeList: [] as any,
   arrayList: [] as any,
@@ -243,46 +220,20 @@ const state = reactive({
   parentName: '',
   selectedNodeId: null,
   projectId: currentProject.value?.id || '',
-  acceptType: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
+  imgType: ['jpg', 'png', 'jpeg', 'gif', 'svg'],
+  wordType: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
+  browserViewableType: ['html', 'htm', 'txt', 'log', 'md', 'json', 'xml', 'css', 'js'],
+
   draggableCheck: true,
   activeName: ''
 });
 
+const acceptType = computed(() => [...state.imgType, ...state.wordType, ...state.browserViewableType]);
+
 watch(filterText, (val: any) => {
   treeRef.value!.filter(val);
 });
 
-// 新建文件夹
-// const addFile = () => {
-//   let tip = '在根目录下新建文件夹';
-//   if (state.parentPid) {
-//     tip = '在“' + state.parentName + '文件夹”下新建文件夹';
-//   }
-//   ElMessageBox.prompt('请输入文件夹名称', tip, {
-//     confirmButtonText: '确定',
-//     cancelButtonText: '取消',
-//     inputErrorMessage: '请输入文件夹名称',
-//     inputValue: ''
-//   })
-//     .then(({ value }) => {
-//       documentDataNewFolder({ fileName: value, pid: state.parentPid, fileType: 3, projectId: state.projectId }).then((res: any) => {
-//         if (res.code == 0) {
-//           ElMessage({
-//             type: 'success',
-//             message: '添加成功'
-//           });
-//           gettreeStructureData();
-//         } else {
-//           ElMessage({
-//             type: 'error',
-//             message: res.message
-//           });
-//         }
-//       });
-//     })
-//     .catch(() => {});
-// };
-
 // 上传文件
 const uploadFile = (files: any[]) => {
   proxy.$modal.success('上传成功');
@@ -297,7 +248,6 @@ const subMitUpload = () => {
     ElMessage.warning('请选择文件！');
     return;
   }
-
   addKnowledgeDocument(state.paramsQuery, { projectId: state.projectId, pid: state.parentPid }).then((res: any) => {
     if (res.code == 200) {
       ElMessage.success('上传成功');
@@ -417,10 +367,17 @@ const updateName = (row) => {
   editName(row, '请输入文件名称', 1);
 };
 const handleView = (row) => {
-  state.showDocumentDetail = true;
-  nextTick(() => {
-    documentDetailRef.value.openDialog(row);
-  });
+  if (state.imgType.includes(row.fileSuffix)) {
+    imgUrl.value = row.fileUrl;
+    return;
+  } else if (state.wordType.includes(row.fileSuffix)) {
+    state.showDocumentDetail = true;
+    nextTick(() => {
+      documentDetailRef.value.openDialog(row);
+    });
+  } else {
+    window.open(row.fileUrl);
+  }
 };
 // 关闭在线编辑弹框
 const onClose = () => {
@@ -492,15 +449,6 @@ const onExport = () => {
     }
   });
 };
-// 在线模板文件导入
-const uploadOnlineFile = (node, data) => {
-  state.paramsQuery.folderId = data.folderId;
-  fileOnlineRef.value.openDialog(data.id);
-};
-const onMoveFile = () => {
-  // 移动文件
-  // moveFileRef.value.openDialog();
-};
 
 // 查看所有资料
 const onBook = () => {