样式修复

jjj_erp_admin/src/components/category/category.vue

@@ -23,7 +23,8 @@
       style="max-width: 600px"
       :data="data"
       :props="defaultProps"
-      default-expand-all
+      node-key="categoryId"
+      :default-expanded-keys="[0]"
       @node-click="handleNodeClick"
     >
       <template #default="{ node, data }">

jjj_erp_admin/static/scss/element.scss

@@ -31,13 +31,16 @@
 .theme-border {
 	border-color: var(--el-color-primary);
 }
+
 .el-input_ {
 	font-size: 12px;
 }
+
 .el-input--small .el-input__wrapper {
 	height: 30px;
 	line-height: 30px;
 }
+
 /* 搜索表单 */
 .common-seach-wrap {
 	.el-input__wrapper {
@@ -53,9 +56,11 @@
 		margin-right: 10px;
 	}
 }
+
 .el-table .el-table__cell {
 	padding: 5px 0;
 }
+
 .el-form-item--small .el-form-item__label {
 	height: var(--el-component-size-small) !important;
 	line-height: var(--el-component-size-small) !important;
@@ -65,10 +70,12 @@
 .el-form-item__content {
 	display: block;
 	line-height: 30px !important;
+
 	// margin-top: 1px;
 	.el-input--small {
 		width: 172px;
 	}
+
 	.gray9 {
 		width: 100%;
 	}
@@ -115,9 +122,11 @@
 		margin-left: -12px !important;
 	}
 }
+
 .el-dialog__footer {
 	padding-top: 0;
 }
+
 /* 按钮 */
 .el-button--small {
 	--el-button-size: var(--el-component-size-small);
@@ -139,23 +148,29 @@
 	// 	float: right;
 	// }
 }
+
 .el-dialog {
 	width: 920px;
 	height: 600px;
 	display: flex;
 	flex-direction: column;
 	border-radius: var(--dialog-radius);
+	// --el-dialog-padding-primary: 20px !important;
+	padding: 0 !important;
 }
+
 .el-dialog__header {
 	background-color: var(--el-dialog-title-bg);
 	margin-right: 0;
-	padding-right: 16px;
+	padding: 16px;
 	border-top-left-radius: var(--dialog-radius);
 	border-top-right-radius: var(--dialog-radius);
+
 	.el-dialog__title {
 		font-size: var(--dialog-title-f);
 		color: var(--dialog-title-c);
 	}
+
 	.el-dialog__headerbtn {
 		width: 24px;
 		height: 24px;
@@ -164,6 +179,7 @@
 		top: 16px;
 		right: 16px;
 		line-height: 1;
+
 		.el-dialog__close {
 			width: 24px;
 			height: 24px;
@@ -173,12 +189,14 @@
 		}
 	}
 }
+
 .dialog-footer {
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	padding-top: 20px;
+	padding: 20px 0;
 	border-top: 1px solid #eee;
+
 	.el-button {
 		// border-radius: 0;
 		font-size: 14px;
@@ -187,6 +205,11 @@
 		min-width: 96px;
 	}
 }
+
+.el-dialog__footer {
+	padding: 0 !important;
+}
+
 // .el-dialog__headerbtn {
 // 	.el-icon svg {
 // 		width: auto !important;
@@ -270,6 +293,7 @@
 	padding: 20px;
 	box-sizing: border-box;
 }
+
 /* 弹窗 */
 .el-overlay {
 	position: absolute;
@@ -277,12 +301,15 @@
 	top: var(--common-header-box-height);
 	left: 98px;
 }
+
 .el-overlay-dialog {
 	position: absolute;
 }
+
 .el-dialog.is-fullscreen {
 	width: 100%;
 }
+
 .el-dialog.is-fullscreen .el-form-item__content .el-input--small {
 	width: 100%;
 }
@@ -291,33 +318,42 @@
 	.el-form-item__content .el-input--small {
 		width: 100%;
 	}
+
 	.el-select--small {
 		width: 100%;
 	}
 }
+
 .el-select--small .el-input__wrapper {
 	height: 100%;
 }
+
 .el-select--small {
 	width: 172px;
 }
+
 .set-main {
 	height: calc(100vh - 84px - 24px);
 	display: flex;
 	flex-direction: column;
 }
+
 .page-mine-box {
 	height: calc(100vh - 84px - 24px);
 }
+
 .el-card {
 	border: none;
 }
+
 .el-pagination__sizes .el-select--small {
 	width: 100px;
 }
+
 .el-dialog__header {
 	font-weight: bold;
 }
+
 .el-dialog__header .my-header .el-icon {
 	width: 24px;
 	height: 24px;