From a094f651e30e87aaf095579a9b21bc837e991995 Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Fri, 10 Jun 2022 14:55:46 +0800
Subject: [PATCH] =?UTF-8?q?perf=20:=20=E7=BB=9F=E4=B8=80=20textarea?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/project/L5/CanvasProps.vue         | 4 ++--
 .../components/common/rightBox/administration/modelBox.vue   | 2 +-
 .../components/common/rightBox/administration/roleBox.vue    | 2 +-
 .../src/components/common/rightBox/alertRuleBox.vue          | 4 ++--
 .../src/components/common/rightBox/alertSilenceBox.vue       | 2 +-
 nezha-fronted/src/components/common/rightBox/apiKeyBox.vue   | 5 ++---
 .../components/common/rightBox/asset/assetBatchEditBox.vue   | 2 +-
 .../src/components/common/rightBox/asset/assetBox.vue        | 2 +-
 .../src/components/common/rightBox/assetMetaBox.vue          | 2 +-
 .../src/components/common/rightBox/assetMetaGroup.vue        | 2 +-
 .../src/components/common/rightBox/assetStateBox.vue         | 2 +-
 nezha-fronted/src/components/common/rightBox/cabinetBox.vue  | 2 +-
 .../src/components/common/rightBox/chart/chartRightBox.vue   | 4 ++--
 .../components/common/rightBox/chart/otherChartConfig.vue    | 2 +-
 nezha-fronted/src/components/common/rightBox/exprTmplBox.vue | 3 +--
 .../src/components/common/rightBox/ipDetailsBox.vue          | 2 +-
 nezha-fronted/src/components/common/rightBox/ipamBox.vue     | 2 +-
 nezha-fronted/src/components/common/rightBox/mibBox.vue      | 2 +-
 nezha-fronted/src/components/common/rightBox/moduleBox.vue   | 3 +--
 nezha-fronted/src/components/common/rightBox/projectBox.vue  | 2 +-
 .../src/components/common/rightBox/setting/cabinetBox.vue    | 2 +-
 .../src/components/page/asset/components/assetTagEx.vue      | 2 +-
 nezha-fronted/src/components/page/config/licenseGen.vue      | 2 +-
 .../src/components/page/dashboard/explore/promqlInput.vue    | 5 +++--
 24 files changed, 30 insertions(+), 32 deletions(-)

diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 2a7b80abc..4752b93f6 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -188,8 +188,8 @@
               </el-form-item>
               <!--remark-->
               <el-form-item :label="$t('overall.remark')" class="full-form-item" prop="remark">
-                <el-input v-model="selection.pen.data.remark" :autosize="{ minRows: 2, maxRows: 6}" maxlength="256"
-                          show-word-limit type="textarea"/>
+                <el-input v-model="selection.pen.data.remark" maxlength="256"
+                          show-word-limit type="textarea" size="small" :rows="2"/>
               </el-form-item>
               <!--chart unit-->
               <el-form-item v-show="selection.pen.data.type !='text'" :label="$t('dashboard.panel.chartForm.unit')" class="half-form-item"
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index f4606473d..9bb377dcb 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -52,7 +52,7 @@
           </el-form-item>
           <!--remark-->
           <el-form-item :label="$t('overall.remark')" prop="remark">
-            <el-input maxlength="256" show-word-limit v-model="editModel.remark" size="small" type="text"></el-input>
+            <el-input maxlength="256" show-word-limit v-model="editModel.remark" size="small" :rows="2" type="textarea"></el-input>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
index d9fb16ed1..4d059d81f 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
@@ -15,7 +15,7 @@
                        show-word-limit size="small" type="text" v-model="editRole.name"></el-input>
           </el-form-item>
           <el-form-item :label="$t('overall.remark')">
-            <el-input maxlength="256" show-word-limit :rows="2" size='mini' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/>
+            <el-input maxlength="256" show-word-limit :rows="2" size='small' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/>
           </el-form-item>
 
           <el-form-item :label="$t('config.roles.permission')">
diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index e803c0c28..1c529688e 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -149,11 +149,11 @@
           </el-form-item>
           <!--summary-->
           <el-form-item :label="$t('alert.summary')" prop="summary">
-            <el-input id="alert-box-input-summary" v-model="editAlertRule.summary" maxlength="512" placeholder="" rows="3" show-word-limit size="small" type="textarea"></el-input>
+            <el-input id="alert-box-input-summary" v-model="editAlertRule.summary" maxlength="512" placeholder="" rows="2" show-word-limit size="small" type="textarea"></el-input>
           </el-form-item>
           <!--description-->
           <el-form-item :label="$t('overall.remark')" prop="description">
-            <el-input id="alert-box-input-description" v-model="editAlertRule.description" maxlength="256" placeholder="" rows="4" show-word-limit size="small" type="textarea"></el-input>
+            <el-input id="alert-box-input-description" v-model="editAlertRule.description" maxlength="256" placeholder="" rows="2" show-word-limit size="small" type="textarea"></el-input>
           </el-form-item>
           <div class="alert-rule-split-title">{{ $t('alert.config.effectiveConfig') }}</div>
           <!--state-->
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index 8a7eb91b1..25757738b 100644
--- a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
@@ -95,8 +95,8 @@
           <el-form-item :label='$t("overall.remark")' class="range-time" prop="remark">
             <el-input
               v-model="editAlertSilence.remark"
-              :placeholder="$t('overall.remark')"
               maxlength="256"
+              size="small" :rows="2"
               show-word-limit
               type="textarea">
 
diff --git a/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue b/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
index 6cc154f10..00140a0aa 100644
--- a/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
@@ -10,7 +10,7 @@
       <div class="container__form">
         <el-form ref="apiKeyBoxForm" :model="apiKeyBox" :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label="$t('profile.name')" prop="name">
-            <el-input maxlength="64" show-word-limit v-model="apiKeyBox.name" size="small" type="text" :placeholder="$t('profile.name')"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="apiKeyBox.name" size="small" type="text"></el-input>
           </el-form-item>
            <el-form-item
             :label="$t('profile.apiKey.box.expiredAt')"
@@ -23,12 +23,11 @@
               type="datetime"
               prefix-icon="el-icon-date"
               :format="timeFormatStrToDatePickFormat(dateFormatStr)"
-              :placeholder="$t('backup.selectData')"
             >
             </my-date-picker>
           </el-form-item>
           <el-form-item :label="$t('overall.remark')">
-            <el-input  show-word-limit v-model="apiKeyBox.remark" size="small" type="textarea" :placeholder="$t('overall.remark')" maxlength="256"></el-input>
+            <el-input  size='small' show-word-limit maxlength="256" v-model="apiKeyBox.remark" type="textarea"  :rows="2"></el-input>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
index 456ca8851..af23e0c57 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
@@ -92,7 +92,7 @@
                     </div>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.TEXTAREA">
-                    <el-input v-model="label.value" :maxlength="4096" size="small" type="textarea"/>
+                    <el-input v-model="label.value" :maxlength="4096" size="small" :rows="2" show-word-limit type="textarea"/>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.RADIO">
                     <el-radio v-for="item in JSON.parse(label.param).items" :key="item.name" v-model="label.value" :label="item.name">{{item.name}}</el-radio>
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index 42d004030..5c919a988 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -106,7 +106,7 @@
                   </div>
                 </template>
                 <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.TEXTAREA">
-                  <el-input v-model="label.value[0]" :maxlength="4096" size="small" type="textarea"/>
+                  <el-input v-model="label.value[0]" :maxlength="4096" show-word-limit size="small" :rows="2" type="textarea"/>
                 </template>
                 <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.RADIO">
                   <el-radio-group v-model="label.value[0]">
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
index f32ede4b8..cbd352734 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
@@ -112,7 +112,7 @@
               </div>
             </el-form-item>
             <el-form-item :label='$t("overall.remark")' prop="remark">
-              <el-input placeholder="" maxlength="256" type="textarea" show-word-limit v-model="editAssetMeta.remark" size="small" id="editAssetMeta-box-input-remark"></el-input>
+              <el-input placeholder="" maxlength="256" type="textarea" show-word-limit v-model="editAssetMeta.remark" size="small" :rows="2" id="editAssetMeta-box-input-remark"></el-input>
             </el-form-item>
 <!--            <el-form-item :label='$t("config.assetLabel.example")'>-->
 <!--              <assetTagEx :param="editAssetMeta.param" :type="editAssetMeta.type.toUpperCase()"/>-->
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
index 305343e24..13a558d44 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
@@ -17,7 +17,7 @@
               <el-input placeholder="" maxlength="64" show-word-limit v-model="editMetaGroup.name" size="small" id="editMetaGroup-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("overall.remark")' prop="remark">
-              <el-input placeholder="" maxlength="256" type="textarea" show-word-limit v-model="editMetaGroup.remark" size="small" id="editMetaGroup-box-input-remark"></el-input>
+              <el-input placeholder="" maxlength="256" type="textarea" show-word-limit v-model="editMetaGroup.remark" size="small" :rows="2" id="editMetaGroup-box-input-remark"></el-input>
             </el-form-item>
           </el-form>
         </div>
diff --git a/nezha-fronted/src/components/common/rightBox/assetStateBox.vue b/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
index 571f8f173..e6ce1ea5b 100644
--- a/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
@@ -42,7 +42,7 @@
         </el-form-item>
         <!--descrption-->
         <el-form-item :label="$t('overall.remark')" prop="remark">
-          <el-input id="asset-state-input-description" placeholder="" size="small" type="textarea" v-model="editAssetState.remark"></el-input>
+          <el-input id="asset-state-input-description" placeholder="" size="small" :rows="2" type="textarea" show-word-limit maxlength="256" v-model="editAssetState.remark"></el-input>
         </el-form-item>
       </el-form>
     </div>
diff --git a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
index 21e7d9e55..b8892d819 100644
--- a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
@@ -26,7 +26,7 @@
           <el-input v-model.number="editCabinet.uSize" :max="47" size="small" id="cabinet-box-input-uSize"></el-input>
         </el-form-item>
         <el-form-item :label="$t('overall.remark')">
-          <el-input size='mini' maxlength="256" show-word-limit v-model="editCabinet.remark" type="textarea" :rows="2" id="cabinet-box-input-remark"/>
+          <el-input size='small' maxlength="256" show-word-limit v-model="editCabinet.remark" type="textarea" :rows="2" id="cabinet-box-input-remark"/>
         </el-form-item>
       </el-form>
     </div>
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
index 649e3d434..9c4840c04 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
@@ -67,11 +67,11 @@
         </div>
         <!--remark-->
         <el-form-item :label="$t('overall.remark')">
-          <el-input  maxlength="256" show-word-limit v-model="editChart.remark" :autosize="{ minRows: 1, maxRows: 6}" type="textarea"/>
+          <el-input  maxlength="256" show-word-limit v-model="editChart.remark" size="small" :rows="2" type="textarea"/>
         </el-form-item>
         <!--remark-->
         <el-form-item :label="$t('overall.link')" v-if="editChart.param">
-          <el-input  maxlength="256" show-word-limit v-model="editChart.param.link" :autosize="{ minRows: 1, maxRows: 6}" type="textarea"/>
+          <el-input  maxlength="256" show-word-limit v-model="editChart.param.link" size="small" :rows="2" type="textarea"/>
         </el-form-item>
 
         <!--title-->
diff --git a/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue
index cacde53cc..4539e451b 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue
@@ -133,7 +133,7 @@
       </div>
       <!--url-->
       <el-form-item v-if="isUrl(chartConfig.type)" :label='$t("dashboard.panel.chartForm.url")' :rules="{ required: true,  message: $t('validate.required'), trigger: 'blur' }" prop="param.url">
-        <el-input id="chart-box-url" v-model="chartConfig.param.url" maxlength="1024" show-word-limit size="small" type="textarea" @change="change"></el-input>
+        <el-input id="chart-box-url" v-model="chartConfig.param.url" maxlength="1024" show-word-limit size="small" :rows="2" type="textarea" @change="change"></el-input>
       </el-form-item>
       <!--topoData-->
       <el-form-item v-if="isDiagram(chartConfig.type)" >
diff --git a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
index 3967c3bd2..d4083d084 100644
--- a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
@@ -48,10 +48,9 @@
           <el-form-item :label="$t('overall.remark')" prop="remark">
             <el-input
               v-model="editExprTemp.remark"
-              :placeholder="$t('overall.remark')"
               maxlength="256"
               show-word-limit
-              size="small"
+              size="small" :rows="2"
               type="textarea"
             ></el-input>
           </el-form-item>
diff --git a/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue b/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
index ec984e5ed..cbb2e6c90 100644
--- a/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
@@ -24,7 +24,7 @@
             <el-input maxlength="256" rows="4" show-word-limit placeholder="" v-model="editipDetails.state" size="small"></el-input>
           </el-form-item>
           <el-form-item :label="$t('overall.remark')" prop="remark">
-            <el-input maxlength="256" rows="4" show-word-limit type="textarea" placeholder="" v-model="editipDetails.remark" size="small" id="mib-box-input-remark"></el-input>
+            <el-input maxlength="256" rows="2" show-word-limit type="textarea" placeholder="" v-model="editipDetails.remark" size="small" id="mib-box-input-remark"></el-input>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/common/rightBox/ipamBox.vue b/nezha-fronted/src/components/common/rightBox/ipamBox.vue
index 718982220..6e20c9e0a 100644
--- a/nezha-fronted/src/components/common/rightBox/ipamBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/ipamBox.vue
@@ -61,7 +61,7 @@
             <el-input maxlength="256" rows="4" show-word-limit placeholder="" v-model="editipam.vlan" size="small"></el-input>
           </el-form-item>
           <el-form-item :label="$t('overall.remark')" prop="remark">
-            <el-input maxlength="256" rows="4" show-word-limit type="textarea" placeholder="" v-model="editipam.remark" size="small" id="mib-box-input-remark"></el-input>
+            <el-input maxlength="256" rows="2" show-word-limit type="textarea" placeholder="" v-model="editipam.remark" size="small" id="mib-box-input-remark"></el-input>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/common/rightBox/mibBox.vue b/nezha-fronted/src/components/common/rightBox/mibBox.vue
index 6bb3e5f64..b3aa776be 100644
--- a/nezha-fronted/src/components/common/rightBox/mibBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/mibBox.vue
@@ -25,7 +25,7 @@
               clearable></el-cascader>
           </el-form-item>
           <el-form-item :label="$t('overall.remark')" prop="remark">
-            <el-input maxlength="256" rows="4" show-word-limit type="textarea" placeholder="" v-model="editMib.remark" size="small" id="mib-box-input-remark"></el-input>
+            <el-input maxlength="256" rows="2" show-word-limit type="textarea" placeholder="" v-model="editMib.remark" size="small" id="mib-box-input-remark"></el-input>
           </el-form-item>
           <el-form-item :label="$t('config.mib.mibFiles')" prop="file" :rules="[{validator:checkMibFile,trigger:'change'}]" :class="{'add-required':!editMib.id}">
             <el-upload drag :multiple="false" action="" :file-list="uploadFileList" :on-change="uploadChange" :auto-upload="false" accept="" :on-remove="afterClearFile" ref="mibFileUpload" class="mib-upload right-box-form-row" id="mib-box-input-file">
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 257649340..97bafe5c9 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -28,12 +28,11 @@
             <el-input
               id="module-box-input-remark"
               v-model="editModule.remark"
-              :autosize="{ minRows: 1, maxRows: 6}"
               class="not-fixed-height no-resize"
               maxlength="256"
               show-word-limit
               placeholder=""
-              size="small"
+              size="small" :rows="2"
               type="textarea"></el-input>
           </el-form-item>
           <!--Enpoint template-->
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index f4d2901ca..1cb5bb2fd 100644
--- a/nezha-fronted/src/components/common/rightBox/projectBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue
@@ -16,7 +16,7 @@
             <el-input id="project-box-input-name" v-model="editProject.name" maxlength="64" show-word-limit size="small"></el-input>
           </el-form-item>
           <el-form-item :label='$t("overall.remark")'>
-            <el-input id="project-box-input-remark" v-model="editProject.remark" maxlength="256" show-word-limit type="textarea"></el-input>
+            <el-input id="project-box-input-remark" v-model="editProject.remark" maxlength="256" show-word-limit type="textarea" size="small" :rows="2"></el-input>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
index 39b5d7480..0d1c940d1 100644
--- a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
@@ -19,7 +19,7 @@
             <el-input v-model.number="editCabinet.uSize" :max="47" id="cabinet-box-input-uSize" size="small"></el-input>
           </el-form-item>
           <el-form-item :label="$t('overall.remark')">
-            <el-input size='mini' maxlength="256" show-word-limit v-model="editCabinet.remark" type="textarea" :rows="2" id="cabinet-box-input-remark"/>
+            <el-input size="small" :rows="2" maxlength="256" show-word-limit v-model="editCabinet.remark" type="textarea"  id="cabinet-box-input-remark"/>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/page/asset/components/assetTagEx.vue b/nezha-fronted/src/components/page/asset/components/assetTagEx.vue
index 55d5dfff0..239c61d97 100644
--- a/nezha-fronted/src/components/page/asset/components/assetTagEx.vue
+++ b/nezha-fronted/src/components/page/asset/components/assetTagEx.vue
@@ -21,7 +21,7 @@
       </el-row>
     </div>
     <div v-else-if="type==='textarea'">
-      <el-input v-model="inputValue" size="small" type="textarea" maxlength="512" :autosize="{ minRows: 2, maxRows: 4}"/>
+      <el-input v-model="inputValue" size="small" type="textarea" show-word-limit maxlength="512" :rows="2"/>
     </div>
     <div v-else-if="type==='radio'">
       <el-radio-group v-model="optionValue" >
diff --git a/nezha-fronted/src/components/page/config/licenseGen.vue b/nezha-fronted/src/components/page/config/licenseGen.vue
index b36cbabaf..d3f28b2c9 100644
--- a/nezha-fronted/src/components/page/config/licenseGen.vue
+++ b/nezha-fronted/src/components/page/config/licenseGen.vue
@@ -21,7 +21,7 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('licenseGen.comment')" prop="comment">
-          <el-input id="alert-box-input-description"  placeholder="" size="small" type="textarea" v-model="licenseGen.comment"></el-input>
+          <el-input id="alert-box-input-description"  placeholder="" size="small" :rows="2" type="textarea" v-model="licenseGen.comment" show-word-limit maxlength="256"></el-input>
         </el-form-item>
         <el-form-item class="license-gen-error" prop="file">
           <div class="license-gen-form__upload">
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index e111b634f..df31affdb 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -90,9 +90,10 @@
              v-if="type == 'log'"
             :id="inputId"
             v-model="expressionList[index]"
-            :autosize="{ minRows: 1, maxRows: 6 }"
+            size="small" :rows="2"
             class="not-fixed-height no-resize"
             type="textarea"
+            show-word-limit maxlength="256"
             @input="metricKeyDown"
             @keyup.enter.native="expressionChange"
             ref="elInput"
@@ -252,7 +253,7 @@
                 type="textarea"
                 :maxlength="styleType === 3 ? 512 : 4096"
                 show-word-limit
-                :autosize="{ minRows: 1, maxRows: 6 }"
+                size="small" :rows="2"
                 class="not-fixed-height no-resize"
                 ref="elInput"
               ></el-input>