feat:优化apihub页面显示

src/views/apihub/apilist.vue

@@ -70,9 +70,9 @@
               <el-option label="已废弃" value="Deprecated" />
             </el-select>
           </el-form-item>
-          <el-form-item label="日期范围" prop="dateRange">
-            <el-date-picker v-model="params.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" style="width: 240px" />
-          </el-form-item>
+<!--          <el-form-item label="日期范围" prop="dateRange">-->
+<!--            <el-date-picker v-model="params.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" style="width: 240px" />-->
+<!--          </el-form-item>-->
           <el-form-item>
             <el-button type="primary" class="ml10" @click="getList(1)">
               <el-icon>
@@ -96,25 +96,27 @@
         </el-form>
         <el-table :data="tableData" style="width: 100%" v-loading="loading" row-key="id">
           <el-table-column type="selection" width="55" align="center" />
-          <el-table-column prop="id" label="ID" width="80" align="center" />
-          <el-table-column prop="name" label="API名称" min-width="120" show-overflow-tooltip></el-table-column>
-          <el-table-column prop="path" label="API路径" min-width="150" show-overflow-tooltip></el-table-column>
-          <el-table-column prop="method" label="请求方法" width="100" align="center">
+<!--          <el-table-column prop="id" label="ID" width="80" align="center" />-->
+          <el-table-column prop="method" label="请求" width="80" align="center">
             <template #default="scope">
               <el-tag :type="getMethodTagType(scope.row.method)" size="small">
                 {{ scope.row.method }}
               </el-tag>
             </template>
           </el-table-column>
-          <el-table-column prop="dataSourceName" label="数据源" width="120" show-overflow-tooltip></el-table-column>
-          <el-table-column prop="sqlType" label="SQL类型" width="100" align="center">
-            <template #default="scope">
-              <el-tag size="small" type="info" v-if="scope.row.sqlType === 'query'">查询</el-tag>
-              <el-tag size="small" type="warning" v-else-if="scope.row.sqlType === 'procedure'">存储过程</el-tag>
-              <span v-else>{{ scope.row.sqlType }}</span>
-            </template>
-          </el-table-column>
+          <el-table-column prop="name" label="API名称" min-width="120" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="path" label="API路径" min-width="150" show-overflow-tooltip></el-table-column>
+<!--          <el-table-column prop="dataSourceName" label="数据源" width="120" show-overflow-tooltip></el-table-column>-->
+<!--          <el-table-column prop="sqlType" label="SQL类型" width="100" align="center">-->
+<!--            <template #default="scope">-->
+<!--              <el-tag size="small" type="info" v-if="scope.row.sqlType === 'query'">查询</el-tag>-->
+<!--              <el-tag size="small" type="warning" v-else-if="scope.row.sqlType === 'procedure'">存储过程</el-tag>-->
+<!--              <span v-else>{{ scope.row.sqlType }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
           <el-table-column prop="version" label="版本" width="80" align="center"></el-table-column>
+          <el-table-column prop="description" label="描述" width="150" />
+
           <el-table-column prop="status" label="状态" width="100" align="center">
             <template #default="scope">
               <el-tag size="small" v-if="scope.row.status === 'Draft'">草稿</el-tag>
@@ -123,7 +125,7 @@
               <span v-else>{{ scope.row.status }}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="createdAt" label="创建时间" width="160" align="center"></el-table-column>
+<!--          <el-table-column prop="createdAt" label="创建时间" width="160" align="center"></el-table-column>-->
           <el-table-column label="操作" width="190" align="center" fixed="right">
             <template #default="scope">
               <div class="flex-row">

src/views/apihub/datasource.vue

@@ -6,9 +6,9 @@
         <el-form-item label="数据源名称" prop="keyWord">
           <el-input v-model="params.keyWord" placeholder="请输入数据源名称" clearable style="width: 200px" @keyup.enter.native="getList(1)" />
         </el-form-item>
-        <el-form-item label="日期范围" prop="dateRange">
-          <el-date-picker v-model="params.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" style="width: 240px" />
-        </el-form-item>
+<!--        <el-form-item label="日期范围" prop="dateRange">-->
+<!--          <el-date-picker v-model="params.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" style="width: 240px" />-->
+<!--        </el-form-item>-->
         <el-form-item>
           <el-button type="primary" @click="getList(1)">
             <el-icon><ele-Search /></el-icon>查询
@@ -26,11 +26,11 @@
       <el-table :data="tableData" style="width: 100%" v-loading="loading" row-key="id">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column prop="id" label="ID" width="80" align="center" />
-        <el-table-column prop="name" label="数据源名称" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="name" label="数据源名称" min-width="150" show-overflow-tooltip />
         <el-table-column prop="type" label="数据库类型" width="120" />
-        <el-table-column prop="host" label="主机地址" min-width="120" show-overflow-tooltip />
-        <el-table-column prop="port" label="端口" width="80" align="center" />
-        <el-table-column prop="database" label="数据库名" min-width="120" show-overflow-tooltip />
+<!--        <el-table-column prop="host" label="主机地址" min-width="120" show-overflow-tooltip />-->
+<!--        <el-table-column prop="port" label="端口" width="80" align="center" />-->
+<!--        <el-table-column prop="database" label="数据库名" min-width="120" show-overflow-tooltip />-->
         <el-table-column prop="remark" label="备注" min-width="150" show-overflow-tooltip />
         <el-table-column prop="createdAt" label="创建时间" width="160" />
         <el-table-column label="操作" width="160" align="center" fixed="right">