refactor(api): 统一API路径常量并优化前端代码结构

feat(backend): 更新路由前缀和查询参数处理
style(backend): 调整导入顺序和清理无用导入
refactor(frontend): 重构工作台页面交互和样式
fix(frontend): 修复代码生成页面查询表单和表格展示

frontend/src/views/dashboard/workplace.vue

@@ -67,7 +67,7 @@
             <template #header>
               <div class="flex justify-between items-center">
                 <span class="font-bold">通知公告</span>
-                <ElLink href="https://service.fastapiadmin.com/" target="_blank" type="primary" underline="never">更多</ElLink>
+                <ElButton type="primary" link @click="goToNotice()">更多</ElButton>
               </div>
             </template>
             <el-empty v-if="noticeList.length === 0" :image-size="80" description="暂无数据" />
@@ -87,7 +87,7 @@
                   <div class="flex justify-between items-center text-xs">
                     <span class="text-[var(--el-text-color-regular)]">{{ item.creator?.name }} 发布</span>
                     <el-tooltip placement="top" :content="item.description || item.notice_content">
-                      <ElLink href="https://service.fastapiadmin.com/" target="_blank" type="primary">详情↗</ElLink>
+                      <ElButton target="_blank" type="primary" link @click="goToNotice()">详情↗</ElButton>
                     </el-tooltip>
                   </div>
                 </div>
@@ -128,13 +128,13 @@
                 </div>
                 <ElButton size="small" type="danger" plain @click="clearBookmarks()">
                   <el-icon>
-                    <Close />
+                    <Delete />
                   </el-icon>
                   {{ t('common.clear') }}
                 </ElButton>
               </div>
             </template>
-            <ElRow v-if="quickLinks.length > 0" :gutter="12">
+            <ElRow v-if="quickLinks.length > 0" :gutter="8">
               <ElCol 
                 v-for="(item, index) in quickLinks" 
                 :key="index"
@@ -142,8 +142,9 @@
                 class="group mb-4"
               >
                 <ElButton 
+                  plain
                   type="default" 
-                  class="w-full h-20 flex items-center justify-start px-4 relative"
+                  class="w-full relative"
                   @click="handleQuickLinkClick(item)"
                 >
                   <el-icon v-if="item.icon && item.icon.startsWith('el-icon')">
@@ -153,11 +154,12 @@
                   <div v-else :class="`i-svg:menu mr-2`" />
                   
                   <span>{{ item.title }}</span>
-                  <el-icon 
+                  <el-icon
+                    color="var(--el-color-danger)"
                     class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 "
                     @click.stop="handleDeleteLink(item)"
                   >
-                    <CircleCloseFilled />
+                    <CircleClose />
                   </el-icon>
                 </ElButton>
               </ElCol>
@@ -183,7 +185,7 @@ import NoticeAPI, { NoticeTable } from '@/api/system/notice';
 import { ref, onMounted, reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import { QuestionFilled, Close, CircleCloseFilled } from "@element-plus/icons-vue";
+import { QuestionFilled, Delete, CircleClose } from "@element-plus/icons-vue";
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { quickStartManager, type QuickLink } from '@/utils/quickStartManager';
 
@@ -215,6 +217,13 @@ const formatTime = (time: string | undefined) => {
   return date.toLocaleDateString();
 };
 
+// 跳转通知公告详情页
+const goToNotice = () => {
+  router.push({ name: 'Notice' }).catch(() => {
+    ElMessage.warning(`公告通知跳转失败，请检查路由配置`);
+  });
+};
+
 // 获取通知类型文本和颜色
 const getNoticeTypeText = (type: string | undefined) => {
   switch (type) {

frontend/src/views/gencode/backcode/index.vue

@@ -1,39 +1,81 @@
 <template>
   <div class="app-container">
-    <el-form v-show="showSearch" ref="queryRef" :model="queryParams" :inline="true" >
-      <el-form-item label="表名称" prop="tableName">
-        <el-input
-          v-model="queryParams.tableName"
-          placeholder="请输入表名称"
-          clearable
-          style="width: 200px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="表描述" prop="tableComment">
-        <el-input
-          v-model="queryParams.tableComment"
-          placeholder="请输入表描述"
-          clearable
-          style="width: 200px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" style="width: 308px">
-        <el-date-picker
-          v-model="dateRange"
-          value-format="YYYY-MM-DD"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-        ></el-date-picker>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery" v-hasPermi="['generator:gencode:query']">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery" v-hasPermi="['generator:gencode:query']">重置</el-button>
-      </el-form-item>
-    </el-form>
+    <!-- 搜索区域 -->
+    <div class="search-container">
+      <el-form ref="queryFormRef" :model="queryFormData" :inline="true" label-suffix=":">
+        <el-form-item prop="table_name" label="表名称">
+          <el-input v-model="queryFormData.table_name" placeholder="请输入表名称" clearable />
+        </el-form-item>
+        <el-form-item prop="status" label="状态">
+          <el-select v-model="queryFormData.status" placeholder="请选择状态" style="width: 167.5px" clearable>
+            <el-option value="true" label="启用" />
+            <el-option value="false" label="停用" />
+          </el-select>
+        </el-form-item>
+        <!-- 时间范围，收起状态下隐藏 -->
+        <el-form-item v-if="isExpand" prop="start_time" label="创建时间">
+          <DatePicker v-model="dateRange" @update:model-value="handleDateRangeChange"/>
+        </el-form-item>
+        <!-- 查询、重置、展开/收起按钮 -->
+        <el-form-item class="search-buttons">
+            <el-button type="primary" icon="search" @click="handleQuery" v-hasPerm="['demo:example:query']">
+                    查询
+                </el-button>
+                <el-button icon="refresh" @click="handleResetQuery" v-hasPerm="['demo:example:query']">
+                    重置
+                </el-button>
+            <!-- 展开/收起 -->
+            <template v-if="isExpandable">
+                <el-link class="ml-3" type="primary" underline="never" @click="isExpand = !isExpand">
+                    {{ isExpand ? "收起" : "展开" }}
+                    <el-icon>
+                        <template v-if="isExpand">
+                            <ArrowUp />
+                        </template>
+                        <template v-else>
+                            <ArrowDown />
+                        </template>
+                    </el-icon>
+                </el-link>
+            </template>
+        </el-form-item>
+      </el-form>
+      
+      <el-form v-show="showSearch" ref="queryRef" :model="queryFormData" :inline="true" >
+        <el-form-item label="表名称" prop="table_name">
+          <el-input
+            v-model="queryFormData.table_name"
+            placeholder="请输入表名称"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="表描述" prop="tableComment">
+          <el-input
+            v-model="queryFormData.tableComment"
+            placeholder="请输入表描述"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="创建时间" style="width: 308px">
+          <el-date-picker
+            v-model="dateRange"
+            value-format="YYYY-MM-DD"
+            type="daterange"
+            range-separator="-"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="Search" @click="handleQuery" v-hasPermi="['generator:gencode:query']">搜索</el-button>
+          <el-button icon="Refresh" @click="resetQuery" v-hasPermi="['generator:gencode:query']">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
@@ -91,13 +133,13 @@
       <el-table-column type="selection" align="center" width="55"></el-table-column>
       <el-table-column label="序号" type="index" width="50" align="center">
         <template #default="scope">
-          <span>{{(queryParams.page_no - 1) * queryParams.page_size + scope.$index + 1}}</span>
+          <span>{{(queryFormData.page_no - 1) * queryFormData.page_size + scope.$index + 1}}</span>
         </template>
       </el-table-column>
       <el-table-column
         label="表名称"
         align="center"
-        prop="tableName"
+        prop="table_name"
         :show-overflow-tooltip="true"
       />
       <el-table-column
@@ -137,8 +179,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      v-model:page="queryParams.page_no"
-      v-model:limit="queryParams.page_size"
+      v-model:page="queryFormData.page_no"
+      v-model:limit="queryFormData.page_size"
       @pagination="getList"
     />
     <!-- 预览界面 -->
@@ -185,11 +227,12 @@ const tableNames = ref([]);
 const dateRange = ref([]);
 const uniqueId = ref("");
 
+
 const data = reactive({
-  queryParams: {
+  queryFormData: {
     page_no: 1,
     page_size: 10,
-    tableName: undefined,
+    table_name: undefined,
     tableComment: undefined
   },
   preview: {
@@ -200,13 +243,13 @@ const data = reactive({
   }
 });
 
-const { queryParams, preview } = toRefs(data);
+const { queryFormData, preview } = toRefs(data);
 
 onActivated(() => {
   const time = route.query.t;
   if (time != null && time != uniqueId.value) {
     uniqueId.value = time;
-    queryParams.value.page_no = Number(route.query.page_no);
+    queryFormData.value.page_no = Number(route.query.page_no);
     dateRange.value = [];
     proxy.resetForm("queryForm");
     getList();
@@ -216,7 +259,7 @@ onActivated(() => {
 /** 查询表集合 */
 function getList() {
   loading.value = true;
-  GencodeAPI.listTable(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+  GencodeAPI.listTable(proxy.addDateRange(queryFormData.value, dateRange.value)).then(response => {
     tableList.value = response.rows;
     total.value = response.total;
     loading.value = false;
@@ -225,13 +268,13 @@ function getList() {
 
 /** 搜索按钮操作 */
 function handleQuery() {
-  queryParams.value.page_no = 1;
+  queryFormData.value.page_no = 1;
   getList();
 }
 
 /** 生成代码操作 */
 function handleGenTable(row) {
-  const tbNames = row.tableName || tableNames.value;
+  const tbNames = row.table_name || tableNames.value;
   if (tbNames == "") {
     proxy.$modal.msgError("请选择要生成的数据");
     return;
@@ -255,7 +298,7 @@ function handleGenTable(row) {
 
 /** 同步数据库操作 */
 function handleSynchDb(row) {
-  const tableName = row.tableName;
+  const tableName = row.table_name;
   proxy.$modal.confirm('确认要强制同步"' + tableName + '"表结构吗？').then(function () {
     return GencodeAPI.syncDb(tableName);
   }).then(() => {
@@ -297,7 +340,7 @@ function copyTextSuccess() {
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map(item => item.tableId);
-  tableNames.value = selection.map(item => item.tableName);
+  tableNames.value = selection.map(item => item.table_name);
   single.value = selection.length != 1;
   multiple.value = !selection.length;
 }
@@ -305,7 +348,7 @@ function handleSelectionChange(selection) {
 /** 修改按钮操作 */
 function handleEditTable(row) {
   const tableId = row.tableId || ids.value[0];
-  router.push({ path: "/tool/gen-edit/index/" + tableId, query: { page_no: queryParams.value.page_no } });
+  router.push({ path: "/tool/gen-edit/index/" + tableId, query: { page_no: queryFormData.value.page_no } });
 }
 
 /** 删除按钮操作 */