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 @@
+
+