【modify】使用ESLint格式化代码

jero-web/src/views/system/PermissionDataRuleList.vue

@@ -64,120 +64,120 @@
   </a-drawer>
 </template>
 <script>
-  import {getPermissionRuleList, queryPermissionRule} from '@/api/api'
-  import {JeroListMixin} from '@/mixins/JeroListMixin'
-  import PermissionDataRuleModal from './modules/PermissionDataRuleModal'
+import { getPermissionRuleList, queryPermissionRule } from '@/api/api'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import PermissionDataRuleModal from './modules/PermissionDataRuleModal'
 
-  const columns = [
-    {
-      title: '规则名称',
-      dataIndex: 'ruleName',
-      key: 'ruleName'
-    },
-    {
-      title: '规则字段',
-      dataIndex: 'ruleColumn',
-      key: 'ruleColumn'
-    },
-    {
-      title: '规则值',
-      dataIndex: 'ruleValue',
-      key: 'ruleValue'
-    },
-    {
-      title: '操作',
-      dataIndex: 'action',
-      scopedSlots: {customRender: 'action'},
-      align: 'center'
-    }
-  ]
-  export default {
-    name: 'PermissionDataRuleList',
-    mixins: [JeroListMixin],
-    components: {
-      PermissionDataRuleModal
-    },
-    data() {
-      return {
-        queryParam: {},
-        drawerWidth: 650,
-        columns: columns,
-        permId: '',
-        visible: false,
-        form: this.$form.createForm(this),
-        loading: false,
-        url: {
-          list: "/sys/permission/getPermRuleListByPermId",
-          delete: "/sys/permission/deletePermissionRule",
-        },
+const columns = [
+  {
+    title: '规则名称',
+    dataIndex: 'ruleName',
+    key: 'ruleName'
+  },
+  {
+    title: '规则字段',
+    dataIndex: 'ruleColumn',
+    key: 'ruleColumn'
+  },
+  {
+    title: '规则值',
+    dataIndex: 'ruleValue',
+    key: 'ruleValue'
+  },
+  {
+    title: '操作',
+    dataIndex: 'action',
+    scopedSlots: { customRender: 'action' },
+    align: 'center'
+  }
+]
+export default {
+  name: 'PermissionDataRuleList',
+  mixins: [JeroListMixin],
+  components: {
+    PermissionDataRuleModal
+  },
+  data () {
+    return {
+      queryParam: {},
+      drawerWidth: 650,
+      columns: columns,
+      permId: '',
+      visible: false,
+      form: this.$form.createForm(this),
+      loading: false,
+      url: {
+        list: '/sys/permission/getPermRuleListByPermId',
+        delete: '/sys/permission/deletePermissionRule'
       }
+    }
+  },
+  created () {
+    this.resetScreenSize()
+  },
+  methods: {
+    loadData () {
+      // 20190908 scott for: 首次进入菜单列表的时候，不加载权限列表
+      if (!this.permId) {
+        return
+      }
+      const that = this
+      this.dataSource = []
+      var params = this.getQueryParams()// 查询条件
+      getPermissionRuleList(params).then((res) => {
+        if (res.success) {
+          that.dataSource = res.result
+        }
+      })
     },
-    created() {
+    edit (record) {
+      if (record.id) {
+        this.visible = true
+        this.permId = record.id
+      }
+      this.queryParam = {}
+      this.queryParam.permissionId = record.id
+      this.visible = true
+      this.loadData()
       this.resetScreenSize()
     },
-    methods: {
-      loadData() {
-        //20190908 scott for: 首次进入菜单列表的时候，不加载权限列表
-        if(!this.permId){
-          return
-        }
-        let that = this
-        this.dataSource = []
-        var params = this.getQueryParams()//查询条件
-        getPermissionRuleList(params).then((res) => {
-          if (res.success) {
-            that.dataSource = res.result
-          }
-        })
-      },
-      edit(record) {
-        if (record.id) {
-          this.visible = true
-          this.permId = record.id
-        }
-        this.queryParam = {}
-        this.queryParam.permissionId = record.id
-        this.visible = true
-        this.loadData()
-        this.resetScreenSize()
-      },
-      addPermissionRule() {
-        this.$refs.modalForm.add(this.permId)
-        this.$refs.modalForm.title = '新增'
-      },
-      searchQuery() {
-        var params = this.getQueryParams();
-        params.permissionId = this.permId;
-        queryPermissionRule(params).then((res) => {
-          if (res.success) {
-            this.dataSource = res.result
-          }
-        })
-      },
-      searchReset() {
-        this.queryParam = {}
-        this.queryParam.permissionId = this.permId
-        this.loadData(1);
-      },
-      onClose() {
-        this.visible = false
-      },
-      // 根据屏幕变化,设置抽屉尺寸
-      resetScreenSize() {
-        let screenWidth = document.body.clientWidth
-        if (screenWidth < 500) {
-          this.drawerWidth = screenWidth
-        } else {
-          this.drawerWidth = 650
-        }
-      },
-      getRowClassname(record){
-        if(record.status!=1){
-          return "data-rule-invalid"
+    addPermissionRule () {
+      this.$refs.modalForm.add(this.permId)
+      this.$refs.modalForm.title = '新增'
+    },
+    searchQuery () {
+      var params = this.getQueryParams()
+      params.permissionId = this.permId
+      queryPermissionRule(params).then((res) => {
+        if (res.success) {
+          this.dataSource = res.result
         }
+      })
+    },
+    searchReset () {
+      this.queryParam = {}
+      this.queryParam.permissionId = this.permId
+      this.loadData(1)
+    },
+    onClose () {
+      this.visible = false
+    },
+    // 根据屏幕变化,设置抽屉尺寸
+    resetScreenSize () {
+      const screenWidth = document.body.clientWidth
+      if (screenWidth < 500) {
+        this.drawerWidth = screenWidth
+      } else {
+        this.drawerWidth = 650
+      }
+    },
+    getRowClassname (record) {
+      if (record.status != 1) {
+        return 'data-rule-invalid'
       }
     }
   }
+}
 </script>
 
 <style>
@@ -185,4 +185,4 @@
     background: #f4f4f4;
     color: #bababa;
   }
-</style>
+</style>