feat: add ty-table examples

src/utils/ruoyi.js

@@ -58,7 +58,7 @@ export function resetForm(refName) {
 
 // 添加日期范围
 export function addDateRange(params, dateRange, propName) {
-  const search = params;
+  const search = { ...params };
   search.params =
     typeof search.params === 'object' &&
     search.params !== null &&

src/views/monitor/logininfor/index.vue

@@ -107,13 +107,17 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
       ref="tables"
       v-loading="loading"
       :data="list"
       :default-sort="defaultSort"
       @selection-change="handleSelectionChange"
       @sort-change="handleSortChange"
+      :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="infoId" />
@@ -171,15 +175,7 @@
           <span>{{ parseTime(scope.row.loginTime) }}</span>
         </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>
   </div>
 </template>
 
@@ -217,13 +213,13 @@ export default {
       // 默认排序
       defaultSort: { prop: 'loginTime', order: 'descending' },
       // 查询参数
-      queryParams: {
+      queryParams: this.$_setQuery({
         pageNum: 1,
         pageSize: 10,
-        ipaddr: undefined,
-        userName: undefined,
-        status: undefined
-      }
+        ipaddr: '',
+        userName: '',
+        status: ''
+      })
     };
   },
   created() {
@@ -233,6 +229,7 @@ export default {
     /** 查询登录日志列表 */
     getList() {
       this.loading = true;
+      this.$_syncQueryUrl(this.queryParams);
       list(this.addDateRange(this.queryParams, this.dateRange)).then(
         (response) => {
           this.list = response.rows;

src/views/monitor/operlog/index.vue

@@ -120,13 +120,17 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
       ref="tables"
       v-loading="loading"
       :data="list"
       :default-sort="defaultSort"
       @selection-change="handleSelectionChange"
       @sort-change="handleSortChange"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
     >
       <el-table-column type="selection" width="50" align="center" />
       <el-table-column label="日志编号" align="center" prop="operId" />
@@ -214,15 +218,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

src/views/system/notice/index.vue

@@ -82,10 +82,14 @@
       <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
     </el-row>
 
-    <el-table
+    <ty-table
       v-loading="loading"
       :data="noticeList"
       @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
@@ -159,15 +163,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

src/views/system/user/index.vue

@@ -151,10 +151,14 @@
           />
         </el-row>
 
-        <el-table
+        <ty-table
           v-loading="loading"
           :data="userList"
           @selection-change="handleSelectionChange"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
         >
           <el-table-column type="selection" width="50" align="center" />
           <el-table-column
@@ -267,15 +271,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-col>
     </el-row>
 
@@ -454,7 +450,7 @@
       >
         <i class="el-icon-upload" />
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-        <div slot="tip" class="el-upload__tip text-center">
+        <div slot="tip" class="text-center el-upload__tip">
           <div slot="tip" class="el-upload__tip">
             <el-checkbox v-model="upload.updateSupport" />
             是否更新已经存在的用户数据