style: 移除多余空行并统一代码格式

修复代码中的多余空行问题，统一字符串引号使用双引号，调整对象和数组的格式，优化代码缩进和换行，提升代码可读性和一致性
2026-10-08 10:39:59 +00:00 · 2025-11-14 01:45:22 +08:00
parent 66c345d590
commit d588abb386
100 changed files with 9192 additions and 5181 deletions
@@ -3,34 +3,55 @@
  <div class="app-container">
    <!-- 搜索区域 -->
    <div class="search-container">
-      <el-form ref="queryFormRef" :model="queryFormData" :inline="true"  label-suffix=":" @submit.prevent="handleQuery" >
+      <el-form
+        ref="queryFormRef"
+        :model="queryFormData"
+        :inline="true"
+        label-suffix=":"
+        @submit.prevent="handleQuery"
+      >
        <el-form-item prop="request_path" label="请求路径">
          <el-input v-model="queryFormData.request_path" placeholder="请输入请求路径" clearable />
        </el-form-item>
        <el-form-item prop="type" label="日志类型">
-          <el-select v-model="queryFormData.type" placeholder="请选择日志类型" style="width: 167.5px" clearable>
-            <el-option label="登录日志" value=1 />
-            <el-option label="操作日志" value=2 />
+          <el-select
+            v-model="queryFormData.type"
+            placeholder="请选择日志类型"
+            style="width: 167.5px"
+            clearable
+          >
+            <el-option label="登录日志" value="1" />
+            <el-option label="操作日志" value="2" />
          </el-select>
        </el-form-item>
        <el-form-item v-if="isExpand" prop="creator" label="创建人">
          <UserTableSelect
-              v-model="queryFormData.creator"
-              @confirm-click="handleConfirm"
-              @clear-click="handleQuery"
+            v-model="queryFormData.creator"
+            @confirm-click="handleConfirm"
+            @clear-click="handleQuery"
          />
        </el-form-item>
        <!-- 时间范围，收起状态下隐藏 -->
        <el-form-item v-if="isExpand" prop="start_time" label="创建时间">
-          <DatePicker
-            v-model="dateRange"
-            @update:model-value="handleDateRangeChange"
-          />
+          <DatePicker v-model="dateRange" @update:model-value="handleDateRangeChange" />
        </el-form-item>
        <!-- 查询、重置、展开/收起按钮 -->
        <el-form-item class="search-buttons">
-          <el-button v-hasPerm="['module_system:log:query']" type="primary" icon="search" native-type="submit">查询</el-button>
-          <el-button v-hasPerm="['module_system:log:query']" icon="refresh" @click="handleResetQuery">重置</el-button>
+          <el-button
+            v-hasPerm="['module_system:log:query']"
+            type="primary"
+            icon="search"
+            native-type="submit"
+          >
+            查询
+          </el-button>
+          <el-button
+            v-hasPerm="['module_system:log:query']"
+            icon="refresh"
+            @click="handleResetQuery"
+          >
+            重置
+          </el-button>
          <!-- 展开/收起 -->
          <template v-if="isExpandable">
            <el-link class="ml-3" type="primary" underline="never" @click="isExpand = !isExpand">
@@ -67,7 +88,15 @@
        <div class="data-table__toolbar--left">
          <el-row :gutter="10">
            <el-col :span="1.5">
-              <el-button v-hasPerm="['module_system:log:delete']" type="danger" icon="delete" :disabled="selectIds.length === 0" @click="handleDelete(selectIds)">批量删除</el-button>
+              <el-button
+                v-hasPerm="['module_system:log:delete']"
+                type="danger"
+                icon="delete"
+                :disabled="selectIds.length === 0"
+                @click="handleDelete(selectIds)"
+              >
+                批量删除
+              </el-button>
            </el-col>
          </el-row>
        </div>
@@ -75,12 +104,24 @@
          <el-row :gutter="10">
            <el-col :span="1.5">
              <el-tooltip content="导出">
-                <el-button v-hasPerm="['module_system:log:export']" type="warning" icon="download" circle @click="handleOpenExportsModal"/>
+                <el-button
+                  v-hasPerm="['module_system:log:export']"
+                  type="warning"
+                  icon="download"
+                  circle
+                  @click="handleOpenExportsModal"
+                />
              </el-tooltip>
            </el-col>
            <el-col :span="1.5">
              <el-tooltip content="刷新">
-                <el-button v-hasPerm="['module_system:log:refresh']" type="default" icon="refresh" circle @click="handleRefresh"/>
+                <el-button
+                  v-hasPerm="['module_system:log:refresh']"
+                  type="default"
+                  icon="refresh"
+                  circle
+                  @click="handleRefresh"
+                />
              </el-tooltip>
            </el-col>
          </el-row>
@@ -88,12 +129,22 @@
      </div>

      <!-- 表格区域：系统配置列表 -->
-      <el-table ref="dataTableRef" v-loading="loading" :data="pageTableData" highlight-current-row class="data-table__content" ::height="450" border stripe @selection-change="handleSelectionChange">
+      <el-table
+        ref="dataTableRef"
+        v-loading="loading"
+        :data="pageTableData"
+        highlight-current-row
+        class="data-table__content"
+        ::height="450"
+        border
+        stripe
+        @selection-change="handleSelectionChange"
+      >
        <template #empty>
          <el-empty :image-size="80" description="暂无数据" />
        </template>
-        <el-table-column prop='selection' type="selection" min-width="55" align="center" />
-        <el-table-column type="index" fixed label="序号" min-width="60" >
+        <el-table-column prop="selection" type="selection" min-width="55" align="center" />
+        <el-table-column type="index" fixed label="序号" min-width="60">
          <template #default="scope">
            {{ (queryFormData.page_no - 1) * queryFormData.page_size + scope.$index + 1 }}
          </template>
@@ -101,11 +152,16 @@
        <el-table-column label="日志类型" prop="type" min-width="100">
          <template #default="scope">
            <el-tag :type="scope.row.type === 1 ? 'success' : 'primary'">
-              {{ scope.row.type === 1 ? '登录日志' : '操作日志' }}
+              {{ scope.row.type === 1 ? "登录日志" : "操作日志" }}
            </el-tag>
          </template>
        </el-table-column>
-        <el-table-column label="请求路径" prop="request_path" min-width="200" show-overflow-tooltip />
+        <el-table-column
+          label="请求路径"
+          prop="request_path"
+          min-width="200"
+          show-overflow-tooltip
+        />
        <el-table-column label="请求方法" prop="request_method" min-width="100">
          <template #default="scope">
            <el-tag :type="getMethodType(scope.row.request_method)">
@@ -123,11 +179,20 @@
        <el-table-column label="请求IP" prop="request_ip" min-width="180" show-overflow-tooltip>
          <template #default="scope">
            <el-text>{{ scope.row.request_ip }}</el-text>
-            <CopyButton v-if="scope.row.request_ip" :text="scope.row.request_ip" style="margin-left: 2px" />
+            <CopyButton
+              v-if="scope.row.request_ip"
+              :text="scope.row.request_ip"
+              style="margin-left: 2px"
+            />
          </template>
        </el-table-column>
        <el-table-column label="处理时间" prop="process_time" min-width="120" />
-        <el-table-column label="浏览器" prop="request_browser" min-width="220" show-overflow-tooltip/>
+        <el-table-column
+          label="浏览器"
+          prop="request_browser"
+          min-width="220"
+          show-overflow-tooltip
+        />
        <el-table-column label="系统" prop="request_os" min-width="100" />
        <el-table-column label="描述" prop="description" min-width="120" show-overflow-tooltip />
        <el-table-column label="创建时间" prop="created_at" min-width="200" sortable />
@@ -138,29 +203,58 @@
        </el-table-column>
        <el-table-column label="操作" fixed="right" align="center" min-width="150">
          <template #default="scope">
-            <el-button v-hasPerm="['module_system:log:detail']" type="info" size="small" link icon="document" @click="handleOpenDialog('detail', scope.row.id)">详情</el-button>
-            <el-button v-hasPerm="['module_system:log:delete']" type="danger" size="small" link icon="delete" @click="handleDelete([scope.row.id])">删除</el-button>
+            <el-button
+              v-hasPerm="['module_system:log:detail']"
+              type="info"
+              size="small"
+              link
+              icon="document"
+              @click="handleOpenDialog('detail', scope.row.id)"
+            >
+              详情
+            </el-button>
+            <el-button
+              v-hasPerm="['module_system:log:delete']"
+              type="danger"
+              size="small"
+              link
+              icon="delete"
+              @click="handleDelete([scope.row.id])"
+            >
+              删除
+            </el-button>
          </template>
        </el-table-column>
      </el-table>

      <!-- 分页区域 -->
      <template #footer>
-        <pagination v-model:total="total" v-model:page="queryFormData.page_no" v-model:limit="queryFormData.page_size" @pagination="loadingData" />
+        <pagination
+          v-model:total="total"
+          v-model:page="queryFormData.page_no"
+          v-model:limit="queryFormData.page_size"
+          @pagination="loadingData"
+        />
      </template>
    </el-card>

    <!-- 弹窗区域 -->
-    <el-dialog v-model="dialogVisible.visible" :title="dialogVisible.title" @close="handleCloseDialog">
+    <el-dialog
+      v-model="dialogVisible.visible"
+      :title="dialogVisible.title"
+      @close="handleCloseDialog"
+    >
      <!-- 详情 -->
      <template v-if="dialogVisible.type === 'detail'">
        <el-descriptions :column="8" border label-width="200px">
          <el-descriptions-item label="日志类型" :span="2">
            <el-tag :type="formData.type === 1 ? 'success' : 'primary'">
-              {{ formData.type === 1 ? '登录日志' : '操作日志' }}
+              {{ formData.type === 1 ? "登录日志" : "操作日志" }}
            </el-tag>
          </el-descriptions-item>
-          <el-descriptions-item label="请求路径" :span="2">{{ formData.request_path }}</el-descriptions-item>
+          <el-descriptions-item label="请求路径" :span="2">
+            {{ formData.request_path }}
+          </el-descriptions-item>
          <el-descriptions-item label="请求方法" :span="2">
            <el-tag :type="getMethodType(formData.request_method)">
              {{ formData.request_method }}
@@ -171,21 +265,39 @@
              {{ formData.response_code }}
            </el-tag>
          </el-descriptions-item>
-          <el-descriptions-item label="请求IP" :span="2">{{ formData.request_ip }}</el-descriptions-item>
-          <el-descriptions-item label="处理时间" :span="2">{{ formData.process_time }}</el-descriptions-item>
-          <el-descriptions-item label="浏览器" :span="2">{{ formData.request_browser }}</el-descriptions-item>
-          <el-descriptions-item label="操作系统" :span="2">{{ formData.request_os }}</el-descriptions-item>
+          <el-descriptions-item label="请求IP" :span="2">
+            {{ formData.request_ip }}
+          </el-descriptions-item>
+          <el-descriptions-item label="处理时间" :span="2">
+            {{ formData.process_time }}
+          </el-descriptions-item>
+          <el-descriptions-item label="浏览器" :span="2">
+            {{ formData.request_browser }}
+          </el-descriptions-item>
+          <el-descriptions-item label="操作系统" :span="2">
+            {{ formData.request_os }}
+          </el-descriptions-item>
          <el-descriptions-item label="请求参数" :span="8">
            <JsonPretty :value="formData.request_payload" height="80px" />
          </el-descriptions-item>
          <el-descriptions-item label="响应数据" :span="8">
            <JsonPretty :value="formData.response_json" height="140px" />
          </el-descriptions-item>
-          <el-descriptions-item label="登录地点" :span="4">{{ formData.login_location }}</el-descriptions-item>
-          <el-descriptions-item label="创建人" :span="4">{{ formData.creator?.name }}</el-descriptions-item>
-          <el-descriptions-item label="创建时间" :span="4">{{ formData.created_at }}</el-descriptions-item>
-          <el-descriptions-item label="更新时间" :span="4">{{ formData.updated_at }}</el-descriptions-item>
-          <el-descriptions-item label="描述" :span="8">{{ formData.description }}</el-descriptions-item>
+          <el-descriptions-item label="登录地点" :span="4">
+            {{ formData.login_location }}
+          </el-descriptions-item>
+          <el-descriptions-item label="创建人" :span="4">
+            {{ formData.creator?.name }}
+          </el-descriptions-item>
+          <el-descriptions-item label="创建时间" :span="4">
+            {{ formData.created_at }}
+          </el-descriptions-item>
+          <el-descriptions-item label="更新时间" :span="4">
+            {{ formData.updated_at }}
+          </el-descriptions-item>
+          <el-descriptions-item label="描述" :span="8">
+            {{ formData.description }}
+          </el-descriptions-item>
        </el-descriptions>
      </template>

@@ -193,7 +305,13 @@
        <div class="dialog-footer">
          <!-- 详情弹窗不需要确定按钮的提交逻辑 -->
          <el-button @click="handleCloseDialog">取消</el-button>
-          <el-button v-hasPerm="['module_system:log:detail']" type="primary" @click="handleCloseDialog">确定</el-button>
+          <el-button
+            v-hasPerm="['module_system:log:detail']"
+            type="primary"
+            @click="handleCloseDialog"
+          >
+            确定
+          </el-button>
        </div>
      </template>
    </el-dialog>
@@ -206,7 +324,6 @@
      :page-data="pageTableData"
      :selection-data="selectionRows"
    />
-
  </div>
 </template>

@@ -258,7 +375,7 @@ const queryFormData = reactive<LogPageQuery>({
 const dialogVisible = reactive({
  title: "",
  visible: false,
-  type: 'create' as 'create' | 'update' | 'detail',
+  type: "create" as "create" | "update" | "detail",
 });

 // 日期范围临时变量
@@ -277,41 +394,41 @@ function handleDateRangeChange(range: [Date, Date]) {
 }

 // 列表刷新
-async function handleRefresh () {
+async function handleRefresh() {
  await loadingData();
-};
+}

 const getStatusCodeType = (code?: number) => {
  if (code === undefined) {
-    return 'info';
+    return "info";
  }
  if (code >= 200 && code < 300) {
-    return 'success';
+    return "success";
  } else if (code >= 300 && code < 400) {
-    return 'warning';
+    return "warning";
  } else if (code >= 400 && code < 500) {
-    return 'danger';
+    return "danger";
  } else {
-    return 'danger';
+    return "danger";
  }
-}
+};

 const getMethodType = (method?: string) => {
  if (method === undefined) {
-    return 'info';
+    return "info";
  }
-  if (method === 'GET') {
-    return 'info';
-  } else if (method === 'POST') {
-    return 'success';
-  } else if (method === 'PUT' || method === 'PATCH') {
-    return 'warning';
-  } else if (method === 'DELETE') {
-    return 'danger';
+  if (method === "GET") {
+    return "info";
+  } else if (method === "POST") {
+    return "success";
+  } else if (method === "PUT" || method === "PATCH") {
+    return "warning";
+  } else if (method === "DELETE") {
+    return "danger";
  } else {
-    return 'info';
+    return "info";
  }
-}
+};

 // 加载表格数据
 async function loadingData() {
@@ -320,11 +437,9 @@ async function loadingData() {
    const response = await LogAPI.getLogList(queryFormData);
    pageTableData.value = response.data.data.items;
    total.value = response.data.data.total;
-  }
-  catch (error: any) {
+  } catch (error: any) {
    console.error(error);
-  }
-  finally {
+  } finally {
    loading.value = false;
  }
 }
@@ -373,11 +488,11 @@ async function handleCloseDialog() {
 }

 // 打开日志详情弹窗
-async function handleOpenDialog(type: 'create' | 'update' | 'detail', id: number) {
+async function handleOpenDialog(type: "create" | "update" | "detail", id: number) {
  dialogVisible.type = type;
  if (id) {
    const response = await LogAPI.getLogDetail(id);
-    if (type === 'detail') {
+    if (type === "detail") {
      dialogVisible.title = "日志详情";
      Object.assign(formData.value, response.data.data);
    }
@@ -391,22 +506,23 @@ async function handleDelete(ids: number[]) {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
-  }).then(async () => {
-    try {
-      loading.value = true;
-      await LogAPI.deleteLog(ids);
-      handleResetQuery();
-    } catch (error: any) {
-      console.error(error);
-    } finally {
-      loading.value = false;
-    }
-  }).catch(() => {
-    ElMessageBox.close();
-  });
+  })
+    .then(async () => {
+      try {
+        loading.value = true;
+        await LogAPI.deleteLog(ids);
+        handleResetQuery();
+      } catch (error: any) {
+        console.error(error);
+      } finally {
+        loading.value = false;
+      }
+    })
+    .catch(() => {
+      ElMessageBox.close();
+    });
 }

-
 // 打开导出弹窗
 function handleOpenExportsModal() {
  exportsDialogVisible.value = true;
@@ -414,23 +530,23 @@ function handleOpenExportsModal() {

 // 导出字段
 const exportColumns = [
-  { prop: 'type', label: '日志类型' },
-  { prop: 'request_path', label: '请求路径' },
-  { prop: 'request_method', label: '请求方法' },
-  { prop: 'response_code', label: '状态码' },
-  { prop: 'request_ip', label: '请求IP' },
-  { prop: 'login_location', label: '登录地点' },
-  { prop: 'process_time', label: '处理时间' },
-  { prop: 'request_browser', label: '浏览器' },
-  { prop: 'request_os', label: '系统' },
-  { prop: 'description', label: '描述' },
-  { prop: 'created_at', label: '创建时间' },
-  { prop: 'updated_at', label: '更新时间' },
+  { prop: "type", label: "日志类型" },
+  { prop: "request_path", label: "请求路径" },
+  { prop: "request_method", label: "请求方法" },
+  { prop: "response_code", label: "状态码" },
+  { prop: "request_ip", label: "请求IP" },
+  { prop: "login_location", label: "登录地点" },
+  { prop: "process_time", label: "处理时间" },
+  { prop: "request_browser", label: "浏览器" },
+  { prop: "request_os", label: "系统" },
+  { prop: "description", label: "描述" },
+  { prop: "created_at", label: "创建时间" },
+  { prop: "updated_at", label: "更新时间" },
 ];

 // 导入/导出配置（用于导出弹窗）
 const curdContentConfig = {
-  permPrefix: 'module_system:log',
+  permPrefix: "module_system:log",
  cols: exportColumns as any,
  exportsAction: async (params: any) => {
    const query: any = { ...params };