refactor: eslint代码检查优化

Former-commit-id: 4c11b5d0cdd10f28148cf3d9b593f85e082cdc51

src/views/system/menu/components/Perm.vue

@@ -3,44 +3,20 @@
     <!-- 搜索表单 -->
     <el-form ref="queryFormRef" :model="queryParams" :inline="true">
       <el-form-item>
-        <el-button
-          type="success"
-          :icon="Plus"
-          :disabled="!menuId"
-          @click="handleAdd"
-          >新增</el-button
-        >
-        <el-button
-          type="danger"
-          :icon="Delete"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
+        <el-button type="success" :icon="Plus" :disabled="!menuId" @click="handleAdd">新增</el-button>
+        <el-button type="danger" :icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
       </el-form-item>
       <el-form-item prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="权限名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.name" placeholder="权限名称" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" :icon="Search" @click="handleQuery"
-          >搜索</el-button
-        >
+        <el-button type="primary" :icon="Search" @click="handleQuery">搜索</el-button>
         <el-button :icon="Refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
     <!-- 数据表格 -->
-    <el-table
-      :data="permList"
-      v-loading="loading"
-      @selection-change="handleSelectionChange"
-      border
-    >
+    <el-table :data="permList" v-loading="loading" @selection-change="handleSelectionChange" border>
       <el-table-column type="selection" width="40" align="center" />
       <el-table-column label="权限名称" prop="name" width="150" />
       <el-table-column label="URL权限" align="center">
@@ -51,41 +27,19 @@
       <el-table-column label="按钮权限" prop="btnPerm" width="200" />
       <el-table-column label="操作" align="center" width="150">
         <template #default="scope">
-          <el-button
-            type="primary"
-            :icon="Edit"
-            circle
-            plain
-            @click="handleUpdate(scope.row)"
-          />
-          <el-button
-            type="danger"
-            :icon="Delete"
-            circle
-            plain
-            @click="handleDelete(scope.row)"
-          />
+          <el-button type="primary" :icon="Edit" circle plain @click="handleUpdate(scope.row)" />
+          <el-button type="danger" :icon="Delete" circle plain @click="handleDelete(scope.row)" />
         </template>
       </el-table-column>
     </el-table>
 
     <!-- 分页工具条 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page="queryParams.pageNum"
-      :limit="queryParams.pageSize"
-      @pagination="handleQuery"
-    />
+    <pagination v-show="total > 0" :total="total" :v-model:page="queryParams.pageNum" :v-model:limit="queryParams.pageSize"
+      @pagination="handleQuery" />
 
     <!-- 表单弹窗 -->
     <el-dialog :title="dialog.title" v-model="dialog.visible" width="700px">
-      <el-form
-        ref="dataFormRef"
-        :model="formData"
-        :rules="rules"
-        label-width="120px"
-      >
+      <el-form ref="dataFormRef" :model="formData" :rules="rules" label-width="120px">
         <el-form-item label="权限名称" prop="name">
           <el-input v-model="formData.name" placeholder="请输入权限名称" />
         </el-form-item>
@@ -93,37 +47,21 @@
         <el-form-item label="URL权限标识" prop="urlPerm">
           <el-input placeholder="/api/v1/users" v-model="urlPerm.requestPath">
             <template #prepend>
-              <el-select
-                v-model="urlPerm.serviceName"
-                style="width: 130px"
-                placeholder="所属服务"
-                clearable
-              >
-                <el-option
-                  v-for="item in microServiceOptions"
-                  :key="item.value"
-                  :value="item.value"
-                  :label="item.label"
-                />
+              <el-select v-model="urlPerm.serviceName" style="width: 130px" placeholder="所属服务" clearable>
+                <el-option v-for="item in microServiceOptions" :key="item.value" :value="item.value"
+                  :label="item.label" />
               </el-select>
 
-              <el-select
-                v-model="urlPerm.requestMethod"
-                style="width: 120px; margin-left: 20px"
-                placeholder="请求方式"
-                clearable
-              >
-                <el-option
-                  v-for="item in requestMethodOptions"
-                  :key="item.value"
-                  :value="item.value"
-                  :label="item.label"
-                />
+              <el-select v-model="urlPerm.requestMethod" style="width: 120px; margin-left: 20px" placeholder="请求方式"
+                clearable>
+                <el-option v-for="item in requestMethodOptions" :key="item.value" :value="item.value"
+                  :label="item.label" />
               </el-select>
             </template>
           </el-input>
           <el-link v-show="urlPerm.requestMethod">
-            {{ urlPerm.requestMethod }}:/{{ urlPerm.serviceName
+            {{ urlPerm.requestMethod }}:/{{
+              urlPerm.serviceName
             }}{{ urlPerm.requestPath }}
           </el-link>
         </el-form-item>
@@ -143,22 +81,25 @@
 </template>
 
 <script setup lang="ts">
-import {
-  listPermPages,
-  getPermFormDetail,
-  addPerm,
-  updatePerm,
-  deletePerms,
-} from "@/api/system/perm";
-import { Search, Plus, Edit, Refresh, Delete } from "@element-plus/icons-vue";
+
 import {
   onMounted,
   watch,
   reactive,
   ref,
   getCurrentInstance,
-  toRefs,
+  toRefs
 } from "vue";
+
+import {
+  listPermPages,
+  getPermFormDetail,
+  addPerm,
+  updatePerm,
+  deletePerms
+} from "@/api/system/perm";
+import { Search, Plus, Edit, Refresh, Delete } from "@element-plus/icons-vue";
+
 import { ElForm, ElMessage, ElMessageBox } from "element-plus";
 import {
   Dialog,
@@ -176,7 +117,9 @@ const dataFormRef = ref(ElForm);
 const props = defineProps({
   menuId: {
     type: String,
-    default: "",
+    default: () => {
+      return ''
+    }
   },
 });
 
@@ -216,14 +159,12 @@ const state = reactive({
   urlPerm: {
     requestMethod: "",
     serviceName: "",
-    requestPath: "",
+    requestPath: ""
   },
 });
 
 const {
   loading,
-  ids,
-  single,
   multiple,
   permList,
   total,
@@ -280,7 +221,7 @@ function handleAdd() {
   loadDictOptions();
   state.dialog = {
     title: "添加权限",
-    visible: true,
+    visible: true
   };
 }
 
@@ -337,13 +278,13 @@ function submitForm() {
 
       state.formData.menuId = props.menuId;
       if (state.formData.id) {
-        updatePerm(state.formData.id, state.formData).then((response) => {
+        updatePerm(state.formData.id, state.formData).then(() => {
           ElMessage.success("修改成功");
           cancel();
           handleQuery();
         });
       } else {
-        addPerm(state.formData).then((response) => {
+        addPerm(state.formData).then(() => {
           ElMessage.success("新增成功");
           cancel();
           handleQuery();