将App.vue中的样式代码统一到element.scss中

Web/src/App.vue

@@ -175,22 +175,3 @@ document.body.ondrop = function (event) {
 	event.stopPropagation();
 };
 </script>
-
-<style lang="scss">
-.el-form--inline {
-	.el-form-item {
-		.el-select {
-			width: 171px !important;
-		}
-		.el-select__wrapper {
-			line-height: 22px !important;
-		}
-		.el-date-editor {
-			--el-date-editor-width: 171px !important;
-		}
-		.el-input {
-			width: 171px !important;
-		}
-	}
-}
-</style>

Web/src/theme/element.scss

@@ -37,6 +37,13 @@
 	}
 }
 
+.el-date-editor {
+    //--el-date-editor-width: 220px;
+    //--el-date-editor-monthrange-width: 300px;
+    --el-date-editor-daterange-width: 250px;
+    //--el-date-editor-datetimerange-width: 400px;
+}
+
 /* Form 表单
 ------------------------------- */
 .el-form {
@@ -58,6 +65,10 @@
 
         .el-form-item,.el-form-item:last-of-type {
             margin: 5px 15px !important;
+
+            .el-select,.el-input {
+                width: 200px !important;
+            }
         }
 	}