diff --git a/jero-web/src/views/system/PermissionDataRuleList.vue b/jero-web/src/views/system/PermissionDataRuleList.vue
index 7bb806927..ecf71f0c5 100644
--- a/jero-web/src/views/system/PermissionDataRuleList.vue
+++ b/jero-web/src/views/system/PermissionDataRuleList.vue
@@ -68,29 +68,6 @@
   import {JeroListMixin} from '@/mixins/JeroListMixin'
   import PermissionDataRuleModal from './modules/PermissionDataRuleModal'
 
-  const columns = [
-    {
-      title: this.$t('RuleName'),
-      dataIndex: 'ruleName',
-      key: 'ruleName'
-    },
-    {
-      title: this.$t('RuleField'),
-      dataIndex: 'ruleColumn',
-      key: 'ruleColumn'
-    },
-    {
-      title: this.$t('RuleValue'),
-      dataIndex: 'ruleValue',
-      key: 'ruleValue'
-    },
-    {
-      title: this.$t('operation'),
-      dataIndex: 'action',
-      scopedSlots: {customRender: 'action'},
-      align: 'center'
-    }
-  ]
   export default {
     name: 'PermissionDataRuleList',
     mixins: [JeroListMixin],
@@ -101,7 +78,29 @@
       return {
         queryParam: {},
         drawerWidth: 650,
-        columns: columns,
+        columns: [
+          {
+            title: this.$t('RuleName'),
+            dataIndex: 'ruleName',
+            key: 'ruleName'
+          },
+          {
+            title: this.$t('RuleField'),
+            dataIndex: 'ruleColumn',
+            key: 'ruleColumn'
+          },
+          {
+            title: this.$t('RuleValue'),
+            dataIndex: 'ruleValue',
+            key: 'ruleValue'
+          },
+          {
+            title: this.$t('operation'),
+            dataIndex: 'action',
+            scopedSlots: {customRender: 'action'},
+            align: 'center'
+          }
+        ],
         permId: '',
         visible: false,
         form: this.$form.createForm(this),