添加分页功能

src/views/oneCompany/reflection/components/list.vue

@@ -38,22 +38,25 @@
       <el-table-column type="index" label="序号" width="50" align="center"/>
       <el-table-column prop="USERNAME" label="用户名" align="center"/>
       <el-table-column prop="NAME" label="姓名" align="center"/>
-      <el-table-column prop="BELONG_TO_CORP_NAME" label="外派公司名称" align="center"/>
+      <el-table-column prop="departmentName" label="部门名称" align="center"/>
-      <el-table-column label="操作" align="center" width="450">
+      <el-table-column prop="userPhone" label="用户手机号" align="center"/>
+      <el-table-column prop="deviceId" label="设备id" align="center"/>
+      <el-table-column prop="deviceName" label="设备名称" align="center"/>
+      <el-table-column prop="id" label="其他系统编号" align="center"/>
+      <el-table-column prop="idRemark" label="其他系统备注" align="center"/>
+      <el-table-column prop="createTime" label="创建时间" align="center"/>
+      <el-table-column label="操作" align="center" width="200">
         <template slot-scope="{row}">
-          <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleShow(row)">详情</el-button>
+          <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleDelete(row)">删除</el-button>
-          <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleFlowShow(row)">流程详情</el-button>
+          <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleDelete(row)">编辑</el-button>
-          <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleFlowStepShow(row)">审批流程</el-button>
-          <el-button v-if="row.power_flag === '1'" type="primary" icon="el-icon-s-claim" size="mini" @click="approve([row])">审批</el-button>
-          <el-button v-if="false" type="success" icon="el-icon-edit" size="mini" @click="getUserInfo(row)">电子合格证</el-button>
         </template>
       </el-table-column>
     </el-table>
     <div class="page-btn-group">
       <div>
-        <el-button v-if="false" type="primary" icon="el-icon-plus" @click="handleAdd">批量同意</el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
       </div>
-      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList"/>
+      <pagination :total="listQuery.total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList"/>
     </div>
   </div>
 </template>
@@ -70,36 +73,11 @@ export default {
   data() {
     return {
       config: config,
-      QRCodeDialog: false,
-      qrcodeStr: '',
-      userDetailForm: {},
-      specialUsersList: {},
-      detailForm: {},
-      userEntryForm: {},
-      imgUrl: '',
-      SUPERVISE_CORPINFO_ID: '',
-      wenhuachengduList: [], // 文化程度
-      postList: [], // 岗位名称
-      photosOfLevel: [], // 三级教育照片
-      trainRecordList: [], // 培训记录
-      contractFileList: [], // 合同文件
-      insuranceFileList: [], // 保险文件
-      gongshangbaoxianFile: [],
-      userPhotoFile: [], // 头像
-      userCardIDPhotoFile: [], // 身份证照片
-      socialPhotoFile: [], // 身份证照片
       listQuery: {
-        page: 1,
+        page: 0,
-        limit: 20
+        limit: 10,
+        total: 0
       },
-      total: 0,
-      varList: [],
-      KEYWORDS: '',
-      statusList: [{ value: 0, label: '未培训' }, { value: 1, label: '培训中' }, {
-        value: 2,
-        label: '已培训(合格)'
-      }, { value: 3, label: '已培训(不合格)' }, { value: 9, label: '申请中' }],
-      STATUS: '',
       add: false,		// 新增按钮
       del: false,		// 删除按钮
       edit: false	// 修改按钮
@@ -138,7 +116,7 @@ export default {
     getList() {
       this.listLoading = true
       requestFN(
-        '/xgf/user/getAppointApproveList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        '/dw/getMapList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
         {
           KEYWORDS: this.KEYWORDS,
           STATUS: '1',
@@ -154,21 +132,6 @@ export default {
           this.listLoading = false
         })
     },
-    handleShow(row) {
-      this.$refs.userInfos.init(row)
-    },
-    handleFlowShow(row) {
-      this.$refs.flowInfo.init(row)
-    },
-    handleFlowStepShow(row) {
-      this.$refs.flowStep.init(row)
-    },
-    approve(row) {
-      this.$refs.sendUtil.init(row)
-    },
-    getUserInfo(row) {
-      this.$refs.userInfo.init(row)
-    },
     handleAdd() {
       const _selectData = this.$refs.multipleTable.selection
       if (_selectData == null || _selectData.length == 0) {
@@ -219,22 +182,11 @@ export default {
         })
     },
     getDict: function() {
-      requestFN(
+      requestFN('dw/getDictionary').then((data) => {
-        'dictionaries/getLevels',
-        { DICTIONARIES_ID: 'd7d80f08d73a4accbccf4fd3d8d1d867' }
-      ).then((data) => {
         this.wenhuachengduList = data.list
       }).catch((e) => {
         this.listLoading = false
       })
-      requestFN(
-        'dictionaries/getLevels',
-        { DICTIONARIES_ID: '09e36ac01e9540f8bc84eab1c1a78754' }
-      ).then((data) => {
-        this.postList = data.list
-      }).catch((e) => {
-        this.listLoading = false
-      })
     }
   }
 }