From 548111251cc9f7539c03423d52ca87d10a166359 Mon Sep 17 00:00:00 2001 From: 陈鑫涛 <10125295+chen-xintao97@user.noreply.gitee.com> Date: Thu, 18 Sep 2025 16:37:39 +0800 Subject: [PATCH] Revert "Revert "修复packjson"" --- package.json | 8 ++++---- src/assets/styles/screen.scss | 12 ++++++------ src/assets/styles/screenDesigner.scss | 2 +- src/components/AnjiPlus/anji-crud/anji-crud.vue | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------ src/components/AnjiPlus/anji-crud/edit.vue | 4 ++-- src/components/AnjiPlus/anji-dialog.vue | 6 +++--- src/components/AnjiPlus/anji-input.vue | 4 ++-- src/components/AnjiPlus/anji-upload.vue | 2 +- src/components/eachForm.vue | 6 +++--- src/views/accessRole/components/RoleAuthority.vue | 2 +- src/views/bigscreenDesigner/designer/components/colorPicker.vue | 4 ++-- src/views/bigscreenDesigner/designer/components/customColorComponents.vue | 29 ++++++++++++++++++----------- src/views/bigscreenDesigner/designer/components/customUpload.vue | 4 ++-- src/views/bigscreenDesigner/designer/components/customUploadMulti.vue | 12 ++++++------ src/views/bigscreenDesigner/designer/components/customUploadNew.vue | 18 +++++++++++------- src/views/bigscreenDesigner/designer/components/dynamicAddPicAdress.vue | 46 +++++++++++++++++++++++++++++----------------- src/views/bigscreenDesigner/designer/components/dynamicAddRadar.vue | 46 +++++++++++++++++++++++++++++----------------- src/views/bigscreenDesigner/designer/components/dynamicAddSvg.vue | 46 +++++++++++++++++++++++++++++----------------- src/views/bigscreenDesigner/designer/components/dynamicAddTable.vue | 38 +++++++++++++++++++++----------------- src/views/bigscreenDesigner/designer/components/dynamicForm.vue | 16 +++++++++++----- src/views/bigscreenDesigner/designer/components/dynamicHtmlSlider.vue | 33 +++++++++++++++++++-------------- src/views/bigscreenDesigner/designer/widget/div/widgetSlider.vue | 2 +- src/views/bigscreenDesigner/designer/widget/percent/widgetProgress.vue | 14 +++++++------- src/views/excelreport/components/colorPicker.vue | 4 ++-- src/views/resultset/components/EditDataSet.vue | 6 +++--- src/views/resultset/components/MonacoEditor.vue | 2 +- src/views/resultset/index.vue | 2 +- src/views/screenDesigner/components/colorPicker.vue | 4 ++-- src/views/screenDesigner/components/customColorComponents.vue | 28 +++++++++++++++++----------- src/views/screenDesigner/components/customUpload.vue | 4 ++-- src/views/screenDesigner/components/dynamicAddTable.vue | 32 ++++++++++++++++++-------------- src/views/screenDesigner/components/dynamicForm.vue | 16 +++++++++++----- src/views/screenDesigner/layout/leftMenu.vue | 18 ++++++++++++++---- 33 files changed, 334 insertions(+), 209 deletions(-) diff --git a/package.json b/package.json index f748e09..988bfb8 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,7 @@ "loading-view-vue": "^1.0.3", "miment": "^0.0.9", "moment": "^2.29.1", - "monaco-editor": "^0.20.0", + "monaco-editor": "0.28.1", "normalize.css": "7.0.0", "nprogress": "0.2.0", "qrcodejs2": "0.0.2", @@ -66,13 +66,12 @@ "eventsource-polyfill": "0.9.6", "file-loader": "1.1.11", "friendly-errors-webpack-plugin": "1.7.0", - "html-webpack-plugin": "4.0.0-alpha", + "html-webpack-plugin": "3.2.0", "iframe-resizer": "^4.3.6", "js-md5": "^0.7.3", "mini-css-extract-plugin": "0.4.1", "monaco-editor-webpack-plugin": "^4.1.1", "node-notifier": "5.2.1", - "node-sass": "^4.7.2", "optimize-css-assets-webpack-plugin": "5.0.0", "ora": "3.0.0", "path-to-regexp": "2.4.0", @@ -81,7 +80,8 @@ "postcss-loader": "2.1.6", "postcss-url": "7.3.2", "rimraf": "2.6.2", - "sass-loader": "7.0.3", + "sass": "^1.77.0", + "sass-loader": "^7.3.0", "script-ext-html-webpack-plugin": "2.0.1", "semver": "5.5.0", "shelljs": "0.8.2", diff --git a/src/assets/styles/screen.scss b/src/assets/styles/screen.scss index b412dff..96e13ab 100644 --- a/src/assets/styles/screen.scss +++ b/src/assets/styles/screen.scss @@ -226,7 +226,7 @@ height: 100%; } - /deep/ .el-tabs--border-card { + :deep(el-tabs--border-card) { border: 0; .el-tabs__header { @@ -416,11 +416,11 @@ li { padding: 5px; } -/deep/ .vue-ruler-h { +:deep(vue-ruler-h) { opacity: 0.3; } -/deep/ .vue-ruler-v { +:deep(vue-ruler-v) { opacity: 0.3; } @@ -440,7 +440,7 @@ li { height: calc(100vh - 80px); text-align: center; - /deep/.el-tabs__header { + :deep(el-tabs__header) { width: 30%; margin-right: 0; @@ -459,7 +459,7 @@ li { } } - /deep/.el-tabs__content { + :deep(el-tabs__content) { width: 70%; } } @@ -495,7 +495,7 @@ li { } } - /deep/.el-tabs__content { + :deep(el-tabs__content) { padding: 0; } } diff --git a/src/assets/styles/screenDesigner.scss b/src/assets/styles/screenDesigner.scss index 75dbd57..348aef8 100644 --- a/src/assets/styles/screenDesigner.scss +++ b/src/assets/styles/screenDesigner.scss @@ -28,7 +28,7 @@ width: 300px; } - /deep/ .el-tabs--border-card { + :deep(el-tabs--border-card) { border: 0; .el-tabs__header { background: transparent; diff --git a/src/components/AnjiPlus/anji-crud/anji-crud.vue b/src/components/AnjiPlus/anji-crud/anji-crud.vue index 938372d..13ab18e 100644 --- a/src/components/AnjiPlus/anji-crud/anji-crud.vue +++ b/src/components/AnjiPlus/anji-crud/anji-crud.vue @@ -923,6 +923,7 @@ export default { display: flex; flex: 1; flex-direction: column; + .main_part { display: flex; flex-direction: column; @@ -935,49 +936,63 @@ export default { position: relative; } } -/deep/.button { + +// 使用 :deep() 替代 /deep/ +:deep(.button) { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); border-radius: 6px; } -/deep/.el-table th > .cell { + +:deep(.el-table th > .cell) { text-align: center; } -/deep/.el-table .cell { + +:deep(.el-table .cell) { text-align: center; } -/deep/.elTable { + +:deep(.elTable) { margin: 10px 0 50px; } + .el-table { // 看这里!!! // 深度选择器,去除默认的padding - /deep/ th { + :deep(th) { padding: 0; height: 36px; } - /deep/ td { + + :deep(td) { padding: 0; height: 36px; } } -/deep/.el-table--striped .el-table__body tr.el-table__row--striped td { + +:deep(.el-table--striped .el-table__body tr.el-table__row--striped td) { background: #f9fbfd; } + .screenFlex { display: flex; } + .searchFormFlex { flex: 1; } + .screenButtons { padding-left: 20px; } + .style-btn { pointer-events: none; } + .page-container { height: 100%; position: relative; + .left-container { width: 20%; position: absolute; @@ -990,6 +1005,7 @@ export default { overflow-y: auto; height: 100%; } + .right-container { width: calc(80% - 5px); position: absolute; @@ -1001,49 +1017,59 @@ export default { height: 100%; } } + .el-table .cell, .el-table td div { overflow: hidden; text-overflow: ellipsis; } + .el-dropdown { font-size: 12px; display: inline; color: #5887fb; cursor: pointer; } + .el-dropdown-menu--mini .el-dropdown-menu__item { min-width: 80px; max-width: 110px; float: right; + .el-button--text { float: right; } + &:hover { background: none !important; } - /deep/.el-button--text:hover, - .el-button--text:focus { + + :deep(.el-button--text:hover), + :deep(.el-button--text:focus) { color: #799ffc !important; background-color: #ecf5ff !important; border-color: transparent; } + .el-button--mini { float: right; } + .el-button--text:hover, .el-button--text:focus { color: #799ffc; border-color: transparent; } + .el-button + .el-button { margin-left: 0 !important; float: right; } } -/deep/.el-pagination.is-background .btn-prev, -.el-pagination.is-background .btn-next, -.el-pagination.is-background .el-pager li { + +:deep(.el-pagination.is-background .btn-prev), +:deep(.el-pagination.is-background .btn-next), +:deep(.el-pagination.is-background .el-pager li) { margin: 0 5px; border-radius: 2px; background-color: #f4f4f5; @@ -1051,16 +1077,19 @@ export default { min-width: 30px; border-radius: 2px; } -/deep/.el-pagination.is-background .el-pager li:not(.disabled).active { + +:deep(.el-pagination.is-background .el-pager li:not(.disabled).active) { background-color: #5887fb; color: #ffffff; border-radius: 4px; } + .page_bottom { width: 100%; position: absolute; bottom: 0; } + .pagination { display: flex; flex-direction: row; @@ -1068,37 +1097,45 @@ export default { margin-bottom: 14px; margin-right: 20px; } -.el-table /deep/ .warning-row { + +:deep(.el-table .warning-row) { color: red !important; } -.el-table /deep/ .bgColor { + +:deep(.el-table .bgColor) { background: #d9ecff; } -/deep/.edit_button { + +.edit_button { width: 22px; height: 22px; padding: 0; margin: 0; margin-right: 5px; - /deep/ i { + + :deep(i) { font-size: 30px; } } + .el-form-item--mini.el-form-item { margin-bottom: 12px; } -.el-table /deep/ .success-row { + +:deep(.el-table .success-row) { background: #f9fbfd !important; } .contextMenu { width: 100px; + .contextMenuItem { width: 100%; font-size: 12px; line-height: 20px; padding: 5px; } + &:hover { background: #f9fbfd; } diff --git a/src/components/AnjiPlus/anji-crud/edit.vue b/src/components/AnjiPlus/anji-crud/edit.vue index b334654..c4028ec 100644 --- a/src/components/AnjiPlus/anji-crud/edit.vue +++ b/src/components/AnjiPlus/anji-crud/edit.vue @@ -386,7 +386,7 @@ export default { diff --git a/src/components/AnjiPlus/anji-input.vue b/src/components/AnjiPlus/anji-input.vue index 036d86c..f41fa61 100644 --- a/src/components/AnjiPlus/anji-input.vue +++ b/src/components/AnjiPlus/anji-input.vue @@ -168,10 +168,10 @@ export default { } diff --git a/src/components/AnjiPlus/anji-upload.vue b/src/components/AnjiPlus/anji-upload.vue index f07e9a4..8b2144a 100644 --- a/src/components/AnjiPlus/anji-upload.vue +++ b/src/components/AnjiPlus/anji-upload.vue @@ -170,7 +170,7 @@ export default { width: 60px; height: 60px; } -.hide_box /deep/.el-upload--picture-card { +.hide_box :deep(el-upload--picture-card) { display: none; } .el-upload-list__item { diff --git a/src/components/eachForm.vue b/src/components/eachForm.vue index 8c915b8..58177aa 100644 --- a/src/components/eachForm.vue +++ b/src/components/eachForm.vue @@ -179,16 +179,16 @@ export default { } \ No newline at end of file diff --git a/src/views/accessRole/components/RoleAuthority.vue b/src/views/accessRole/components/RoleAuthority.vue index 8886713..ffed9af 100644 --- a/src/views/accessRole/components/RoleAuthority.vue +++ b/src/views/accessRole/components/RoleAuthority.vue @@ -85,7 +85,7 @@ export default { }; diff --git a/src/views/bigscreenDesigner/designer/components/dynamicHtmlSlider.vue b/src/views/bigscreenDesigner/designer/components/dynamicHtmlSlider.vue index 285f412..43f9f05 100644 --- a/src/views/bigscreenDesigner/designer/components/dynamicHtmlSlider.vue +++ b/src/views/bigscreenDesigner/designer/components/dynamicHtmlSlider.vue @@ -150,40 +150,45 @@ export default { }; diff --git a/src/views/bigscreenDesigner/designer/widget/percent/widgetProgress.vue b/src/views/bigscreenDesigner/designer/widget/percent/widgetProgress.vue index 66f2180..0b8cdb8 100644 --- a/src/views/bigscreenDesigner/designer/widget/percent/widgetProgress.vue +++ b/src/views/bigscreenDesigner/designer/widget/percent/widgetProgress.vue @@ -160,18 +160,18 @@ export default { align-items: center; width: 100%; - /deep/ .el-progress-bar__outer { + :deep(.el-progress-bar__outer) { background-color: var(--under-color, #EBEEF5); } - /deep/ .el-progress-bar__inner { - background: var(--line-gradient, initial); + :deep(.el-progress-bar__inner) { + background: var(--line-gradient, linear-gradient(90deg, #409EFF, #66b1ff)); } - /deep/ .el-progress-bar__innerText, - /deep/ .el-progress__text { - font-size: var(--percent-font-size, initial) !important; - color: var(--percent-color, initial); + :deep(.el-progress-bar__innerText), + :deep(.el-progress__text) { + font-size: var(--percent-font-size, 14px) !important; + color: var(--percent-color, #333); } } } diff --git a/src/views/excelreport/components/colorPicker.vue b/src/views/excelreport/components/colorPicker.vue index 1d2877d..d7878c8 100644 --- a/src/views/excelreport/components/colorPicker.vue +++ b/src/views/excelreport/components/colorPicker.vue @@ -63,8 +63,8 @@ export default { }; diff --git a/src/views/resultset/index.vue b/src/views/resultset/index.vue index c9b7f0a..08df2c0 100644 --- a/src/views/resultset/index.vue +++ b/src/views/resultset/index.vue @@ -308,7 +308,7 @@ export default { }; diff --git a/src/views/screenDesigner/components/colorPicker.vue b/src/views/screenDesigner/components/colorPicker.vue index 1d2877d..d7878c8 100644 --- a/src/views/screenDesigner/components/colorPicker.vue +++ b/src/views/screenDesigner/components/colorPicker.vue @@ -63,8 +63,8 @@ export default { }; diff --git a/src/views/screenDesigner/layout/leftMenu.vue b/src/views/screenDesigner/layout/leftMenu.vue index 3f1fbe4..27a77f5 100644 --- a/src/views/screenDesigner/layout/leftMenu.vue +++ b/src/views/screenDesigner/layout/leftMenu.vue @@ -74,29 +74,35 @@ export default { };