diff --git a/607Vue.rar b/607Vue.rar new file mode 100644 index 0000000..cbb1880 Binary files /dev/null and b/607Vue.rar differ diff --git a/public/index.html b/public/index.html index 3e5a139..6e310fb 100644 --- a/public/index.html +++ b/public/index.html @@ -4,7 +4,11 @@ + + + + <%= htmlWebpackPlugin.options.title %> diff --git a/src/App.vue b/src/App.vue index df169d6..da49e06 100644 --- a/src/App.vue +++ b/src/App.vue @@ -13,11 +13,11 @@ export default { diff --git a/src/plugins/element.js b/src/plugins/element.js index c48a6ef..862dee4 100644 --- a/src/plugins/element.js +++ b/src/plugins/element.js @@ -1,5 +1,7 @@ import Vue from 'vue' import Element from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' +import locale from 'element-ui/lib/locale/lang/zh-CN' -Vue.use(Element) +Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 } +Vue.use(Element, { locale }) diff --git a/src/views/faultSystem.vue b/src/views/faultSystem.vue index 795b381..c24c8e7 100644 --- a/src/views/faultSystem.vue +++ b/src/views/faultSystem.vue @@ -11,7 +11,6 @@
- 必填项带"*"
@@ -441,23 +440,11 @@ export default { align-items: center; } -.title-wrap { - margin-left: 10px; -} +.title-wrap { margin-left: 10px; } +.title { font-size: 18px; font-weight: 600; } +.subtitle { color: var(--text-secondary); font-size: 12px; } -.title { - font-size: 18px; - font-weight: 600; -} - -.subtitle { - color: #909399; - font-size: 12px; -} - -.card-block { - margin-bottom: 12px; -} +.card-block { margin-bottom: 12px; } .card-header { display: flex; @@ -465,13 +452,8 @@ export default { font-weight: 600; } -.card-header i { - margin-right: 6px; -} - -.card-header.warn { - color: #e6a23c; -} +.card-header i { margin-right: 6px; } +.card-header.warn { color: #e6a23c; } .section-body { background: #f5f7fa; @@ -483,13 +465,11 @@ export default { /* 禁止label换行,避免中文被折到下一行导致错位 */ .fault-form-page >>> .el-form-item__label { white-space: nowrap; - padding-right: 0; /* 贴近输入框 */ + padding-right: 12px; } /* 必填星号与文字更紧凑 */ -.fault-form-page >>> .el-form-item.is-required .el-form-item__label:before { - margin-right: 2px; -} +.fault-form-page >>> .el-form-item.is-required .el-form-item__label:before { margin-right: 2px; } /* 统一 small 尺寸表单项的垂直对齐和行高 */ .fault-form-page >>> .el-form-item--small .el-form-item__label { @@ -497,7 +477,7 @@ export default { height: 32px; display: inline-flex; align-items: center; - justify-content: flex-end; /* 文本右对齐,贴近输入框 */ + justify-content: flex-end; vertical-align: middle; } @@ -515,49 +495,20 @@ export default { } /* 全局收紧每个表单项的下间距 */ -.fault-form-page >>> .el-form-item { - margin-bottom: 12px; -} +.fault-form-page >>> .el-form-item { margin-bottom: 12px; } +.status-row .el-form-item { margin-bottom: 0; } -.status-row .el-form-item { - margin-bottom: 0; -} - -.form-actions { - text-align: center; - margin-top: 10px; -} +.form-actions { text-align: center; margin-top: 10px; } /* 问题级别选项前置彩色圆点(自定义slot) */ -.fault-form-page >>> .el-select-dropdown__item { - display: flex; - align-items: center; -} - +.fault-form-page >>> .el-select-dropdown__item { display: flex; align-items: center; } .fault-form-page >>> .el-select-dropdown__item .severity-dot { - display: inline-block; - width: 8px; - height: 8px; - margin-right: 8px; - border-radius: 50%; - background: #c0c4cc; -} - -.fault-form-page >>> .el-select-dropdown__item .severity-dot.重大问题 { - background: #f5222d; -} - -.fault-form-page >>> .el-select-dropdown__item .severity-dot.严重问题 { - background: #f56c6c; -} - -.fault-form-page >>> .el-select-dropdown__item .severity-dot.一般问题 { - background: #e6a23c; -} - -.fault-form-page >>> .el-select-dropdown__item .severity-dot.建议改进 { - background: #67c23a; + display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #c0c4cc; } +.fault-form-page >>> .el-select-dropdown__item .severity-dot.重大问题 { background: #f5222d; } +.fault-form-page >>> .el-select-dropdown__item .severity-dot.严重问题 { background: #f56c6c; } +.fault-form-page >>> .el-select-dropdown__item .severity-dot.一般问题 { background: #e6a23c; } +.fault-form-page >>> .el-select-dropdown__item .severity-dot.建议改进 { background: #67c23a; }