diff --git a/src/components/loginForm/LoginForm.vue b/src/components/loginForm/LoginForm.vue
index 33077a0..e7d6b7c 100644
--- a/src/components/loginForm/LoginForm.vue
+++ b/src/components/loginForm/LoginForm.vue
@@ -10,6 +10,7 @@
             class="login-input"
             placeholder="请输入工号"
             v-model.trim="loginForm.username"
+            :maxlength="inputMaxLength"
           )
             i(slot="prefix" class="icon username-icon")
         el-form-item(prop="password")
@@ -19,6 +20,7 @@
             size="medium"
             placeholder="请输入密码"
             class="login-input"
+            :maxlength="inputMaxLength"
             v-model.trim="loginForm.password"
           )
             i(slot="prefix" class="icon password-icon")
@@ -41,6 +43,7 @@
 <script>
 import Captcha from 'captcha-mini'
 import { maxSizeValidate } from '@/views/validate'
+import { inputMaxLength } from '@/utils/mappingData'
 
 export default {
   name: 'LoginForm',
@@ -70,6 +73,7 @@ export default {
   },
   data() {
     return {
+      inputMaxLength,
       verCode: '',
       captcha1: null,
       loginForm: {
diff --git a/src/utils/mappingData.js b/src/utils/mappingData.js
index 7b0aeb4..3e725bf 100644
--- a/src/utils/mappingData.js
+++ b/src/utils/mappingData.js
@@ -19,3 +19,5 @@ export const PERMISSION_USER_MAP = {
     name: '数据分析员'
   }
 }
+
+export const inputMaxLength = 21
diff --git a/src/views/monitor.vue b/src/views/monitor.vue
index 27ac52d..6538c6c 100644
--- a/src/views/monitor.vue
+++ b/src/views/monitor.vue
@@ -12,7 +12,7 @@
           <el-input
             v-model.trim="ruleForm.username"
             placeholder="请输入营销员姓名"
-            maxlength="21"
+            :maxlength="inputMaxLength"
           >
             <i slot="prefix" class="el-icon-search"></i
           ></el-input>
@@ -21,7 +21,7 @@
           <el-input
             v-model.trim="ruleForm.userId"
             placeholder="请输入营销员工号"
-            maxlength="21"
+            :maxlength="inputMaxLength"
           >
             <i slot="prefix" class="el-icon-search"></i
           ></el-input>
@@ -107,6 +107,7 @@
 import FooterPaginationfrom from './components/FooterPagination'
 import { parseTime, parseTimeSecond } from '@/utils/util'
 import { getResourceMonitorList } from '@/api/monitor'
+import { inputMaxLength } from '@/utils/mappingData'
 
 export default {
   components: {
@@ -114,6 +115,7 @@ export default {
   },
   data() {
     return {
+      inputMaxLength,
       parseTime,
       parseTimeSecond,
       ruleForm: {