adtec-core-package 2.2.0 → 2.2.1

package/src/components/upload/FileView.vue

@@ -1,214 +1,214 @@
-<!--创建人 丁盼-->
-<!--说明: 文件查看-->
-<!--创建时间: 2024/12/3 上午10:06-->
-<!--修改时间: 2024/12/3 上午10:06-->
-<template>
-  <!--  <el-dialog :title="title" v-model="model" @close="model = false" width="100%">-->
-  <Teleport to="body" v-if="model">
-    <div
-      v-loading="loading"
-      element-loading-text="下载中，请稍后。。。"
-      style="
-        position: absolute;
-        z-index: 9999;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        background: rgb(0, 0, 0, 0.5);
-        text-align: center;
-        vertical-align: middle;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      "
-    >
-      <el-icon @click="download" style="
-      position: absolute;
-          top: 10%;
-          right: 10%;
-          font-size: 30px;
-          color: rgba(0,0,0,0.5);
-          cursor: pointer;"><Download /></el-icon>
-      <el-icon
-        @click="model = false"
-        style="
-          position: absolute;
-          top: 20px;
-          right: 20px;
-          font-size: 30px;
-          color: #f5f5f5;
-          opacity: 0.6;
-          cursor: pointer;
-        "
-      ><CircleClose
-      /></el-icon>
-
-
-      <DocumentEditor
-        id="docEditor"
-        :documentServerUrl="documentServerUrl"
-        :config="configcomp"
-        :events_onDocumentReady="onDocumentReady"
-        :onLoadComponentError="onLoadComponentError"
-      />
-    </div>
-  </Teleport>
-  <!--  </el-dialog>-->
-</template>
-<script setup lang="ts">
-import { DocumentEditor } from '@onlyoffice/document-editor-vue'
-import { computed, onBeforeMount, onMounted, ref } from 'vue'
-import { userInfoStore } from '../../stores/userInfoStore'
-import { useVModel } from '@vueuse/core'
-import { CircleClose, Download } from '@element-plus/icons-vue'
-import framework from '../../api/framework'
-import frameworkUtils from '../../utils/FrameworkUtils'
-import { ElIcon } from 'element-plus'
-const userinfo = userInfoStore()
-const model = defineModel()
-const loading=ref(false)
-const documentServerUrl = ref('')
-const documentServerCallbackUrl = ref('')
-
-import request from '../../utils/AxiosConfig'
-
-
-// 定义Props类型
-const props = defineProps({
-  /**
-   * @default ''
-   * @description 文件标题
-   */
-  title: {
-    type: String,
-    default: '',
-  },
-  /**
-   * @default ''
-   * @description 文件Url地址
-   */
-  url: {
-    type: String,
-    default: '',
-  },
-  /**
-   * @default ''
-   * @description 文件id
-   */
-  fileId: {
-    type: String,
-    default: '',
-  },
-  /**
-   * @type {"view" | "edit"}
-   * @default ''
-   * @description 文件id
-   */
-  edit: {
-    type: String,
-    default: 'view',
-  },
-})
-const emit = defineEmits(['update:title', 'update:url', 'update:fileId', 'update:edit'])
-const title = useVModel(props, 'title', emit)
-const fileId = useVModel(props, 'fileId', emit)
-const url = useVModel(props, 'url', emit)
-const edit = useVModel(props, 'edit', emit)
-const getFileType = () => {
-  if ((url.value + '').indexOf('.docx') !== -1 || (url.value + '').indexOf('.doc') !== -1) {
-    return 'docx'
-  } else if ((url.value + '').indexOf('.pdf') !== -1) {
-    return 'pdf'
-  } else if ((url.value + '').indexOf('.xlsx') !== -1 || (url.value + '').indexOf('.xls') !== -1) {
-    return 'xlsx'
-  } else if ((url.value + '').indexOf('.pptx') !== -1 || (url.value + '').indexOf('.pptx') !== -1) {
-    return 'pptx'
-  }
-}
-const getDocumentType = () => {
-  if ((url.value + '').indexOf('.docx') !== -1 || (url.value + '').indexOf('.doc') !== -1) {
-    return 'word'
-  } else if ((url.value + '').indexOf('.pdf') !== -1) {
-    return 'pdf'
-  } else if ((url.value + '').indexOf('.xlsx') !== -1 || (url.value + '').indexOf('.xls') !== -1) {
-    return 'cell'
-  } else if ((url.value + '').indexOf('.pptx') !== -1 || (url.value + '').indexOf('.pptx') !== -1) {
-    return 'slide'
-  }
-}
-const download= async ()=>{
-  try{
-    loading.value=true
-    const data=await framework.getFileAccessAddress(fileId.value)
-    const res=await request<any>({
-      url: data.url,
-      method: 'get',
-      responseType: 'blob',
-    })
-    const viewSrc = new Blob([res.data], {
-      type: 'application/'+getFileType(),
-    })
-    var link = document.createElement('a')
-    link.href = window.URL.createObjectURL(viewSrc)
-    link.download = title.value
-    link.click()
-    //释放内存
-    window.URL.revokeObjectURL(link.href)
-
-  }catch (err){
-    frameworkUtils.messageError(err)
-  }finally {
-    loading.value = false
-  }
-}
-const configcomp = computed(() => {
-  return {
-    document: {
-      fileType: getFileType(),
-      title: title.value,
-      url: url.value + '',
-      permissions: {
-        download: false,
-        edit: false,
-        print: false,
-      },
-    },
-    type:"embedded",
-    documentType: getDocumentType(),
-    editorConfig: {
-      callbackUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
-      lang: 'zh-CN',
-      customization: {
-        autosave: false,
-        zoom: 95,
-      },
-      embedded: {
-        // embedUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
-        // fullscreenUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
-        saveUrl: url.value + '',
-        // shareUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
-        toolbarDocked: 'top',
-      },
-      // customization: {
-      //   autosave: false,
-      // },
-      user: {
-        id: userinfo.getUserInfo.userCode,
-        name: userinfo.getUserInfo.userName,
-      },
-    },
-    height: '90%',
-    width: '90%',
-  }
-})
-const onDocumentReady = () => {}
-const onLoadComponentError = () => {}
-onBeforeMount(() => {
-  const config = JSON.parse(localStorage.getItem('systemConfig') + '')
-  documentServerUrl.value = config.documentServerUrl
-  documentServerCallbackUrl.value = config.documentServerCallbackUrl
-})
-onMounted(() => {})
-</script>
-<style scoped lang="scss"></style>
+<!--创建人 丁盼-->
+<!--说明: 文件查看-->
+<!--创建时间: 2024/12/3 上午10:06-->
+<!--修改时间: 2024/12/3 上午10:06-->
+<template>
+  <!--  <el-dialog :title="title" v-model="model" @close="model = false" width="100%">-->
+  <Teleport to="body" v-if="model">
+    <div
+      v-loading="loading"
+      element-loading-text="下载中，请稍后。。。"
+      style="
+        position: absolute;
+        z-index: 9999;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        background: rgb(0, 0, 0, 0.5);
+        text-align: center;
+        vertical-align: middle;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      "
+    >
+      <el-icon @click="download" style="
+      position: absolute;
+          top: 10%;
+          right: 10%;
+          font-size: 30px;
+          color: rgba(0,0,0,0.5);
+          cursor: pointer;"><Download /></el-icon>
+      <el-icon
+        @click="model = false"
+        style="
+          position: absolute;
+          top: 20px;
+          right: 20px;
+          font-size: 30px;
+          color: #f5f5f5;
+          opacity: 0.6;
+          cursor: pointer;
+        "
+      ><CircleClose
+      /></el-icon>
+
+
+      <DocumentEditor
+        id="docEditor"
+        :documentServerUrl="documentServerUrl"
+        :config="configcomp"
+        :events_onDocumentReady="onDocumentReady"
+        :onLoadComponentError="onLoadComponentError"
+      />
+    </div>
+  </Teleport>
+  <!--  </el-dialog>-->
+</template>
+<script setup lang="ts">
+import { DocumentEditor } from '@onlyoffice/document-editor-vue'
+import { computed, onBeforeMount, onMounted, ref } from 'vue'
+import { userInfoStore } from '../../stores/userInfoStore'
+import { useVModel } from '@vueuse/core'
+import { CircleClose, Download } from '@element-plus/icons-vue'
+import framework from '../../api/framework'
+import frameworkUtils from '../../utils/FrameworkUtils'
+import { ElIcon } from 'element-plus'
+const userinfo = userInfoStore()
+const model = defineModel()
+const loading=ref(false)
+const documentServerUrl = ref('')
+const documentServerCallbackUrl = ref('')
+
+import request from '../../utils/AxiosConfig'
+
+
+// 定义Props类型
+const props = defineProps({
+  /**
+   * @default ''
+   * @description 文件标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * @default ''
+   * @description 文件Url地址
+   */
+  url: {
+    type: String,
+    default: '',
+  },
+  /**
+   * @default ''
+   * @description 文件id
+   */
+  fileId: {
+    type: String,
+    default: '',
+  },
+  /**
+   * @type {"view" | "edit"}
+   * @default ''
+   * @description 文件id
+   */
+  edit: {
+    type: String,
+    default: 'view',
+  },
+})
+const emit = defineEmits(['update:title', 'update:url', 'update:fileId', 'update:edit'])
+const title = useVModel(props, 'title', emit)
+const fileId = useVModel(props, 'fileId', emit)
+const url = useVModel(props, 'url', emit)
+const edit = useVModel(props, 'edit', emit)
+const getFileType = () => {
+  if ((url.value + '').indexOf('.docx') !== -1 || (url.value + '').indexOf('.doc') !== -1) {
+    return 'docx'
+  } else if ((url.value + '').indexOf('.pdf') !== -1) {
+    return 'pdf'
+  } else if ((url.value + '').indexOf('.xlsx') !== -1 || (url.value + '').indexOf('.xls') !== -1) {
+    return 'xlsx'
+  } else if ((url.value + '').indexOf('.pptx') !== -1 || (url.value + '').indexOf('.pptx') !== -1) {
+    return 'pptx'
+  }
+}
+const getDocumentType = () => {
+  if ((url.value + '').indexOf('.docx') !== -1 || (url.value + '').indexOf('.doc') !== -1) {
+    return 'word'
+  } else if ((url.value + '').indexOf('.pdf') !== -1) {
+    return 'pdf'
+  } else if ((url.value + '').indexOf('.xlsx') !== -1 || (url.value + '').indexOf('.xls') !== -1) {
+    return 'cell'
+  } else if ((url.value + '').indexOf('.pptx') !== -1 || (url.value + '').indexOf('.pptx') !== -1) {
+    return 'slide'
+  }
+}
+const download= async ()=>{
+  try{
+    loading.value=true
+    const data=await framework.getFileAccessAddress(fileId.value)
+    const res=await request<any>({
+      url: data.url,
+      method: 'get',
+      responseType: 'blob',
+    })
+    const viewSrc = new Blob([res.data], {
+      type: 'application/'+getFileType(),
+    })
+    var link = document.createElement('a')
+    link.href = window.URL.createObjectURL(viewSrc)
+    link.download = title.value
+    link.click()
+    //释放内存
+    window.URL.revokeObjectURL(link.href)
+
+  }catch (err){
+    frameworkUtils.messageError(err)
+  }finally {
+    loading.value = false
+  }
+}
+const configcomp = computed(() => {
+  return {
+    document: {
+      fileType: getFileType(),
+      title: title.value,
+      url: url.value + '',
+      permissions: {
+        download: false,
+        edit: false,
+        print: false,
+      },
+    },
+    type:"embedded",
+    documentType: getDocumentType(),
+    editorConfig: {
+      callbackUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
+      lang: 'zh-CN',
+      customization: {
+        autosave: false,
+        zoom: 95,
+      },
+      embedded: {
+        // embedUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
+        // fullscreenUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
+        saveUrl: url.value + '',
+        // shareUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
+        toolbarDocked: 'top',
+      },
+      // customization: {
+      //   autosave: false,
+      // },
+      user: {
+        id: userinfo.getUserInfo.userCode,
+        name: userinfo.getUserInfo.userName,
+      },
+    },
+    height: '90%',
+    width: '90%',
+  }
+})
+const onDocumentReady = () => {}
+const onLoadComponentError = () => {}
+onBeforeMount(() => {
+  const config = JSON.parse(localStorage.getItem('systemConfig') + '')
+  documentServerUrl.value = config.documentServerUrl
+  documentServerCallbackUrl.value = config.documentServerCallbackUrl
+})
+onMounted(() => {})
+</script>
+<style scoped lang="scss"></style>

package/src/components/upload/FileViewComponents.vue

@@ -1,56 +1,56 @@
-<template>
-  <file-view
-    v-if="isVisible"
-    v-model="isVisible"
-    :title="fileTitle"
-    :url="viewUrl"
-    :fileId="fileId"
-    :edit="edit"
-  ></file-view>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-const isVisible = ref(false)
-//@ts-ignore
-import 'vue-img-viewr/styles/index.css'
-//@ts-ignore
-import ImgViewr, { showImages } from 'vue-img-viewr'
-import documentApi from '../../api/DocumentApi.ts'
-import frameworkUtils from '../../utils/FrameworkUtils.ts'
-import framework from '../../api/framework.ts'
-import FileView from './FileView.vue'
-const fileTitle = ref('')
-const viewUrl = ref('')
-const fileId = ref('')
-const edit = ref('view')
-
-const viewFile = async (id: string) => {
-  //根据文件id获取文件信息
-  try {
-    const data = await documentApi.getUpLoadFilesVoById(id)
-    const data1 = await framework.getFileAccessAddress(data.id)
-    if ('.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP'.includes(data.type)) {
-      showImages({
-        urls: [data1.url],
-        index: 0,
-      })
-    } else {
-      fileTitle.value = data.name
-      viewUrl.value = data1.url
-      fileId.value = data.id
-      isVisible.value = true
-    }
-  } catch (err: any) {
-    frameworkUtils.messageError(err)
-  }
-}
-
-defineExpose<{
-  viewFile: (id: string) => void
-}>({
-  viewFile,
-})
-</script>
-
-<style scoped></style>
+<template>
+  <file-view
+    v-if="isVisible"
+    v-model="isVisible"
+    :title="fileTitle"
+    :url="viewUrl"
+    :fileId="fileId"
+    :edit="edit"
+  ></file-view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+const isVisible = ref(false)
+//@ts-ignore
+import 'vue-img-viewr/styles/index.css'
+//@ts-ignore
+import ImgViewr, { showImages } from 'vue-img-viewr'
+import documentApi from '../../api/DocumentApi.ts'
+import frameworkUtils from '../../utils/FrameworkUtils.ts'
+import framework from '../../api/framework.ts'
+import FileView from './FileView.vue'
+const fileTitle = ref('')
+const viewUrl = ref('')
+const fileId = ref('')
+const edit = ref('view')
+
+const viewFile = async (id: string) => {
+  //根据文件id获取文件信息
+  try {
+    const data = await documentApi.getUpLoadFilesVoById(id)
+    const data1 = await framework.getFileAccessAddress(data.id)
+    if ('.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP'.includes(data.type)) {
+      showImages({
+        urls: [data1.url],
+        index: 0,
+      })
+    } else {
+      fileTitle.value = data.name
+      viewUrl.value = data1.url
+      fileId.value = data.id
+      isVisible.value = true
+    }
+  } catch (err: any) {
+    frameworkUtils.messageError(err)
+  }
+}
+
+defineExpose<{
+  viewFile: (id: string) => void
+}>({
+  viewFile,
+})
+</script>
+
+<style scoped></style>