From 051784e52beb45835b3e6d3a56fd5b170bd090ee Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 7 Mar 2023 11:01:04 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=20perms=20=E4=B8=AD?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E5=85=B3=E8=81=94=E8=B4=A6=E5=8F=B7=E6=A8=A1?=
 =?UTF-8?q?=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/AccountFormatter.vue                | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/views/perms/AssetPermission/components/AccountFormatter.vue b/src/views/perms/AssetPermission/components/AccountFormatter.vue
index 12cce3b15..ce214c84b 100644
--- a/src/views/perms/AssetPermission/components/AccountFormatter.vue
+++ b/src/views/perms/AssetPermission/components/AccountFormatter.vue
@@ -22,10 +22,11 @@
           :autocomplete="autocomplete"
           :tag-type="getTagType"
           :value="specAccountsInput"
-          style="width: 80%;"
           @change="handleTagChange"
         />
-        <el-button size="small" type="primary" @click="showAccountTemplateDialog=true">通过账号模版选择</el-button>
+        <el-button size="small" type="primary" @click="showAccountTemplateDialog=true">
+          通过账号模版选择
+        </el-button>
       </el-form-item>
     </div>
 
@@ -111,7 +112,8 @@ export default {
         tableConfig: {
           url: '/api/v1/accounts/account-templates/',
           columns: [
-            'name', 'username', 'has_secret', 'comment', 'date_created', 'date_updated'
+            'name', 'username', 'has_secret', 'comment',
+            'date_created', 'date_updated'
           ],
           columnsMeta: {
             has_secret: {
@@ -212,7 +214,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang='scss' scoped>
 .select >>> .el-input.el-input--suffix {
   width: 100px
 }
@@ -220,6 +222,10 @@ export default {
 .spec-accounts {
   border: solid 1px #f3f3f4;
   padding: 10px;
+
+  >>> .filter-field .el-form-item__content {
+    width: 90% !important;
+  }
 }
 
 .help-text {