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; }