样式

supervise-organizational-ui/src/components/tab-search/index.vue

@@ -12,69 +12,76 @@
 </template>
 
 <script>
-	export default {
+  export default {
-		props: {
+    props: {
-			search: {
+      search: {
-				type: Boolean,
+        type: Boolean,
-				default: false
+        default: false
-			}
+      }
-		},
+    },
-		data() {
+    data() {
-			return {
+      return {
-				form: {},
+        form: {},
-				showsearch: false
+        showsearch: false
-			}
+      }
-		},
+    },
-		mounted() {
+    mounted() {},
-		},
+    methods: {
-		methods: {
 
-		}
+    }
-	}
+  }
 </script>
 
 <style lang="scss">
   @import "~@/styles/variables.scss";
-	.tab-header {
-			background-color: $search-bg;
-			padding: 5px 20px;
-			.tab-search{
-        padding: 9px 0;
-			}
-			.tab-btn{
-				.search-from{
-          float: left;
-          padding-bottom: 10px;
-        }
-				.search-bth{
-          float: right;
 
-        }
+  .tab-header {
-			}
+    background-color: $search-bg;
-			.el-form-item{
+    padding: 5px 20px;
-				margin-bottom: 0px;
+    margin-bottom: 15px;
-				.el-input__icon,
+
-				.el-form-item__content{
+    .tab-search {
-					line-height: 32px;
+      padding: 9px 0;
-				}
+    }
+
+    .tab-btn {
+      .search-from {
+        float: left;
+        padding-bottom: 10px;
+      }
 
-        .el-input__inner,
+      .search-bth {
-        .el-form-item__label {
+        float: right;
-          height: 36px;
-          line-height: 36px;
-          color: $text-color;
-        }
 
-        .el-select .el-input.is-focus .el-input__inner {
-          border-color: $border-color;
-        }
       }
+    }
+
+    .el-form-item {
+      margin-bottom: 0px;
+
+      .el-input__icon,
+      .el-form-item__content {
+        line-height: 32px;
+      }
+
+      .el-input__inner,
+      .el-form-item__label {
+        height: 36px;
+        line-height: 36px;
+        color: $text-color;
+      }
+
+      .el-select .el-input.is-focus .el-input__inner {
+        border-color: $border-color;
+      }
+    }
+
+    .el-button {
+      padding: 8px 20px;
+      background-color: $color-primary;
+      color: $text-color-inverse;
+    }
 
-    //.el-button{
-    //	padding: 8px 20px;
-    // background-color: $color-primary;
-    // color: $text-color-inverse;
-    //}
     .el-select {
       width: 150px;
     }