From cb5ae00dc8f63024cd1f5d65435fee46f72edb54 Mon Sep 17 00:00:00 2001
From: zhuqunfeng <zhu366437568@126.com>
Date: Wed, 12 Feb 2025 09:34:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E5=8F=8A=E7=89=88=E6=9C=AC=E5=8D=87=E7=BA=A7?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                   |   2 +-
 src/api/auth.ts                |   1 -
 src/api/lowcode/codeGen.ts     |  84 -------------
 src/components/layout/None.vue |  18 ++-
 src/utils/hasPermission.ts     |  26 ++--
 src/views/monitor/OperLog.vue  | 213 ++++++++++++++++++---------------
 src/views/system/Role.vue      |   4 +-
 tsconfig.json                  |   3 +-
 tsconfig.node.json             |   2 +-
 9 files changed, 148 insertions(+), 205 deletions(-)
 delete mode 100644 src/api/lowcode/codeGen.ts

diff --git a/package.json b/package.json
index 9c86912..8fccde8 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "run-p type-check \"build-only {@}\" --",
+    "build": "vite build",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build --force"
diff --git a/src/api/auth.ts b/src/api/auth.ts
index 6331610..0e5d5f7 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -22,7 +22,6 @@ export function removeToken() {
 // 菜单信息
 export function getMenus() {
     let menu = sessionStorage.getItem(menuKey);
-    console.info(menu);
     return menu ? JSON.parse(menu) : null;
 }
 
diff --git a/src/api/lowcode/codeGen.ts b/src/api/lowcode/codeGen.ts
deleted file mode 100644
index d9c86b0..0000000
--- a/src/api/lowcode/codeGen.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import request from '@/utils/request'
-
-export function page(params:any){
-    return new Promise((resolve, reject) => {
-        request({
-            url: '/lowcode/generator/page',
-            method: 'get',
-            params: params
-        }).then((res:any) => {
-            resolve(res.data)
-        }).catch((e:any) => {
-            reject(e)
-        })
-    })
-}
-
-export function del(id:String){
-    return new Promise((resolve, reject) => {
-        request({
-            url: '/lowcode/generator/delete/' + id,
-            method: 'delete',
-        }).then((res:any) => {
-            resolve(res.data)
-        }).catch((e:any) => {
-            reject(e)
-        })
-    })
-}
-
-export function save(data:any){
-    return new Promise((resolve, reject) => {
-        request({
-            url: '/lowcode/generator/save',
-            method: 'post',
-            data
-        }).then((res:any) => {
-            resolve(res.data)
-        }).catch((e:any) => {
-            reject(e)
-        })
-    })
-}
-
-export function execute(data:any){
-    return new Promise((resolve, reject) => {
-        request({
-            url: '/lowcode/generator/execute',
-            method: 'post',
-            data
-        }).then((res:any) => {
-            resolve(res.data)
-        }).catch((e:any) => {
-            reject(e)
-        })
-    })
-}
-
-export function tables(params:any){
-    return new Promise((resolve, reject) => {
-        request({
-            url: '/lowcode/generator/tables',
-            method: 'get',
-            params: params
-        }).then((res:any) => {
-            resolve(res.data)
-        }).catch((e:any) => {
-            reject(e)
-        })
-    })
-}
-
-export function columns(params:any){
-    return new Promise((resolve, reject) => {
-        request({
-            url: '/lowcode/generator/columns',
-            method: 'get',
-            params: params
-        }).then((res:any) => {
-            resolve(res.data)
-        }).catch((e:any) => {
-            reject(e)
-        })
-    })
-}
\ No newline at end of file
diff --git a/src/components/layout/None.vue b/src/components/layout/None.vue
index 3582ba1..17cff7a 100644
--- a/src/components/layout/None.vue
+++ b/src/components/layout/None.vue
@@ -1,7 +1,15 @@
 <template>
-    <router-view v-slot="{ Component }">
-        <keep-alive :include="$global.visitedViews.filter(it => it.meta.keepAlive).map(it => it.path.substr(it.path.lastIndexOf('/') + 1))">
-            <component :is="Component" :key="$route.path" />
-        </keep-alive>
-    </router-view>
+<!--    <router-view v-slot="{ Component }">-->
+<!--        <keep-alive :include="$global.visitedViews.filter(it => it.meta.keepAlive).map(it => it.path.substr(it.path.lastIndexOf('/') + 1))">-->
+<!--            <component :is="Component" :key="$route.path" />-->
+<!--        </keep-alive>-->
+<!--    </router-view>-->
+  <!--  保存include指定的组件，可保存多个-->
+  <!--  <keep-alive :include="['A', 'B']">-->
+  <!--    <router-view></router-view>-->
+  <!--  </keep-alive>-->
+  <!--  缓存所有路由组件-->
+  <keep-alive>
+    <router-view></router-view>
+  </keep-alive>
 </template>
\ No newline at end of file
diff --git a/src/utils/hasPermission.ts b/src/utils/hasPermission.ts
index 6f8c6d1..599e862 100644
--- a/src/utils/hasPermission.ts
+++ b/src/utils/hasPermission.ts
@@ -1,17 +1,17 @@
 // 权限
 const hasPermission = {
-    install(app:any) {
-      app.directive('permission', {
-        mounted(el:any, binding:any) {
-          if (binding.value) {
-            const permissionList = app.config.globalProperties.$global.user.authorities
-            if (permissionList && permissionList.length && !permissionList.includes(binding.value)) {
-              el.remove()
+    install(app: any) {
+        app.directive('permission', {
+            mounted(el: any, binding: any) {
+                if (binding.value) {
+                    const permissionList = app.config.globalProperties.$global.user.authorities
+                    if (permissionList && permissionList.length && !permissionList.includes(binding.value)) {
+                        el.remove()
+                    }
+                }
             }
-          }
-        }
-      })
+        })
     }
-  }
-  
-  export default hasPermission
\ No newline at end of file
+}
+
+export default hasPermission
\ No newline at end of file
diff --git a/src/views/monitor/OperLog.vue b/src/views/monitor/OperLog.vue
index 25230db..f6f2798 100644
--- a/src/views/monitor/OperLog.vue
+++ b/src/views/monitor/OperLog.vue
@@ -1,134 +1,153 @@
 <script setup lang="ts">
-  import { reactive, onMounted } from "vue"
-  import Table from '@/components/Table.vue'
-  import { page } from "@/api/monitor/operLog"
+import {reactive, onMounted} from "vue"
+import Table from '@/components/Table.vue'
+import {page} from "@/api/monitor/operLog"
 
-  const state = reactive({
-    loading: false,
-    page: {
-      current: 1,
-      size: 10,
-      total: 1,
-    },
-    operation:{
-      isShow: true,
-      width: '80'
-    },
-    tableTitle: [
-      // {prop:'module',label:'功能模块'},
-      // {prop:'message',label:'操作描述'},
-      {prop:'uri',label:'请求URI'},
-      {prop:'type',label:'操作类型'},
-      {prop:'takeUpTime',label:'耗时(ms)'},
-      {prop:'status',label:'状态', type:'dict',dictType: 'oper_log_status'},
-      {prop:'method',label:'操作方法'},
-      {prop:'ip',label:'请求IP'},
-      // {prop:'userName',label:'用户名称'},
-      {prop:'createTime',label:'创建时间'}
-    ],
-    tableData:[],
-    detailVisible: false,
-    detail:{},
-  })
+const state = reactive({
+  loading: false,
+  page: {
+    current: 1,
+    size: 10,
+    total: 1,
+  },
+  operation: {
+    isShow: true,
+    width: '80'
+  },
+  tableTitle: [
+    // {prop:'module',label:'功能模块'},
+    // {prop:'message',label:'操作描述'},
+    {prop: 'uri', label: '请求URI'},
+    {prop: 'type', label: '操作类型'},
+    {prop: 'takeUpTime', label: '耗时(ms)'},
+    {prop: 'status', label: '状态', type: 'dict', dictType: 'oper_log_status'},
+    {prop: 'method', label: '操作方法'},
+    {prop: 'ip', label: '请求IP'},
+    // {prop:'userName',label:'用户名称'},
+    {prop: 'createTime', label: '创建时间'}
+  ],
+  tableData: [],
+  detailVisible: false,
+  detail: {
+    module:'',
+    status:'',
+    method:'',
+    takeUpTime:'',
+    message:'',
+    type:'',
+    userName:'',
+    uri:'',
+    ip:'',
+    createTime:'',
+    reqParam:'',
+    resParam:'',
+    unusual:''
+  },
+})
 
-  onMounted(()=>{
-    operLogPage()
-  })
+onMounted(() => {
+  operLogPage()
+})
 
-  function operLogPage(){
-    state.loading = true;
-    page(state.page).then((res:any)=>{
-      if(res){
-        state.loading = false;
-        state.tableData = res.result.records;
-        state.page.current = res.result.current;
-        state.page.size = res.result.size;
-        state.page.total = res.result.total;
-      }
-    })
-  }
-
-  function onSizeChange(e){
-    state.page.size = e;
-    operLogPage();
-  }
-  function onCurrentChange(e){
-    state.page.current = e;
-    operLogPage();
-  }
-
-  function onDetail(val:any){
-    state.detail = val.column.row;
-    state.detailVisible = true;
-  }
-
-  function setCellColor(e, callback){
-    /**
-     * e.row：表格那一行的数据
-     * e.column：表格单元格那一列的信息
-     */ 
-    if(e.row.status == '失败' && e.column.property === 'status'){
-      callback({color: 'var(--delete)', fontWeight: '700'});
-    } else if(e.column.property === 'takeUpTime'){
-       callback({color: 'var(--delete)'});
-    } else {
-      callback({});
+function operLogPage() {
+  state.loading = true;
+  page(state.page).then((res: any) => {
+    if (res) {
+      state.loading = false;
+      state.tableData = res.result.records;
+      state.page.current = res.result.current;
+      state.page.size = res.result.size;
+      state.page.total = res.result.total;
     }
+  })
+}
+
+function onSizeChange(e) {
+  state.page.size = e;
+  operLogPage();
+}
+
+function onCurrentChange(e) {
+  state.page.current = e;
+  operLogPage();
+}
+
+function onDetail(val: any) {
+  state.detail = val.column.row;
+  state.detailVisible = true;
+}
+
+function setCellColor(e, callback) {
+  /**
+   * e.row：表格那一行的数据
+   * e.column：表格单元格那一列的信息
+   */
+  if (e.row.status == '失败' && e.column.property === 'status') {
+    callback({color: 'var(--delete)', fontWeight: '700'});
+  } else if (e.column.property === 'takeUpTime') {
+    callback({color: 'var(--delete)'});
+  } else {
+    callback({});
   }
+}
 
 </script>
 <template>
   <div class="operlog-container">
-    <Table :data="state.tableData" :column="state.tableTitle" :operation="state.operation" :page="state.page" :loading="state.loading"
-      @onSizeChange="onSizeChange" @onCurrentChange="onCurrentChange" @setCellColor="setCellColor">
+    <Table :data="state.tableData" :column="state.tableTitle" :operation="state.operation" :page="state.page"
+           :loading="state.loading"
+           @onSizeChange="onSizeChange" @onCurrentChange="onCurrentChange" @setCellColor="setCellColor">
       <template #column="scope">
         <el-button @click="onDetail(scope)" link style="color:var(--theme); padding:0;">详情</el-button>
       </template>
     </Table>
     <el-dialog v-model="state.detailVisible" title="日志详情" :show-close="false" width="60%">
       <el-descriptions :column="3" border>
-        <el-descriptions-item label-align="right" label="功能模块" :min-width="80">{{state.detail.module}}</el-descriptions-item>
+        <el-descriptions-item label-align="right" label="功能模块" :min-width="80">{{ state.detail.module }}
+        </el-descriptions-item>
         <el-descriptions-item label-align="right" label="操作状态">
           <el-tag v-if="state.detail.status == '1'" type="danger">异常</el-tag>
           <el-tag v-else type="success">成功</el-tag>
         </el-descriptions-item>
         <el-descriptions-item label-align="right" label="耗时">
-          <span style="color:red;">{{state.detail.takeUpTime}} ms</span>
+          <span style="color:red;">{{ state.detail.takeUpTime }} ms</span>
         </el-descriptions-item>
-        <el-descriptions-item label-align="right" label="操作描述">{{state.detail.message}}</el-descriptions-item>
+        <el-descriptions-item label-align="right" label="操作描述">{{ state.detail.message }}</el-descriptions-item>
         <el-descriptions-item label-align="right" label="操作类型">
-          <el-tag v-if="state.detail.type == 'SELECT'">{{state.detail.type}}</el-tag>
-          <el-tag v-else-if="state.detail.type == 'INSERT'" type="success">{{state.detail.type}}</el-tag>
-          <el-tag v-else-if="state.detail.type == 'UPDATE'" type="warning">{{state.detail.type}}</el-tag>
-          <el-tag v-else-if="state.detail.type == 'DELETE'" type="danger">{{state.detail.type}}</el-tag>
-          <el-tag v-else type="info">{{state.detail.type}}</el-tag>
+          <el-tag v-if="state.detail.type == 'SELECT'">{{ state.detail.type }}</el-tag>
+          <el-tag v-else-if="state.detail.type == 'INSERT'" type="success">{{ state.detail.type }}</el-tag>
+          <el-tag v-else-if="state.detail.type == 'UPDATE'" type="warning">{{ state.detail.type }}</el-tag>
+          <el-tag v-else-if="state.detail.type == 'DELETE'" type="danger">{{ state.detail.type }}</el-tag>
+          <el-tag v-else type="info">{{ state.detail.type }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label-align="right" label="操作用户">{{ state.detail.userName }}</el-descriptions-item>
+        <el-descriptions-item label-align="right" label="请求URL">{{ state.detail.uri }}</el-descriptions-item>
+        <el-descriptions-item label-align="right" label="请求IP">{{ state.detail.ip }}</el-descriptions-item>
+        <el-descriptions-item label-align="right" label="创建时间">{{ state.detail.createTime }}</el-descriptions-item>
+        <el-descriptions-item label-align="right" :span="3" label="操作方法">{{ state.detail.method }}
         </el-descriptions-item>
-        <el-descriptions-item label-align="right" label="操作用户">{{state.detail.userName}}</el-descriptions-item>
-        <el-descriptions-item label-align="right" label="请求URL">{{state.detail.uri}}</el-descriptions-item>
-        <el-descriptions-item label-align="right" label="请求IP">{{state.detail.ip}}</el-descriptions-item>
-        <el-descriptions-item label-align="right" label="创建时间">{{state.detail.createTime}}</el-descriptions-item>
-        <el-descriptions-item label-align="right" :span="3" label="操作方法">{{state.detail.method}}</el-descriptions-item>
         <el-descriptions-item label-align="right" :span="3" label="请求参数">
-          <div class="detail-text scroll-div">{{state.detail.reqParam}}</div>
+          <div class="detail-text scroll-div">{{ state.detail.reqParam }}</div>
         </el-descriptions-item>
         <el-descriptions-item v-if="state.detail.status == '0'" label-align="right" :span="3" label="响应参数">
-          <div class="detail-text scroll-div">{{state.detail.resParam}}</div>
+          <div class="detail-text scroll-div">{{ state.detail.resParam }}</div>
         </el-descriptions-item>
         <el-descriptions-item v-if="state.detail.status == '1'" label-align="right" :span="3" label="异常信息">
-          <div class="detail-text scroll-div">{{state.detail.unusual}}</div>
+          <div class="detail-text scroll-div">{{ state.detail.unusual }}</div>
         </el-descriptions-item>
       </el-descriptions>
     </el-dialog>
   </div>
 </template>
 <style lang="scss" scoped>
-  .operlog-container{
-    .detail-text{
-      max-height: 400px;
-      overflow: auto;
-    }
-    .el-descriptions__label{
-      width: 80px;
-    }
+.operlog-container {
+  .detail-text {
+    max-height: 400px;
+    overflow: auto;
   }
+
+  .el-descriptions__label {
+    width: 80px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/system/Role.vue b/src/views/system/Role.vue
index 51bd544..84d2159 100644
--- a/src/views/system/Role.vue
+++ b/src/views/system/Role.vue
@@ -225,7 +225,7 @@
       </template>
     </Table>
     <el-dialog title="角色信息" v-model="form.roleVisible" :show-close="false" width="40%">
-        <el-form :model="form.roleForm" ref="formRef" :rules="rules" label-width="80px" status-icon>
+        <el-form :model="form.roleForm" ref="formRef" label-width="80px" status-icon>
           <el-form-item label="名称" prop="name" :rules="[{required: true,message:'请输入名称',trigger: 'blur'}]">
             <el-input v-model="form.roleForm.name" placeholder="请输入名称" style="width: 100%"/>
           </el-form-item>
@@ -258,7 +258,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="auth.authVisible = false">取消</el-button>
-                <el-button type="primary" @click="onAuthSubmit(authRef)">提交</el-button>
+                <el-button type="primary" @click="onAuthSubmit()">提交</el-button>
             </span>
         </template>
     </el-dialog>
diff --git a/tsconfig.json b/tsconfig.json
index 56c1b4a..c3cd7e4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,8 @@
 {
   "files": [],
   "compilerOptions": {
-    "types": ["vite/client"]
+    "types": ["vite/client"],
+    "noImplicitAny": false
   },
   "include": [
     "src/**/*"
diff --git a/tsconfig.node.json b/tsconfig.node.json
index 180eb78..479bb2c 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -1,7 +1,7 @@
 {
   "extends": "@tsconfig/node20/tsconfig.json",
   "include": [
-    "vite.config.*",
+    "vite.config.ts",
     "vitest.config.*",
     "cypress.config.*",
     "nightwatch.conf.*",