From f9cd35ac74b28a0bf69a663e70f059f5bef44668 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Fri, 15 Mar 2024 14:24:30 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=20applet=20detail?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Cards/DetailCard/index.vue                | 6 +++++-
 src/router/console/accounts.js                           | 7 +------
 src/router/console/acls.js                               | 5 +----
 src/styles/index.scss                                    | 6 +++---
 src/views/settings/Applet/Applet/AppletDetail/Detail.vue | 6 +++---
 src/views/users/User/UserDetail/index.vue                | 3 +--
 6 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/src/components/Cards/DetailCard/index.vue b/src/components/Cards/DetailCard/index.vue
index b645e371f..f49889fbf 100644
--- a/src/components/Cards/DetailCard/index.vue
+++ b/src/components/Cards/DetailCard/index.vue
@@ -1,6 +1,6 @@
 <template>
   <IBox :fa="fa" :title="title">
-    <el-form class="content" label-position="left" label-width="25%">
+    <el-form :label-width="labelWidth" class="content" label-position="left">
       <el-form-item v-for="item in items" :key="item.key" :class="item.class" :label="item.key">
         <span slot="label"> {{ formateLabel(item.key) }}</span>
         <ItemValue :value="item.value" class="item-value" v-bind="item" />
@@ -35,6 +35,10 @@ export default {
     align: {
       type: String,
       default: 'left'
+    },
+    labelWidth: {
+      type: String,
+      default: '25%'
     }
   },
   methods: {
diff --git a/src/router/console/accounts.js b/src/router/console/accounts.js
index 5c1212e3a..20d574c5b 100644
--- a/src/router/console/accounts.js
+++ b/src/router/console/accounts.js
@@ -1,6 +1,5 @@
 import i18n from '@/i18n/i18n'
 import empty from '@/layout/empty'
-import store from '@/store'
 
 export default [
   {
@@ -122,8 +121,7 @@ export default [
     meta: {
       app: 'accounts',
       name: 'AccountPushList',
-      resource: 'pushaccountautomation',
-      hidden: () => store.getters.publicSettings.LITE
+      resource: 'pushaccountautomation'
     },
     children: [
       {
@@ -195,7 +193,6 @@ export default [
     meta: {
       title: i18n.t('AccountGatherList'),
       app: 'accounts',
-      hidden: () => store.getters.publicSettings.LITE,
       licenseRequired: true
     },
     children: [
@@ -269,7 +266,6 @@ export default [
     meta: {
       title: i18n.t('AccountChangeSecret'),
       app: 'accounts',
-      hidden: () => store.getters.publicSettings.LITE,
       licenseRequired: true
     },
     children: [
@@ -343,7 +339,6 @@ export default [
       title: i18n.t('AccountBackup'),
       app: 'accounts',
       resource: 'accountbackupautomation',
-      hidden: () => store.getters.publicSettings.LITE,
       licenseRequired: true
     },
     children: [
diff --git a/src/router/console/acls.js b/src/router/console/acls.js
index 0c6555f41..741bcec8a 100644
--- a/src/router/console/acls.js
+++ b/src/router/console/acls.js
@@ -1,6 +1,5 @@
 import i18n from '@/i18n/i18n'
 import empty from '@/layout/empty'
-import store from '@/store'
 
 const globalSubmenu = () => import('@/layout/globalOrg.vue')
 
@@ -55,7 +54,6 @@ export default [
       title: i18n.t('AssetAclList'),
       licenseRequired: true,
       app: 'acls',
-      hidden: () => store.getters.publicSettings.LITE,
       resource: 'loginassetacl'
     },
     children: [
@@ -151,7 +149,6 @@ export default [
       licenseRequired: true,
       app: 'acls',
       disableOrgsChange: true,
-      hidden: () => store.getters.publicSettings.LITE,
       resource: 'connectmethodacl'
     },
     children: [
@@ -191,8 +188,8 @@ export default [
     meta: {
       title: i18n.t('UserLoginAclList'),
       app: 'acls',
+      licenseRequired: true,
       resource: 'loginacl',
-      hidden: () => store.getters.publicSettings.LITE,
       disableOrgsChange: true
     },
     children: [
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 56b49c887..716a29cb7 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -187,9 +187,9 @@ input[type=file] {
 .el-col.el-col-sm-24 .ibox {
   margin-bottom: 10px;
 
-  &:last-child {
-    margin-bottom: 0;
-  }
+  //&:last-child {
+  //  margin-bottom: 0;
+  //}
 }
 
 .el-pagination {
diff --git a/src/views/settings/Applet/Applet/AppletDetail/Detail.vue b/src/views/settings/Applet/Applet/AppletDetail/Detail.vue
index 1b57350b4..1aaa20074 100644
--- a/src/views/settings/Applet/Applet/AppletDetail/Detail.vue
+++ b/src/views/settings/Applet/Applet/AppletDetail/Detail.vue
@@ -1,9 +1,9 @@
 <template>
   <el-row :gutter="20">
-    <el-col :md="8" :sm="24">
-      <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
+    <el-col :lg="10" :md="10" :sm="24">
+      <AutoDetailCard :fields="detailFields" :object="object" :url="url" label-width="40%" />
     </el-col>
-    <el-col :md="16" :sm="24">
+    <el-col :lg="14" :md="14" :sm="24">
       <IBox title="README">
         <vue-markdown v-if="object.readme" :source="object.readme" />
         <span v-else>{{ $tc('NoData') }}</span>
diff --git a/src/views/users/User/UserDetail/index.vue b/src/views/users/User/UserDetail/index.vue
index a9ca1fa25..45fae5a4e 100644
--- a/src/views/users/User/UserDetail/index.vue
+++ b/src/views/users/User/UserDetail/index.vue
@@ -53,8 +53,7 @@ export default {
           },
           {
             title: this.$t('UserAclLists'),
-            name: 'UserLoginAcl',
-            hidden: () => !vm.$hasPerm('acls.view_loginacl') || this.$store.getters.publicSettings.LITE
+            name: 'UserLoginAcl'
           },
           {
             title: this.$t('UserSession'),