perf: 修改布局

src/components/Table/TreeTable/index.vue

@@ -202,6 +202,7 @@ export default {
   .tree-table-content {
     .left {
       background: #f3f3f3;
+      height: 100%;
 
       &:hover {
         ~ .right .is-show {

src/styles/index.scss

@@ -151,7 +151,7 @@ h4 {
 .help-block {
   display: block;
   margin-top: 2px;
-  margin-bottom: 10px;
+  margin-bottom: 5px;
   color: #999;
   font-size: 12px;
   line-height: 18px;

src/views/assets/Domain/DomainCreateUpdate.vue

@@ -5,6 +5,7 @@
 <script>
 import GenericCreateUpdatePage from '@/layout/components/GenericCreateUpdatePage'
 import AssetSelect from '@/components/Apps/AssetSelect'
+import { TextReadonly } from '@/components/Form/FormFields'
 
 export default {
   name: 'GatewayCreateUpdate',
@@ -16,6 +17,7 @@ export default {
       initial: {},
       fields: [
         [this.$t('Basic'), ['name', 'assets']],
+        [this.$t('Gateway'), ['gateways']],
         [this.$t('Other'), ['comment']]
       ],
       fieldsMeta: {
@@ -32,6 +34,13 @@ export default {
               return row.platform?.name !== 'Gateway'
             }
           }
+        },
+        gateways: {
+          component: TextReadonly,
+          el: {
+            text: this.$t('AddInDetailText'),
+            bolder: false
+          }
         }
       },
       url: '/api/v1/assets/domains/'

src/views/assets/Platform/AutomationParamsSetting.vue

@@ -32,9 +32,9 @@
 </template>
 
 <script>
-import Dialog from '../../../components/Dialog'
+import Dialog from '@/components/Dialog'
-import AutoDataForm from '../../../components/Form/AutoDataForm'
+import AutoDataForm from '@/components/Form/AutoDataForm'
-import { DynamicInput } from '../../../components/Form/FormFields'
+import { DynamicInput } from '@/components/Form/FormFields'
 
 export default {
   components: {

src/views/assets/Platform/PlatformCreateUpdate.vue

@@ -172,23 +172,30 @@ export default {
   .el-cascader {
     width: 100%;
   }
-}
 
->>> .item-method.el-form-item {
+  .item-enable.el-form-item {
-  display: inline-block;
+    //margin-bottom: 1px;
-  width: 100%;
-  .el-form-item__content {
-    width: calc(75% - 50px);
   }
-  .el-select {
+
-    width: 100%;
+  .item-method.el-form-item {
+    display: inline-block;
+    width: 100%;;
+    .el-form-item__content {
+      width: calc(75% - 50px);
+    }
+    .el-select {
+      width: 100%;
+    }
+    margin-top: -10px;
+  }
+
+  .item-params.el-form-item {
+     display: inline-block;
+     position: absolute;
+     right: 18px;
+    margin-top: -10px;
   }
 }
 
->>> .item-params.el-form-item {
-  display: inline-block;
-  position: absolute;
-  right: 18px;
-}
 </style>
 

src/views/assets/Platform/PlatformDetail/Automation.vue

@@ -76,28 +76,34 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang='scss' scoped>
-.platform-form >>> {
+>>> {
   .el-cascader {
     width: 100%;
   }
-}
 
->>> .item-method.el-form-item {
+  .item-enable.el-form-item {
-  display: inline-block;
+    //margin-bottom: 1px;
-  width: 100%;
-  .el-form-item__content {
-    width: calc(75% - 50px);
   }
-  .el-select {
-    width: 100%;
-  }
-}
 
->>> .item-params.el-form-item {
+  .item-method.el-form-item {
-  display: inline-block;
+    display: inline-block;
-  position: absolute;
+    width: 100%;;
-  right: 18px;
+    .el-form-item__content {
+      width: calc(75% - 50px);
+    }
+    .el-select {
+      width: 100%;
+    }
+    margin-top: -10px;
+  }
+
+  .item-params.el-form-item {
+    display: inline-block;
+    position: absolute;
+    right: 18px;
+    margin-top: -10px;
+  }
 }
 
 </style>

src/views/assets/Platform/const.js

@@ -129,6 +129,7 @@ export const setAutomations = (vm) => {
     _.set(autoFieldsMeta, `${itemMethodKey}.hidden`, (formValue) => {
       return !formValue[itemEnabledKey] || !formValue['ansible_enabled']
     })
+    _.set(autoFieldsMeta, `${itemEnabledKey}.attrs.class`, 'item-enable')
     // 设置 enableMethod className
     _.set(autoFieldsMeta, `${itemMethodKey}.attrs.class`, 'item-method')
     // 设置 enableParams Hidden

src/views/assets/const.js

@@ -119,7 +119,6 @@ export const assetFieldsMeta = (vm) => {
     },
     labels: {
       name: 'labels',
-      label: vm.$t('Label'),
       type: 'm2m',
       component: Select2,
       el: {

src/views/users/Role/RoleCreateUpdate.vue

@@ -35,7 +35,7 @@ export default {
           permissions: {
             component: TextReadonly,
             el: {
-              text: this.$t('AddRolePermissions'),
+              text: this.$t('AddInDetailText'),
               bolder: false
             }
           }