From 7ddc9bc67c0ac34a196e8533161ac930c02b7c0e Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Fri, 28 May 2021 10:43:41 +0800
Subject: [PATCH 1/3] =?UTF-8?q?NEZ-668=20style:=20nezha=20=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=AD=E8=BE=93=E5=85=A5=E6=A1=86=E5=AD=97=E7=AC=A6?=
 =?UTF-8?q?=E9=95=BF=E5=BA=A6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/language/en.js      |  2 +-
 .../components/common/project/topologyL5.vue  |  3 ++-
 .../rightBox/administration/assetTypeBox.vue  | 18 ++++++++---------
 .../rightBox/administration/modelBox.vue      |  4 ++--
 .../rightBox/administration/roleBox.vue       |  2 +-
 .../rightBox/administration/userBox.vue       |  8 ++++----
 .../components/common/rightBox/agentBox.vue   |  6 +++---
 .../common/rightBox/alertRuleBox.vue          |  2 +-
 .../common/rightBox/alertSilenceBox.vue       |  3 ++-
 .../common/rightBox/asset/assetBox.vue        | 20 +++++++++----------
 .../common/rightBox/assetMetaBox.vue          |  6 +++---
 .../common/rightBox/assetMetaGroup.vue        |  2 +-
 .../components/common/rightBox/cabinetBox.vue |  4 ++--
 .../src/components/common/rightBox/dcBox.vue  |  4 ++--
 .../common/rightBox/exprTmplBox.vue           |  4 ++--
 .../src/components/common/rightBox/mibBox.vue |  2 +-
 .../components/common/rightBox/moduleBox.vue  |  3 ++-
 .../components/common/rightBox/projectBox.vue |  2 +-
 .../common/rightBox/setting/cabinetBox.vue    |  4 ++--
 .../common/rightBox/snmpCredentialBox.vue     | 10 +++++-----
 .../page/config/system/apiKeyTable.vue        |  2 +-
 .../page/config/system/linkTable.vue          |  4 ++--
 .../page/config/system/notifyMethodTable.vue  |  4 ++--
 .../components/page/dashboard/chartBox.vue    |  4 ++--
 .../page/dashboard/explore/promqlInput.vue    |  2 +-
 25 files changed, 64 insertions(+), 61 deletions(-)

diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 7212246a0..91e61e5e9 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -225,7 +225,7 @@ const en = {
   dashboard: {
     title: 'Dashboard',
     addChartTemp: 'Add chart temp',
-    connect: 'Connect',
+    connect: ' Open terminal',
     panel: {
       title: 'Panel', // '面板'
       searchItem: {
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index d93c1fde7..659bd8e26 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -272,13 +272,14 @@
       <el-row class="upload-pic-row">
         <el-col :span="4" class="upload-pic-label">{{ $t('overall.name') }}</el-col>
         <el-col :span="20">
-          <el-input v-model="uploadPic.name" size="small"  :placeholder="$t('project.topology.placeholderImg')"></el-input>
+          <el-input maxlength="64" show-word-limit v-model="uploadPic.name" size="small"  :placeholder="$t('project.topology.placeholderImg')"></el-input>
         </el-col>
       </el-row>
       <el-row class="upload-pic-row">
         <el-col :span="4" class="upload-pic-label">{{ $t('overall.folder') }}</el-col>
         <el-col :span="20">
           <el-autocomplete
+            maxlength="64" show-word-limit
             class="inline-input"
             v-model="uploadPic.unit"
             :fetch-suggestions="querySearch"
diff --git a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
index e35c6e724..444aab644 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
@@ -11,7 +11,7 @@
         <el-form ref="assetTypeForm" :model="editAssetType" :rules="rules" label-position="top" label-width="120px">
           <!--name-->
           <el-form-item :label="$t('config.assetType.name')" prop="name">
-            <el-input v-model="editAssetType.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="editAssetType.name" size="small" type="text"></el-input>
           </el-form-item>
           <!--vm-->
           <el-form-item :label='$t("config.assetType.vm")' prop="vm">
@@ -69,16 +69,16 @@
           </el-form-item>
           <!-- ChartTemplate -->
           <!-- <el-form-item :label="$t('config.type.ChartTemplate')" prop="ChartTemplate">
-            <v-selectpage 
-            :data="chartlList" 
-            :tb-columns="ChartSearchShowFields" 
-            :max-select-limit="3" 
+            <v-selectpage
+            :data="chartlList"
+            :tb-columns="ChartSearchShowFields"
+            :max-select-limit="3"
             :multiple="true"
             title="ChartSearch"
             placeholder="Please select item"
             key-field="id"
-            v-model="editAssetType.chartIds" 
-            show-field="name" 
+            v-model="editAssetType.chartIds"
+            show-field="name"
             class="form-control"
             @values="(data) => {editAssetType.chartIds = data.map(d => d.id).join(',')}"
           ></v-selectpage>
@@ -120,14 +120,14 @@ export default {
   data () {
     return {
       assetConstants,
-      editAssetType: {}, 
+      editAssetType: {},
       editModule: {},
       assetTypeList:[
         {
           id:'',
           authProtocol:''
         }
-      ], 
+      ],
       value:'',
       url: 'asset/typeConf',
       // brandUrl: 'asset/brand',
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index d66e40eed..1edac3dcd 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -11,7 +11,7 @@
         <el-form ref="modelForm" :model="editModel" :rules="rules" label-position="top" label-width="120px">
           <!--name-->
           <el-form-item :label="$t('config.model.name')" prop="name">
-            <el-input v-model="editModel.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="editModel.name" size="small" type="text"></el-input>
           </el-form-item>
           <!--brand-->
           <el-form-item :label='$t("config.model.brand")' prop="brandId">
@@ -41,7 +41,7 @@
           </el-form-item>
           <!--remark-->
           <el-form-item :label="$t('config.model.remark')" prop="remark">
-            <el-input v-model="editModel.remark" size="small" type="text"></el-input>
+            <el-input maxlength="256" show-word-limit v-model="editModel.remark" size="small" type="text"></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 66ff9eefc..9f36b2c50 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('config.roles.description')">
-            <el-input :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='mini' 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/administration/userBox.vue b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
index e1f09ca8a..059f72af8 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
@@ -21,21 +21,21 @@
           </el-form-item>
           <!--password-->
           <el-form-item :label="$t('config.user.pin')" prop="pin">
-            <el-input id="account-input-password" v-model="editUser.pin"  maxlength="16" placeholder=""
+            <el-input id="account-input-password" v-model="editUser.pin"  maxlength="64" placeholder=""
                       show-word-limit size="small" type="password" @blur="pinBlur" autocomplete="new-password"></el-input>
           </el-form-item>
           <!--pinChange-->
           <el-form-item :label="$t('config.user.confirmPin')" label-width="200px" prop="pinChange">
-            <el-input id="account-input-pinChange" v-model="editUser.pinChange"  maxlength="16" placeholder=""
+            <el-input id="account-input-pinChange" v-model="editUser.pinChange"  maxlength="64" placeholder=""
                       show-word-limit size="small" type="password"></el-input>
           </el-form-item>
           <!--email-->
           <el-form-item label="E-mail" prop="email">
-            <el-input id="account-input-email" v-model="editUser.email" placeholder="" size="small" type="text"></el-input>
+            <el-input id="account-input-email" v-model="editUser.email" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
           </el-form-item>
           <!--mobile-->
           <el-form-item :label="$t('config.user.mobile')" prop="mobile">
-            <el-input id="account-input-mobile" v-model.number="editUser.mobile" placeholder="" size="small" type="text"></el-input>
+            <el-input id="account-input-mobile" v-model.number="editUser.mobile" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
           </el-form-item>
           <!--roles-->
           <el-form-item :label="$t('config.user.roles')" prop="roleIds">
diff --git a/nezha-fronted/src/components/common/rightBox/agentBox.vue b/nezha-fronted/src/components/common/rightBox/agentBox.vue
index c1fdea40d..60427c0f6 100644
--- a/nezha-fronted/src/components/common/rightBox/agentBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/agentBox.vue
@@ -25,11 +25,11 @@
 
           <!--host-->
           <el-form-item :label="$t('config.agent.host')" prop="host">
-            <el-input id="prom-box-input-host" v-model="editPromServer.host" placeholder="" size="small" type="text"></el-input>
+            <el-input id="prom-box-input-host" maxlength="64" show-word-limit v-model="editPromServer.host" placeholder="" size="small" type="text"></el-input>
           </el-form-item>
           <!--Port-->
           <el-form-item :label="$t('config.agent.port')" prop="port">
-            <el-input id="prom-box-input-port" v-model.number="editPromServer.port" placeholder="" size="small" type="text"></el-input>
+            <el-input id="prom-box-input-port" maxlength="10" show-word-limit v-model.number="editPromServer.port" placeholder="" size="small" type="text"></el-input>
           </el-form-item>
           <!--type-->
           <el-form-item :label="$t('config.agent.type')" prop="type">
@@ -49,7 +49,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="Token" prop="token">
-            <el-input id="prom-box-input-token" v-model="editPromServer.token" class="right-box-row-with-btn" placeholder="" size="small" type="text">
+            <el-input maxlength="64" show-word-limit id="prom-box-input-token" v-model="editPromServer.token" class="right-box-row-with-btn" placeholder="" size="small" type="text">
               <i slot="suffix" class="nz-icon nz-icon-refresh" @click="refreshToken"></i>
             </el-input>
           </el-form-item>
diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index f7b521a01..980b8d8c8 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -101,7 +101,7 @@
           </el-form-item>
           <!--description-->
           <el-form-item :label="$t('alert.description')" prop="description">
-            <el-input id="alert-box-input-description" v-model="editAlertRule.description" maxlength="512" 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="4" show-word-limit size="small" type="textarea"></el-input>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index 5420d4f89..03eb68f4b 100644
--- a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
@@ -15,6 +15,7 @@
                label-width="120px" :rules="rules" ref="alertSilenceForm">
         <el-form-item :label='$t("alert.silence.name")' prop="name" class="range-name">
           <el-input
+            maxlength="64" show-word-limit
             :placeholder="''"
             size="small"
             v-model="editAlertSilence.name">
@@ -92,7 +93,7 @@
             type="textarea"
             :placeholder="$t('alert.description')"
             v-model="editAlertSilence.remark"
-            maxlength="512"
+            maxlength="256"
             show-word-limit>
 
           </el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index 3304612a1..7e14ba2e3 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -10,7 +10,7 @@
       <div class="container__form">
         <el-form ref="form" :model="editAsset" :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input v-model="editAsset.name" size="small"/>
+            <el-input maxlength="128" show-word-limit v-model="editAsset.name" size="small"/>
           </el-form-item>
           <el-form-item :label="$t('overall.type')" prop="typeId">
             <select-asset-type id="asset-type" :asset-type-data="options.typeOptions" :show-type="editAsset.type" size="small"
@@ -36,13 +36,13 @@
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('asset.manageIp')" prop="manageIp">
-            <el-input v-model="editAsset.manageIp" size="small"/>
+            <el-input  maxlength="64" show-word-limit v-model="editAsset.manageIp" size="small"/>
           </el-form-item>
           <el-form-item :label="$t('asset.sn')" prop="sn">
-            <el-input v-model="editAsset.sn" size="small"/>
+            <el-input  maxlength="128" show-word-limit v-model="editAsset.sn" size="small"/>
           </el-form-item>
           <el-form-item :label="$t('asset.number')" prop="number">
-            <el-input v-model="editAsset.number" size="small"/>
+            <el-input  maxlength="128" show-word-limit v-model="editAsset.number" size="small"/>
           </el-form-item>
           <el-form-item :label="$t('asset.brandAndModel')" class="placeholder-emphasize" prop="brandAndModel">
             <el-cascader
@@ -180,7 +180,7 @@
               </el-select>
             </el-form-item>
             <el-form-item :label="$t('asset.username')" prop="authUsername">
-              <el-input v-model="editAsset.authUsername" size="small"/>
+              <el-input maxlength="64" show-word-limit v-model="editAsset.authUsername" size="small"/>
             </el-form-item>
             <!-- Key支持私钥 -->
             <template v-if="editAsset.authType === assetConstants.authTypeData.key">
@@ -189,7 +189,7 @@
               </el-form-item>
             </template>
             <el-form-item :label="$t('asset.pin')" prop="authPin">
-              <el-input v-model="editAsset.authPin" size="small" type="password"/>
+              <el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small" type="password"/>
             </el-form-item>
             <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
               <el-input v-model="editAsset.authProtocolPort" size="small"/>
@@ -199,16 +199,16 @@
           <template v-if="editAsset.type && editAsset.type.authProtocol === assetConstants.authProtocolData.telnet">
             <div class="form__sub-title">TELNET</div>
             <el-form-item :label="$t('asset.username')" prop="authUsername">
-              <el-input v-model="editAsset.authUsername" size="small"/>
+              <el-input maxlength="64" show-word-limit v-model="editAsset.authUsername" size="small"/>
             </el-form-item>
             <el-form-item :label="$t('asset.pin')" prop="authPin">
-              <el-input v-model="editAsset.authPin" size="small"  type="password"/>
+              <el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small"  type="password"/>
             </el-form-item>
             <el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip">
-              <el-input v-model="editAsset.authUserTip" size="small"/>
+              <el-input maxlength="64" show-word-limit v-model="editAsset.authUserTip" size="small"/>
             </el-form-item>
             <el-form-item :label="$t('asset.pinPrompt')" prop="authPinTip">
-              <el-input v-model="editAsset.authPinTip" size="small"  type="password"/>
+              <el-input maxlength="64" show-word-limit v-model="editAsset.authPinTip" size="small"  type="password"/>
             </el-form-item>
             <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
               <el-input v-model="editAsset.authProtocolPort" size="small"/>
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
index 7d10dbfec..c0a2e7522 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
@@ -14,10 +14,10 @@
         <div class="container__form">
           <el-form label-width="120px"  :model="editAssetMeta" label-position = "top" ref="editAssetMetaForm" :rules="rules">
             <el-form-item :label='$t("config.assetLabel.name")' prop="name">
-              <el-input placeholder="" show-word-limit v-model="editAssetMeta.name" size="small" id="editAssetMeta-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model="editAssetMeta.name" size="small" id="editAssetMeta-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.assetLabel.key")' prop="metaKey">
-              <el-input placeholder="" show-word-limit v-model="editAssetMeta.metaKey" size="small" id="editAssetMeta-box-input-key"></el-input>
+              <el-input placeholder="" maxlength="128" show-word-limit v-model="editAssetMeta.metaKey" size="small" id="editAssetMeta-box-input-key"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.assetLabel.group")' prop="groupId">
               <el-select v-model="editAssetMeta.groupId" size="small" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" :popper-append-to-body="false">
@@ -115,7 +115,7 @@
               </div>
             </el-form-item>
             <el-form-item :label='$t("overall.remark")' prop="remark">
-              <el-input placeholder="" maxlength="512" 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" 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 9ab3ebeff..6b5f3f34d 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
@@ -24,7 +24,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="512" 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" id="editMetaGroup-box-input-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 adf17065f..934581df7 100644
--- a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
@@ -22,7 +22,7 @@
     <div class="right-box-form-box">
       <el-form class="right-box-form right-box-form-left" label-width="120px" label-position = "top" :model="editCabinet" ref="cabinetForm" :rules="rules">
         <el-form-item :label="$t('overall.name')" prop="name">
-          <el-input size='mini' v-model="editCabinet.name" id="cabinet-box-input-name"/>
+          <el-input size='mini' maxlength="64" show-word-limit v-model="editCabinet.name" id="cabinet-box-input-name"/>
         </el-form-item>
         <el-form-item :label="$t('config.dc.dc')" prop="idcId">
           <el-input v-if="dcDisabled" size='mini' v-model="currentDc.name" disabled id="cabinet-box-input-dc"/>
@@ -34,7 +34,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('config.dc.remark')">
-          <el-input size='mini' v-model="editCabinet.remark" type="textarea" :rows="2" id="cabinet-box-input-remark"/>
+          <el-input size='mini' 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/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index 6378b119e..4709c0d6f 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -15,10 +15,10 @@
               <el-input placeholder="" maxlength="64" show-word-limit v-model="editDc.name" size="small" id="dc-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("asset.location")' prop="location">
-              <el-input placeholder="" v-model="editDc.location" size="small" id="dc-box-input-location"></el-input>
+              <el-input placeholder="" maxlength="256" show-word-limit v-model="editDc.location" size="small" id="dc-box-input-location"></el-input>
             </el-form-item>
             <el-form-item :label='$t("asset.tel")' prop="tel">
-              <el-input placeholder="" v-model="editDc.tel" size="small" id="dc-box-input-tel"></el-input>
+              <el-input placeholder="" maxlength="128" show-word-limit v-model="editDc.tel" size="small" id="dc-box-input-tel"></el-input>
             </el-form-item>
             <el-form-item :label='$t("asset.principal")' prop="principal">
               <el-select value-key="id" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" v-model="editDc.principal" placeholder="" size="small" id="dc-box-input-principal">
diff --git a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
index d822960b3..52aea098a 100644
--- a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
@@ -14,7 +14,7 @@
       <div class="container__form">
         <el-form ref="ExprTempForm" :model="editExprTemp" :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label="$t('config.exprTemp.name')" prop="name">
-            <el-input v-model="editExprTemp.name" :placeholder="$t('overall.placeHolder')" size="small"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="editExprTemp.name" :placeholder="$t('overall.placeHolder')" size="small"></el-input>
           </el-form-item>
           <el-form-item :label="$t('config.exprTemp.gname')" prop="gname">
             <!--<el-input v-model="editExprTemp.gname" size="small" :placeholder="$t('overall.placeHolder')"></el-input>-->
@@ -46,7 +46,7 @@
             <el-input
               v-model="editExprTemp.remark"
               :placeholder="$t('alert.description')"
-              maxlength="512"
+              maxlength="256"
               show-word-limit
               size="small"
               type="textarea"
diff --git a/nezha-fronted/src/components/common/rightBox/mibBox.vue b/nezha-fronted/src/components/common/rightBox/mibBox.vue
index 7cd954e77..63a4e0887 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('config.mib.description')" prop="remark">
-            <el-input maxlength="512" 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="4" 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 f3dcba1c9..7ecc0868c 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -30,7 +30,8 @@
               v-model="editModule.remark"
               :autosize="{ minRows: 1, maxRows: 6}"
               class="not-fixed-height no-resize"
-              maxlength="1024"
+              maxlength="256"
+              show-word-limit
               placeholder=""
               size="small"
               type="textarea"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index 9b9442eec..c52956a04 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("project.project.description")'>
-            <el-input id="project-box-input-remark" v-model="editProject.remark" maxlength="1024" show-word-limit size="small" type="textarea"></el-input>
+            <el-input id="project-box-input-remark" v-model="editProject.remark" maxlength="256" show-word-limit size="small" type="textarea"></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 3ee42b5e0..f3c48da75 100644
--- a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
@@ -10,7 +10,7 @@
       <div class="container__form">
         <el-form class="right-box-form right-box-form-left" label-width="120px" label-position = "top" :model="editCabinet" ref="cabinetForm" :rules="rules">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input size='mini' v-model="editCabinet.name" id="cabinet-box-input-name"/>
+            <el-input size='mini' maxlength="64" show-word-limit v-model="editCabinet.name" id="cabinet-box-input-name"/>
           </el-form-item>
           <el-form-item :label="$t('config.dc.dc')" prop="idcId">
             <el-input size='mini' v-model="currentDc.name" disabled id="cabinet-box-input-dc"/>
@@ -19,7 +19,7 @@
             <el-input v-model.number="editCabinet.uSize" :max="47" id="cabinet-box-input-uSize"></el-input>
           </el-form-item>
           <el-form-item :label="$t('config.dc.remark')">
-            <el-input size='mini' v-model="editCabinet.remark" type="textarea" :rows="2" id="cabinet-box-input-remark"/>
+            <el-input size='mini' 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/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index 30f29c95b..ff36d9566 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -15,7 +15,7 @@
               <el-input placeholder="" maxlength="64" show-word-limit v-model="editCredential.name" size="small" id="credential-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.remark")' prop="remark">
-              <el-input placeholder="" v-model="editCredential.remark" size="small" id="credential-box-input-remark"></el-input>
+              <el-input placeholder="" maxlength="256" show-word-limit v-model="editCredential.remark" size="small" id="credential-box-input-remark"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.type")' prop="type">
               <el-select v-model="editCredential.type" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" @change="typeChange">
@@ -28,16 +28,16 @@
               <el-input placeholder=""   v-model.number="editCredential.port" size="small" id="credential-box-input-port"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.ReadCommunity")' prop="readCommunity" v-if="editCredential.type ===1 || editCredential.type === 2">
-              <el-input placeholder="" autocomplete="new-password"  v-model="editCredential.config.readCommunity" size="small" id="credential-box-input-readCommunity"></el-input>
+              <el-input placeholder="" autocomplete="new-password" maxlength="64" show-word-limit v-model="editCredential.config.readCommunity" size="small" id="credential-box-input-readCommunity"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.writeCommunity")' prop="writeCommunity" v-if="editCredential.type ===1 || editCredential.type === 2">
-              <el-input placeholder="" autocomplete="new-password"  v-model="editCredential.config.writeCommunity" size="small" id="credential-box-input-writeCommunity" type="password" show-password></el-input>
+              <el-input placeholder="" autocomplete="new-password" maxlength="64" show-word-limit v-model="editCredential.config.writeCommunity" size="small" id="credential-box-input-writeCommunity" type="password" show-password></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.username")' prop="username" v-if="editCredential.type === 3">
-              <el-input placeholder=""   v-model="editCredential.config.username" size="small" id="credential-box-input-username"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model="editCredential.config.username" size="small" id="credential-box-input-username"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.contextName")' prop="contextname"  v-if="editCredential.type === 3">
-              <el-input placeholder=""   v-model="editCredential.config.contextname" size="small" id="credential-box-input-contextname"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model="editCredential.config.contextname" size="small" id="credential-box-input-contextname"></el-input>
             </el-form-item>
 
             <div class="right-box-sub-title" v-if="editCredential.type === 3">{{$t('config.mib.credential.auth')}}</div>
diff --git a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
index a07c5440a..282bf1a82 100644
--- a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
@@ -36,7 +36,7 @@
           <template v-if="scope.row.edit">
             <template v-if="item.prop == 'name'">
               <el-popover :content="rules.name.message" placement="top" trigger="manual" v-model="rules.name.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.name)">
-                <el-input slot="reference" v-model="scope.row[item.prop]" size="small" ></el-input>
+                <el-input slot="reference" maxlength="64" show-word-limit v-model="scope.row[item.prop]" size="small" ></el-input>
               </el-popover>
             </template>
             <template v-if="item.prop == 'role'">
diff --git a/nezha-fronted/src/components/page/config/system/linkTable.vue b/nezha-fronted/src/components/page/config/system/linkTable.vue
index 9dfc6ccf9..f13c69a84 100644
--- a/nezha-fronted/src/components/page/config/system/linkTable.vue
+++ b/nezha-fronted/src/components/page/config/system/linkTable.vue
@@ -36,12 +36,12 @@
           <template v-if="scope.row.edit">
             <template v-if="item.prop == 'name'">
               <el-popover :content="rules.name.message" placement="top" trigger="manual" v-model="rules.name.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.name)">
-                <el-input slot="reference" v-model="scope.row[item.prop]" size="small" ></el-input>
+                <el-input maxlength="64" show-word-limit slot="reference" v-model="scope.row[item.prop]" size="small" ></el-input>
               </el-popover>
             </template>
             <template v-if="item.prop == 'url'">
               <el-popover :content="rules.url.message" placement="top" trigger="manual" v-model="rules.url.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.url)">
-                <el-input slot="reference" v-model="scope.row[item.prop]" size="small" ></el-input>
+                <el-input maxlength="1024" show-word-limit slot="reference" v-model="scope.row[item.prop]" size="small" ></el-input>
               </el-popover>
             </template>
           </template>
diff --git a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
index 080577681..4b6141132 100644
--- a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
+++ b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
@@ -36,12 +36,12 @@
           <template v-if="scope.row.edit">
             <template v-if="item.prop == 'name'">
               <el-popover :content="rules.name.message" placement="top" trigger="manual" v-model="rules.name.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.name)">
-                <el-input slot="reference" v-model="scope.row[item.prop]" size="small" ></el-input>
+                <el-input slot="reference" maxlength="64" show-word-limit v-model="scope.row[item.prop]" size="small" ></el-input>
               </el-popover>
             </template>
             <template v-if="item.prop == 'filePath'">
               <el-popover :content="rules.filePath.message" placement="top" trigger="manual" v-model="rules.filePath.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.filePath)">
-                <el-input slot="reference" v-model="scope.row[item.prop]" size="small" ></el-input>
+                <el-input slot="reference" maxlength="256" show-word-limit v-model="scope.row[item.prop]" size="small" ></el-input>
               </el-popover>
             </template>
             <template v-if="item.prop == 'account'">
diff --git a/nezha-fronted/src/components/page/dashboard/chartBox.vue b/nezha-fronted/src/components/page/dashboard/chartBox.vue
index 53afdcf8e..706a880fe 100644
--- a/nezha-fronted/src/components/page/dashboard/chartBox.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartBox.vue
@@ -205,7 +205,7 @@
           </el-form-item>
           <!--   remark   -->
           <el-form-item :label="$t('dashboard.panel.chartForm.remark')">
-            <el-input v-model="editChart.remark" :autosize="{ minRows: 1, maxRows: 6}" type="textarea"/>
+            <el-input  maxlength="256" show-word-limit v-model="editChart.remark" :autosize="{ minRows: 1, maxRows: 6}" type="textarea"/>
           </el-form-item>
 
           <div class="form__sub-title">{{$t('dashboard.panel.chartForm.option')}}</div>
@@ -316,7 +316,7 @@
                   </el-popover>
                 </el-col>
                 <el-col style="width: calc(100% - 160px);">
-                  <el-input size="small" type="text" v-model="legends[index-1]" ></el-input>
+                  <el-input maxlength="512" show-word-limit size="small" type="text" v-model="legends[index-1]" ></el-input>
                 </el-col>
               </el-row>
               <div class="nz-icon-minus-position">
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index a1211ed47..6299e0b8e 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -68,7 +68,7 @@
               :style="{'width':plugins.indexOf('metric-selector') > -1 ? 'calc(100% - 160px)':'100%',height: '100%',}">
               <div class="input-box" @click="dropDownVisible=false" v-if="plugins.indexOf('metric-input') > -1">
                 <!--<editor :styleType="styleType" :metric-list="metricStore" :historyParam="historyParam" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>-->
-                <el-input v-model="expressionList[index]" @input="metricKeyDown"   type="textarea"
+                <el-input maxlength="4096" show-word-limit v-model="expressionList[index]" @input="metricKeyDown"   type="textarea"
                           :autosize="{ minRows: 1, maxRows: 6}" class="not-fixed-height no-resize" ref="elInput"></el-input>
                 <div class="append-msg error" v-if="errorMsg"><span>{{errorMsg}}</span></div>
                 <div class="append-msg error" v-if="appendMsg"><span>{{appendMsg}}</span></div>

From ccf8013050fe7b7c9759c13da1738724a17f9a47 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Fri, 28 May 2021 11:28:33 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=20=E4=BF=AE=E5=A4=8DExpression=20me?=
 =?UTF-8?q?tric-input=E4=B8=8D=E6=AD=A3=E7=A1=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/common/rightBox/alertRuleBox.vue | 2 +-
 .../src/components/page/dashboard/explore/promqlInput.vue     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index 980b8d8c8..838301b4b 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -26,7 +26,7 @@
                 :index="0"
                 :plugins="['metric-selector','metric-input']"
                 :required="true"
-                :styleType="2"
+                :styleType="3"
                 @change="metricChange"
               ></promql-input>
             </el-row>
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index 6299e0b8e..1e8b252a3 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -39,7 +39,7 @@
         </div>
       </template>
       <!--right-box里的样式-->
-      <template v-if="styleType == 2">
+      <template v-if="styleType === 2 || styleType === 3">
           <el-row v-if="plugins.indexOf('metric-input') > -1 || plugins.indexOf('metric-selector') > -1"
                   style="width: 100%;">
             <el-col
@@ -68,7 +68,7 @@
               :style="{'width':plugins.indexOf('metric-selector') > -1 ? 'calc(100% - 160px)':'100%',height: '100%',}">
               <div class="input-box" @click="dropDownVisible=false" v-if="plugins.indexOf('metric-input') > -1">
                 <!--<editor :styleType="styleType" :metric-list="metricStore" :historyParam="historyParam" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>-->
-                <el-input maxlength="4096" show-word-limit v-model="expressionList[index]" @input="metricKeyDown"   type="textarea"
+                <el-input v-model="expressionList[index]" @input="metricKeyDown"   type="textarea" :maxlength="styleType === 3 ? 512 : 4096" show-word-limit
                           :autosize="{ minRows: 1, maxRows: 6}" class="not-fixed-height no-resize" ref="elInput"></el-input>
                 <div class="append-msg error" v-if="errorMsg"><span>{{errorMsg}}</span></div>
                 <div class="append-msg error" v-if="appendMsg"><span>{{appendMsg}}</span></div>

From 6e601b36df5ed81c952904d6a0ac7e99239de93d Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Fri, 28 May 2021 13:12:05 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20=E6=B7=BB=E5=8A=A0=E9=AA=8C=E8=AF=81?=
 =?UTF-8?q?=E7=94=B5=E8=AF=9D=E5=8F=B7=E7=A0=81=E6=98=AF=E5=90=A6=E5=90=88?=
 =?UTF-8?q?=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/language/cn.js      |  1 +
 .../src/components/common/language/en.js      |  1 +
 .../rightBox/administration/userBox.vue       | 19 +++++++++++++++++--
 .../src/components/common/rightBox/dcBox.vue  | 15 +++++++++++++++
 nezha-fronted/src/store/validate.js           |  4 ++++
 5 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 nezha-fronted/src/store/validate.js

diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js
index 13e7956d7..510830d0b 100644
--- a/nezha-fronted/src/components/common/language/cn.js
+++ b/nezha-fronted/src/components/common/language/cn.js
@@ -504,6 +504,7 @@ const cn = {
     number: '必须是数字',
     email: '不合法的E-mail地址',
     tel: '不合法的电话号码',
+    telephone: '电话号码不能为空',
     host: '不合法的IP',
     fileSize: '文件过大',
     port: '不合法的端口',
diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 91e61e5e9..4cff73fc1 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -515,6 +515,7 @@ const en = {
     positiveInteger: 'Positive integer',
     email: 'Invalid email', // '不合法的E-mail地址'
     tel: 'Invalid phone number', // '不合法的电话号码'
+    telephone: 'Phone number cannot be empty',
     host: 'Invalid Host', // '不合法的Host'
     domain: 'Invalid domain',
     usize: 'Must be number(1 - 47)',
diff --git a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
index 059f72af8..9d22da4cf 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
@@ -81,7 +81,9 @@
 </template>
 
 <script>
-import { host, port } from '@/components/common/js/validate'
+// import { host, port } from '@/components/common/js/validate'
+import {isvalidPhone} from "../../../../store/validate";
+
 export default {
   name: 'userBox',
   components: {
@@ -108,7 +110,16 @@ export default {
       } else {
         callback()
       }
-    }
+    };
+    const phoneVerification = (rule, value,callback) => {
+      if (!value){
+        callback(new Error(this.$t('validate.telephone')))
+      }else  if (!isvalidPhone(value)){
+        callback(new Error(this.$t('validate.tel')))
+      }else {
+        callback()
+      }
+    };
     return {
       editUser: {},
       url: 'sys/user',
@@ -132,6 +143,10 @@ export default {
         ],
         email: [
           { type: 'email', message: this.$t('validate.email') }
+        ],
+        mobile: [
+          { validator: phoneVerification, required : true, trigger: 'blur' },
+          { required: true, message: '', trigger: 'blur' }
         ]
       },
       rules2: { // 表单校验规则
diff --git a/nezha-fronted/src/components/common/rightBox/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index 4709c0d6f..8a7cc715f 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -65,6 +65,8 @@
 <script>
 import latlngPicker from '../latlngPicker'
 const regNum = /^[0-9]+.?[0-9]*/
+import {isvalidPhone} from "../../../store/validate";
+
 export default {
   name: 'dcBox',
   components: { latlngPicker },
@@ -75,6 +77,15 @@ export default {
     userData: Array
   },
   data () {
+    const phoneVerification = (rule, value,callback) => {
+      if (!value){
+        callback(new Error(this.$t('validate.telephone')))
+      }else  if (!isvalidPhone(value)){
+        callback(new Error(this.$t('validate.tel')))
+      }else {
+        callback()
+      }
+    }
     return {
       editDc: {},
       rules: {
@@ -83,6 +94,10 @@ export default {
         ],
         state: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        tel: [
+          { validator: phoneVerification, required: true, trigger: 'blur' },
+          { required: true, message: '', trigger: 'blur' }
         ]
       },
       areaData: [],
diff --git a/nezha-fronted/src/store/validate.js b/nezha-fronted/src/store/validate.js
new file mode 100644
index 000000000..1f09a9fce
--- /dev/null
+++ b/nezha-fronted/src/store/validate.js
@@ -0,0 +1,4 @@
+export function isvalidPhone(str) {
+  const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
+  return reg.test(str)
+}