eoss-ui 0.8.29 → 0.8.31

package/packages/archives/src/main.vue

@@ -0,0 +1,344 @@
+<template>
+  <div class="es-archives" @click="addOrEditDocument">
+    <!-- <div class="icon">
+      <img src="@/assets/image/officialDocument/icon_zhengwen.png" alt="" />
+    </div> -->
+    <span>{{ propsDocumentTitle }}</span>
+  </div>
+</template>
+<script>
+import { docHubApi, documentCode } from 'eoss-ui/src/config/api.js';
+import bus from 'eoss-ui/src/utils/bus';
+export default {
+  name: 'EsArchives',
+  inheritAttrs: false,
+
+  props: {
+    isDispatch: {
+      type: Boolean,
+      default: true
+    },
+    businessTitle: {
+      type: String,
+      default: ''
+    },
+    documentId: {
+      type: String,
+      default: ''
+    },
+    businessId: {
+      type: String,
+      default: ''
+    },
+    documentParams: {
+      type: Object,
+      default: () => {
+        return {
+          cmd: 'New',
+          redFileElementOption: {}
+        };
+      }
+    },
+    readonly: {
+      default: false
+    },
+    pageType: {
+      type: Number,
+      default: 0
+    },
+    documentTitle: {
+      type: String,
+      default: '新增正文'
+    },
+    code: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      fileInput: null,
+      textInfo: [],
+      contentFileId: this.documentId,
+      propsDocumentTitle: this.documentTitle,
+      onlineType: this.documentParams.cmd,
+      dochubBoot: null
+    };
+  },
+  watch: {
+    documentTitle: {
+      deep: true,
+      handler(val) {
+        console.log('this.textInfo', this.textInfo);
+        if (this.textInfo.length > 0) {
+          this.propsDocumentTitle = val;
+        } else {
+          this.propsDocumentTitle = '新增正文';
+        }
+      }
+    }
+  },
+  mounted() {
+    if (this.pageType != 0) {
+      this.getDucumentInfo();
+    }
+    this.initFileInput();
+    // 默认加载脚本并初始化 dochubBoot
+    this.initDochubBoot();
+    this.pubLoadJS('/dochub-ui/js/dochub.js', () => {
+      this.pubLoadJS('/dochub-ui/js/link/notify.js', () => {
+        this.initDochubNotify(documentCode.dispatchAcc, 'archivesFile');
+        this.initDochubNotify(documentCode.dispatchOnlyAcc, 'sendFile');
+      });
+    });
+    // 监听事件
+    bus.$on('callBootCommit', (callback) => {
+      console.log('callBootCommit,bus.on');
+      this.callBootCommit(callback);
+    });
+  },
+  methods: {
+    pubLoadJS: function (url, callback) {
+      var script = document.createElement('script'),
+        fn = callback || function () {};
+      script.type = 'text/javascript';
+      //IE
+      if (script.readyState) {
+        script.onreadystatechange = function () {
+          if (
+            script.readyState == 'loaded' ||
+            script.readyState == 'complete'
+          ) {
+            script.onreadystatechange = null;
+            fn();
+          }
+        };
+      } else {
+        //其他浏览器
+        script.onload = function () {
+          fn();
+        };
+      }
+      script.src = url;
+      document.getElementsByTagName('head')[0].appendChild(script);
+    },
+    getDucumentInfo() {
+      this.$.ajax({
+        url: docHubApi.queryDocument,
+        params: {
+          documentId: this.documentId
+        }
+      }).then((res) => {
+        console.log('res', res);
+        if (res.rCode == 0) {
+          if (res.results) {
+            this.textInfo = [res.results.documentFile];
+          } else {
+            this.$message({
+              type: 'error',
+              message: '未找到该正文信息，请重新上传！'
+            });
+            this.propsDocumentTitle = '新增正文';
+          }
+        }
+      });
+    },
+    // 新增方法，用于让外部组件调用 boot.commit()
+    callBootCommit(callback) {
+      console.log('callBootCommit,methods');
+      if (this.dochubBoot) {
+        try {
+          return this.dochubBoot.commit(callback);
+          // return true;
+        } catch (e) {
+          return true;
+        }
+      }
+    },
+    // 抽取公共初始化方法
+    initDochubBoot(openAfterInit = false) {
+      const _this = this;
+      this.pubLoadJS('/dochub-ui/upload/dochubDocumentBoot.js', function () {
+        _this.dochubBoot = new DochubDocumentBoot(
+          {
+            openMode: 'docHub',
+            businessId: _this.businessId,
+            bucketCode: documentCode.archivesDocument,
+            documentId: _this.contentFileId,
+            docHubCode: _this.code,
+            businessTitle: _this.businessTitle,
+            cmd: _this.onlineType,
+            action: _this.documentParams.action,
+            adjunctId: _this.businessId,
+            // 红头参数
+            redFileElementOption: _this.documentParams.redFileElementOption,
+            updateDocumentCallback: function (data) {
+              console.log('initDochubData', data);
+              _this.textInfo = [data.document.documentFile];
+              if (
+                _this.documentTitle != '套红' &&
+                _this.documentTitle != '用印'
+              ) {
+                _this.propsDocumentTitle = '编辑正文';
+              }
+              _this.contentFileId = data.document
+                ? data.document.docTagId
+                : data.docTagId;
+              _this.$emit('updateDocument', _this.contentFileId);
+              _this.onlineType = 'Edit';
+            }
+          },
+          openAfterInit ? () => _this.dochubBoot.open() : null
+        );
+      });
+    },
+    // 抽取通知初始化方法
+    initDochubNotify(bucketCode, type) {
+      const notify = new window.DochubNotify({
+        notifyCode: 'dochubDocumentBoot',
+        bucketCode: bucketCode,
+        businessId: this.businessId
+      });
+      notify.events.documentListChanged.received = (data) => {
+        console.log(bucketCode + '附件上传回调事件 ', data);
+        this.$emit('updateAttachment', { type: type });
+      };
+      return notify;
+    },
+    // 初始化文件输入框
+    initFileInput() {
+      this.$.ajax({
+        url: docHubApi.getDocumentProperties,
+        params: { code: documentCode.archivesDocument }
+      }).then((res) => {
+        if (res.rCode == 0) {
+          this.fileInput.accept = res.results.fileTypeExtName.replace(
+            /;/g,
+            ','
+          );
+        }
+      });
+      // 检查是否已存在文件输入框
+      if (!this.fileInput) {
+        this.fileInput = document.createElement('input');
+        this.fileInput.type = 'file';
+        // this.fileInput.accept = '.doc,.docx,.pdf,.ofd'; // 限制文件类型
+        this.fileInput.style.display = 'none';
+
+        // 监听文件选择事件
+        this.fileInput.addEventListener('change', (e) => {
+          const file = e.target.files[0];
+          if (file) {
+            this.handleFileUpload(file);
+          }
+          // 重置输入框，以便能重复选择同一个文件
+          this.fileInput.value = '';
+        });
+
+        // 添加到文档中
+        document.body.appendChild(this.fileInput);
+      }
+    },
+    // 处理文件上传
+    handleFileUpload(file) {
+      // 显示加载状态
+      this.$loading({ text: '文件上传中...' });
+
+      const formData = new FormData();
+      formData.append('file', file);
+      formData.append('businessId', this.businessId);
+      formData.append('bucketCode', documentCode.archivesDocument);
+
+      // 使用原生fetch API上传文件
+      fetch(docHubApi.uploadDocument, {
+        method: 'POST',
+        body: formData,
+        credentials: 'include' // 包含cookies
+      })
+        .then((response) => response.json())
+        .then((res) => {
+          this.$loading().close();
+          if (res.rCode == 0 && res.results) {
+            // 更新文件信息
+            const fileInfo = res.results.documentFile || res.results;
+            this.textInfo = [fileInfo];
+            this.contentFileId = res.results.docTagId;
+            this.propsDocumentTitle = '编辑正文';
+            this.$emit(
+              'uploadDocument',
+              fileInfo.docName.replace(/\.[^/.]+$/, ''),
+              res.results.docTagId
+            );
+            this.initDochubBoot();
+            this.onlineType = 'Edit';
+            this.initDochubBoot();
+            if (fileInfo.warningWordMsg) {
+              this.$alert(fileInfo.warningWordMsg);
+            } else {
+              this.$message({
+                type: 'success',
+                message: '文件上传成功！'
+              });
+            }
+          } else {
+            this.$message({
+              type: 'error',
+              message: res.msg || '文件上传失败！'
+            });
+          }
+        })
+        .catch((error) => {
+          this.$loading().close();
+          console.error('文件上传错误:', error);
+          this.$message({
+            type: 'error',
+            message: '文件上传过程中发生错误！'
+          });
+        });
+    },
+    addOrEditDocument() {
+      if (this.textInfo.length > 0) {
+        this.documentClick();
+      } else {
+        this.uploadDocument();
+      }
+    },
+    // 修改uploadDocument方法，使用原生文件上传
+    uploadDocument() {
+      // 触发文件选择对话框
+      if (this.fileInput) {
+        this.fileInput.click();
+      } else {
+        // 如果文件输入框未初始化，先初始化再触发
+        this.initFileInput();
+        setTimeout(() => {
+          if (this.fileInput) {
+            this.fileInput.click();
+          }
+        }, 100);
+      }
+    },
+    // 正文点击事件
+    documentClick() {
+      if (
+        this.propsDocumentTitle === '套红' ||
+        this.propsDocumentTitle === '用印'
+      ) {
+        this.$emit('validateDocument', (isValid) => {
+          if (isValid) {
+            this.$nextTick(() => {
+              if (this.isDispatch) {
+                this.saveArchiveForm();
+              } else {
+                this.initDochubBoot(true);
+              }
+            });
+          }
+        });
+      } else {
+        this.initDochubBoot(true);
+      }
+    }
+  }
+};
+</script>