feat: update table default setting

README.md

@@ -16,6 +16,7 @@
 - [x] 富文本移除 quill，选用 Tinymce
 - [x] 增加 vue-echarts 配合 echarts，方便使用
 - [x] 分页列表使用`ty-table`，统一封装和样式
+- [x] 修改 route.name 以相对 views 目录路径为组合大驼峰，如菜单页面 `SystemMenuIndex`，防止 name 重复
 - [ ] 测试`ty-ui`，并增加页面使用案例
 - [ ] 设计师设计并调整页面整体样式
 

src/assets/styles/element-variables.scss

@@ -3,7 +3,7 @@
 // $--color-primary: $s3;
 
 /* 这里必须这样设置*/
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@taiyuan/ty-ui/packages/theme-chalk/src/fonts';
 $--images-path: '~@taiyuan/ty-ui/packages/theme-chalk/src/images';
 
 @import '~@taiyuan/ty-ui/packages/theme-chalk/src/index.scss';

src/settings.js

@@ -12,7 +12,7 @@ module.exports = {
   /**
    * 是否显示顶部导航
    */
-  topNav: true,
+  topNav: false,
 
   /**
    * 是否显示 tagsView

src/store/modules/permission.js

@@ -67,6 +67,11 @@ function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
       } else if (route.component === 'InnerLink') {
         route.component = InnerLink;
       } else {
+        // 设置route.name以相对views目录路径为组合大驼峰，如菜单页面SystemMenuIndex，防止name重复
+        route.name = (route.component || '').replace(
+          /(?:^|\/)([a-z])/g,
+          (_, match) => match.toUpperCase()
+        );
         route.component = loadView(route.component);
       }
     }

src/views/monitor/job/index.vue

@@ -116,6 +116,7 @@
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column

src/views/monitor/logininfor/index.vue

@@ -108,6 +108,7 @@
     </el-row>
 
     <ty-table
+      class="mt-10"
       ref="tables"
       v-loading="loading"
       :data="list"
@@ -118,6 +119,7 @@
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="访问编号" align="center" prop="infoId" />

src/views/monitor/operlog/index.vue

@@ -121,6 +121,7 @@
     </el-row>
 
     <ty-table
+      class="mt-10"
       ref="tables"
       v-loading="loading"
       :data="list"
@@ -131,6 +132,7 @@
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="50" align="center" />
       <el-table-column label="日志编号" align="center" prop="operId" />

src/views/system/config/index.vue

@@ -116,6 +116,7 @@
     </el-row>
 
     <ty-table
+      class="mt-10"
       v-loading="loading"
       :data="configList"
       @selection-change="handleSelectionChange"
@@ -123,6 +124,7 @@
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="参数主键" align="center" prop="configId" />

src/views/system/dept/index.vue

@@ -60,13 +60,16 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
+      class="mt-10"
       v-if="refreshTable"
       v-loading="loading"
       :data="deptList"
       row-key="deptId"
       :default-expand-all="isExpandAll"
       :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      :hide-on-single-page="true"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column prop="deptName" label="部门名称" width="260" />
       <el-table-column prop="orderNum" label="排序" width="200" />
@@ -118,7 +121,7 @@
           >
         </template>
       </el-table-column>
-    </el-table>
+    </ty-table>
 
     <!-- 添加或修改部门对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>

src/views/system/dict/index.vue

@@ -117,6 +117,7 @@
     </el-row>
 
     <ty-table
+      class="mt-10"
       v-loading="loading"
       :data="typeList"
       @selection-change="handleSelectionChange"
@@ -124,6 +125,7 @@
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="字典编号" align="center" prop="dictId" />

src/views/system/menu/index.vue

@@ -60,12 +60,15 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
+      class="mt-10"
       v-if="refreshTable"
       v-loading="loading"
       :data="menuList"
       row-key="menuId"
       :default-expand-all="isExpandAll"
+      :hide-on-single-page="true"
+      header-cell-class-name="ty-table-header"
       :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
     >
       <el-table-column
@@ -132,7 +135,7 @@
           >
         </template>
       </el-table-column>
-    </el-table>
+    </ty-table>
 
     <!-- 添加或修改菜单对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="680px" append-to-body>
@@ -369,7 +372,7 @@ import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 import IconSelect from '@/components/IconSelect';
 
 export default {
-  name: 'Menu',
+  name: 'SystemMenuIndex',
   dicts: ['sys_show_hide', 'sys_normal_disable'],
   components: { Treeselect, IconSelect },
   data() {

src/views/system/notice/index.vue

@@ -90,6 +90,7 @@
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column

src/views/system/post/index.vue

@@ -101,6 +101,7 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
       :hide-on-single-page="false"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="岗位编号" align="center" prop="postId" />

src/views/system/role/index.vue

@@ -106,6 +106,7 @@
     </el-row>
 
     <ty-table
+      class="mt-10"
       v-loading="loading"
       :data="roleList"
       @selection-change="handleSelectionChange"
@@ -114,6 +115,7 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
       :hide-on-single-page="false"
+      header-cell-class-name="ty-table-header"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="角色编号" prop="roleId" width="120" />

src/views/system/user/index.vue

@@ -152,6 +152,7 @@
         </el-row>
 
         <ty-table
+          class="mt-10"
           v-loading="loading"
           :data="userList"
           @selection-change="handleSelectionChange"
@@ -159,6 +160,7 @@
           :page.sync="queryParams.pageNum"
           :limit.sync="queryParams.pageSize"
           @pagination="getList"
+          header-cell-class-name="ty-table-header"
         >
           <el-table-column type="selection" width="50" align="center" />
           <el-table-column