代码格式修改

src/components/flow/Role/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+    <el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true">
       <el-form-item label="角色名称" prop="roleName">
         <el-input
           v-model="queryParams.roleName"
@@ -16,7 +16,7 @@
       </el-form-item>
     </el-form>
 
-    <el-table v-show="checkType === 'multiple'" ref="dataTable"  v-loading="loading" :data="roleList" @selection-change="handleMultipleRoleSelect">
+    <el-table v-show="checkType === 'multiple'" ref="dataTable" v-loading="loading" :data="roleList" @selection-change="handleMultipleRoleSelect">
       <el-table-column type="selection" width="50" align="center" />
       <el-table-column label="角色编号" prop="roleId" width="120" />
       <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150" />
@@ -29,10 +29,10 @@
       </el-table-column>
     </el-table>
     <el-table v-show="checkType === 'single'" v-loading="loading" :data="roleList" @current-change="handleSingleRoleSelect">
-      <el-table-column  width="55" align="center" >
+      <el-table-column width="55" align="center">
         <template slot-scope="scope">
           <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
-          <el-radio v-model="radioSelected" :label="scope.row.roleId">{{''}}</el-radio>
+          <el-radio v-model="radioSelected" :label="scope.row.roleId">{{ '' }}</el-radio>
         </template>
       </el-table-column>
       <el-table-column label="角色编号" prop="roleId" width="120" />
@@ -58,12 +58,12 @@
 </template>
 
 <script>
-import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
-import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
-import {StrUtil} from "@/utils/StrUtil";
+import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from '@/api/system/role'
+import { treeselect as menuTreeselect, roleMenuTreeselect } from '@/api/system/menu'
+import {StrUtil} from '@/utils/StrUtil'
 
 export default {
-  name: "FlowRole",
+  name: 'FlowRole',
   dicts: ['sys_normal_disable'],
   // 接受父组件的值
   props: {
@@ -96,7 +96,7 @@ export default {
       // 角色表格数据
       roleList: [],
       // 弹出层标题
-      title: "",
+      title: '',
       // 是否显示弹出层
       open: false,
       // 查询参数
@@ -111,7 +111,7 @@ export default {
       form: {},
       radioSelected: null, // 单选框传值
       selectRoleList: [] // 回显数据传值
-    };
+    }
   },
   watch: {
     selectValues: {
@@ -120,7 +120,7 @@ export default {
           if (newVal instanceof Number || newVal instanceof String) {
             this.radioSelected = newVal
           } else {
-            this.selectRoleList = newVal;
+            this.selectRoleList = newVal
           }
         }
       },
@@ -130,13 +130,13 @@ export default {
       handler(newVal) {
         if (StrUtil.isNotBlank(newVal) && this.selectRoleList.length > 0) {
           this.$nextTick(() => {
-            this.$refs.dataTable.clearSelection();
+            this.$refs.dataTable.clearSelection()
             this.selectRoleList?.split(',').forEach(key => {
               this.$refs.dataTable.toggleRowSelection(newVal.find(
                 item => key == item.roleId
               ), true)
-            });
-          });
+            })
+          })
         }
       },
       immediate: true, // 立即生效
@@ -144,42 +144,42 @@ export default {
     }
   },
   created() {
-    this.getList();
+    this.getList()
   },
   methods: {
     /** 查询角色列表 */
     getList() {
-      this.loading = true;
+      this.loading = true
       listRole(this.queryParams).then(response => {
-          this.roleList = response.rows;
-          this.total = response.total;
-          this.loading = false;
+          this.roleList = response.rows
+          this.total = response.total
+          this.loading = false
         }
-      );
+      )
     },
     // 多选框选中数据
     handleMultipleRoleSelect(selection) {
-      const idList = selection.map(item => item.roleId);
-      const nameList = selection.map(item => item.roleName);
-      this.$emit('handleRoleSelect', idList.join(','), nameList.join(','));
+      const idList = selection.map(item => item.roleId)
+      const nameList = selection.map(item => item.roleName)
+      this.$emit('handleRoleSelect', idList.join(','), nameList.join(','))
     },
     // 单选框选中数据
     handleSingleRoleSelect(selection) {
-      this.radioSelected = selection.roleId;
-      const roleName = selection.roleName;
-      this.$emit('handleRoleSelect', this.radioSelected.toString(), roleName);
+      this.radioSelected = selection.roleId
+      const roleName = selection.roleName
+      this.$emit('handleRoleSelect', this.radioSelected.toString(), roleName)
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
+      this.queryParams.pageNum = 1
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.handleQuery();
+      this.handleQuery()
     },
   }
-};
+}
 </script>
 <style>
 /*隐藏radio展示的label及本身自带的样式*/