From 748c621bb40341ce690c0555fd6991d7300d3309 Mon Sep 17 00:00:00 2001 From: xuhuajiao <13476289682@163.com> Date: Tue, 23 Jan 2024 17:38:13 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E7=BC=96=E7=A0=94/bug?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 9 +- src/assets/styles/archives-manage.scss | 53 +++ src/assets/styles/quillEditor.css | 205 ++++++++++++ src/components/quillEditor/index.vue | 180 ++++++++++ .../caseManage/caseList/index.vue | 25 +- .../caseList/module/detailDialog.vue | 9 - .../archiveUtilize/archiveEditing/index.vue | 8 +- .../archiveEditing/module/material.vue | 5 +- .../archiveEditing/module/onlineAdd.vue | 77 +++++ .../archiveEditing/module/onlineEditing.vue | 309 +++++++++++++----- .../collectionLibrary/mixins/index.js | 14 +- .../module/collectHeader.vue | 11 +- .../module/quickPaper/index.vue | 2 +- .../module/uploadOriginal/bigUpload.vue | 27 +- .../module/uploadOriginal/index.vue | 53 --- src/views/components/category/PreviewForm.vue | 7 +- 16 files changed, 822 insertions(+), 172 deletions(-) create mode 100644 src/assets/styles/quillEditor.css create mode 100644 src/components/quillEditor/index.vue create mode 100644 src/views/archiveUtilize/archiveEditing/module/onlineAdd.vue diff --git a/package.json b/package.json index 06affca..82dde73 100644 --- a/package.json +++ b/package.json @@ -51,8 +51,11 @@ "path-to-regexp": "2.4.0", "print-js": "^1.6.0", "qs": "^6.10.1", + "quill": "^1.3.7", + "quill-image-resize-module": "^3.0.0", "screenfull": "4.2.0", "sortablejs": "1.8.4", + "spark-md5": "^3.0.2", "vkbeautify": "^0.99.3", "vue": "^2.6.14", "vue-count-to": "^1.0.13", @@ -60,16 +63,16 @@ "vue-echarts": "^5.0.0-beta.0", "vue-highlightjs": "^1.3.3", "vue-image-crop-upload": "^2.5.0", + "vue-quill-editor": "^3.0.6", "vue-resource": "^1.5.3", "vue-router": "3.0.2", + "vue-simple-uploader": "^0.7.6", "vue-splitpane": "1.0.4", "vuedraggable": "2.20.0", "vuex": "3.1.0", "wangeditor": "^4.7.11", "x2js": "^3.4.3", - "xlsx": "^0.17.4", - "spark-md5": "^3.0.2", - "vue-simple-uploader": "^0.7.6" + "xlsx": "^0.17.4" }, "devDependencies": { "@babel/parser": "^7.7.4", diff --git a/src/assets/styles/archives-manage.scss b/src/assets/styles/archives-manage.scss index dfa8049..d1eaa1d 100644 --- a/src/assets/styles/archives-manage.scss +++ b/src/assets/styles/archives-manage.scss @@ -926,4 +926,57 @@ .iconfont{ font-size: 20px; } +} + +.upload-container{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 496px; + min-height: 178px; + padding: 12px; + border-radius: 3px; + background: #EDEFF3; + border: 1px dashed #BCC2C7; + .upload-icon{ + font-size: 32px; + color: #1F55EB; + } + .el-upload__tip{ + font-size: 12px; + color: #A6ADB6; + } + .file-list{ + font-size: 12px; + line-height: 24px; + color: #545B65; + } +} + +.upload-input{ + position: relative; + margin-top: 16px; + width: 104px; + height: 32px; + & input{ + position: absolute; + left: 0; + top: 0; + height: 32px; + opacity: 0; + } +} +.upload-zip{ + width: 104px; + height: 32px; + line-height: 32px; + font-size: 14px; + color: #fff; + text-align: center; + border-radius: 3px; + background: #1F55EB; + & i{ + font-size: 13px; + } } \ No newline at end of file diff --git a/src/assets/styles/quillEditor.css b/src/assets/styles/quillEditor.css new file mode 100644 index 0000000..140ef00 --- /dev/null +++ b/src/assets/styles/quillEditor.css @@ -0,0 +1,205 @@ +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before { + content: "黑体"; + font-family: "SimHei"; +} + +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]::before { + content: "微软雅黑"; + font-family: "Microsoft YaHei"; +} + +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before { + content: "楷体"; + font-family: "KaiTi"; +} + +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before { + content: "仿宋"; + font-family: "FangSong"; +} + +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before { + content: "Arial"; + font-family: "Arial"; +} + +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times-New-Roman]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times-New-Roman]::before { + content: "Times New Roman"; + font-family: "Times New Roman"; +} + +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]::before { + content: "sans-serif"; + font-family: "sans-serif"; +} + +.ql-font-SimSun { + font-family: "SimSun"; +} + +.ql-font-SimHei { + font-family: "SimHei"; +} + +.ql-font-Microsoft-YaHei { + font-family: "Microsoft YaHei"; +} + +.ql-font-KaiTi { + font-family: "KaiTi"; +} + +.ql-font-FangSong { + font-family: "FangSong"; +} + +.ql-font-Arial { + font-family: "Arial"; +} + +.ql-font-Times-New-Roman { + font-family: "Times New Roman"; +} + +.ql-font-sans-serif { + font-family: "sans-serif"; +} + +/* 字号设置 */ +/* 默认字号 */ +.ql-snow .ql-picker.ql-size .ql-picker-label::before, +.ql-snow .ql-picker.ql-size .ql-picker-item::before { + content: "12px"; +} + +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before{ + content: "12px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before{ + content: "14px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before{ + content: "16px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before{ + content: "18px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before{ + content: "20px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before{ + content: "22px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]::before{ + content: "26px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before{ + content: "28px"; + font-size: 14px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before{ + content: "30px"; + font-size: 14px; +} + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before { + content: "12px"; + font-size: 12px; +} + +.ql-size-12px { + font-size: 12px; +} + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before { + content: "14px"; + font-size: 14px; +} + +.ql-size-14px { + font-size: 14px; +} + + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before { + content: "16px"; + font-size: 16px; +} + +.ql-size-16px { + font-size: 16px; +} + + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before { + content: "18px"; + font-size: 18px; +} + +.ql-size-18px { + font-size: 18px; +} + + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before { + content: "20px"; + font-size: 20px; +} + +.ql-size-20px { + font-size: 20px; +} + + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before { + content: "22px"; + font-size: 22px; +} + +.ql-size-22px { + font-size: 22px; +} + + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before { + content: "26px"; + font-size: 26px; +} + +.ql-size-26px { + font-size: 26px; +} + + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before { + content: "28px"; + font-size: 28px; +} + +.ql-size-28px { + font-size: 28px; +} + + +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before { + content: "30px"; + font-size: 30px; +} + +.ql-size-30px { + font-size: 30px; +} diff --git a/src/components/quillEditor/index.vue b/src/components/quillEditor/index.vue new file mode 100644 index 0000000..f58be02 --- /dev/null +++ b/src/components/quillEditor/index.vue @@ -0,0 +1,180 @@ + + + + diff --git a/src/views/archiveKeeping/caseManage/caseList/index.vue b/src/views/archiveKeeping/caseManage/caseList/index.vue index 51c77dc..e8aff89 100644 --- a/src/views/archiveKeeping/caseManage/caseList/index.vue +++ b/src/views/archiveKeeping/caseManage/caseList/index.vue @@ -107,19 +107,16 @@

归档文件目录

- - - - - - - - - - - + + + + + + + + + + @@ -374,7 +371,7 @@ export default { } this.crud.crudMethod.findInCase(params).then(res => { if (res) { - this.printData = res.archives + this.printData = res.archives_o } this.isHidden = true this.$nextTick(() => { diff --git a/src/views/archiveKeeping/caseManage/caseList/module/detailDialog.vue b/src/views/archiveKeeping/caseManage/caseList/module/detailDialog.vue index 82e73fd..f96e500 100644 --- a/src/views/archiveKeeping/caseManage/caseList/module/detailDialog.vue +++ b/src/views/archiveKeeping/caseManage/caseList/module/detailDialog.vue @@ -141,15 +141,6 @@ export default { methods: { changeActiveTab(data) { this.caseTabIndex = data - if (this.caseTabIndex === 1) { - // if (this.tableData.length !== 0) { - // this.$refs.archivesListModuleRef.caseCategoryId = this.tableData[0].categoryPid - // this.$refs.archivesListModuleRef.getViewTable() - // } else { - // this.$refs.archivesListModuleRef.caseCategoryId = null - // this.$refs.archivesListModuleRef.tableData = [] - // } - } } } } diff --git a/src/views/archiveUtilize/archiveEditing/index.vue b/src/views/archiveUtilize/archiveEditing/index.vue index b042b26..0deca8e 100644 --- a/src/views/archiveUtilize/archiveEditing/index.vue +++ b/src/views/archiveUtilize/archiveEditing/index.vue @@ -17,11 +17,12 @@ 重置 我参与得编研 - + +
+ +
+ + + + + + + + + + +
+ +
+
+ + + + + diff --git a/src/views/archiveUtilize/archiveEditing/module/onlineEditing.vue b/src/views/archiveUtilize/archiveEditing/module/onlineEditing.vue index 780adac..8b3a9c5 100644 --- a/src/views/archiveUtilize/archiveEditing/module/onlineEditing.vue +++ b/src/views/archiveUtilize/archiveEditing/module/onlineEditing.vue @@ -1,22 +1,39 @@