feat(table): use ty-table

README.md

@@ -15,6 +15,7 @@
 - [x] node-sass 更换为 sass（node-sass 经常安装失败）
 - [x] 富文本移除 quill，选用 Tinymce
 - [x] 增加 vue-echarts 配合 echarts，方便使用
+- [x] 分页列表使用`ty-table`，统一封装和样式
 - [ ] 测试`ty-ui`，并增加页面使用案例
 - [ ] 设计师设计并调整页面整体样式
 

package.json

@@ -52,9 +52,9 @@
     "tailwindcss": "1.9.6",
     "tinymce": "6.4.0",
     "vue": "2.7.16",
-    "vue-echarts": "6.6.1",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
+    "vue-echarts": "6.6.1",
     "vue-meta": "2.4.0",
     "vue-router": "3.6.5",
     "vuedraggable": "2.24.3",

src/views/system/config/index.vue

@@ -115,10 +115,14 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
       v-loading="loading"
       :data="configList"
       @selection-change="handleSelectionChange"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="参数主键" align="center" prop="configId" />
@@ -186,15 +190,7 @@
           >
         </template>
       </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    </ty-table>
 
     <!-- 添加或修改参数配置对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>

src/views/system/dict/index.vue

@@ -116,10 +116,14 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
       v-loading="loading"
       :data="typeList"
       @selection-change="handleSelectionChange"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="字典编号" align="center" prop="dictId" />
@@ -189,16 +193,7 @@
           >
         </template>
       </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
+    </ty-table>
     <!-- 添加或修改参数配置对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">

src/views/system/post/index.vue

@@ -92,10 +92,15 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
       v-loading="loading"
       :data="postList"
       @selection-change="handleSelectionChange"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+      :hide-on-single-page="false"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="岗位编号" align="center" prop="postId" />
@@ -142,16 +147,7 @@
           >
         </template>
       </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
+    </ty-table>
     <!-- 添加或修改岗位对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">

src/views/system/role/index.vue

@@ -105,10 +105,15 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
       v-loading="loading"
       :data="roleList"
       @selection-change="handleSelectionChange"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+      :hide-on-single-page="false"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="角色编号" prop="roleId" width="120" />
@@ -187,16 +192,7 @@
           </el-dropdown>
         </template>
       </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
+    </ty-table>
     <!-- 添加或修改角色配置对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">