租户列表美化

src/views/saas/tenant/index.vue

@@ -656,7 +656,7 @@ export default {
   flex-wrap: wrap;
 }
 
-.search-form ::v-deep .el-form-item {
+.tenant-page .search-form ::v-deep .el-form-item {
   margin-bottom: 12px;
 }
 
@@ -664,22 +664,22 @@ export default {
   padding: 14px 14px 12px;
 }
 
-.tenant-table ::v-deep .el-table__header th {
+.tenant-page .tenant-table ::v-deep .el-table__header th {
   background: linear-gradient(180deg, #f7faff, #f3f8ff);
   color: #2f3f5c;
   font-weight: 600;
   height: 44px;
 }
 
-.tenant-table ::v-deep .el-table__body tr:hover > td {
+.tenant-page .tenant-table ::v-deep .el-table__body tr:hover > td {
   background: #f7fbff !important;
 }
 
-.tenant-table ::v-deep .el-table__body td {
+.tenant-page .tenant-table ::v-deep .el-table__body td {
   padding: 10px 0;
 }
 
-.tenant-table ::v-deep .el-table__body tr.current-row > td {
+.tenant-page .tenant-table ::v-deep .el-table__body tr.current-row > td {
   background: #eef6ff !important;
 }
 
@@ -690,7 +690,7 @@ export default {
   gap: 6px 8px;
 }
 
-.table-action-group ::v-deep .el-button--text {
+.tenant-page .table-action-group ::v-deep .el-button--text {
   background: #f5f8ff;
   border: 1px solid #e7eefb;
   border-radius: 999px;
@@ -698,17 +698,17 @@ export default {
   line-height: 1.2;
 }
 
-.tenant-dialog ::v-deep .el-dialog {
+.tenant-page .tenant-dialog ::v-deep .el-dialog {
   border-radius: 14px;
   overflow: hidden;
 }
 
-.tenant-dialog ::v-deep .el-dialog__header {
+.tenant-page .tenant-dialog ::v-deep .el-dialog__header {
   background: linear-gradient(90deg, #f5f9ff, #ffffff);
   border-bottom: 1px solid #edf1f7;
 }
 
-.tenant-dialog ::v-deep .el-dialog__body {
+.tenant-page .tenant-dialog ::v-deep .el-dialog__body {
   padding: 20px 24px 12px;
 }
 
@@ -718,29 +718,29 @@ export default {
   justify-content: space-between;
 }
 
-.tenant-data-form ::v-deep .el-form-item {
+.tenant-page .tenant-data-form ::v-deep .el-form-item {
   width: calc(50% - 10px);
 }
 
-.tenant-data-form ::v-deep .el-input__inner,
-.tenant-data-form ::v-deep .el-date-editor.el-input,
-.tenant-data-form ::v-deep .el-date-editor.el-input__inner {
+.tenant-page .tenant-data-form ::v-deep .el-input__inner,
+.tenant-page .tenant-data-form ::v-deep .el-date-editor.el-input,
+.tenant-page .tenant-data-form ::v-deep .el-date-editor.el-input__inner {
   width: 100%;
 }
 
-.tenant-data-form ::v-deep .el-radio-group {
+.tenant-page .tenant-data-form ::v-deep .el-radio-group {
   width: 100%;
   min-height: 34px;
   display: flex;
   align-items: center;
 }
 
-.dialog-footer ::v-deep .el-button {
+.tenant-page .tenant-dialog ::v-deep .dialog-footer .el-button {
   min-width: 84px;
   border-radius: 8px;
 }
 
-.tree-border {
+.tenant-page .tree-border {
   border-radius: 8px;
   border-color: #e6edf7;
   padding: 8px;