diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index a1721d5884..51c9a25cd5 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -911,6 +911,7 @@ export default {
     },
     // 外部传参改动x
     moveHorizontally(val) {
+      // eslint-disable-next-line no-unused-vars
       const [deltaX, _] = snapToGrid(this.grid, val, this.top, this.scale)
       const left = restrictToBounds(deltaX, this.bounds.minLeft, this.bounds.maxLeft)
       this.left = left
@@ -918,6 +919,7 @@ export default {
     },
     // 外部传参改动y
     moveVertically(val) {
+      // eslint-disable-next-line no-unused-vars
       const [_, deltaY] = snapToGrid(this.grid, this.left, val, this.scale)
       const top = restrictToBounds(deltaY, this.bounds.minTop, this.bounds.maxTop)
       this.top = top
@@ -926,6 +928,7 @@ export default {
     // 控制柄移动
     handleResize(e) {
       const handle = this.handle
+      // eslint-disable-next-line no-unused-vars
       const scaleRatio = this.scaleRatio
       const { TL, TR, BL, BR } = this
       let { x: mouseX, y: mouseY } = this.getMouseCoordinate(e)
@@ -1085,6 +1088,7 @@ export default {
     changeWidth(val) {
       // console.log('parentWidth', this.parentWidth)
       // console.log('parentHeight', this.parentHeight)
+      // eslint-disable-next-line no-unused-vars
       const [newWidth, _] = snapToGrid(this.grid, val, 0, this.scale)
       // const right = restrictToBounds(this.parentWidth - newWidth - this.left, this.bounds.minRight, this.bounds.maxRight)
       // private 将 this.bounds.minRight 设置为0
@@ -1102,6 +1106,7 @@ export default {
       this.height = height
     },
     changeHeight(val) {
+      // eslint-disable-next-line no-unused-vars
       const [_, newHeight] = snapToGrid(this.grid, 0, val, this.scale)
       // const bottom = restrictToBounds(this.parentHeight - newHeight - this.top, this.bounds.minBottom, this.bounds.maxBottom)
       // private 将 this.bounds.minBottom 设置为0
@@ -1418,6 +1423,7 @@ export default {
     },
     // 修复 正则获取left与top
     formatTransformVal(string) {
+      // eslint-disable-next-line prefer-const
       let [left, top, rotate = 0] = string.match(/[\d|\.]+/g)
       if (top === undefined) top = 0
       return [Number(left), Number(top), rotate]
diff --git a/frontend/src/components/business/condition-table/DeComplexInput.vue b/frontend/src/components/business/condition-table/DeComplexInput.vue
index 9ff39ac3bf..8108de7c9f 100644
--- a/frontend/src/components/business/condition-table/DeComplexInput.vue
+++ b/frontend/src/components/business/condition-table/DeComplexInput.vue
@@ -14,7 +14,9 @@ export default {
   components: { DeComplexOperator },
   //   mixins: [mixins],
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     field: String,
+    // eslint-disable-next-line vue/require-default-prop
     label: String,
     defaultOperator: {
       type: String,
diff --git a/frontend/src/components/business/condition-table/DeComplexOperator.vue b/frontend/src/components/business/condition-table/DeComplexOperator.vue
index 1feec41b1d..e0b57b5f22 100644
--- a/frontend/src/components/business/condition-table/DeComplexOperator.vue
+++ b/frontend/src/components/business/condition-table/DeComplexOperator.vue
@@ -30,8 +30,11 @@ export default {
     event: 'change'
   },
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     label: String,
+    // eslint-disable-next-line vue/require-default-prop
     operator: String,
+    // eslint-disable-next-line vue/require-default-prop
     operators: Array
   },
   data() {
diff --git a/frontend/src/components/canvas/components/Editor/Area.vue b/frontend/src/components/canvas/components/Editor/Area.vue
index c9d5efb1a7..53757c6a88 100644
--- a/frontend/src/components/canvas/components/Editor/Area.vue
+++ b/frontend/src/components/canvas/components/Editor/Area.vue
@@ -14,13 +14,16 @@
 export default {
   props: {
     start: {
-      type: Object
+      type: Object,
+      default: null
     },
     width: {
-      type: Number
+      type: Number,
+      default: null
     },
     height: {
-      type: Number
+      type: Number,
+      default: null
     }
   }
 }
diff --git a/frontend/src/components/canvas/components/Editor/Grid.vue b/frontend/src/components/canvas/components/Editor/Grid.vue
index a12b6d9313..b36818f34d 100644
--- a/frontend/src/components/canvas/components/Editor/Grid.vue
+++ b/frontend/src/components/canvas/components/Editor/Grid.vue
@@ -27,6 +27,7 @@
 
 export default {
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     matrixStyle: {
       type: Object
     }
diff --git a/frontend/src/components/canvas/custom-component/Group.vue b/frontend/src/components/canvas/custom-component/Group.vue
index 96fc1d7688..ada3e0b8d9 100644
--- a/frontend/src/components/canvas/custom-component/Group.vue
+++ b/frontend/src/components/canvas/custom-component/Group.vue
@@ -25,6 +25,7 @@ export default {
       type: Array,
       default: () => []
     },
+    // eslint-disable-next-line vue/require-default-prop
     element: {
       type: Object
     }
diff --git a/frontend/src/components/canvas/custom-component/Picture.vue b/frontend/src/components/canvas/custom-component/Picture.vue
index a30b20d78c..4a05a88fe6 100644
--- a/frontend/src/components/canvas/custom-component/Picture.vue
+++ b/frontend/src/components/canvas/custom-component/Picture.vue
@@ -7,6 +7,7 @@
 <script>
 export default {
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     propValue: {
       type: String,
       require: true
diff --git a/frontend/src/components/canvas/custom-component/RectShape.vue b/frontend/src/components/canvas/custom-component/RectShape.vue
index 8f05f0809e..21b769dc2b 100644
--- a/frontend/src/components/canvas/custom-component/RectShape.vue
+++ b/frontend/src/components/canvas/custom-component/RectShape.vue
@@ -7,6 +7,7 @@
 <script>
 export default {
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     element: {
       type: Object
     }
diff --git a/frontend/src/components/canvas/custom-component/VText.vue b/frontend/src/components/canvas/custom-component/VText.vue
index cd5966363c..8106661306 100644
--- a/frontend/src/components/canvas/custom-component/VText.vue
+++ b/frontend/src/components/canvas/custom-component/VText.vue
@@ -25,10 +25,12 @@ import { keycodes } from '@/components/canvas/utils/shortcutKey.js'
 
 export default {
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     propValue: {
       type: String,
       require: true
     },
+    // eslint-disable-next-line vue/require-default-prop
     element: {
       type: Object
     },
@@ -68,17 +70,17 @@ export default {
     },
 
     handleKeydown(e) {
-      if (e.keyCode == this.ctrlKey) {
+      if (e.keyCode === this.ctrlKey) {
         this.isCtrlDown = true
       } else if (this.isCtrlDown && this.canEdit && keycodes.includes(e.keyCode)) {
         e.stopPropagation()
-      } else if (e.keyCode == 46) { // deleteKey
+      } else if (e.keyCode === 46) { // deleteKey
         e.stopPropagation()
       }
     },
 
     handleKeyup(e) {
-      if (e.keyCode == this.ctrlKey) {
+      if (e.keyCode === this.ctrlKey) {
         this.isCtrlDown = false
       }
     },
diff --git a/frontend/src/components/canvas/index.vue b/frontend/src/components/canvas/index.vue
index 85b2a5cc3f..60d9e6d358 100644
--- a/frontend/src/components/canvas/index.vue
+++ b/frontend/src/components/canvas/index.vue
@@ -38,6 +38,7 @@ import generateID from '@/utils/generateID'
 import { listenGlobalKeyDown } from '@/utils/shortcutKey'
 
 export default {
+  // eslint-disable-next-line vue/no-unused-components
   components: { Editor, ComponentList, AttrList, AnimationList, EventList, Toolbar },
   data() {
     return {
@@ -71,6 +72,7 @@ export default {
     resetID(data) {
       if (data) {
         data.forEach(item => {
+          // eslint-disable-next-line no-undef
           item.type !== 'custom' && (item.id = uuid.v1())
         })
       }
@@ -85,7 +87,7 @@ export default {
       let component
       const id = e.dataTransfer.getData('componentId')
       componentList.forEach(componentTemp => {
-        if (id == componentTemp.id) {
+        if (id === componentTemp.id) {
           component = deepCopy(componentTemp)
         }
       })
@@ -112,7 +114,7 @@ export default {
       }
 
       // 0 左击 1 滚轮 2 右击
-      if (e.button != 2) {
+      if (e.button !== 2) {
         this.$store.commit('hideContextMenu')
       }
     }
diff --git a/frontend/src/components/canvas/store/compose.js b/frontend/src/components/canvas/store/compose.js
index c130e800e9..8b6864a1f8 100644
--- a/frontend/src/components/canvas/store/compose.js
+++ b/frontend/src/components/canvas/store/compose.js
@@ -77,7 +77,7 @@ export default {
     batchDeleteComponent({ componentData }, deleteData) {
       deleteData.forEach(component => {
         for (let i = 0, len = componentData.length; i < len; i++) {
-          if (component.id == componentData[i].id) {
+          if (component.id === componentData[i].id) {
             componentData.splice(i, 1)
             break
           }
diff --git a/frontend/src/components/canvas/utils/shortcutKey.js b/frontend/src/components/canvas/utils/shortcutKey.js
index 0952a555ff..a9df0dbdd4 100644
--- a/frontend/src/components/canvas/utils/shortcutKey.js
+++ b/frontend/src/components/canvas/utils/shortcutKey.js
@@ -56,9 +56,9 @@ let isCtrlDown = false
 export function listenGlobalKeyDown() {
   window.onkeydown = (e) => {
     const { curComponent } = store.state
-    if (e.keyCode == ctrlKey) {
+    if (e.keyCode === ctrlKey) {
       isCtrlDown = true
-    } else if (e.keyCode == deleteKey && curComponent) {
+    } else if (e.keyCode === deleteKey && curComponent) {
       store.commit('deleteComponent')
       store.commit('recordSnapshot')
     } else if (isCtrlDown) {
@@ -73,7 +73,7 @@ export function listenGlobalKeyDown() {
   }
 
   window.onkeyup = (e) => {
-    if (e.keyCode == ctrlKey) {
+    if (e.keyCode === ctrlKey) {
       isCtrlDown = false
     }
   }
@@ -109,7 +109,7 @@ function compose() {
 
 function decompose() {
   const curComponent = store.state.curComponent
-  if (curComponent && !curComponent.isLock && curComponent.component == 'Group') {
+  if (curComponent && !curComponent.isLock && curComponent.component === 'Group') {
     store.commit('decompose')
     store.commit('recordSnapshot')
   }
diff --git a/frontend/src/components/canvas/utils/style.js b/frontend/src/components/canvas/utils/style.js
index f426d07177..810cca2702 100644
--- a/frontend/src/components/canvas/utils/style.js
+++ b/frontend/src/components/canvas/utils/style.js
@@ -33,7 +33,7 @@ export function getStyle(style, filter = []) {
 // 获取一个组件旋转 rotate 后的样式
 export function getComponentRotatedStyle(style) {
   style = { ...style }
-  if (style.rotate != 0) {
+  if (style.rotate !== 0) {
     const newWidth = style.width * cos(style.rotate) + style.height * sin(style.rotate)
     const diffX = (style.width - newWidth) / 2 // 旋转后范围变小是正值，变大是负值
     style.left += diffX
diff --git a/frontend/src/directive/DataPermission/index.js b/frontend/src/directive/DataPermission/index.js
index d217a40428..6151a1a081 100644
--- a/frontend/src/directive/DataPermission/index.js
+++ b/frontend/src/directive/DataPermission/index.js
@@ -1,5 +1,7 @@
 function checkDataPermission(el, binding, vnode) {
+  // eslint-disable-next-line no-unused-vars
   const dataPermission = vnode.privileges
+  // eslint-disable-next-line no-unused-vars
   const { value } = binding
   // // 数据授权采用并集的方式 部门 角色 用户 有一个有权限即可
   // if (value && value instanceof Array) {
diff --git a/frontend/src/link/link-router.js b/frontend/src/link/link-router.js
index f0d14133de..7ea2381ba1 100644
--- a/frontend/src/link/link-router.js
+++ b/frontend/src/link/link-router.js
@@ -8,8 +8,7 @@ export default new Router({
     {
       path: '/',
       name: 'home',
-      component: () =>
-              import('../views/link/index.vue'),
+      component: () => import('../views/link/index.vue'),
       meta: {
         title: '首页'
       }
diff --git a/frontend/src/utils/index.js b/frontend/src/utils/index.js
index 8c281ca759..305504d5e0 100644
--- a/frontend/src/utils/index.js
+++ b/frontend/src/utils/index.js
@@ -213,6 +213,7 @@ export function formatCondition(param) {
     return null
   }
   const result = { conditions: [] }
+  // eslint-disable-next-line no-unused-vars
   for (const [key, value] of Object.entries(param)) {
     result.conditions.push(value)
   }
diff --git a/frontend/src/views/chart/chart/util.js b/frontend/src/views/chart/chart/util.js
index 9acd4624fa..a075480b99 100644
--- a/frontend/src/views/chart/chart/util.js
+++ b/frontend/src/views/chart/chart/util.js
@@ -9,6 +9,7 @@ export function hexColorToRGBA(hex, alpha) {
   }
   if (/^#[0-9A-F]{6}$/i.test(hex)) { // 判断传入是否为#六位十六进制数
     hex.replace(/[0-9A-F]{2}/ig, function(kw) {
+      // eslint-disable-next-line no-eval
       rgb.push(eval('0x' + kw)) // 十六进制转化为十进制并存如数组
     })
     return `rgba(${rgb.join(',')},${alpha / 100})` // 输出RGB格式颜色